From: Adam Dullage <redacted>
Date: Mon, 29 Apr 2024 20:08:05 +0000 (+0100)
Subject: Added search page
X-Git-Url: http://git.99rst.org/?a=commitdiff_plain;h=57c906d8615a3cc9d5d4ee3bb33242ce18b4d20e;p=flatnotes.git

Added search page
---

diff --git a/client/partials/SearchInput.vue b/client/partials/SearchInput.vue
index ed008c8..b810797 100644
--- a/client/partials/SearchInput.vue
+++ b/client/partials/SearchInput.vue
@@ -1,6 +1,6 @@
 <template>
   <form class="flex w-full max-w-[500px]" @submit.prevent="search">
-    <TextInput placeholder="Search" class="rounded-r-none" />
+    <TextInput v-model="searchTerm" placeholder="Search" class="rounded-r-none" />
     <CustomButton
       :iconPath="mdilMagnify"
       iconSize="1.75em"
@@ -11,11 +11,20 @@
 
 <script setup>
 import { mdilMagnify } from "@mdi/light-js";
+import { useRouter } from "vue-router";
+import { ref } from "vue";
+import * as constants from "../constants";
 
 import CustomButton from "../components/CustomButton.vue";
 import TextInput from "../components/TextInput.vue";
 
+const router = useRouter();
+const searchTerm = ref("");
+
 function search() {
-  console.log("searching..."); // TODO: Implement search functionality
+  router.push({
+    name: "search",
+    query: { [constants.params.searchTerm]: searchTerm.value },
+  });
 }
 </script>
diff --git a/client/router.js b/client/router.js
index 6ddb090..16649af 100644
--- a/client/router.js
+++ b/client/router.js
@@ -14,7 +14,7 @@ const router = createRouter({
       path: "/login",
       name: "login",
       component: () => import("./views/LogIn.vue"),
-      props: (route) => ({ [constants.params.redirect]: route.query.redirect }),
+      props: (route) => ({ redirect: route.query[constants.params.redirect] }),
     },
     {
       path: "/note/:title",
@@ -22,6 +22,14 @@ const router = createRouter({
       component: () => import("./views/Note.vue"),
       props: true,
     },
+    {
+      path: "/search",
+      name: "search",
+      component: () => import("./views/Search.vue"),
+      props: (route) => ({
+        searchTerm: route.query[constants.params.searchTerm],
+      }),
+    },
   ],
 });
 
diff --git a/client/views/Search.vue b/client/views/Search.vue
new file mode 100644
index 0000000..8acc67b
--- /dev/null
+++ b/client/views/Search.vue
@@ -0,0 +1,7 @@
+<template>
+  <div>{{ searchTerm }}</div>
+</template>
+
+<script setup>
+defineProps({ searchTerm: String });
+</script>