fhsons/website
fhsons/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Releases Activity

Cart styling

Browse Source
This commit is contained in:
Zakary Timson 2018-11-06 19:44:54 -05:00
parent 28bcd9ee83
commit fd2b87e36b
1 changed files with 33 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
src/app/store/cart/cart.component.html
View File

@ -1,31 +1,33 @@
<div class="container"> <div class="container-fuild bg-white">
<mat-card class="w-100 my-5" style="overflow: hidden"> <div class="container py-5">
<table class="table"> <mat-card class="w-100" style="overflow: hidden">
<thead> <table class="table">
<tr> <thead>
<th>No.</th> <tr>
<th>Item</th> <th>No.</th>
<th>Quantity</th> <th>Item</th>
<th>Cost</th> <th>Quantity</th>
<th></th> <th>Cost</th>
</tr> <th></th>
</thead> </tr>
<tbody> </thead>
<tr *ngFor="let item of app.cart; let i = index"> <tbody>
<td>{{i + 1}}</td> <tr *ngFor="let item of app.cart; let i = index">
<td> <td>{{i + 1}}</td>
<a [routerLink]="['/products', item.item]">{{item.item}}</a> <td>
</td> <a [routerLink]="['/products', item.item]">{{item.item}}</a>
<td>{{item.quantity}}</td> </td>
<td>{{item.currency}} {{item.price | currency}}</td> <td>{{item.quantity}}</td>
<td (click)="app.cartRemove(i)" style="width: 50px"> <td>{{item.currency}} {{item.price | currency}}</td>
<button mat-icon-button> <td (click)="app.cartRemove(i)" style="width: 50px">
<mat-icon>delete</mat-icon> <button mat-icon-button>
</button> <mat-icon>delete</mat-icon>
</td> </button>
</tr> </td>
</tbody> </tr>
</table> </tbody>
<div id="paypal-button" class="float-right mt-3"></div> </table>
</mat-card> <div id="paypal-button" class="float-right mt-3"></div>
</mat-card>
</div>
</div> </div>