56 lines
2.3 KiB
HTML
56 lines
2.3 KiB
HTML
<form [formGroup]="form!" (ngSubmit)="onSubmitClick()">
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<div style="display: flex; align-items: center;">
|
|
<a href="javascript:void(0)" matSuffix (click)="addDay(-1)">
|
|
<i class="material-icons font-40">arrow_back</i>
|
|
</a>
|
|
|
|
<mat-form-field class="example-full-width" appearance="fill">
|
|
<input matInput [matDatepicker]="picker3" (focus)="picker3.open()" value={{motion.date}} formControlName="date" required>
|
|
<mat-hint>YYYY/MM/DD</mat-hint>
|
|
<mat-datepicker-toggle tabindex="-1" matSuffix [for]="picker3"></mat-datepicker-toggle>
|
|
<mat-datepicker #picker3></mat-datepicker>
|
|
<mat-error *ngIf="form.controls?.['date']?.hasError('required')">
|
|
Please enter rate date
|
|
</mat-error>
|
|
</mat-form-field>
|
|
|
|
<a href="javascript:void(0)" matSuffix (click)="addDay(1)">
|
|
<i class="material-icons font-40">arrow_forward</i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<mat-form-field class="example-full-width" appearance="fill">
|
|
<input matInput formControlName="motion">
|
|
</mat-form-field>
|
|
<mat-form-field class="example-full-width" appearance="fill">
|
|
<input matInput formControlName="description">
|
|
</mat-form-field>
|
|
</div>
|
|
<div class="col-md-2">
|
|
<mat-form-field class="example-full-width" appearance="fill">
|
|
<input matInput [value]="motion.plus | number:'0.2-2'" formControlName="plus" currencyMask [options]="{ prefix: '', precision: 4, inputMode: 1 }">
|
|
</mat-form-field>
|
|
<mat-form-field class="example-full-width" appearance="fill">
|
|
<input matInput [value]="motion.minus | number:'0.2-2'" formControlName="minus" currencyMask [options]="{ prefix: '', precision: 4, inputMode: 1 }">
|
|
</mat-form-field>
|
|
</div>
|
|
<div class="col-md-2 mb-2">
|
|
<a *ngIf="!motion.id" href="javascript:void(0)" (click)="onSubmitClick()">
|
|
<i class="material-icons font-40">add</i>
|
|
</a>
|
|
<a *ngIf="!motion.id" href="javascript:void(0)" (click)="onSubmitClick()">
|
|
<i class="material-icons font-40">import_export</i>
|
|
</a>
|
|
<a *ngIf="motion.id" href="javascript:void(0)" (click)="onSubmitClick()">
|
|
<i class="material-icons font-40">save</i>
|
|
</a>
|
|
<a *ngIf="motion.id" href="javascript:void(0)" (click)="onSubmitClick()">
|
|
<i class="material-icons font-40">delete</i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</form>
|