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

fix(web): fix tag view menu lazy load

Browse Source
This commit is contained in:
Masahiko AMANO 2023-02-18 00:50:35 +03:00
parent 1243c4dc93
commit 90ac5324ea
5 changed files with 19 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
web/public/js/tfm-files.js
View File

@ -16,6 +16,13 @@ $(window).on("load", function () {
sappyou.forEach((tanzaku) => {
$("#menu-file-view .list").append(`<div class="list-item tanzaku" tid="${tanzaku.id}">${tanzaku.name}</div>`);
});
lazy_menu = $("#menu-tag-view .thumb").lazy({
chainable: false,
scrollDirection: "vertical",
effect: "fadeIn",
visibleOnly: true,
appendScroll: $("#menu-tag-view .list")[0],
});
});
$(document).on("submit", "#menu-add form", function (e) {

11
web/public/js/tfm-management.js
View File

@ -13,6 +13,7 @@ if (sort_tanzaku == null) {
var current_sasa = null, current_tanzaku = null;
var current_sasa_index = -1;
var menu_count = 0;
var lazy_menu;
function menu_view_file_open() {
if (menu_count > 1) {
@ -45,14 +46,6 @@ function menu_view_tag_open() {
return;
}
menu_count++;
$(function () {
$("#menu-tag-view .thumb").Lazy({
scrollDirection: "vertical",
effect: "fadeIn",
visibleOnly: true,
appendScroll: $("#menu-tag-view .list")[0],
});
});
$("#menu-tag-view .selected").removeClass("selected");
$("#menu-tag-view").css("display", "flex");
$("#menu-tag-view .list-item").css("display", "");
@ -71,6 +64,7 @@ function menu_view_tag_open() {
} else {
$("#menu-tag-view .list-item:not(.selected)").css("display", "block");
}
lazy_menu.update();
}
function menu_view_file_close() {
@ -220,6 +214,7 @@ $(document).on("click", "#tag-selection-filter", function (e) {
} else {
notselected.css("display", "block");
}
lazy_menu.update();
});
$(document).on("input", "#text-filter", function (e) {

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

@ -8,6 +8,13 @@ $(window).on("load", function () {
sasahyou.forEach((sasa) => {
$("#menu-tag-view .list").append(`<div class="list-item sasa" sid="${sasa.id}" title="${sasa.path.split('/').slice(-1)}"><img class="thumb" data-src="${"/thumbs/" + sasa.path}"><div class="overlay"></div></div>`);
});
lazy_menu = $("#menu-tag-view .thumb").lazy({
chainable: false,
scrollDirection: "vertical",
effect: "fadeIn",
visibleOnly: true,
appendScroll: $("#menu-tag-view .list")[0],
});
});
$(document).on("input", "#text-filter-all", function (e) {

2
web/public/tfm/files.html
View File

@ -83,7 +83,7 @@
<textarea class="form-control" name="description" id="description" rows="2"></textarea>
</div>
<div class="form-group form-check">
<input type="checkbox" name="selection-filter" class="form-check-input" id="tag-selection-filter">
<input type="checkbox" name="selection-filter" class="form-check-input" id="tag-selection-filter" checked>
<label class="form-check-label" for="tag-selection-filter">Show only selected</label>
</div>
<div class="form-group list"></div>

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

@ -58,7 +58,7 @@
<textarea class="form-control" name="description" id="description" rows="2"></textarea>
</div>
<div class="form-group form-check">
<input type="checkbox" name="selection-filter" class="form-check-input" id="tag-selection-filter">
<input type="checkbox" name="selection-filter" class="form-check-input" id="tag-selection-filter" checked>
<label class="form-check-label" for="tag-selection-filter">Show only selected</label>
</div>
<div class="form-group list"></div>