Add important validators #134

frontend/src/app/Views/dashboard/user-dialog/user-dialog.component.html

@@ -21,7 +21,7 @@
   <div class="form-group">
     <label for="isin">isin</label>
     <input
-      type="isin"
+      type="text"
       class="form-control"
       name="isin"
       [(ngModel)]="data.isin"
@@ -45,7 +45,7 @@
   <div class="form-group">
     <label for="count">Count</label>
     <input
-      type="count"
+      type="number"
       class="form-control"
       name="count"
       [(ngModel)]="data.count"
@@ -53,6 +53,9 @@
       count
       #count="ngModel"
     />
+    <div class="alert-danger" *ngIf="!countValid">
+      Password does not match, make sure it is the same!
+    </div>
   </div>
   <div class="form-group">
     <label for="price">Price in $</label>
@@ -64,6 +67,9 @@
       #price="ngModel"
       type="number"
     />
+    <div class="alert-danger" *ngIf="!priceValid">
+      Password does not match, make sure it is the same!
+    </div>
   </div>
   <div class="form-group footer-buttons">
     <button class="btn btn-danger btn-block" mat-dialog-close>Cancel</button>

frontend/src/app/Views/dashboard/user-dialog/user-dialog.component.ts

@@ -1,4 +1,5 @@
 import { Component, Inject, OnInit } from '@angular/core';
+import { FormControl } from '@angular/forms';
 import {
   MatDialog,
   MatDialogRef,
@@ -21,21 +22,37 @@ export class UserDialogComponent {
     @Inject(MAT_DIALOG_DATA) public data: TransactionData
   ) {}
 
+  countValid = true;
+  priceValid = true;
+
   onSubmit() {
-    //TODO check that price is decimal
+    console.log(!isNaN(this.data.count));
-    console.log(
+    if (!isNaN(this.data.count) && !isNaN(this.data.price)) {
-      this.dataService
+      this.priceValid = true;
-        .createTransaction(
+      this.countValid = true;
-          this.data.comment,
+      console.log(
-          this.data.isin,
+        this.dataService
-          this.data.time,
+          .createTransaction(
-          +this.data.count,
+            this.data.comment,
-          +this.data.price.toFixed(2) * -1
+            this.data.isin,
-        )
+            this.data.time,
-        .subscribe((data) => {
+            +this.data.count,
-          console.log(data);
+            +this.data.price.toFixed(2) * -1
-        })
+          )
-    );
+          .subscribe((data) => {
-    this.dialog.closeAll();
+            console.log(data);
+          })
+      );
+      this.dialog.closeAll();
+    } else if (isNaN(this.data.count) && !isNaN(this.data.price)) {
+      this.priceValid = true;
+      this.countValid = false;
+    } else if (!isNaN(this.data.count) && isNaN(this.data.price)) {
+      this.priceValid = false;
+      this.countValid = true;
+    } else {
+      this.countValid = false;
+      this.priceValid = false;
+    }
   }
 }

frontend/src/app/Views/profile/profile.component.html

@@ -111,7 +111,7 @@
           <mat-form-field class="example-full-width" appearance="fill">
             <mat-label>Telegram UserId</mat-label>
             <input
-              type="text"
+              type="number"
               matInput
               [formControl]="telegramIdFormControl"
               [(ngModel)]="userId"