fix: only numbers allowed in year of birth (#2541)

Brain-up · Nov 28, 2023 · f5847c1 · f5847c1
1 parent c19e93c
commit f5847c1
Show file tree

Hide file tree

Showing 4 changed files with 37 additions and 0 deletions.
diff --git a/frontend/app/components/profile/component.ts b/frontend/app/components/profile/component.ts
@@ -117,4 +117,21 @@ export default class ProfileComponent extends Component {
       });
     }
   }
+
+  @action 
+  setBirthday(e: Event) {
+      const key = e.key;
+      const allowedKeys = [
+        'Backspace',
+        'Delete',
+        'Tab',
+        'Enter',
+        'ArrowLeft',
+        'ArrowRight',
+      ];
+      const isValid = allowedKeys.includes(key) || !isNaN(key as any);
+      if (!isValid) {
+        e.preventDefault();
+      }
+  }
 }
diff --git a/frontend/app/components/profile/template.hbs b/frontend/app/components/profile/template.hbs
@@ -50,6 +50,7 @@
         minlength="4"
         maxlength="4"
         pattern="[0-9]{4}"
+        {{on "keydown" this.setBirthday}}
         {{on "change" (fn this.onInput "birthday")}}
         @warning={{this.warningErrorDate}}
         @model={{this.user}}

diff --git a/frontend/app/components/registration-form/component.ts b/frontend/app/components/registration-form/component.ts
@@ -151,4 +151,22 @@ export default class RegistrationFormComponent extends LoginFormComponent {
   setAgreedStatus(e: Document & any) {
     this.agreed = e.target.checked;
   }
+
+  @action
+  setBirthday(e: Event) {
+    const key = e.key;
+    const allowedKeys = [
+      'Backspace',
+      'Delete',
+      'Tab',
+      'Enter',
+      'ArrowLeft',
+      'ArrowRight',
+    ];
+    const isValid = allowedKeys.includes(key) || !isNaN(key as any);
+    if (!isValid) {
+      e.preventDefault();
+    }  
+
+  }
 }
diff --git a/frontend/app/components/registration-form/template.hbs b/frontend/app/components/registration-form/template.hbs
@@ -42,6 +42,7 @@
           @placeholder={{t "registration_form.birthday_placeholder"}}
           @model={{this}}
           @name="birthday"
+          {{on "keydown" this.setBirthday}}
         />
       </div>
       <div class="mb-4">