Skip to content
Snippets Groups Projects
Commit 89fcaf10 authored by Hangzhi Yu's avatar Hangzhi Yu
Browse files

Fix language select form

parent 1f72105c
No related branches found
No related tags found
1 merge request!1072Resolve "Fix language select dropdown on Vue-enabled pages"
Pipeline #83142 passed
......@@ -12,11 +12,12 @@
:value="next_url"
type="hidden"
></v-text-field>
<input
<v-text-field
v-show="false"
v-model="language"
name="language"
:value="current_language"
type="hidden"
>
></v-text-field>
<v-menu offset-y>
<template v-slot:activator="{ on, attrs }">
<v-btn
......@@ -26,16 +27,16 @@
color="primary"
>
<v-icon icon color="white">mdi-translate</v-icon>
{{ current_language }}
{{ language }}
</v-btn>
</template>
<v-list id="language-dropdown" class="dropdown-content">
<v-list-item-group
v-model="current_language"
v-model="language"
color="primary"
>
<v-list-item v-for="language in items" :key="language[0]" :value="language[0]" @click="submit(language[0])">
<v-list-item-title>{{ language[1] }}</v-list-item-title>
<v-list-item v-for="language_option in items" :key="language_option[0]" :value="language_option[0]" @click="submit(language_option[0])">
<v-list-item-title>{{ language_option[1] }}</v-list-item-title>
</v-list-item>
</v-list-item-group>
</v-list>
......@@ -47,12 +48,14 @@
export default {
data: () => ({
items: JSON.parse(document.getElementById("language-info-list").textContent),
current_language: JSON.parse(document.getElementById("current-language").textContent),
language: JSON.parse(document.getElementById("current-language").textContent),
}),
methods: {
submit: function (language) {
this.current_language = language;
// this.$refs.form.submit()
submit: function (new_language) {
this.language = new_language;
this.$nextTick(() => {
this.$refs.form.submit();
});
},
},
props: ["action", "csrf_value", "next_url"],
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment