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; return true;
}); });
$(".item.selected").removeClass("selected"); menu_view_file_open();
$(".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");
}
}); });
$(document).on("input", "#text-filter", function (e) { $(document).on("input", "#text-filter", function (e) {
@ -77,8 +59,6 @@ $(document).on("submit", "#menu-file-view form", function (e) {
alert("Something went wrong!"); alert("Something went wrong!");
return; return;
} }
$(".menu-wrapper").css("display", "none");
$("#menu-file-view").css("display", "none");
resp.data.forEach(tanzaku => { resp.data.forEach(tanzaku => {
let current = $(`#t${tanzaku.id}`) let current = $(`#t${tanzaku.id}`)
if (current.hasClass("selected")) { 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)); console.log("ERROR: failed to add kazari: " + current_sasa.id + '-' + $(element).attr("id").slice(1));
} }
}); });
$(".list-item").removeClass("selected").css("display", "block"); menu_view_close();
$("#text-filter").val("");
}); });
$(document).on("submit", "#menu-add form", function (e) { $(document).on("submit", "#menu-add form", function (e) {
@ -105,7 +84,6 @@ $(document).on("submit", "#menu-add form", function (e) {
alert("Something went wrong!"); alert("Something went wrong!");
return; return;
} }
$(".menu-wrapper").css("display", "none"); menu_add_close();
$("#menu-add").css("display", "none");
location.reload(true); 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) { $(document).keyup(function (e) {
if (e.key === "Escape") { if (e.key === "Escape") {
$(".selected").removeClass("selected"); $(".selected").removeClass("selected");
@ -101,8 +172,7 @@ $(document).on("click", ".item", function (e) {
$(document).on("click", "#btn-new", function (e) { $(document).on("click", "#btn-new", function (e) {
e.preventDefault(); e.preventDefault();
$(".menu-wrapper").css("display", "flex"); menu_add_open();
$("#menu-add").css("display", "flex");
}); });
$(document).on("click", ".list-item", function (e) { $(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) { $(document).on("click", "#btn-close", function (e) {
e.preventDefault(); e.preventDefault();
$(".menu-wrapper").css("display", "none"); menu_view_close();
$("#menu-view").css("display", "none");
$(".list-item").removeClass("selected").css("display", "block");
$("#name").val("");
$(".menu #text-filter").val("");
}); });
$(document).on("click", "#btn-reset", function (e) { $(document).on("click", "#btn-reset", function (e) {
e.preventDefault(); e.preventDefault();
$(".menu-wrapper").css("display", "none"); menu_add_close();
$("#menu-add").css("display", "none");
$("#new-name").val("");
$("#new-description").val("");
}); });

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) { $(document).on("dblclick", ".item", function (e) {
e.preventDefault(); e.preventDefault();
$(function () {
$(".thumb").Lazy({
scrollDirection: "vertical",
effect: "fadeIn",
visibleOnly: true,
appendScroll: $(".list")[0],
});
});
let id = parseInt($(this).attr("id").slice(1)); let id = parseInt($(this).attr("id").slice(1));
sappyou.every(tanzaku => { sappyou.every(tanzaku => {
if (tanzaku.id === id) { if (tanzaku.id === id) {
@ -44,23 +36,7 @@ $(document).on("dblclick", ".item", function (e) {
} }
return true; return true;
}); });
$(".item.selected").removeClass("selected"); menu_view_tag_open();
$(".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");
}
}); });
$(document).on("submit", "#menu-view form", function (e) { $(document).on("submit", "#menu-view form", function (e) {
@ -70,8 +46,6 @@ $(document).on("submit", "#menu-view form", function (e) {
alert("Something went wrong!"); alert("Something went wrong!");
return; return;
} }
$(".menu-wrapper").css("display", "none");
$("#menu-view").css("display", "none");
resp.data.forEach(sasa => { resp.data.forEach(sasa => {
let current = $(`#s${sasa.id}`) let current = $(`#s${sasa.id}`)
if (current.hasClass("selected")) { 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); 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) { $(document).on("click", "#btn-remove", function (e) {
@ -100,8 +74,7 @@ $(document).on("click", "#btn-remove", function (e) {
alert("Something went wrong!"); alert("Something went wrong!");
return; return;
} }
$(".menu-wrapper").css("display", "none"); menu_add_close();
$("#menu-view").css("display", "none");
location.reload(true); location.reload(true);
}); });
@ -112,7 +85,6 @@ $(document).on("submit", "#menu-add form", function (e) {
alert("Something went wrong!"); alert("Something went wrong!");
return; return;
} }
$(".menu-wrapper").css("display", "none"); menu_add_close();
$("#menu-add").css("display", "none");
location.reload(true); location.reload(true);
}); });