feat: implementing of search in header and navigating to home or search page accordingly

src/App.vue

@@ -202,7 +202,7 @@ export default {
       }
       if (this.manifests?.[0]?.sequence?.[0]?.id && !this.$route.query.itemurl) {
         this.loaded = false;
-        this.$router.push({ query: { itemurl: this.manifests?.[0]?.sequence?.[0]?.id } });
+        this.$router.push({ query: { ...this.$route.query, itemurl: this.manifests?.[0]?.sequence?.[0]?.id } });
       }
     },
     /**
@@ -307,7 +307,7 @@ export default {
                 return;
               }
               this.loaded = false;
-              this.$router.push({ query: { itemurl: node.label } });
+              this.$router.push({ query: { ...this.$route.query, itemurl: node.label } });
             },
           },
         );

src/components/breadcrumbnavigation.vue

@@ -15,17 +15,35 @@
         </template>
         <q-breadcrumbs-el
           :class="$q.dark.isActive ? 'text-dark' : 'text-white'"
-          :icon="fasHome"
         >
           <a
             :class="$q.dark.isActive ? 'text-dark' : 'text-white'"
             :href="`${config.breadcrumbNavigation.website}`"
             class="header-links"
           >
+            <q-icon
+              :name="fasHome"
+            />
             {{ $t(`${config.breadcrumbNavigation.title_homepage_key}`) }}
           </a>
         </q-breadcrumbs-el>
 
+        <q-breadcrumbs-el
+          v-if="!!searchTerm"
+          :class="$q.dark.isActive ? 'text-dark' : 'text-white'"
+        >
+          <a
+            :class="$q.dark.isActive ? 'text-dark' : 'text-white'"
+            :href="`${config.breadcrumbNavigation.website}search.html?searchTerm=${searchTerm}`"
+            class="header-links"
+          >
+            <q-icon
+              :name="fasSearch"
+            />
+            {{ searchTerm }}
+          </a>
+        </q-breadcrumbs-el>
+
         <q-breadcrumbs-el
           :icon="fasFileAlt"
           :label="$t(`${config.breadcrumbNavigation.title_viewer_key}`)"
@@ -40,6 +58,7 @@ import {
   fasHome,
   fasFileAlt,
   fasChevronRight,
+  fasSearch,
 } from '@quasar/extras/fontawesome-v5';
 
 export default {
@@ -50,10 +69,16 @@ export default {
       required: true,
     },
   },
+  computed: {
+    searchTerm() {
+      return this.$route.query.searchTerm;
+    },
+  },
   created() {
     this.fasHome = fasHome;
     this.fasFileAlt = fasFileAlt;
     this.fasChevronRight = fasChevronRight;
+    this.fasSearch = fasSearch;
   },
 };
 </script>

src/components/header.vue

@@ -5,6 +5,7 @@
       :class="$q.dark.isActive ? 'bg-white' : 'bg-accent'"
     >
       <BreadCrumbNavigation
+        v-if="$route.query.source==='external'"
         :config="config"
       />
     </div>

src/index.template.html

@@ -31,7 +31,7 @@
     -->
     <script id="tido-config" type="application/json">
     {
-			"entrypoint": "",
+			"entrypoint": "https://ahikar-dev.sub.uni-goettingen.de/api/textapi/ahikar/arabic-karshuni/collection.json",
       "annotations": {
         "show": true,
         "types": [

src/mixins/navigation.js

@@ -17,7 +17,7 @@ export default {
       const link = this.itemurls[itemIndex];
 
       this.defaultView();
-      this.$router.push({ query: { itemurl: link } });
+      this.$router.push({ query: { ...this.$route.query, itemurl: link } });
     },
 
     updateItem() {