H1K0-dev/tanabata
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(web): add text filter to tags page

Browse Source
This commit is contained in:
Masahiko AMANO 2023-01-30 23:31:06 +03:00
parent 478e67cc95
commit ca0bd0726a
2 changed files with 25 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
web/public/js/tfm-tags.js
View File

@ -9,6 +9,23 @@ $(window).on("load", function () {
});
});
$(document).on("input", "#text-filter", function (e) {
let filter = $(this).val().toLowerCase();
let unfiltered = $(".item");
if (filter === "") {
unfiltered.css("display", "block");
return;
}
unfiltered.each((index, element) => {
let current = $(element);
if (current.text().toLowerCase().includes(filter)) {
current.css("display", "block");
} else {
current.css("display", "none");
}
});
});
$(document).on("dblclick", ".item", function (e) {
e.preventDefault();
let id = parseInt($(this).attr("id").slice(1));

8
web/public/tfm/tags.html
View File

@ -31,6 +31,14 @@
<body>
<h1><a href="/tfm" title="TFM: Home">TFM: Tags</a></h1>
<main>
<form id="filter">
<div class="form-group row">
<label class="col-sm-3 col-form-label" for="text-filter">Tag filter</label>
<div class="col-sm-9">
<input type="text" name="text-filter" class="form-control" id="text-filter">
</div>
</div>
</form>
<div class="contents-wrapper">
</div>
</main>