Add codetta filter

WolfgangDrescher · Nov 19, 2024 · 2b0b723 · 2b0b723
1 parent 2eca430
commit 2b0b723
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git a/locales/de.yaml b/locales/de.yaml
@@ -20,3 +20,4 @@ nCountResults: '{n} von {count} Ergebnissen'
 previous: Vorheriges
 next: Nächstes
 subject: Thema
+codetta: Zwischentakte
diff --git a/pages/wtc/index.vue b/pages/wtc/index.vue
@@ -61,6 +61,10 @@ const columns = [
         key: 'category',
         label: t('category'),
     },
+    {
+        key: 'codetta',
+        label: t('codetta'),
+    },
 ];
 
 function getVoiceName(num, voicesCount) {
@@ -103,6 +107,7 @@ const pieces = data.value.map(fugue => ({
     horizontal: fugue.exposition?.map(a => getVoiceName(a.voice, fugue.parts)).join(', '),
     majorMinor: fugue.majorMinor,
     modulatingSubject: fugue.modulatingSubject,
+    codetta: fugue.codetta,
 }));
 
 const selectedColumns = ref(columns);
@@ -115,6 +120,7 @@ const defaultFilters = {
     majorMinor: null,
     modulatingSubject: null,
     category: null,
+    codetta: null,
 };
 const filters = reactive({ ...defaultFilters });
 
@@ -133,6 +139,7 @@ const filteredPieces = computed(() => {
             && (!filters.majorMinor || filters.majorMinor === item.majorMinor)
             && (!filters.modulatingSubject || item.modulatingSubject)
             && (!filters.category || item.category.includes(filters.category))
+            && (filters.codetta === null || item.codetta === filters.codetta)
         );
     });
 });
@@ -176,6 +183,11 @@ function resetFilters() {
                     <USelectMenu v-model="filters.category" :options="categories" size="xs" class="w-24" />
                 </UFormGroup>
             </div>
+            <div>
+                <UFormGroup>
+                    <UCheckbox v-model="filters.codetta" :label="$t('codetta')"/>
+                </UFormGroup>
+            </div>
             <div>
                 <UButton icon="i-heroicons-funnel" color="gray" size="xs" @click="resetFilters">
                     {{ $t('reset') }}