projects
/
vchess.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
Give move notation with confirm message in Game (corr)
[vchess.git]
/
client
/
src
/
components
/
Language.vue
diff --git
a/client/src/components/Language.vue
b/client/src/components/Language.vue
index
fc30562
..
e724355
100644
(file)
--- a/
client/src/components/Language.vue
+++ b/
client/src/components/Language.vue
@@
-7,15
+7,15
@@
div
"fr": "Français",
};
input#modalLang.modal(type="checkbox")
"fr": "Français",
};
input#modalLang.modal(type="checkbox")
- div(role="dialog")
-
#language
.card
+ div(role="dialog"
data-checkbox="modalLang"
)
+ .card
label.modal-close(for="modalLang")
label.modal-close(for="modalLang")
- form
+ form
(@change="setLanguage($event)")
fieldset
label(for="langSelect") {{ st.tr["Language"] }}
select#langSelect
each language,langCode in langName
fieldset
label(for="langSelect") {{ st.tr["Language"] }}
select#langSelect
each language,langCode in langName
- option(value=langCode
selected=(lang==langCode)
)
+ option(value=langCode)
=language
</template>
=language
</template>
@@
-28,11
+28,18
@@
export default {
st: store.state,
};
},
st: store.state,
};
},
- methods: {
+ mounted: function() {
+ // NOTE: better style would be in pug directly, but how?
+ document.querySelectorAll("#langSelect > option").forEach(opt => {
+ if (opt.value == this.st.lang)
+ opt.selected = true;
+ });
+ },
+ methods: {
setLanguage: function(e) {
localStorage["lang"] = e.target.value;
store.setLanguage(e.target.value);
},
setLanguage: function(e) {
localStorage["lang"] = e.target.value;
store.setLanguage(e.target.value);
},
-
},
+ },
};
</script>
};
</script>