Chore: Upgraded to angular 15

Chore: Moved from angular/flex-layout to Tailwind
Chore: Upgrade completed
This commit is contained in:
2022-12-12 12:00:24 +05:30
parent 4a85a9133e
commit 129664e564
84 changed files with 1011 additions and 982 deletions
@@ -1,7 +1,7 @@
<mat-card>
<mat-card-title-group>
<mat-card-header>
<mat-card-title>Recipe Detail</mat-card-title>
</mat-card-title-group>
</mat-card-header>
<mat-card-content>
<form [formGroup]="form" class="flex flex-col">
<div class="flex flex-row justify-around content-start items-start">
@@ -141,21 +141,23 @@
<ng-container matColumnDef="quantity">
<mat-header-cell *matHeaderCellDef class="right">Quantity</mat-header-cell>
<mat-cell *matCellDef="let row" class="right"
>{{ row.quantity | number: '1.2-2' }} {{ row.product.fractionUnits }}</mat-cell
>{{ row.quantity | number : '1.2-2' }} {{ row.product.fractionUnits }}</mat-cell
>
</ng-container>
<!-- Rate Column -->
<ng-container matColumnDef="rate">
<mat-header-cell *matHeaderCellDef class="right">Rate</mat-header-cell>
<mat-cell *matCellDef="let row" class="right">{{ row.price | currency: 'INR' }}</mat-cell>
<mat-cell *matCellDef="let row" class="right">{{
row.price | currency : 'INR'
}}</mat-cell>
</ng-container>
<!-- Amount Column -->
<ng-container matColumnDef="amount">
<mat-header-cell *matHeaderCellDef class="right">Amount</mat-header-cell>
<mat-cell *matCellDef="let row" class="right">{{
row.quantity * row.price | currency: 'INR'
row.quantity * row.price | currency : 'INR'
}}</mat-cell>
</ng-container>
@@ -175,7 +177,7 @@
</form>
</mat-card-content>
<mat-card-actions>
<button mat-raised-button (click)="save()" color="primary">
<button mat-raised-button (click)="save()" color="primary" class="mr-5">
{{ item.id ? 'Update' : 'Save' }}
</button>
<button mat-raised-button color="warn" (click)="confirmDelete()" *ngIf="item.id">Delete</button>
@@ -1,11 +1,13 @@
<mat-card>
<mat-card-title-group>
<mat-card-title>Recipes</mat-card-title>
<a mat-button [routerLink]="['/recipes', 'new']">
<mat-icon>add_box</mat-icon>
Add
</a>
</mat-card-title-group>
<mat-card-header>
<mat-card-title-group>
<mat-card-title>Recipes</mat-card-title>
<a mat-button [routerLink]="['/recipes', 'new']">
<mat-icon>add_box</mat-icon>
Add
</a>
</mat-card-title-group>
</mat-card-header>
<mat-card-content>
<form [formGroup]="form" class="flex flex-col">
<div class="flex flex-row justify-around content-start items-start sm:max-lg:flex-col">
@@ -43,20 +45,20 @@
<!-- Sale Price Column -->
<ng-container matColumnDef="salePrice">
<mat-header-cell *matHeaderCellDef mat-sort-header>Sale Price</mat-header-cell>
<mat-cell *matCellDef="let row">{{ row.salePrice | currency: 'INR' }}</mat-cell>
<mat-cell *matCellDef="let row">{{ row.salePrice | currency : 'INR' }}</mat-cell>
</ng-container>
<!-- Cost Price Column -->
<ng-container matColumnDef="costPrice">
<mat-header-cell *matHeaderCellDef mat-sort-header>Cost Price</mat-header-cell>
<mat-cell *matCellDef="let row">{{ row.costPrice | currency: 'INR' }}</mat-cell>
<mat-cell *matCellDef="let row">{{ row.costPrice | currency : 'INR' }}</mat-cell>
</ng-container>
<!-- Cost Percentage Column -->
<ng-container matColumnDef="costPercentage">
<mat-header-cell *matHeaderCellDef mat-sort-header>Cost %age</mat-header-cell>
<mat-cell *matCellDef="let row">{{
row.costPrice / row.salePrice | percent: '1.2-2'
row.costPrice / row.salePrice | percent : '1.2-2'
}}</mat-cell>
</ng-container>