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

Added store breadcrumb

Browse Source
This commit is contained in:
Zakary Timson
2018-07-14 13:03:31 -04:00
parent dbfbe6547a
commit 1d89da6c5f
5 changed files with 70 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/app/store/categories.component.html
View File

@ -1,8 +1,14 @@
<div class="container-fluid" style="background-color: #53709f;">
<div class="container">
<div class="row py-5">
<nav class="w-100 mx-3" aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item curs-pointer" [routerLink]="['/store']" (click)="breadcrumb.clear()">Store</li>
<li *ngFor="let crumb of breadcrumb.breadcrumb; let i = index" class="breadcrumb-item curs-pointer" (click)="breadcrumb.navigate(i)">{{crumb}}</li>
</ol>
</nav>
<ng-container *ngFor="let c of categories | async">
<mat-card class="m-3" [routerLink]="['/store', c.name]">
<mat-card class="m-3" (click)="navigate(c.name)">
<img *ngIf="c.ready" mat-card-image [src]="c.image | async" [alt]="c.name" style="width: 200px; height: 200px;">
<mat-divider class="custom-line"></mat-divider>
<mat-card-content>