Add country filter

Author: simonhammes

src/themes/seatable/i18n/de.yaml

@@ -236,7 +236,7 @@ partners:
     select_placeholder: Wählen Sie eine Option...
     language: Sprache
     industry_expertise: Industrie-Expertise
-    region: Region
+    country: Land
     services: Services
     typical_customers: Typische Kunden
 

src/themes/seatable/layouts/partners/list.html

@@ -76,10 +76,10 @@ <h3 class="mb-4 mr-16 border-b pb-2 text-sm uppercase text-gray-400">{{ T "partn
                             </div>
                         </label>
 
-                        <!-- Region -->
+                        <!-- Land -->
                         <label class="poppins my-6 block text-base font-bold">
-                            {{ T "partners.region" }} (in Base aufnehmen?)
-                            <div x-data="regionFilter" class="relative mt-1">
+                            {{ T "partners.country" }}
+                            <div x-data="countryFilter" class="relative mt-1">
                                 <!-- „Select“-Box (Klick öffnet Panel) -->
                                 <button
                                     type="button"
@@ -241,6 +241,7 @@ <h3 x-text="partner.partner" class="!pt-6 !text-xl tracking-tight"></h3>
 
             const languageOptions = Array.from(new Set(partners.flatMap(partner => partner.languages))).sort();
             const industryExpertiseOptions = Array.from(new Set(partners.flatMap(partner => partner.industry_expertise))).sort();
+            const countryOptions = Array.from(new Set(partners.flatMap(partner => partner.country.country_region))).sort();
             const supportAreaOptions = Array.from(new Set(partners.flatMap(partner => partner.support_areas))).sort();
 
             return {
@@ -254,8 +255,8 @@ <h3 x-text="partner.partner" class="!pt-6 !text-xl tracking-tight"></h3>
                     options: industryExpertiseOptions,
                 }),
 
-                regionFilter: filterSelect({
-                    options: ['Europa', 'Nordamerika', 'Südamerika', 'Asien', 'Afrika'],
+                countryFilter: filterSelect({
+                    options: countryOptions,
                 }),
 
                 supportAreasFilter: filterSelect({
@@ -285,7 +286,11 @@ <h3 x-text="partner.partner" class="!pt-6 !text-xl tracking-tight"></h3>
                         );
                     }
 
-                    // FIXME: Evaluate regionFilter (not part of the base)
+                    if (this.countryFilter.selected.length > 0) {
+                        filteredPartners = filteredPartners.filter(
+                            partner => this.countryFilter.selected.includes(partner.country.country_region)
+                        );
+                    }
 
                     if (this.supportAreasFilter.selected.length > 0) {
                         filteredPartners = filteredPartners.filter(