abaevdict/abaev-basex-htmx
1
0
Fork 0
forked from abaevdict/abaev-basex
Code Issues 1 Pull requests Activity

fixed quick filter

Browse source
This commit is contained in:
Oleg Belyaev 2025-03-23 22:31:58 +03:00
parent e808e2877c
commit 7b35bf2e83
3 changed files with 52 additions and 42 deletions
Download patch file Download diff file Expand all files Collapse all files

64
static/abaev.js
View file

@ -98,6 +98,34 @@ $( document ).ready(function() {
});
// ENTRY LIST SIDE PANEL
// Function to produce HTML for the entry list
function filterEntryList(list, filter, showSubentries) {
let listHtml = "";
for (entry of list) {
let entryID = entry.xmlid;
let entryForm = entry.form;
if (entryForm.toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "").startsWith(filter)
&& (!entry.subentry || showSubentries)
) {
listHtml += `<li id="link_${entryID}"${entry.subentry ? ' class="abv-menu-re"' : ''}"><a href="./dict/${entryID}">${entryForm}</a></li>`
}
}
listHtml = $(`<ul>${listHtml}</ul>`);
$("#entrylist").append(listHtml);
}
// Fetch entries from the server when page loads
var entries = [];
fetch('./api/entries')
.then(res => res.json())
.then(out => {
entries = out;
filterEntryList(entries, '', false);
})
.then(err => console.log(err));
// Function to scroll the entry list to the selected entry OR to the first entry displayed on the current page if there is no hash in the URL
function scrollView() {
var $container = $('#entrylist')
@ -113,10 +141,7 @@ $( document ).ready(function() {
// Click to open the offcanvas entry list
$( '#open-leftbar' ).on('click', function() {
// $("#leftbar")[0].style.width = "250px";
$("#leftbar").show();
// $("#leftbar")[0].style.paddingLeft = "10px";
$("main")[0].style.marginLeft = "250px";
$("header nav")[0].style.marginLeft = "250px";
$("footer nav")[0].style.marginLeft = "250px";
@ -139,27 +164,26 @@ $( document ).ready(function() {
// Quick filter functionality
$('#filter-entries').on("keyup", function () {
$("#entrylist > ul").remove();
var value = $(this).val().toLowerCase();
if (value.length > 0) {
$("#entrylist > ul > li:not([hidden])").filter(function () {
return $(this).toggle($(this).children('a').text().toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "").startsWith(value))
});
}
else {
$("#entrylist > ul > li").show();
}
return false;
filterEntryList(entries, value, $('#show-re').prop('checked'))
// var value = $(this).val().toLowerCase();
// if (value.length > 0) {
// $("#entrylist > ul > li:not([hidden])").filter(function () {
// return $(this).toggle($(this).children('a').text().toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "").startsWith(value))
// });
// }
// else {
// $("#entrylist > ul > li").show();
// }
//
// return false;
});
// Event handler to show subentries
$('#show-re').on("change", function () {
if($(this).prop('checked')) {
console.log('haha')
$('li.abv-menu-re').removeAttr('hidden');
}
else {
$('li.abv-menu-re').prop('hidden',true);
}
$("#entrylist > ul").remove();
filterEntryList(entries, $("#filter-entries").val().toLowerCase(), $(this).prop('checked'));
scrollView();
});
});