fix: client charges routing and module structure (#1114)

Fixes: #1113
2020-07-15 19:23:57 +05:30
parent 2670137564
commit fbe0935154
18 changed files with 47 additions and 27 deletions
@@ -0,0 +1,34 @@
+<div class="tab-container mat-typography">
+
+  <form [formGroup]="transactionForm" (ngSubmit)="submit()">
+
+    <div fxLayout="column">
+
+      <mat-form-field>
+        <mat-label> Amount </mat-label>
+        <input matInput required autofocus formControlName="amount">
+        <mat-error *ngIf="transactionForm.controls.amount.hasError('required')">
+          Amount <strong>is required</strong>
+        </mat-error>
+      </mat-form-field>
+
+      <mat-form-field>
+        <mat-label> Transaction date </mat-label>
+        <input matInput [min]="minDate" [matDatepicker]="transactionDatePicker" required formControlName="transactionDate">
+        <mat-datepicker-toggle matSuffix [for]="transactionDatePicker"></mat-datepicker-toggle>
+        <mat-datepicker #transactionDatePicker></mat-datepicker>
+        <mat-error *ngIf="transactionForm.controls.transactionDate.hasError('required')">
+          Transaction date <strong>is required</strong>
+        </mat-error>
+      </mat-form-field>
+
+    </div>
+
+    <div fxLayout="row" fxLayoutAlign="center" fxLayoutGap="5px">
+      <button type="button" mat-raised-button [routerLink]="['../','general']">Cancel</button>
+      <button mat-raised-button color="primary" [disabled]="!transactionForm.valid">Submit</button>
+    </div>
+
+  </form>
+
+</div>