Chore: Removed Mat Card from everywhere.
Chore: Removed the Toaster Service. Chore: Updated to Material Theme 3
This commit is contained in:
@@ -1,27 +1,23 @@
|
||||
<mat-card>
|
||||
<mat-card-content>
|
||||
<div class="tables-grid">
|
||||
<mat-card
|
||||
class="flex flex-col square-button warn"
|
||||
matRipple
|
||||
[routerLink]="['../../menu-categories']"
|
||||
queryParamsHandling="preserve"
|
||||
>
|
||||
<h3>Back</h3>
|
||||
</mat-card>
|
||||
@for (item of list; track item) {
|
||||
<mat-card
|
||||
class="flex flex-col square-button"
|
||||
matRipple
|
||||
(click)="addProduct(item)"
|
||||
[class.accent]="item.hasHappyHour"
|
||||
[class.strong-disabled]="item.isNotAvailable"
|
||||
[class.primary]="!item.hasHappyHour && !item.isNotAvailable"
|
||||
>
|
||||
<h3>{{ item.name }}</h3>
|
||||
<span>{{ item.price | currency: 'INR' }}</span>
|
||||
</mat-card>
|
||||
}
|
||||
</div>
|
||||
</mat-card-content>
|
||||
</mat-card>
|
||||
<div class="tables-grid">
|
||||
<mat-card
|
||||
class="flex flex-col square-button warn"
|
||||
matRipple
|
||||
[routerLink]="['../../menu-categories']"
|
||||
queryParamsHandling="preserve"
|
||||
>
|
||||
<h3>Back</h3>
|
||||
</mat-card>
|
||||
@for (item of list; track item) {
|
||||
<mat-card
|
||||
class="flex flex-col square-button"
|
||||
matRipple
|
||||
(click)="addProduct(item)"
|
||||
[class.accent]="item.hasHappyHour"
|
||||
[class.disabled]="item.isNotAvailable"
|
||||
[class.primary]="!item.hasHappyHour && !item.isNotAvailable"
|
||||
>
|
||||
<h3>{{ item.name }}</h3>
|
||||
<span>{{ item.price | currency: 'INR' }}</span>
|
||||
</mat-card>
|
||||
}
|
||||
</div>
|
||||
|
||||
@@ -11,7 +11,7 @@ import { BillService } from '../bill.service';
|
||||
selector: 'app-products',
|
||||
templateUrl: './products.component.html',
|
||||
styleUrls: ['./products.component.sass'],
|
||||
imports: [CurrencyPipe, MatCardModule, MatRippleModule, RouterLink],
|
||||
imports: [CurrencyPipe, MatRippleModule, RouterLink, MatCardModule],
|
||||
})
|
||||
export class ProductsComponent implements OnInit {
|
||||
private route = inject(ActivatedRoute);
|
||||
|
||||
Reference in New Issue
Block a user