From d72348e6392a8ec0fba237f659f0f68afe6b7e0e Mon Sep 17 00:00:00 2001
From: Masahiko AMANO <hiko-19@ya.ru>
Date: Sun, 29 Jan 2023 23:11:46 +0300
Subject: [PATCH] refactor(web): change filters ids

---
 web/public/js/tfm-files.js | 6 +++---
 web/public/js/tfm-tags.js  | 2 +-
 web/public/js/tfm.js       | 2 +-
 web/public/tfm/files.html  | 8 ++++----
 web/public/tfm/tags.html   | 4 ++--
 5 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/web/public/js/tfm-files.js b/web/public/js/tfm-files.js
index c08b0a0..8e43966 100644
--- a/web/public/js/tfm-files.js
+++ b/web/public/js/tfm-files.js
@@ -31,17 +31,17 @@ $(document).on("dblclick", ".item", function (e) {
 	resp.data.forEach(tanzaku => {
 		$(`#t${tanzaku.id}`).addClass("selected");
 	});
-	if ($("#selected")[0].checked) {
+	if ($("#selection-filter")[0].checked) {
 		$(".list-item:not(.selected)").css("display", "none");
 	} else {
 		$(".list-item:not(.selected)").css("display", "block");
 	}
 });
 
-$(document).on("input", "#filter", function (e) {
+$(document).on("input", "#text-filter", function (e) {
 	let filter = $(this).val().toLowerCase();
 	let unfiltered;
-	if ($("#selected")[0].checked) {
+	if ($("#selection-filter")[0].checked) {
 		unfiltered = $(".list-item.selected");
 	} else {
 		unfiltered = $(".list-item");
diff --git a/web/public/js/tfm-tags.js b/web/public/js/tfm-tags.js
index 6dd51e1..c07347d 100644
--- a/web/public/js/tfm-tags.js
+++ b/web/public/js/tfm-tags.js
@@ -30,7 +30,7 @@ $(document).on("dblclick", ".item", function (e) {
 	resp.data.forEach(sasa => {
 		$(`#s${sasa.id}`).addClass("selected");
 	});
-	if ($("#selected")[0].checked) {
+	if ($("#selection-filter")[0].checked) {
 		$(".list-item:not(.selected)").css("display", "none");
 	} else {
 		$(".list-item:not(.selected)").css("display", "block");
diff --git a/web/public/js/tfm.js b/web/public/js/tfm.js
index 6515cb5..754c33c 100644
--- a/web/public/js/tfm.js
+++ b/web/public/js/tfm.js
@@ -71,7 +71,7 @@ $(document).on("click", ".list-item", function (e) {
 	}
 });
 
-$(document).on("click", "#selected", function (e) {
+$(document).on("click", "#selection-filter", function (e) {
 	if (this.checked) {
 		$(".list-item:not(.selected)").css("display", "none");
 	} else {
diff --git a/web/public/tfm/files.html b/web/public/tfm/files.html
index 919f160..1bd65f6 100644
--- a/web/public/tfm/files.html
+++ b/web/public/tfm/files.html
@@ -45,14 +45,14 @@
 				</div>
 			</div>
 			<div class="form-group row">
-				<label class="col-sm-3 col-form-label" for="filter">Tag filter</label>
+				<label class="col-sm-3 col-form-label" for="text-filter">Tag filter</label>
 				<div class="col-sm-9">
-					<input type="text" name="filter" class="form-control" id="filter">
+					<input type="text" name="text-filter" class="form-control" id="text-filter">
 				</div>
 			</div>
 			<div class="form-group form-check">
-				<input type="checkbox" name="related" class="form-check-input" id="selected" checked>
-				<label class="form-check-label" for="selected">Show only selected</label>
+				<input type="checkbox" name="selection-filter" class="form-check-input" id="selection-filter" checked>
+				<label class="form-check-label" for="selection-filter">Show only selected</label>
 			</div>
 			<div class="form-group list" style="height: calc(100vh - 330px)"></div>
 			<div class="form-group button-flex">
diff --git a/web/public/tfm/tags.html b/web/public/tfm/tags.html
index 2d6fa97..6e3924d 100644
--- a/web/public/tfm/tags.html
+++ b/web/public/tfm/tags.html
@@ -45,8 +45,8 @@
 				</div>
 			</div>
 			<div class="form-group form-check">
-				<input type="checkbox" name="related" class="form-check-input" id="selected" checked>
-				<label class="form-check-label" for="selected">Show only selected</label>
+				<input type="checkbox" name="selection-filter" class="form-check-input" id="selection-filter" checked>
+				<label class="form-check-label" for="selection-filter">Show only selected</label>
 			</div>
 			<div class="form-group list" style="height: calc(100vh - 270px)"></div>
 			<div class="form-group button-flex">