From 79c88f7d488c372f046ad953ac74bdb5981264f7 Mon Sep 17 00:00:00 2001
From: Henrik Askjer <henrik.askjer@uib.no>
Date: Thu, 30 Sep 2021 18:35:06 +0200
Subject: [PATCH] Temporary solution to localization

---
 src/components/About.vue          | 48 ++++++++++++++++++++++++++-----
 src/components/DictionaryView.vue |  2 +-
 2 files changed, 42 insertions(+), 8 deletions(-)

diff --git a/src/components/About.vue b/src/components/About.vue
index d31c73d..34c767f 100644
--- a/src/components/About.vue
+++ b/src/components/About.vue
@@ -1,6 +1,24 @@
 <template id="">
   <main>
     <div class='about' :class="$vuetify.breakpoint.name">
+       <v-radio-group row v-model="lang" @change="update_locale">
+          <template v-slot:label tabindex="1">
+          </template>
+          <v-radio value="nb" color="primary">
+            <template v-slot:label>
+              <span>
+                {{$vuetify.breakpoint.xs ? 'bm' :  'bokmål (bm)'}}
+              </span>
+            </template>
+          </v-radio>
+          <v-radio value="nn" color="primary">
+            <template v-slot:label>
+              <span>
+                {{$vuetify.breakpoint.xs ? 'nn' :  'nynorsk (nn)'}}
+              </span>
+            </template>
+          </v-radio>
+        </v-radio-group>
     <Article v-if="lang == 'nn'">
     <h2>Om betaversjonen</h2>
 <p>
@@ -531,18 +549,30 @@ Søket «kjærlighet|kjærleik» gir treff på kjærlighet i Bokmålsordboka og
 
 <script>
 
-function detect_language() {
-  if (navigator.languages.includes('nn')) {
-    return "nn"
-  }
-  return "nb"
-}
 
 export default {
   data() {
     return {
 
-      lang: detect_language()
+      lang: this.update_locale()
+    }
+  },
+  methods: {
+    update_locale: function(event) {
+      if (event) {
+        localStorage.setItem('locale', event)
+        return event
+      }
+      let stored_locale = localStorage.getItem('locale')
+      if (stored_locale) {
+        return stored_locale
+      }
+      if (navigator.languages.includes('nb')) {
+        
+      return "nb"
+      }
+      return "nn"
+
     }
   }
 }
@@ -556,6 +586,10 @@ main {
 
 }
 
+v-radio-group {
+  padding-left: 200px !important;
+}
+
   .about {
     padding-left: calc((100vw - 1000px) / 2);
     padding-right: calc((100vw - 1000px) / 2);
diff --git a/src/components/DictionaryView.vue b/src/components/DictionaryView.vue
index 6612a85..9c4cd94 100644
--- a/src/components/DictionaryView.vue
+++ b/src/components/DictionaryView.vue
@@ -29,7 +29,7 @@
           </v-radio>
         </v-radio-group>
       </div>
-      <Autocomplete @submit="select_result" :api="get_search_endpoint">
+      <Autocomplete v-on:submit="select_result" :api="get_search_endpoint">
       </Autocomplete>
     </div>
     <div id="spinner" v-if="waiting">
-- 
GitLab