Change translation generalization

anwolosz · Aug 24, 2024 · 86f97e1 · 86f97e1
1 parent fbb61f9
commit 86f97e1
Show file tree

Hide file tree

Showing 5 changed files with 20 additions and 12 deletions.
diff --git a/src/assets/synopsis_esv.json b/src/assets/synopsis_esv.json
@@ -1,4 +1,6 @@
 {
+    "translation": "ESV",
+    "language": "en",
     "chapters": [
         {
             "chapter_name": "I. Preface",

diff --git a/src/assets/synopsis_szit.json b/src/assets/synopsis_szit.json
@@ -1,4 +1,6 @@
 {
+    "translation": "SZIT",
+    "language": "hu",
     "chapters": [
         {
             "chapter_name": "I. Bevezetés",

diff --git a/src/components/Header.vue b/src/components/Header.vue
@@ -92,11 +92,11 @@ export default {
                             <i class="bi bi-book fs-5 align-middle"></i>
                         </button>
                         <ul class="dropdown-menu dropdown-menu-end">
-                            <li> <a @click="synopsisStore.translation === 'SZIT' ? synopsisStore.changeTranslation() : null"
+                            <li> <a @click="synopsisStore.translation === 'SZIT' ? synopsisStore.changeTranslation('ESV') : null"
                                     class="dropdown-item hoverable text-black"
                                     :class="synopsisStore.translation !== 'SZIT' ? 'bg-dark-subtle' : ''">
                                     ESV (en)</a></li>
-                            <li><a @click="synopsisStore.translation !== 'SZIT' ? synopsisStore.changeTranslation() : null"
+                            <li><a @click="synopsisStore.translation !== 'SZIT' ? synopsisStore.changeTranslation('SZIT') : null"
                                     class="dropdown-item hoverable text-black"
                                     :class="synopsisStore.translation === 'SZIT' ? 'bg-dark-subtle' : ''">
                                     SZIT (hu)</a></li>

diff --git a/src/interfaces/synopsisInterface.ts b/src/interfaces/synopsisInterface.ts
@@ -1,4 +1,6 @@
 export interface SynopsisScheme {
+    language: string,
+    translation: string,
     chapters: ChapterScheme[]
 }
 

diff --git a/src/stores/SynopsisStore.ts b/src/stores/SynopsisStore.ts
@@ -10,6 +10,8 @@ const synopsisESV: SynopsisScheme = synopsis_esv
 //TODO: proper typing
 const dictionaryEn: any = dictionary_en
 const dictionaryHu: any = dictionary_hu
+const synopses = [synopsisSZIT, synopsisESV]
+
 
 export const useSynopsisStore = defineStore('synopsis', {
     state: () => {
@@ -36,17 +38,17 @@ export const useSynopsisStore = defineStore('synopsis', {
             }
             router.push({ name: router.currentRoute.value.name as string, params: { lang: this.language, translation: this.translation } });
         },
-        changeTranslation() {
-            console.log("HELLO")
-            if (this.translation === "SZIT") {
-                this.synopsis = synopsisESV
-                this.translation = "ESV"
-            }
-            else {
-                this.synopsis = synopsisSZIT
-                this.translation = "SZIT"
+        changeTranslation(translation: string) {
+            for (let synopsisIndex = 0; synopsisIndex<synopses.length; synopsisIndex++)
+            {
+                if (synopses[synopsisIndex].translation == translation)
+                {
+                    this.synopsis = synopses[synopsisIndex]
+                    this.translation = translation
+                    router.push({ name: router.currentRoute.value.name as string, params: { lang: this.language, translation: this.translation } });
+                    break
+                }
             }
-            router.push({ name: router.currentRoute.value.name as string, params: { lang: this.language, translation: this.translation } });
         },
         //TODO: proper typing
         get(location: any) {