85 lines
3.9 KiB
JavaScript
85 lines
3.9 KiB
JavaScript
"use strict";
|
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
(() => {
|
|
const urlPrefix = document.querySelector("main").dataset.urlPrefix;
|
|
const maps = exports.maps;
|
|
const searchFilterElement = document.querySelector("#searchFilter--map");
|
|
const searchResultsContainerElement = document.querySelector("#container--searchResults");
|
|
const renderResults = () => {
|
|
searchResultsContainerElement.innerHTML = "<div class=\"has-text-grey has-text-centered\">" +
|
|
"<i class=\"fas fa-5x fa-circle-notch fa-spin\" aria-hidden=\"true\"></i><br />" +
|
|
"Loading " + exports.aliases.maps + "..." +
|
|
"</div>";
|
|
let searchResultCount = 0;
|
|
const searchResultsTbodyElement = document.createElement("tbody");
|
|
const filterStringSplit = searchFilterElement.value.trim().toLowerCase().split(" ");
|
|
for (const map of maps) {
|
|
const mapSearchString = (map.mapName + " " +
|
|
map.mapDescription + " " +
|
|
map.mapAddress1 + " " +
|
|
map.mapAddress2).toLowerCase();
|
|
let showMap = true;
|
|
for (const filterStringPiece of filterStringSplit) {
|
|
if (!mapSearchString.includes(filterStringPiece)) {
|
|
showMap = false;
|
|
break;
|
|
}
|
|
}
|
|
if (!showMap) {
|
|
continue;
|
|
}
|
|
searchResultCount += 1;
|
|
const mapName = map.mapName === "" ?
|
|
"(No Name)" :
|
|
map.mapName;
|
|
searchResultsTbodyElement.insertAdjacentHTML("beforeend", "<tr>" +
|
|
("<td>" +
|
|
"<a class=\"has-text-weight-bold\" href=\"" + urlPrefix + "/maps/" + map.mapId + "\">" +
|
|
cityssm.escapeHTML(mapName) +
|
|
"</a><br />" +
|
|
cityssm.escapeHTML(map.mapAddress1) +
|
|
"</td>") +
|
|
"<td class=\"has-text-centered\">" +
|
|
(map.mapLatitude && map.mapLongitude ?
|
|
"<i class=\"fas fa-map-marker-alt\" title=\"Has Geographic Coordinates\"></i>" :
|
|
"") +
|
|
"</td>" +
|
|
"<td class=\"has-text-centered\">" +
|
|
(map.mapSVG ?
|
|
"<i class=\"fas fa-image\" title=\"Has Image\"></i>" :
|
|
"") +
|
|
"</td>" +
|
|
("<td class=\"has-text-right\">" +
|
|
"<a href=\"" + urlPrefix + "/lots?mapId=" + map.mapId + "\">" +
|
|
map.lotCount +
|
|
"</a>" +
|
|
"</td>") +
|
|
"</tr>");
|
|
}
|
|
searchResultsContainerElement.innerHTML = "";
|
|
if (searchResultCount === 0) {
|
|
searchResultsContainerElement.innerHTML = "<div class=\"message is-info\">" +
|
|
"<p class=\"message-body\">There are no " + exports.aliases.maps.toLowerCase() + " that meet the search criteria.</p>" +
|
|
"</div>";
|
|
}
|
|
else {
|
|
const searchResultsTableElement = document.createElement("table");
|
|
searchResultsTableElement.className = "table is-fullwidth is-striped is-hoverable";
|
|
searchResultsTableElement.innerHTML = "<thead><tr>" +
|
|
"<th>" + exports.aliases.map + "</th>" +
|
|
"<th class=\"has-text-centered\">Coordinates</th>" +
|
|
"<th class=\"has-text-centered\">Image</th>" +
|
|
"<th class=\"has-text-right\">" + exports.aliases.lot + " Count</th>" +
|
|
"</tr></thead>";
|
|
searchResultsTableElement.append(searchResultsTbodyElement);
|
|
searchResultsContainerElement.append(searchResultsTableElement);
|
|
}
|
|
};
|
|
searchFilterElement.addEventListener("keyup", renderResults);
|
|
document.querySelector("#form--searchFilters").addEventListener("submit", (formEvent) => {
|
|
formEvent.preventDefault();
|
|
renderResults();
|
|
});
|
|
renderResults();
|
|
})();
|