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

This commit is contained in:
2023-01-31 17:49:15 +05:30
parent a28727756b
commit 10aca4071a
52 changed files with 209 additions and 441 deletions
@@ -6,28 +6,23 @@
>
<mat-form-field class="flex-auto mr-5">
<mat-label>Units</mat-label>
<input matInput placeholder="Units" formControlName="units" />
<input matInput formControlName="units" />
</mat-form-field>
<mat-form-field class="flex-auto mr-5">
<mat-label>Fraction</mat-label>
<input matInput type="number" placeholder="Fraction" formControlName="fraction" />
<input matInput type="number" formControlName="fraction" />
</mat-form-field>
<mat-form-field class="flex-auto mr-5">
<mat-label>Yield</mat-label>
<input matInput type="number" placeholder="Yield" formControlName="productYield" />
<input matInput type="number" formControlName="productYield" />
</mat-form-field>
<mat-form-field class="flex-auto mr-5">
<mat-label>{{ data.isPurchased ? 'Purchase Price' : 'Cost Price' }}</mat-label>
<input
matInput
type="number"
placeholder="{{ data.isPurchased ? 'Purchase Price' : 'Cost Price' }}"
formControlName="costPrice"
/>
<input matInput type="number" formControlName="costPrice" />
</mat-form-field>
<mat-form-field class="flex-auto" [hidden]="!data.isSold">
<mat-label>Sale Price</mat-label>
<input matInput type="number" placeholder="Sale Price" formControlName="salePrice" />
<input matInput type="number" formControlName="salePrice" />
</mat-form-field>
</div>
</form>