added filter to language list
mellobacon committed
Dec 18, 2022 at 20:40 UTC
447fc90cc804d5df0d40a6aa0efb0d6e662419c7
1 file changed
+8
-2
src/components/Footer/LanguageList.svelte
+8
-2
@@ -4,9 +4,15 @@
4
5
export let showlangs = false;
6
export let langs;
7
+ let filteredlangs = langs;
8
9
let selectedlang = "None";
10
let langmode = null;
11
+
12
+ let value = "";
13
+ function filterLangs() {
14
+ filteredlangs = langs.filter(l => l.lang.toLowerCase().includes(value.toLowerCase()));
15
+ }
16
</script>
17
18
<Modal
@@ -18,10 +24,10 @@
24
passiveModal
25
>
26
<div id="model-content">
21
- <Search id="language-search" placeholder="Search for a language" size="lg"></Search>
27
+ <Search id="language-search" bind:value on:input={() => {filterLangs()}} placeholder="Search for a language" size="lg"></Search>
28
<div id="langlist">
29
<div><span class="note">Missing a language? Search for new ones in Extensions ></span></div>
24
- {#each langs as language}
30
+ {#each filteredlangs as language}
31
<!-- svelte-ignore a11y-click-events-have-key-events -->
32
<div class="language" on:click={() => {
33
selectedlang = language.lang;