83 lines
3.8 KiB
JavaScript
83 lines
3.8 KiB
JavaScript
"use strict";
|
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
(() => {
|
|
const sunrise = exports.sunrise;
|
|
const funeralHomes = exports.funeralHomes;
|
|
const searchFilterElement = document.querySelector('#searchFilter--funeralHome');
|
|
const searchResultsContainerElement = document.querySelector('#container--searchResults');
|
|
// eslint-disable-next-line complexity
|
|
function renderResults() {
|
|
// eslint-disable-next-line no-unsanitized/property
|
|
searchResultsContainerElement.innerHTML = sunrise.getLoadingParagraphHTML(`Loading Funeral Homes...`);
|
|
let searchResultCount = 0;
|
|
const searchResultsTbodyElement = document.createElement('tbody');
|
|
const filterStringSplit = searchFilterElement.value
|
|
.trim()
|
|
.toLowerCase()
|
|
.split(' ');
|
|
for (const funeralHome of funeralHomes) {
|
|
const searchString = `${funeralHome.funeralHomeName ?? ''} ${funeralHome.funeralHomeAddress1 ?? ''} ${funeralHome.funeralHomeAddress2 ?? ''}`.toLowerCase();
|
|
let showRecord = true;
|
|
for (const filterStringPiece of filterStringSplit) {
|
|
if (!searchString.includes(filterStringPiece)) {
|
|
showRecord = false;
|
|
break;
|
|
}
|
|
}
|
|
if (!showRecord) {
|
|
continue;
|
|
}
|
|
searchResultCount += 1;
|
|
// eslint-disable-next-line no-unsanitized/method
|
|
searchResultsTbodyElement.insertAdjacentHTML('beforeend', `<tr>
|
|
<td>
|
|
<a class="has-text-weight-bold" href="${sunrise.getFuneralHomeURL(funeralHome.funeralHomeId)}">
|
|
${cityssm.escapeHTML((funeralHome.funeralHomeName ?? '') === '' ? '(No Name)' : funeralHome.funeralHomeName ?? '')}
|
|
</a>
|
|
</td><td>
|
|
${(funeralHome.funeralHomeAddress1 ?? '') === ''
|
|
? ''
|
|
: `${cityssm.escapeHTML(funeralHome.funeralHomeAddress1 ?? '')}<br />`}
|
|
${(funeralHome.funeralHomeAddress2 ?? '') === ''
|
|
? ''
|
|
: `${cityssm.escapeHTML(funeralHome.funeralHomeAddress2 ?? '')}<br />`}
|
|
${funeralHome.funeralHomeCity || funeralHome.funeralHomeProvince
|
|
? `${cityssm.escapeHTML(funeralHome.funeralHomeCity ?? '')}, ${cityssm.escapeHTML(funeralHome.funeralHomeProvince ?? '')}<br />`
|
|
: ''}
|
|
${(funeralHome.funeralHomePostalCode ?? '') === ''
|
|
? ''
|
|
: cityssm.escapeHTML(funeralHome.funeralHomePostalCode ?? '')}
|
|
</td><td>
|
|
${cityssm.escapeHTML(funeralHome.funeralHomePhoneNumber ?? '')}
|
|
</td>
|
|
</tr>`);
|
|
}
|
|
searchResultsContainerElement.innerHTML = '';
|
|
if (searchResultCount === 0) {
|
|
searchResultsContainerElement.innerHTML = `<div class="message is-info">
|
|
<p class="message-body">There are no funeral homes that meet the search criteria.</p>
|
|
</div>`;
|
|
}
|
|
else {
|
|
const searchResultsTableElement = document.createElement('table');
|
|
searchResultsTableElement.className =
|
|
'table is-fullwidth is-striped is-hoverable has-sticky-header';
|
|
searchResultsTableElement.innerHTML = `<thead><tr>
|
|
<th>Funeral Home</th>
|
|
<th>Address</th>
|
|
<th>Phone Number</th>
|
|
</tr></thead>`;
|
|
searchResultsTableElement.append(searchResultsTbodyElement);
|
|
searchResultsContainerElement.append(searchResultsTableElement);
|
|
}
|
|
}
|
|
searchFilterElement.addEventListener('keyup', renderResults);
|
|
document
|
|
.querySelector('#form--searchFilters')
|
|
?.addEventListener('submit', (formEvent) => {
|
|
formEvent.preventDefault();
|
|
renderResults();
|
|
});
|
|
renderResults();
|
|
})();
|