diff --git a/packages/nc-gui/components/utils/Language.vue b/packages/nc-gui/components/utils/Language.vue
index e3e6e075be..b7b63af9b7 100644
--- a/packages/nc-gui/components/utils/Language.vue
+++ b/packages/nc-gui/components/utils/Language.vue
@@ -2,7 +2,9 @@
-
+
@@ -40,104 +42,106 @@ export default {
name: 'Language',
data: () => ({
labels: {
+ bn: 'বাংলা',
+ da: 'Dansk',
de: 'Deutsch',
en: 'English',
es: 'Español',
fa: 'فارسی',
+ fi: 'Suomalainen',
fr: 'Français',
+ hi: 'हिन्दी',
+ hr: 'Hrvatski',
id: 'Bahasa Indonesia',
- ja: '日本語',
it_IT: 'Italiano',
+ iw: 'עִברִית',
+ ja: '日本語',
ko: '한국인',
lv: 'Latviešu',
nl: 'Nederlandse',
+ no: 'Norsk',
+ pt_BR: 'Português (Brasil)',
ru: 'Pусский',
- zh_CN: '大陆简体',
- zh_HK: '香港繁體',
- zh_TW: '臺灣正體',
+ sl: 'Slovenščina',
sv: 'Svenska',
+ th: 'ไทย',
tr: 'Turkish',
- da: 'Dansk',
vi: 'Tiếng Việt',
- no: 'Norsk',
- iw: 'עִברִית',
- fi: 'Suomalainen',
uk: 'Українська',
- hr: 'Hrvatski',
- th: 'ไทย',
- sl: 'Slovenščina',
- pt_BR: 'Português (Brasil)',
- },
+ zh_CN: '大陆简体',
+ zh_HK: '香港繁體',
+ zh_TW: '臺灣正體'
+ }
}),
computed: {
languages() {
- return ((this.$i18n && this.$i18n.availableLocales) || ['en']).sort();
+ return ((this.$i18n && this.$i18n.availableLocales) || ['en']).sort()
},
language: {
get() {
- return this.$store.state.settings.language;
+ return this.$store.state.settings.language
},
set(val) {
- this.$store.commit('settings/MutLanguage', val);
- this.applyDirection();
- },
- },
+ this.$store.commit('settings/MutLanguage', val)
+ this.applyDirection()
+ }
+ }
},
mounted() {
- this.applyDirection();
+ this.applyDirection()
},
methods: {
applyDirection() {
- const targetDirection = this.isRtlLang() ? 'rtl' : 'ltr';
- const oppositeDirection = targetDirection == 'ltr' ? 'rtl' : 'ltr';
- document.body.classList.remove(oppositeDirection);
- document.body.classList.add(targetDirection);
- document.body.style.direction = targetDirection;
+ const targetDirection = this.isRtlLang() ? 'rtl' : 'ltr'
+ const oppositeDirection = targetDirection == 'ltr' ? 'rtl' : 'ltr'
+ document.body.classList.remove(oppositeDirection)
+ document.body.classList.add(targetDirection)
+ document.body.style.direction = targetDirection
},
isRtlLang() {
- return ['fa'].includes(this.language);
+ return ['fa'].includes(this.language)
},
changeLan(lan) {
- this.language = lan;
- const count = 200;
+ this.language = lan
+ const count = 200
const defaults = {
- origin: { y: 0.7 },
- };
+ origin: { y: 0.7 }
+ }
function fire(particleRatio, opts) {
window.confetti(
Object.assign({}, defaults, opts, {
- particleCount: Math.floor(count * particleRatio),
+ particleCount: Math.floor(count * particleRatio)
})
- );
+ )
}
fire(0.25, {
spread: 26,
- startVelocity: 55,
- });
+ startVelocity: 55
+ })
fire(0.2, {
- spread: 60,
- });
+ spread: 60
+ })
fire(0.35, {
spread: 100,
decay: 0.91,
- scalar: 0.8,
- });
+ scalar: 0.8
+ })
fire(0.1, {
spread: 120,
startVelocity: 25,
decay: 0.92,
- scalar: 1.2,
- });
+ scalar: 1.2
+ })
fire(0.1, {
spread: 120,
- startVelocity: 45,
- });
- this.$e('c:navbar:lang', { lang: lan });
- },
- },
-};
+ startVelocity: 45
+ })
+ this.$e('c:navbar:lang', { lang: lan })
+ }
+ }
+}