You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
22 lines
803 B
HTML
22 lines
803 B
HTML
<div class="product-card">
|
|
<mat-icon class="favorite" color="warn" *ngIf="product.favorite">favorite</mat-icon>
|
|
<div class="card-content">
|
|
<div class="card-img-container">
|
|
<img src={{product.url}} class="card-img" alt="{{product.name}}">
|
|
</div>
|
|
<div class="card-info">
|
|
<span class="name">{{product.name}}</span>
|
|
<span class="description">{{product.description}}</span>
|
|
<span class="price">{{product.price | currency}}</span>
|
|
</div>
|
|
<div class="card-buttons">
|
|
<button mat-raised-button color="primary" routerLink="/product/{{product.id}}">Details</button>
|
|
<button mat-raised-button color="primary" (click)="marked.emit(product)">Favorite</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|