Dropdown initial empty value #170 #171 #175

bkd-mba-fbi · Aug 16, 2024 · 925fbd9 · 925fbd9
1 parent 2820269
commit 925fbd9
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 8 deletions.
diff --git a/app/components/input/input-dropdown.js b/app/components/input/input-dropdown.js
@@ -15,6 +15,8 @@ export default Component.extend({
     change(){
         let field = this.get('field');
         let currentValue = null;
+
+        document.getElementById(this.elementId).children[0].classList.remove('required');
 
         document.getElementsByName(field.id).forEach(input => {
             if(field.options.showAsRadioButtons) {

diff --git a/app/templates/components/input/input-dropdown.hbs b/app/templates/components/input/input-dropdown.hbs
@@ -7,15 +7,17 @@
     {{/each}}
   </div>
 {{else}}
-  <select id="vss{{this.field.id}}" class="uk-select" name={{this.field.id}} autocomplete={{this.field.options.autocomplete}}
+  {{#if this.field.options.required}}
+  <select id="vss{{this.field.id}}" class="uk-select required" name={{this.field.id}} autocomplete={{this.field.options.autocomplete}}
+    disabled={{this.field.options.disabled}} required="">
+    <option disabled selected value>{{translate "formOptionEmpty"}}</option>
+    {{this.dropdownOptions}}
+  </select>
+    {{else}}
+      <select id="vss{{this.field.id}}" class="uk-select" name={{this.field.id}} autocomplete={{this.field.options.autocomplete}}
     disabled={{this.field.options.disabled}}>
-    {{#unless this.field.options.required}}
-      <option value=""></option>
-    {{/unless}}
+    <option value>{{translate "formOptionEmpty"}}</option>
     {{this.dropdownOptions}}
-    <!--
-    {{#each this.field.options.options as |option|}}
-      <option value={{option.Key}}>{{option.Value}}</option>
-    {{/each}}--> 
   </select>
+  {{/if}}
 {{/if}}
diff --git a/public/locale/de-CH.js b/public/locale/de-CH.js
@@ -92,6 +92,7 @@ window.kursausschreibung.locale["de-CH"] = {
   "formAddressLine1Placeholder": "Musterstrasse 99",
   "formZipPlaceholder": "3000",
   "formLocationPlaceholder": "Bern",
+  "formOptionEmpty": "-- Leer --",
   "duplicateEmailError": "Die E-Mail-Adresse muss unterschiedlich sein, ansonsten kann das Formular nicht übermittelt werden.",
   "addPerson": "Weitere Person anmelden",
   "removePerson": "Letzte Person entfernen",

diff --git a/public/locale/fr-CH.js b/public/locale/fr-CH.js
@@ -90,6 +90,7 @@ window.kursausschreibung.locale["fr-CH"] = {
     "formAddressLine1Placeholder": "Musterstrasse 99",
     "formZipPlaceholder": "3000",
     "formLocationPlaceholder": "Bern",
+    "formOptionEmpty": "-- Vide --",
     "duplicateEmailError": "L'adresse e-mail doit être différente, sinon le formulaire ne peut pas être soumis.",
     "addPerson": "Inscrire une autre personne",
     "removePerson": "Enlever la dernière personne",