From 8947288e765b7a1067864ca55513f4d2a20a9f65 Mon Sep 17 00:00:00 2001
From: DebaucheryLibrarian <DebaucheryLibrarian@unknown.name>
Date: Wed, 3 Apr 2024 02:13:41 +0200
Subject: [PATCH] Fixed showcased filter not adhered. Improved filter settings
 UI.

---
 components/dialog/dialog.vue     | 13 +++++++++++++
 components/form/checkbox.vue     | 13 +++++++++++++
 components/settings/settings.vue |  5 +++++
 src/web/scenes.js                |  1 +
 4 files changed, 32 insertions(+)

diff --git a/components/dialog/dialog.vue b/components/dialog/dialog.vue
index 3c737ec..6341ec2 100644
--- a/components/dialog/dialog.vue
+++ b/components/dialog/dialog.vue
@@ -46,6 +46,19 @@ onMounted(() => emit('open'));
 	border-radius: 0 0 .25rem .25rem;
 	background: var(--background);
 }
+
+.dialog-heading {
+	color: var(--primary);
+	margin: 0 0 .5rem 0;
+	font-size: 1rem;
+}
+
+.dialog-description {
+	margin: 0 0 .5rem 0;
+	color: var(--shadow-strong-10);
+	font-size: .9rem;
+	line-height: 1.5;
+}
 </style>
 
 <style scoped>
diff --git a/components/form/checkbox.vue b/components/form/checkbox.vue
index 4cbc38b..8eb386a 100755
--- a/components/form/checkbox.vue
+++ b/components/form/checkbox.vue
@@ -71,6 +71,11 @@ defineEmits(['change']);
     }
 }
 
+.check-container.minus .check::after {
+	border-left: none;
+	transform: scaleX(0);
+}
+
 .check-cross .check::before {
 	content: '';
 	width: 100%;
@@ -93,6 +98,14 @@ defineEmits(['change']);
 	}
 }
 
+.check-container.minus .check-checkbox:checked + .check {
+    background: var(--error);
+
+	&::after {
+		transform: scaleX(1);
+	}
+}
+
 .check-label {
 	overflow: hidden;
 	text-transform: capitalize;
diff --git a/components/settings/settings.vue b/components/settings/settings.vue
index 4290a24..7d51691 100644
--- a/components/settings/settings.vue
+++ b/components/settings/settings.vue
@@ -2,6 +2,10 @@
 	<Dialog title="Settings">
 		<div class="dialog-body">
 			<div class="dialog-section">
+				<h3 class="dialog-heading">Filter</h3>
+
+				<p class="dialog-description">Check the tags that you prefer to be <strong>excluded</strong> from the results. The filter is a courtesy, and provides no guarantees.</p>
+
 				<ul class="tags nolist">
 					<li
 						v-for="tag in tags"
@@ -11,6 +15,7 @@
 						<label class="tag noselect">
 							<Checkbox
 								:checked="checkedTags.has(tag)"
+								class="minus"
 								@change="(checked) => toggleTag(tag, checked)"
 							/>{{ tag }}
 						</label>
diff --git a/src/web/scenes.js b/src/web/scenes.js
index c918175..add7bb3 100644
--- a/src/web/scenes.js
+++ b/src/web/scenes.js
@@ -35,6 +35,7 @@ export async function curateScenesQuery(query) {
 		notEntityIds,
 		movieId: Number(query.movieId) || null,
 		stashId: Number(query.stashId) || null,
+		isShowcased: query.isShowcased ?? true,
 	};
 }