Improve language selection
- language list is now fully displayed before typing something - languages are sorted - taginput is expanded
This commit is contained in:
@@ -185,6 +185,7 @@
|
|||||||
icon="label"
|
icon="label"
|
||||||
:disabled="languageLoading"
|
:disabled="languageLoading"
|
||||||
:placeholder="t('Select languages')"
|
:placeholder="t('Select languages')"
|
||||||
|
expanded
|
||||||
@input="getFilteredLanguages"
|
@input="getFilteredLanguages"
|
||||||
id="instance-languages"
|
id="instance-languages"
|
||||||
>
|
>
|
||||||
@@ -659,6 +660,9 @@ watch([adminSettings, languages], ([newAdminSettings, newLanguages]) => {
|
|||||||
instanceLanguages.value = languageCodes
|
instanceLanguages.value = languageCodes
|
||||||
.map((code) => languageForCode(code))
|
.map((code) => languageForCode(code))
|
||||||
.filter((language) => language) as string[];
|
.filter((language) => language) as string[];
|
||||||
|
|
||||||
|
// Initialize the list of languages
|
||||||
|
getFilteredLanguages("");
|
||||||
});
|
});
|
||||||
|
|
||||||
watch(instanceLanguages, async (newInstanceLanguages) => {
|
watch(instanceLanguages, async (newInstanceLanguages) => {
|
||||||
@@ -787,6 +791,7 @@ const getFilteredLanguages = (text: string): void => {
|
|||||||
);
|
);
|
||||||
})
|
})
|
||||||
.map(({ name }) => name)
|
.map(({ name }) => name)
|
||||||
|
.sort()
|
||||||
: [];
|
: [];
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user