feat: adding links in header to navigate and refactor

README.md

@@ -285,9 +285,11 @@ As a rule of thumb, each key with a boolean value (e.g. *true* or *false*) defau
       "lang": "en-us",
       "standalone": true,
       "projectheader": {
+        "search": "https://subugoe.pages.gwdg.de/ahiqar/website/search.html",
         "show": true,
-        "title_back": "The Syriac, Arabic, and Karshuni Ahiqar Texts",
-        "title_view": "Edition Viewer"
+        "title_homePage_key": "title_homePage",
+        "title_viewer_key": "title_viewer",
+        "website": "https://subugoe.pages.gwdg.de/ahiqar/website/"
       }
     }  </script>
 ```
@@ -422,24 +424,36 @@ As a rule of thumb, each key with a boolean value (e.g. *true* or *false*) defau
 
 - **projectheader**
 
+  - **search**
+
+    Navigates to the search page on website.
+
   - **show**
 
     defines if a project header should be shown or not.
 
     Defaults to `false`
 
-  - **title_back**
+  - **title_homePage_key**
 
     defines the string show as first item in the breadcrumb. Shows a "Home Icon"
 
+    Note: To change this title please navigate to "tido/src/i18n/en or tido/src/i18n/de" and find "title_homePage".
+
     Has to be set!
 
-  - **title_view**
+  - **title_viewer_key**
 
     defines the string show as last item in the breadcrumb. Shows a "Document Icon"
 
+    Note: To change this title please navigate to "tido/src/i18n/en or tido/src/i18n/de" and find "title_viewer".
+
     Has to be set!
 
+  - **website**
+
+    Navigates to the Home Page page on website.
+
 ### Configure the Panels
 
 ```json

src/components/header.vue

@@ -55,9 +55,9 @@
 
 <script>
 import Navbar from '@/components/navbar.vue';
+import ProjectHeader from '@/components/projectheader.vue';
 import TitleBar from '@/components/titlebar.vue';
 import TogglePanels from '@/components/togglebar/togglePanels.vue';
-import ProjectHeader from '@/components/projectheader.vue';
 import Tools from '@/components/tools.vue';
 
 export default {

src/components/projectheader.vue

@@ -16,19 +16,33 @@
         </template>
         <q-breadcrumbs-el
           :class="$q.dark.isActive ? 'text-black' : 'text-white'"
-          :label="$t(`${projectheader.title_back}`)"
-          to="/"
           :icon="fasHome"
-        />
+        >
+          <a
+            :href="`${projectheader.website}`"
+            :class="$q.dark.isActive ? 'text-black' : 'text-white'"
+            class="header-links"
+          >
+            {{ $t(`${projectheader.title_homePage_key}`) }}
+          </a>
+        </q-breadcrumbs-el>
+
         <q-breadcrumbs-el
           :class="$q.dark.isActive ? 'text-black' : 'text-white'"
-          :label="$t('search')"
-          to="/"
           :icon="fasSearch"
-        />
+        >
+          <a
+            :href="`${projectheader.search}`"
+            :class="$q.dark.isActive ? 'text-black' : 'text-white'"
+            class="header-links"
+          >
+            {{ $t('search') }}
+          </a>
+        </q-breadcrumbs-el>
+
         <q-breadcrumbs-el
           :class="$q.dark.isActive ? 'text-black' : 'text-white'"
-          :label="$t(`${projectheader.title_view}`)"
+          :label="$t(`${projectheader.title_viewer_key}`)"
           :icon="fasFileAlt"
         />
       </q-breadcrumbs>
@@ -68,6 +82,11 @@ export default {
   padding: 0 12px;
 }
 
+.header-links {
+  margin-left: 8px;
+  text-decoration: none;
+}
+
 .projectheader {
   @media (prefers-color-scheme: dark) {
     background-color: var(--q-color-white);

src/i18n/de/index.js

@@ -13,7 +13,6 @@ export default {
   default: 'Standard',
   defaultView: 'Ansicht zurücksetzen',
   Description: 'Beschreibung',
-  'Edition Viewer': 'Edition anzeigen',
   Editor: 'Herausgeber',
   Editorial: 'Editorisch',
   Editors: 'Herausgeber',
@@ -56,8 +55,9 @@ export default {
   Tabs: 'Reiter',
   Text: 'Text',
   Textsize: 'Textgrösse',
-  'The Syriac, Arabic, and Karshuni Ahiqar Texts': 'Die syrischen und arabischen Ahiqar-Texte',
   Title: 'Titel',
+  title_homePage: 'Die syrischen und arabischen Ahiqar-Texte',
+  title_viewer: 'Edition anzeigen',
   transcription: 'Transkription',
   transliteration: 'Transliteration',
   Year: 'Erstellungsjahr',

src/i18n/en-us/index.js

@@ -13,7 +13,6 @@ export default {
   default: 'Default',
   defaultView: 'Reset panels to default view',
   Description: 'Description',
-  'Edition Viewer': 'Edition Viewer',
   Editor: 'Editor',
   Editorial: 'Editorial',
   Editors: 'Editors',
@@ -56,8 +55,9 @@ export default {
   Tabs: 'Tabs',
   Text: 'Text',
   Textsize: 'Textsize',
-  'The Syriac, Arabic, and Karshuni Ahiqar Texts': 'The Syriac, Arabic, and Karshuni Ahiqar Texts',
   Title: 'Title',
+  title_homePage: 'The Syriac, Arabic, and Karshuni Ahiqar Texts',
+  title_viewer: 'Edition Viewer',
   transcription: 'Transcription',
   transliteration: 'Transliteration',
   Year: 'Year of creation',

src/index.template.html

@@ -118,9 +118,11 @@
       "lang": "en-us",
       "standalone": true,
       "projectheader": {
+        "search": "https://subugoe.pages.gwdg.de/ahiqar/website/search.html",
         "show": true,
-        "title_back": "The Syriac, Arabic, and Karshuni Ahiqar Texts",
-        "title_view": "Edition Viewer"
+        "title_homePage_key": "title_homePage",
+        "title_viewer_key": "title_viewer",
+        "website": "https://subugoe.pages.gwdg.de/ahiqar/website/"
       }
     }
     </script>