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

feat(web): adding/removing file tags

Browse Source
This commit is contained in:
Masahiko AMANO 2023-01-29 16:43:11 +03:00
parent 6f3ac78fd0
commit 8c2fba25f0
3 changed files with 41 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
web/public/css/tfm.css
View File

@ -15,11 +15,8 @@ main {
} }
.contents-wrapper { .contents-wrapper {
position: absolute; width: 100%;
top: 0; height: 100%;
right: 0;
bottom: 0;
left: 0;
justify-content: flex-start; justify-content: flex-start;
align-items: flex-start; align-items: flex-start;
flex-wrap: wrap; flex-wrap: wrap;

45
web/public/js/tfm.js
View File

@ -1,4 +1,6 @@
var sasahyou, sappyou, shoppyou; var sasahyou = null, sappyou = null, shoppyou = null;
var current_sasa = null, current_tanzaku = null;
var sasa_modified = false, tanzaku_modified = false;
function sasa_load(id) { function sasa_load(id) {
resp = tdb_query("$TFM", 16, id < 0 ? "" : `${id}`); resp = tdb_query("$TFM", 16, id < 0 ? "" : `${id}`);
@ -76,17 +78,17 @@ $(document).on("click", ".sasa", function (e) {
$(document).on("dblclick", ".sasa", function (e) { $(document).on("dblclick", ".sasa", function (e) {
let id = parseInt($(this).attr("id").slice(1)); let id = parseInt($(this).attr("id").slice(1));
let sasa; sasahyou.every(sasa => {
sasahyou.every(current_sasa => { if (sasa.id === id) {
if (current_sasa.id === id) { current_sasa = sasa;
sasa = current_sasa;
return false; return false;
} }
return true; return true;
}); });
$(".sasa.selected").removeClass("selected");
$(".menu-wrapper").css("display", "flex"); $(".menu-wrapper").css("display", "flex");
$("#sasa-name").val(decodeURI(sasa.path)); $("#sasa-name").val(decodeURI(current_sasa.path));
$("#btn-full").attr("href", "/files/" + sasa.path); $("#btn-full").attr("href", "/files/" + current_sasa.path);
let resp = tdb_query("$TFM", 24, '' + id); let resp = tdb_query("$TFM", 24, '' + id);
if (!resp.status) { if (!resp.status) {
alert("Something went wrong!"); alert("Something went wrong!");
@ -106,6 +108,7 @@ $(document).on("click", "#btn-close", function (e) {
}); });
$(document).on("click", ".tanzaku", function (e) { $(document).on("click", ".tanzaku", function (e) {
sasa_modified = true;
if ($(this).hasClass("selected")) { if ($(this).hasClass("selected")) {
$(this).removeClass("selected"); $(this).removeClass("selected");
} else { } else {
@ -127,3 +130,31 @@ $(document).on("input", "#tanzaku-filter", function (e) {
} }
}); });
}); });
$(document).on("click", "#btn-sasa-confirm", function (e) {
e.preventDefault();
let resp = tdb_query("$TFM", 24, '' + current_sasa.id);
if (!resp.status) {
alert("Something went wrong!");
return;
}
$("#sasa-menu").css("display", "none");
resp.data.forEach(tanzaku => {
let current = $(`#t${tanzaku.id}`)
if (current.hasClass("selected")) {
current.removeClass("selected");
} else {
if (!tdb_query("$TFM", 0b1001, '' + current_sasa.id + ' ' + tanzaku.id).status) {
console.log("ERROR: failed to remove kazari: " + current_sasa.id + '-' + tanzaku.id);
}
}
});
$(".tanzaku.selected").each(function (index, element) {
if (!tdb_query("$TFM", 0b1010, '' + current_sasa.id + ' ' + $(element).attr("id").slice(1))) {
console.log("ERROR: failed to add kazari: " + current_sasa.id + '-' + tanzaku.id);
}
});
sappyou.forEach(tanzaku => {
$(`#t${tanzaku.id}`).removeClass("selected");
});
})

2
web/public/tfm.html
View File

@ -51,7 +51,7 @@
</div> </div>
<div class="form-group" id="tanzaku-list"></div> <div class="form-group" id="tanzaku-list"></div>
<div class="form-group button-flex"> <div class="form-group button-flex">
<button class="btn btn-primary" id="btn-update">Confirm</button> <button class="btn btn-primary" id="btn-sasa-confirm">Confirm</button>
<a href="" target="_blank" class="btn btn-outline-info" id="btn-full">View full</a> <a href="" target="_blank" class="btn btn-outline-info" id="btn-full">View full</a>
<button class="btn btn-outline-danger" id="btn-close">Close</button> <button class="btn btn-outline-danger" id="btn-close">Close</button>
</div> </div>