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

refactor(web): move menu open/close actions into separate functions

Browse Source
This commit is contained in:
Masahiko AMANO 2023-02-02 23:28:18 +03:00
parent 689e6f9136
commit b7ad148d27
3 changed files with 81 additions and 68 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -27,25 +27,7 @@ $(document).on("dblclick", ".item", function (e) {
}
return true;
});
$(".item.selected").removeClass("selected");
$(".menu-wrapper").css("display", "flex");
$("#menu-file-view").css("display", "flex");
$("#preview").attr("src", "/preview/" + current_sasa.path);
$("#name").val(decodeURI(current_sasa.path));
$("#btn-full").attr("href", "/files/" + current_sasa.path);
let resp = tdb_query("$TFM", 24, '' + id);
if (!resp.status) {
alert("Something went wrong!");
return;
}
resp.data.forEach(tanzaku => {
$(`#t${tanzaku.id}`).addClass("selected");
});
if ($("#selection-filter")[0].checked) {
$(".list-item:not(.selected)").css("display", "none");
} else {
$(".list-item:not(.selected)").css("display", "block");
}
menu_view_file_open();
});
$(document).on("input", "#text-filter", function (e) {
@ -77,8 +59,6 @@ $(document).on("submit", "#menu-file-view form", function (e) {
alert("Something went wrong!");
return;
}
$(".menu-wrapper").css("display", "none");
$("#menu-file-view").css("display", "none");
resp.data.forEach(tanzaku => {
let current = $(`#t${tanzaku.id}`)
if (current.hasClass("selected")) {
@ -94,8 +74,7 @@ $(document).on("submit", "#menu-file-view form", function (e) {
console.log("ERROR: failed to add kazari: " + current_sasa.id + '-' + $(element).attr("id").slice(1));
}
});
$(".list-item").removeClass("selected").css("display", "block");
$("#text-filter").val("");
menu_view_close();
});
$(document).on("submit", "#menu-add form", function (e) {
@ -105,7 +84,6 @@ $(document).on("submit", "#menu-add form", function (e) {
alert("Something went wrong!");
return;
}
$(".menu-wrapper").css("display", "none");
$("#menu-add").css("display", "none");
menu_add_close();
location.reload(true);
});

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

@ -77,6 +77,77 @@ function shoppyou_load() {
}
}
function menu_view_file_open() {
$(".selected").removeClass("selected");
$(".menu-wrapper").css("display", "flex");
$("#menu-file-view").css("display", "flex");
$("#preview").attr("src", "/preview/" + current_sasa.path);
$("#name").val(decodeURI(current_sasa.path));
$("#btn-full").attr("href", "/files/" + current_sasa.path);
let resp = tdb_query("$TFM", 24, '' + current_sasa.id);
if (!resp.status) {
alert("Something went wrong!");
return;
}
resp.data.forEach(tanzaku => {
$(`#t${tanzaku.id}`).addClass("selected");
});
if ($("#selection-filter")[0].checked) {
$(".list-item:not(.selected)").css("display", "none");
} else {
$(".list-item:not(.selected)").css("display", "block");
}
}
function menu_view_tag_open() {
$(function () {
$(".thumb").Lazy({
scrollDirection: "vertical",
effect: "fadeIn",
visibleOnly: true,
appendScroll: $(".list")[0],
});
});
$(".selected").removeClass("selected");
$(".menu-wrapper").css("display", "flex");
$("#menu-view").css("display", "flex");
$("#name").val(decodeURI(current_tanzaku.name));
let resp = tdb_query("$TFM", 40, '' + current_tanzaku.id);
if (!resp.status) {
alert("Something went wrong!");
return;
}
resp.data.forEach(sasa => {
$(`#s${sasa.id}`).addClass("selected");
});
if ($("#selection-filter")[0].checked) {
$(".list-item:not(.selected)").css("display", "none");
} else {
$(".list-item:not(.selected)").css("display", "block");
}
}
function menu_view_close() {
$(".menu-wrapper").css("display", "none");
$("#menu-view").css("display", "none");
$("#menu-file-view").css("display", "none");
$(".list-item").removeClass("selected").css("display", "block");
$("#name").val("");
$(".menu #text-filter").val("");
}
function menu_add_open() {
$(".menu-wrapper").css("display", "flex");
$("#menu-add").css("display", "flex");
}
function menu_add_close() {
$(".menu-wrapper").css("display", "none");
$("#menu-add").css("display", "none");
$("#new-name").val("");
$("#new-description").val("");
}
$(document).keyup(function (e) {
if (e.key === "Escape") {
$(".selected").removeClass("selected");
@ -101,8 +172,7 @@ $(document).on("click", ".item", function (e) {
$(document).on("click", "#btn-new", function (e) {
e.preventDefault();
$(".menu-wrapper").css("display", "flex");
$("#menu-add").css("display", "flex");
menu_add_open();
});
$(document).on("click", ".list-item", function (e) {
@ -123,17 +193,10 @@ $(document).on("click", "#selection-filter", function (e) {
$(document).on("click", "#btn-close", function (e) {
e.preventDefault();
$(".menu-wrapper").css("display", "none");
$("#menu-view").css("display", "none");
$(".list-item").removeClass("selected").css("display", "block");
$("#name").val("");
$(".menu #text-filter").val("");
menu_view_close();
});
$(document).on("click", "#btn-reset", function (e) {
e.preventDefault();
$(".menu-wrapper").css("display", "none");
$("#menu-add").css("display", "none");
$("#new-name").val("");
$("#new-description").val("");
menu_add_close();
});

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

@ -28,14 +28,6 @@ $(document).on("input", "#text-filter", function (e) {
$(document).on("dblclick", ".item", function (e) {
e.preventDefault();
$(function () {
$(".thumb").Lazy({
scrollDirection: "vertical",
effect: "fadeIn",
visibleOnly: true,
appendScroll: $(".list")[0],
});
});
let id = parseInt($(this).attr("id").slice(1));
sappyou.every(tanzaku => {
if (tanzaku.id === id) {
@ -44,23 +36,7 @@ $(document).on("dblclick", ".item", function (e) {
}
return true;
});
$(".item.selected").removeClass("selected");
$(".menu-wrapper").css("display", "flex");
$("#menu-view").css("display", "flex");
$("#name").val(decodeURI(current_tanzaku.name));
let resp = tdb_query("$TFM", 40, '' + id);
if (!resp.status) {
alert("Something went wrong!");
return;
}
resp.data.forEach(sasa => {
$(`#s${sasa.id}`).addClass("selected");
});
if ($("#selection-filter")[0].checked) {
$(".list-item:not(.selected)").css("display", "none");
} else {
$(".list-item:not(.selected)").css("display", "block");
}
menu_view_tag_open();
});
$(document).on("submit", "#menu-view form", function (e) {
@ -70,8 +46,6 @@ $(document).on("submit", "#menu-view form", function (e) {
alert("Something went wrong!");
return;
}
$(".menu-wrapper").css("display", "none");
$("#menu-view").css("display", "none");
resp.data.forEach(sasa => {
let current = $(`#s${sasa.id}`)
if (current.hasClass("selected")) {
@ -87,7 +61,7 @@ $(document).on("submit", "#menu-view form", function (e) {
console.log("ERROR: failed to add kazari: " + $(element).attr("id").slice(1) + '-' + current_tanzaku.id);
}
});
$(".list-item").removeClass("selected").css("display", "block");
menu_add_close();
});
$(document).on("click", "#btn-remove", function (e) {
@ -100,8 +74,7 @@ $(document).on("click", "#btn-remove", function (e) {
alert("Something went wrong!");
return;
}
$(".menu-wrapper").css("display", "none");
$("#menu-view").css("display", "none");
menu_add_close();
location.reload(true);
});
@ -112,7 +85,6 @@ $(document).on("submit", "#menu-add form", function (e) {
alert("Something went wrong!");
return;
}
$(".menu-wrapper").css("display", "none");
$("#menu-add").css("display", "none");
menu_add_close();
location.reload(true);
});