[TASK] add lang nav
This commit is contained in:
@@ -6,6 +6,7 @@ use maud::{html, Markup, DOCTYPE};
|
||||
pub fn new(content: Markup, lang: Language) -> Markup {
|
||||
html! {
|
||||
(DOCTYPE)
|
||||
html lang=(lang) {
|
||||
head {
|
||||
meta charset="utf-8";
|
||||
meta name="viewport" content="width=device-width, initial-scale=1.0";
|
||||
@@ -39,8 +40,8 @@ pub fn new(content: Markup, lang: Language) -> Markup {
|
||||
}
|
||||
|
||||
li {
|
||||
button id="language_toogle" lang="en" {
|
||||
"DE"
|
||||
button id="lang-toggle" lang=(lang.next_language()) {
|
||||
(lang.next_language())
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -63,4 +64,5 @@ pub fn new(content: Markup, lang: Language) -> Markup {
|
||||
script src="/static/theme.js" {}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@@ -4,11 +4,14 @@ 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
|
||||
langToggle?.addEventListener('click', (e)=> {
|
||||
e.preventDefault();
|
||||
let lang = langToggle.getAttribute('lang');
|
||||
|
||||
// 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();
|
||||
})
|
||||
|
Reference in New Issue
Block a user