subugoe · orlinmalkja · Sep 24, 2024 · Sep 19, 2024 · Sep 19, 2024 · Sep 19, 2024
diff --git a/examples/ahiqar-arabic-karshuni-local-de.html b/examples/ahiqar-arabic-karshuni-local-de.html
@@ -0,0 +1,159 @@
+<!DOCTYPE html>
+<html>
+<head><title>TIDO</title>
+  <meta charset="utf-8">
+  <meta name="description" content="">
+  <meta name="format-detection" content="telephone=no">
+  <meta name="msapplication-tap-highlight" content="no">
+  <meta name="viewport" content="initial-scale=1,maximum-scale=5,minimum-scale=1,width=device-width">
+  <link rel="icon" type="image/x-icon" href="favicon.ico">
+  <link rel="stylesheet" href="dist/tido.css">
+  <style>
+    html, body {
+      margin: 0;
+    }
+    #app {
+      height: 100vh;
+    }
+  </style>
+</head>
+<body>
+<noscript><strong>We're sorry but TIDO doesn't work properly without JavaScript enabled. Please enable it to
+  continue.</strong></noscript>
+
+<div id="app"></div>
+<script src="dist/tido.js"></script>
+<script>
+window.addEventListener('load', function () {
+  window.tido = new window.Tido({
+    "collection": "http://localhost:8181/ahiqar/textapi/ahiqar/arabic-karshuni/collection.json",
+    "lang": "de",
+    "colors": {
+      "forceMode": "light"
+    },
+    "panels": [
+      {
+        "label": "contents_and_metadata",
+        "views": [
+          {
+            "id": "tree",
+            "label": "contents",
+            "connector": {
+              "id": 1
+            }
+          },
+          {
+            "id": "metadata",
+            "label": "metadata",
+            "connector": {
+              "id": 2,
+              "options": {
+                "collection": {
+                  "all": true
+                },
+                "manifest": {
+                  "all": true
+                },
+                "item": {
+                  "all": true
+                }
+              }
+            }
+          }
+        ]
+      },
+      {
+        "label": "image",
+        "views": [
+          {
+            "id": "image",
+            "label": "Image",
+            "connector": {
+              "id": 3
+            }
+          }]
+      },
+      {
+        "label": "text",
+        "views": [
+          {
+            "id": "text1",
+            "label": "Transcription",
+            "default": true,
+            "connector": {
+              "id": 4,
+              "options": {
+                "type": "transcription"
+              }
+            }
+          },
+          {
+            "id": "text2",
+            "label": "Transliteration",
+            "connector": {
+              "id": 4,
+              "options": {
+                "type": "transliteration"
+              }
+            }
+          }
+        ]
+      },
+      {
+        "label": "annotations",
+        "views": [
+          {
+            "id": "annotations1",
+            "label": "Editorial",
+            "connector": {
+              "id": 5,
+              "options": {
+                "types": [
+                  {
+                    "name": "Person",
+                    "icon": "biPersonFill"
+                  },
+                  {
+                    "name": "Place",
+                    "icon": "biGeoAltFill"
+                  },
+                  {
+                    "name": "Editorial Comment",
+                    "icon": "biChatFill"
+                  },
+                  {
+                    "name": "Reference",
+                    "icon": "biBoxArrowUpRight"
+                  }
+                ]
+              }
+            }
+          },
+          {
+            "id": "annotations2",
+            "label": "Motif",
+            "connector": {
+              "id": 5,
+              "options": {
+                "types": [
+                  {
+                    "name": "Motif",
+                    "icon": "biPenFill"
+                  }
+                ]
+              }
+            }
+          }
+        ]
+      }
+    ],
+    "translations": {
+      "en": {
+        "contents_and_metadata": "Contents & Metadata"
+      }
+    }
+  });
+});
+</script>
+</body>
+</html>
diff --git a/examples/ahiqar-arabic-karshuni-local.html b/examples/ahiqar-arabic-karshuni-local.html
@@ -31,6 +31,7 @@
       "item": "Sheet",
       "manifest": "Manuscript"
     },
+    "lang": "en",
     "colors": {
       "forceMode": "light"
     },
@@ -152,8 +153,13 @@
     ],
     "translations": {
       "en": {
-        "contents_and_metadata": "Contents & Metadata"
-      }
+        "contents_and_metadata": "Contents & Metadata",
+        "next_page":"Next Sheet",
+        "previous_page": "Previous Sheet",
+        "next_document": "Next Manuscript",
+        "previous_document": "Previous Manuscript"
+      },
+
     }
   });
 });

diff --git a/examples/gfl-local.html b/examples/gfl-local.html
@@ -162,7 +162,14 @@
         }
       ],
       translations: {
-        Edition_license: 'Editionslizenz'
+        de: {
+          Edition_license: 'Editionslizenz',
+          next_page : "Nächste Seite",
+          previous_page: "Vorherige Seite",
+          next_document: "Nächstes Dokument",
+          previous_document: "Vorheriges Dokument"
+        }
+
       }
     });
 });

diff --git a/src/components/header/NavBar.vue b/src/components/header/NavBar.vue
@@ -29,6 +29,7 @@ import { useI18n } from 'vue-i18n';
 import { useConfigStore } from '@/stores/config';
 import { useContentsStore } from '@/stores/contents';
 import BaseButton from '@/components/base/BaseButton.vue';
+import { areNavButtonsLabelsInConfig } from '@/utils/translations'
 
 const configStore = useConfigStore();
 const contentStore = useContentsStore();
@@ -48,6 +49,20 @@ const hasPrev = computed<boolean>(() => {
 
   return true;
 });
+
+
+
+function getNavButtonsLabels(config): string[] {
+    const lang = config['lang']
+    if (areNavButtonsLabelsInConfig(config)) {
+      const translations = config.translations[lang]
+      return [translations['next_page'], translations['previous_page'], translations['next_document'], translations['previous_document']]
+    }
+    else {
+      return [t('next_item'), t('previous_item'), t('next_manifest'), t('previous_manifest')]
+    }
+}
+
 const hasNext = computed<boolean>(() => {
   const nextIndex = itemIndex.value + 1;
   if (nextIndex > manifest.value.sequence.length - 1) {
@@ -57,16 +72,19 @@ const hasNext = computed<boolean>(() => {
   }
   return true;
 });
-const labels = computed<Labels>(() => configStore.config.labels || {
-  manifest: 'manifest',
-  item: 'item',
-});
-const nextButtonLabel = computed<string>(() => (itemIndex.value === manifest.value.sequence.length - 1
-  ? `${t('next')} ${t(labels.value.manifest ? labels.value.manifest : 'Manuscript')}`
-  : `${t('next')} ${t(labels.value.item)}`));
+
+// variables are named according to the general concept of ie (page = sheet, item);  (document = manuscript)
+const [nextPageLabel, previousPageLabel, nextDocumentLabel, previousDocumentLabel]: string[] = getNavButtonsLabels(configStore.config)
+
+const nextButtonLabel = computed<string>(() => ( 
+itemIndex.value === manifest.value.sequence.length - 1
+  ? `${nextDocumentLabel}`
+  : `${nextPageLabel}`));
+
+
 const prevButtonLabel = computed<string>(() => (itemIndex.value === 0
-  ? `${t('prev')} ${t(labels.value.manifest ? labels.value.manifest : 'Manuscript')}`
-  : `${t('prev')} ${t(labels.value.item)}`));
+  ? `${previousDocumentLabel}`
+  : `${previousPageLabel}`));
 
 function prev() {
   const prevIndex = itemIndex.value - 1;

diff --git a/src/components/header/TitleBar.vue b/src/components/header/TitleBar.vue
@@ -18,7 +18,7 @@
             class="t-px-2 text-gray-500 dark:text-gray-300"
             name="chevronRight"
           />
-          <span v-if="item">{{ labels.item }} {{ item.n }}</span>
+          <span v-if="item">{{ $t('item') }} {{ item.n }}</span>
         </h2>
       </template>
       <template v-else>
@@ -32,7 +32,7 @@
           <span
             v-if="item"
             class="t-align-middle"
-          >{{ labels.item }} {{ item.n }}</span>
+          >{{ $t('item') }} {{ item.n }}</span>
         </h1>
       </template>
     </template>
@@ -50,7 +50,8 @@ import { computed } from 'vue';
 import { useConfigStore } from '@/stores/config';
 import { useContentsStore } from '@/stores/contents'
 import BaseIcon from '@/components/base/BaseIcon.vue';
-
+import { useI18n } from 'vue-i18n';
+import { areNavButtonsLabelsInConfig } from '@/utils/translations';
 
 export interface Props {
   item: Item
@@ -62,11 +63,15 @@ withDefaults(defineProps<Props>(), {
 
 const configStore = useConfigStore()
 const contentStore = useContentsStore()
+const { t } = useI18n();
+
 
 const collectionTitle = computed<string | null>(() => contentStore.collectionTitle);
 const manifestTitle = computed<string | undefined>(() => contentStore.manifest?.label  );
-const labels = computed<Labels>(() => configStore.config.labels || {
-  manifest: 'manifest',
-  item: 'item',
-});
+
+function getPageLabel(config): string {
+  return ''
+  //return areNavButtonsLabelsInConfig(config) ? t('sheet') : t('item')
+
+}
 </script>
diff --git a/src/i18n/de/index.js b/src/i18n/de/index.js
@@ -59,11 +59,9 @@ export default {
   Letter: 'Brief',
   License: 'Lizenz',
   Location: 'Aktueller Aufbewahrungsort',
-  Manuscript: 'Manuskript',
   metadata: 'Metadaten',
   Motif: 'Motive',
   search_hit_list: 'Trefferanzeige',
-  next: 'Nächste',
   no_annotations_in_view: 'Die aktuelle Ansicht enthält keine Annotationen.',
   no_comments_in_view: 'Die aktuelle Ansicht enthält keine Kommentare',
   no_entrypoint_available: 'Keine URL zum Einstieg gefunden. Bitte überprüfen Sie Ihre Konfiguration.',
@@ -74,11 +72,18 @@ export default {
   zoom_in: 'Vergrössern',
   zoom_out: 'Verkleinern',
   'Place of origin': 'Herkunftsort',
-  prev: 'Vorherige',
   project_info: 'Projekt Informationen',
   reset: 'Zurücksetzen',
   search: 'Suche',
-  Sheet: 'Seite',
+  item: 'Seite',
+  next_item: 'Nächste Seite',
+  previous_item: 'Vorherige Seite',
+  next_manifest: 'Nächstes Dokument',
+  previous_manifest: 'Vorheriges Dokument',
+  next_sheet: 'Nächste Seite',
+  previous_sheet: 'Vorherige Seite',
+  next_manuscript: 'Nächstes Manuskript',
+  previous_manuscript: 'Vorheriges Manuskript',
   show: 'Zeige',
   show_hide_panels: 'Panels ein-/ausblenden',
   tabs: 'Reiter',
@@ -104,7 +109,6 @@ export default {
   server_error: 'Server Fehler',
   other: 'Sonstiges',
   subtitle: 'Untertitel',
-  manifest: 'Manifest',
   more_annotations: 'Weitere',
   undefined_role: 'Undefinierte Rolle',
   not_found: 'Nicht gefunden',

diff --git a/src/i18n/en/index.js b/src/i18n/en/index.js
@@ -65,7 +65,10 @@ export default {
   metadata: 'Metadata',
   Motif: 'Motifs',
   search_hit_list: 'Search hit list',
-  next: 'Next',
+  next_item: 'Next Item',
+  previous_item: 'Previous Item',
+  next_manifest: 'Next Manifest',
+  previous_manifest: 'Previous Manifest',
   no_annotations_in_view: 'The current view has no annotations to display.',
   no_comments_in_view:
     'The current view does not contain any comments to display',
@@ -78,11 +81,11 @@ export default {
   zoom_in: 'Zoom in',
   zoom_out: 'Zoom out',
   'Place of origin': 'Place of origin',
-  prev: 'Previous',
   project_info: 'Project Info',
   reset: 'Reset',
   search: 'Search',
-  Sheet: 'Sheet',
+  item: 'Item',
+  sheet: 'Sheet',
   show: 'Show',
   show_hide_panels: 'Show/Hide Panels',
   tabs: 'Tabs',
@@ -108,7 +111,6 @@ export default {
   server_error: 'Server error',
   other: 'Other',
   subtitle: 'Subtitle',
-  manifest: 'Manifest',
   also_selected: 'Also selected',
   undefined_role: 'Undefined role',
   not_found: 'Not found',

diff --git a/src/utils/translations.js b/src/utils/translations.js
@@ -0,0 +1,13 @@
+
+export function areNavButtonsLabelsInConfig(config) {
+
+    const lang = config['lang']
+    const translations = config.translations[lang]
+    // the first element is 'Contents and Metadata', while the other 4 should be for the header nav buttons text  
+    if (Object.keys(translations).length < 5) return false
+    const customNavButtonsText = Object.keys(translations).slice(1,5) // the nav buttons text if given should be from 1-5 th keys
+    const navButtonsTextArray = ['next_page', 'previous_page', 'next_document', 'previous_document']
+
+    return JSON.stringify(customNavButtonsText) === JSON.stringify(navButtonsTextArray)
+  }
+