1
0
mirror of https://gitlab.com/bramw/baserow.git synced 2024-11-21 23:37:55 +00:00
bramw_baserow/web-frontend/modules/core/components/LangPicker.vue
Jonathan Adeline 4321aaea9a Replace icons
2023-09-28 13:39:41 +00:00

36 lines
844 B
Vue

<template>
<div class="lang-picker">
<a
ref="dropdownLink"
class="lang-picker__link"
@click="$refs.dropdown.toggle($refs.dropdownLink)"
>
{{ visibleLanguageName }}
<i class="iconoir-nav-arrow-down lang-picker__icon"></i>
</a>
<LanguageSwitcherDropdown
ref="dropdown"
class="lang-picker__dropdown"
:show-input="false"
/>
</div>
</template>
<script>
import LanguageSwitcherDropdown from '@baserow/modules/core/components/LangSwitcherDropdown'
export default {
components: { LanguageSwitcherDropdown },
computed: {
visibleLanguageName() {
for (let i = 0; i < this.$i18n.locales.length; i++) {
if (this.$i18n.locales[i].code === this.$i18n.locale) {
return this.$i18n.locales[i].name
}
}
return ''
},
},
}
</script>