tanshu/brewman
1
0
Fork 0
Code Issues Pull Requests Releases Activity

Chore: Updated mat inputs to better match the style guide. Removed placeholders in favour of labels.

Browse Source
This commit is contained in:
tanshu
2023-01-31 17:49:15 +05:30
parent a28727756b
commit 10aca4071a
52 changed files with 209 additions and 441 deletions
Download Patch File Download Diff File Expand all files Collapse all files
overlord/src/app/employee/employee-detail/employee-detail.component.html
+8 -8
View File
@@ -17,31 +17,31 @@
<div class="flex flex-row justify-around content-start items-start">
<mat-form-field class="flex-auto">
<mat-label>Code</mat-label>
<input matInput placeholder="Code" formControlName="code" />
<input matInput formControlName="code" />
</mat-form-field>
</div>
<div class="flex flex-row justify-around content-start items-start">
<mat-form-field class="flex-auto">
<mat-label>Name</mat-label>
<input matInput #nameElement placeholder="Name" formControlName="name" />
<input matInput #nameElement formControlName="name" />
</mat-form-field>
</div>
<div class="flex flex-row justify-around content-start items-start">
<mat-form-field class="flex-auto">
<mat-label>Designation</mat-label>
<input matInput placeholder="Designation" formControlName="designation" />
<input matInput formControlName="designation" />
</mat-form-field>
</div>
<div class="flex flex-row justify-around content-start items-start">
<mat-form-field class="flex-auto">
<mat-label>Salary</mat-label>
<input matInput placeholder="Salary" formControlName="salary" />
<input matInput formControlName="salary" />
</mat-form-field>
</div>
<div class="flex flex-row justify-around content-start items-start">
<mat-form-field class="flex-auto">
<mat-label>Points</mat-label>
<input matInput placeholder="Points" formControlName="points" />
<input matInput formControlName="points" />
</mat-form-field>
</div>
<div class="flex flex-row justify-around content-start items-start">
@@ -50,7 +50,7 @@
<div class="flex flex-row justify-around content-start items-start">
<mat-form-field class="flex-auto">
<mat-label>Cost Centre</mat-label>
<mat-select placeholder="Cost Centre" formControlName="costCentre" name="CostCentre">
<mat-select formControlName="costCentre" name="CostCentre">
<mat-option *ngFor="let cs of costCentres" [value]="cs.id">
{{ cs.name }}
</mat-option>
@@ -58,11 +58,11 @@
</mat-form-field>
</div>
<mat-form-field class="flex-auto">
<mat-label>Joining Date</mat-label>
<input
matInput
[matDatepicker]="joiningDate"
(focus)="joiningDate.open()"
placeholder="Joining Date"
formControlName="joiningDate"
autocomplete="off"
/>
@@ -70,11 +70,11 @@
<mat-datepicker #joiningDate></mat-datepicker>
</mat-form-field>
<mat-form-field *ngIf="!item.isActive" class="flex-auto">
<mat-label>Leaving Date</mat-label>
<input
matInput
[matDatepicker]="leavingDate"
(focus)="leavingDate.open()"
placeholder="Leaving Date"
formControlName="leavingDate"
autocomplete="off"
/>