feat(web): add filtering only selected items in list

web/public/js/tfm-files.js

@@ -31,6 +31,11 @@ $(document).on("dblclick", ".item", function (e) {
 	resp.data.forEach(tanzaku => {
 		$(`#t${tanzaku.id}`).addClass("selected");
 	});
+	if ($("#selected")[0].checked) {
+		$(".list-item:not(.selected)").css("display", "none");
+	} else {
+		$(".list-item:not(.selected)").css("display", "block");
+	}
 });
 
 $(document).on("input", "#filter", function (e) {

web/public/js/tfm-tags.js

@@ -30,6 +30,11 @@ $(document).on("dblclick", ".item", function (e) {
 	resp.data.forEach(sasa => {
 		$(`#s${sasa.id}`).addClass("selected");
 	});
+	if ($("#selected")[0].checked) {
+		$(".list-item:not(.selected)").css("display", "none");
+	} else {
+		$(".list-item:not(.selected)").css("display", "block");
+	}
 });
 
 $(document).on("click", "#btn-confirm", function (e) {

web/public/js/tfm.js

@@ -71,6 +71,14 @@ $(document).on("click", ".list-item", function (e) {
 	}
 });
 
+$(document).on("click", "#selected", function (e) {
+	if (this.checked) {
+		$(".list-item:not(.selected)").css("display", "none");
+	} else {
+		$(".list-item:not(.selected)").css("display", "block");
+	}
+});
+
 $(document).on("click", "#btn-close", function (e) {
 	e.preventDefault();
 	$(".menu-wrapper").css("display", "none");