From b0889486c785ec478129a388a444c88a8dbc4a69 Mon Sep 17 00:00:00 2001
From: KoloMl <thekolomoets@hotmail.com>
Date: Wed, 7 Aug 2024 02:30:24 +0400
Subject: [PATCH] Added search preferences section with several initial
 settings

---
 src/routes/+page.svelte                    |  1 +
 src/routes/preferences/+page.svelte        | 10 ++++++++
 src/routes/preferences/search/+page.svelte | 27 ++++++++++++++++++++++
 src/stores/search-preferences.js           |  6 +++++
 4 files changed, 44 insertions(+)
 create mode 100644 src/routes/preferences/+page.svelte
 create mode 100644 src/routes/preferences/search/+page.svelte
 create mode 100644 src/stores/search-preferences.js

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 3b14018..815dd1d 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -6,5 +6,6 @@
 <Menu>
     <MenuItem href="/settings/maintenance">Tagging Profiles</MenuItem>
     <hr>
+    <MenuItem href="/preferences">Preferences</MenuItem>
     <MenuItem href="/about">About</MenuItem>
 </Menu>
diff --git a/src/routes/preferences/+page.svelte b/src/routes/preferences/+page.svelte
new file mode 100644
index 0000000..a50e255
--- /dev/null
+++ b/src/routes/preferences/+page.svelte
@@ -0,0 +1,10 @@
+<script>
+    import Menu from "$components/ui/menu/Menu.svelte";
+    import MenuItem from "$components/ui/menu/MenuItem.svelte";
+</script>
+
+<Menu>
+    <MenuItem href="/" icon="arrow-left">Back</MenuItem>
+    <hr>
+    <MenuItem href="/preferences/search">Search</MenuItem>
+</Menu>
diff --git a/src/routes/preferences/search/+page.svelte b/src/routes/preferences/search/+page.svelte
new file mode 100644
index 0000000..6b048c4
--- /dev/null
+++ b/src/routes/preferences/search/+page.svelte
@@ -0,0 +1,27 @@
+<script>
+    import Menu from "$components/ui/menu/Menu.svelte";
+    import MenuItem from "$components/ui/menu/MenuItem.svelte";
+    import FormContainer from "$components/ui/forms/FormContainer.svelte";
+    import FormControl from "$components/ui/forms/FormControl.svelte";
+    import {
+        searchPropertiesSuggestionsEnabled,
+        searchPropertiesSuggestionsPosition
+    } from "$stores/search-preferences.js";
+    import CheckboxField from "$components/ui/forms/CheckboxField.svelte";
+    import SelectField from "$components/ui/forms/SelectField.svelte";
+</script>
+
+<Menu>
+    <MenuItem icon="arrow-left" href="/preferences">Back</MenuItem>
+    <hr>
+</Menu>
+<FormContainer>
+    <FormControl>
+        <CheckboxField bind:checked={$searchPropertiesSuggestionsEnabled}>
+            Enable auto-completion for properties
+        </CheckboxField>
+    </FormControl>
+    <FormControl label="Location of properties suggestions">
+        <SelectField bind:value={$searchPropertiesSuggestionsPosition} options="{['start', 'end']}"></SelectField>
+    </FormControl>
+</FormContainer>
diff --git a/src/stores/search-preferences.js b/src/stores/search-preferences.js
new file mode 100644
index 0000000..0a150d7
--- /dev/null
+++ b/src/stores/search-preferences.js
@@ -0,0 +1,6 @@
+import {writable} from "svelte/store";
+
+export const searchPropertiesSuggestionsEnabled = writable(false);
+
+/** @type {import('svelte').Writable<"start"|"end">} */
+export const searchPropertiesSuggestionsPosition = writable('start');