Add dutch to settings

.github/workflows/elixir.yml

@@ -37,13 +37,13 @@ jobs:
       BASE_URL: http://localhost:4000
 
     steps:
-    - uses: actions/checkout@v3
+    - uses: actions/checkout@v4
       with:
         fetch-depth: 0
     - name: Set up Elixir
-      uses: erlef/setup-beam@988e02bfe678367a02564f65ca2e37726dc0268f
+      uses: erlef/setup-beam@v1
       with:
-        elixir-version: '1.15.4'
+        elixir-version: '1.16.2'
         otp-version: '26'
     - name: Restore dependencies cache
       uses: actions/cache@v3

CHANGELOG.md

@@ -1,5 +1,9 @@
 ## v2.0.1
 
+# Features
+
+- Add Dutch translation #91 (@robinaartsma)
+
 ### Fixes and improvements
 
 - Fix responsive layout on dashboard

README.md

@@ -34,7 +34,7 @@ Claper has a two-sided mission:
 - The first one is to help these people presenting an idea or a message by giving them the opportunity to make their presentation unique and to have real-time feedback from their audience.
 - The second one is to help each participant to take their place, to be an actor in the presentation, in the meeting and to feel important and useful.
 
-Supported languages: 🇬🇧 English, 🇫🇷 French, 🇩🇪 German, 🇪🇸 Spanish
+Supported languages: 🇬🇧 English, 🇫🇷 French, 🇩🇪 German, 🇪🇸 Spanish, 🇳🇱 Dutch
 
 ### Built With
 

assets/js/app.js

@@ -11,9 +11,11 @@ import airdatepickerLocaleEn from "air-datepicker/locale/en";
 import airdatepickerLocaleFr from "air-datepicker/locale/fr";
 import airdatepickerLocaleDe from "air-datepicker/locale/de";
 import airdatepickerLocaleEs from "air-datepicker/locale/es";
+import airdatepickerLocaleNl from "air-datepicker/locale/nl";
 import "moment/locale/de";
 import "moment/locale/fr";
 import "moment/locale/es";
+import "moment/locale/nl";
 import QRCodeStyling from "qr-code-styling";
 import { Presenter } from "./presenter";
 import { Manager } from "./manager";
@@ -21,7 +23,7 @@ import Split from "split-grid";
 import { TourGuideClient } from "@sjmc11/tourguidejs/src/Tour";
 window.moment = moment;
 
-const supportedLocales = ["en", "fr", "de", "es"];
+const supportedLocales = ["en", "fr", "de", "es", "nl"];
 
 var locale =
   document.querySelector("html").getAttribute("lang") ||
@@ -41,6 +43,7 @@ let airdatepickerLocale = {
   fr: airdatepickerLocaleFr,
   de: airdatepickerLocaleDe,
   es: airdatepickerLocaleEs,
+  nl: airdatepickerLocaleNl,
 };
 let csrfToken = document
   .querySelector("meta[name='csrf-token']")

lib/claper_web/live/user_settings_live/show.html.heex

@@ -149,10 +149,11 @@
                   form={f}
                   fieldClass="!w-auto"
                   array={[
+                    {"Deutsch", "de"},
                     {"English", "en"},
                     {"Español", "es"},
                     {"Français", "fr"},
-                    {"German", "de"}
+                    {"Nederlands", "nl"}
                   ]}
                   key={:locale}
                   name={gettext("Language")}