enter to submit date

lineupjs · Apr 15, 2020 · 84a85ad · 84a85ad
1 parent 8b52a89
commit 84a85ad
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 7 deletions.
diff --git a/src/ui/dialogs/ADialog.ts b/src/ui/dialogs/ADialog.ts
@@ -144,13 +144,7 @@ abstract class ADialog {
     this.node.onsubmit = (evt) => {
       evt.stopPropagation();
       evt.preventDefault();
-      if (!this.node.checkValidity()) {
-        return false;
-      }
-      if (this.submit() !== false) {
-        this.destroy('confirm');
-      }
-      return false;
+      return this.triggerSubmit();
     };
     const cancel = this.find<HTMLButtonElement>('button[title=Cancel]');
     if (cancel) {
@@ -171,6 +165,16 @@ abstract class ADialog {
     this.dialog.manager.push(this);
   }
 
+  protected triggerSubmit() {
+    if (!this.node.checkValidity()) {
+      return false;
+    }
+    if (this.submit() !== false) {
+      this.destroy('confirm');
+    }
+    return false;
+  }
+
   protected find<T extends HTMLElement>(selector: string): T {
     return <T>this.node.querySelector(selector);
   }

diff --git a/src/ui/dialogs/InputDateDialog.ts b/src/ui/dialogs/InputDateDialog.ts
@@ -29,6 +29,12 @@ export default class InputDateDialog extends APopup {
     node.insertAdjacentHTML('beforeend', `
      <input type="date" value="${o.value ? f(o.value) : ''}" required autofocus placeholder="${o.label ? o.label : 'enter date'}">
     `);
+    this.findInput('input[type=date]').addEventListener('keypress', (evt) => {
+      if (evt.key === 'Enter') {
+        this.triggerSubmit();
+      }
+    });
+    this.enableLivePreviews('input');
   }
 
   submit() {

diff --git a/src/ui/dialogs/InputNumberDialog.ts b/src/ui/dialogs/InputNumberDialog.ts
@@ -31,6 +31,7 @@ export default class InputNumberDialog extends APopup {
     node.insertAdjacentHTML('beforeend', `
      <input type="number" value="${isNaN(o.value) ? '' : String(o.value)}" required autofocus placeholder="${o.label ? o.label : 'enter number'}" ${isNaN(o.min) ? '' : ` min="${o.min}"`} ${isNaN(o.max) ? '' : ` max="${o.max}"`} step="${o.step}">
     `);
+    this.enableLivePreviews('input');
   }
 
   submit() {