tech/tanabata
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

perf(web): improve sasa menu design

Browse Source
This commit is contained in:
Masahiko AMANO
2023-01-29 15:20:50 +03:00
parent 9159cd0aca
commit ed855ba9f9
4 changed files with 83 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/public/js/tfm.js
+21 -8
View File
@@ -13,7 +13,7 @@ function sasa_load(id) {
if (id < 0) {
sasahyou = resp.data;
sasahyou.forEach((sasa) => {
$(".contents-wrapper").append(`<div class="item" id="s${sasa.id}" title="${sasa.path.split('/').slice(-1)}" style="background-image: url(${"/thumbs/" + sasa.path})"><div class="overlay"></div></div>`);
$(".contents-wrapper").append(`<div class="sasa" id="s${sasa.id}" title="${sasa.path.split('/').slice(-1)}" style="background-image: url(${"/thumbs/" + sasa.path})"><div class="overlay"></div></div>`);
});
}
}
@@ -31,7 +31,7 @@ function tanzaku_load(id) {
if (id < 0) {
sappyou = resp.data;
sappyou.forEach((tanzaku) => {
$("#tanzaku-list").append(`<div class="form-check"><input class="form-check-input" type="checkbox" id="ct${tanzaku.id}"><label class="form-check-label" for="ct${tanzaku.id}">${tanzaku.name}</label></div>`);
$("#tanzaku-list").append(`<div class="tanzaku" id="t${tanzaku.id}">${tanzaku.name}</div>`);
});
}
}
@@ -53,7 +53,7 @@ $(window).on("load", function () {
sasa_load(-1);
tanzaku_load(-1);
kazari_load();
})
});
$(document).keyup(function (e) {
if (e.key === "Escape") {
@@ -61,7 +61,7 @@ $(document).keyup(function (e) {
}
});
$(document).on("click", ".item", function (e) {
$(document).on("click", ".sasa", function (e) {
let wasSelected = $(this).hasClass("selected");
if (!e.ctrlKey) {
$(".selected").removeClass("selected");
@@ -74,7 +74,7 @@ $(document).on("click", ".item", function (e) {
}
});
$(document).on("dblclick", ".item", function (e) {
$(document).on("dblclick", ".sasa", function (e) {
let id = parseInt($(this).attr("id").slice(1));
let sasa;
sasahyou.every(current_sasa => {
@@ -86,16 +86,29 @@ $(document).on("dblclick", ".item", function (e) {
});
$(".menu-wrapper").css("display", "flex");
$("#sasa-name").val(decodeURI(sasa.path));
$("#btn-full").attr("href", "/files/" + sasa.path);
let resp = tdb_query("$TFM", 24, '' + id);
if (!resp.status) {
alert("Something went wrong!");
return;
}
resp.data.forEach(tanzaku => {
$(`#ct${tanzaku.id}`).prop("checked", true);
$(`#t${tanzaku.id}`).addClass("selected");
});
});
$(document).on("click", ".menu-wrapper", function (e) {
$(".menu-wrapper").css("display", "none");
$(document).on("click", "#btn-close", function (e) {
e.preventDefault();
$("#sasa-menu").css("display", "none");
sappyou.forEach(tanzaku => {
$(`#t${tanzaku.id}`).removeClass("selected");
});
});
$(document).on("click", ".tanzaku", function (e) {
if ($(this).hasClass("selected")) {
$(this).removeClass("selected");
} else {
$(this).addClass("selected");
}
});