fix(fromt): add submitting by Enter

rednez · Jan 21, 2023 · 936da85 · 936da85
1 parent 5989981
commit 936da85
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 17 deletions.
diff --git a/libs/front/ui/src/lib/dialog-create-category/dialog-create-category.component.html b/libs/front/ui/src/lib/dialog-create-category/dialog-create-category.component.html
@@ -18,11 +18,15 @@ <h1>{{ 'Create category' | translate }}</h1>
       }}</span>
     </div>
 
-    <mat-form-field class="w-full">
-      <mat-label>{{ 'Category name' | translate }}</mat-label>
-      <input matInput [formControl]="category" />
-      <mat-error *ngIf="category.errors">{{ errorText | translate }}</mat-error>
-    </mat-form-field>
+    <form (ngSubmit)="onClickCreate()">
+      <mat-form-field class="w-full">
+        <mat-label>{{ 'Category name' | translate }}</mat-label>
+        <input matInput [formControl]="category" />
+        <mat-error *ngIf="category.errors">
+          {{ errorText | translate }}
+        </mat-error>
+      </mat-form-field>
+    </form>
   </mat-card-content>
 
   <mat-card-actions

diff --git a/libs/front/ui/src/lib/dialog-create-currency/dialog-create-currency.component.ts b/libs/front/ui/src/lib/dialog-create-currency/dialog-create-currency.component.ts
@@ -20,13 +20,15 @@ import { uniqNameValidator } from '../validators';
         </mat-card-title>
       </mat-card-header>
       <mat-card-content class="mb-4">
-        <mat-form-field>
-          <mat-label>{{ 'Currency name' | translate }}</mat-label>
-          <input matInput [formControl]="currency" />
-          <mat-error *ngIf="currency.errors">{{
-            errorText | translate
-          }}</mat-error>
-        </mat-form-field>
+        <form (ngSubmit)="onClickCreate()">
+          <mat-form-field>
+            <mat-label>{{ 'Currency name' | translate }}</mat-label>
+            <input matInput [formControl]="currency" />
+            <mat-error *ngIf="currency.errors">{{
+              errorText | translate
+            }}</mat-error>
+          </mat-form-field>
+        </form>
       </mat-card-content>
       <mat-card-actions
         class="space-x-2"

diff --git a/libs/front/ui/src/lib/dialog-create-group/dialog-create-group.component.ts b/libs/front/ui/src/lib/dialog-create-group/dialog-create-group.component.ts
@@ -19,11 +19,15 @@ import { uniqNameValidator } from '../validators';
       </mat-card-title>
     </mat-card-header>
     <mat-card-content class="mb-4">
-      <mat-form-field>
-        <mat-label>{{ 'Group name' | translate }}</mat-label>
-        <input matInput [formControl]="group" />
-        <mat-error *ngIf="group.errors">{{ errorText | translate }}</mat-error>
-      </mat-form-field>
+      <form (ngSubmit)="onClickCreate()">
+        <mat-form-field>
+          <mat-label>{{ 'Group name' | translate }}</mat-label>
+          <input matInput [formControl]="group" />
+          <mat-error *ngIf="group.errors">{{
+            errorText | translate
+          }}</mat-error>
+        </mat-form-field>
+      </form>
     </mat-card-content>
     <mat-card-actions
       class="space-x-2"