Paddy/Betterzon
1
0
Fork 0
mirror of https://github.com/Mueller-Patrick/Betterzon.git synced 2024-11-22 14:23:57 +00:00
Code Issues Projects Releases Wiki Activity

BETTERZON-43: Product List Component style adjustments

Browse Source
This commit is contained in:
Patrick Müller 2020-12-03 11:32:27 +01:00
parent 87193310a8
commit 940bb85bcd
3 changed files with 14 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
Frontend/src/app/product-list/product-list.component.css
View File

@ -3,4 +3,7 @@
border-color: dimgrey; border-color: dimgrey;
border-radius: .5em; border-radius: .5em;
padding: .25em; padding: .25em;
margin: auto;
margin-bottom: .5em;
max-width: 50em;
} }

13
Frontend/src/app/product-list/product-list.component.html
View File

@ -1,7 +1,12 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<p class="productItem" *ngFor="let product of products" (click)="clickedProduct(product)"> <div class="productItem" *ngFor="let product of products" (click)="clickedProduct(product)">
<div *ngIf="showProductPicture">
{{product.image_guid}}
</div>
<div>
{{product.name}} {{product.name}}
</p> </div>
<div *ngIf="showProductPicture"> <div>
Test 567
</div>
</div> </div>

2
Frontend/src/app/product-list/product-list.component.ts
View File

@ -35,7 +35,7 @@ export class ProductListComponent implements OnInit {
} }
clickedProduct(product: Product): void { clickedProduct(product: Product): void {
this.router.navigate([('/helloworld/' + product.product_id)]); this.router.navigate([('/product/' + product.product_id)]);
} }
} }