stash

frontend/src/components/BaseLayout.vue

@@ -6,7 +6,7 @@
                 <a class="sidebar-toggle d-flex">
                     <i class="hamburger align-self-center"></i>
                 </a>
-                <SearchBox/>
+                <SearchBox v-if="!hideSearch"/>
                 <div class="navbar-collapse collapse">
                     <ul class="navbar-nav navbar-align">
                         <Notifications :notifications="notifications"/>
@@ -42,7 +42,14 @@ export default {
     },
     computed: {
         ...mapState(['messages']),
-        ...mapGetters(['notifications'])
+        ...mapGetters(['notifications']),
+    },
+    props: {
+        hideSearch: {
+            type: Boolean,
+            required: false,
+            default: false
+        }
     },
     async mounted() {
     }

frontend/src/components/SearchBox.vue

@@ -1,5 +1,5 @@
 <template>
-    <form class="d-none d-sm-inline-block">
+    <form class="d-none d-sm-inline-block" @submit.prevent="search">
         <div class="input-group input-group-navbar">
             <input type="text" class="form-control" placeholder="Search…" aria-label="Search" v-model="query" ref="search-text" />
             <button class="btn" type="button" @click.prevent="search">
@@ -18,6 +18,10 @@ export default {
     components: {
         ...BIcons
     },
+    model: {
+        prop: "query",
+        event: "change"
+    },
     data() {
         return {
             query: ""
@@ -31,6 +35,12 @@ export default {
                 this.$refs["search-text"].focus();
         }
     },
+    watch: {
+        query() {
+            //emit event
+            this.$emit("change", this.query);
+        }
+    },
     mounted() {
         //console.log(this.$route)
         //console.log(this.$route.params.query)

frontend/src/components/Sidebar.vue

@@ -2,6 +2,7 @@
     <nav id="sidebar" class="sidebar">
         <div class="sidebar-content js-simplebar">
             <router-link to="/" class="sidebar-brand">
+                <!--img src="/src/assets/icons/toolshed-48x48.png" alt="Toolshed logo"-->
                 <span class="align-middle">Toolshed</span>
             </router-link>
             <ul class="sidebar-nav">