[TASK] add lang nav

src/page.rs

@@ -6,7 +6,8 @@ use maud::{html, Markup, DOCTYPE};
 pub fn new(content: Markup, lang: Language) -> Markup {
     html! {
         (DOCTYPE)
-        head {
+        html lang=(lang) {
+          head {
             meta charset="utf-8";
             meta name="viewport" content="width=device-width, initial-scale=1.0";
             link rel="stylesheet" href="/static/pico.min.css";
@@ -39,8 +40,8 @@ pub fn new(content: Markup, lang: Language) -> Markup {
                         }
 
                         li {
-                            button id="language_toogle" lang="en" {
+                            button id="lang-toggle" lang=(lang.next_language()) {
-                              "DE"
+                              (lang.next_language())
                             }
                         }
                     }
@@ -62,5 +63,6 @@ pub fn new(content: Markup, lang: Language) -> Markup {
             }
             script src="/static/theme.js" {}
         }
+        }
     }
 }

static/serve/theme.js

@@ -4,14 +4,17 @@ document.addEventListener('DOMContentLoaded', () => {
 })
 
 function setLanguageCookie() {
-  let langToggle = document.getElementById('language_toogle');
+    let langToggle = document.getElementById('lang-toggle');
 
-  langToggle.addEventListener('click', (e)=> {
+    // check if element exists
-    e.preventDefault();
+    langToggle?.addEventListener('click', (e)=> {
-    let lang = langToggle.getAttribute('lang');
+      e.preventDefault();
-    document.cookie = "language=" + lang;
+
-    window.location.reload();
+      // set lang, if lang attribute doesn't exit set default en
-  })
+      let lang = langToggle.getAttribute('lang') ? langToggle.getAttribute('lang') : 'en';
+      document.cookie = "language=" + lang;
+      window.location.reload();
+    })
 }
 
 /** [ph] */