/
home.component.html
63 lines (60 loc) · 2.51 KB
/
home.component.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<div id="top-products-container" class="container" *ngIf="(topProducts) && (topProducts.length > 0)">
<div class="row">
<div class="col-sm-4"></div>
<div class="col-sm-4">
<ngb-alert *ngIf="!closed" (close)="closed=true">
<p>
This demo application has been made for a
<a class="bold-warning" href="http://www.talkjs.com/tutorials/angular/add-buyer-seller-chat-to-marketplace">tutorial</a> on how to implement
<a class="bold-warning" href="http://www.talkjs.com">TalkJS</a> into any Angular 6 application.
</p>
<p>
Try chatting with Mary!
</p>
</ngb-alert>
</div>
<div class="col-sm-4"></div>
</div>
<div class="row">
<div class="col-sm-4"></div>
<div class="col-sm-4 container-title">Top Products</div>
<div class="col-sm-4"></div>
</div>
<div id="top-products-row" class="row">
<div class="col-sm-2"></div>
<div class="col-sm-3" *ngFor="let product of topProducts">
<div class="card top-products-card" (click)="goToProductPage(product)">
<img class="card-img-top top-products-card-img-top img-fluid" src="{{product?.pictureUrl}}" alt="product-image">
<div class="card-block">
<h4 class="card-title top-products-card-title">{{product?.name}}</h4>
</div>
</div>
</div>
<div class="col-sm-2"></div>
</div>
</div>
<hr class="divider">
<div id="top-vendors-container" class="container" *ngIf="(topVendors) && (topVendors.length > 0)">
<div class="row">
<div class="col-sm-4"></div>
<div class="col-sm-4 container-title">Top Vendors</div>
<div class="col-sm-4"></div>
</div>
<div id="top-vendors-row" class="row">
<div class="col-sm-2"></div>
<div class="col-sm-3" *ngFor="let vendor of topVendors">
<div class="top-vendors-card" (click)="goToVendorPage(vendor)">
<img class="card-img-top top-vendors-card-img-top img-fluid mx-auto d-block" src="{{vendor?.profilePictureUrl}}" alt="vendor-profile-picture">
<div class="card-block">
<h4 class="card-title top-vendors-card-title">{{vendor?.username}}</h4>
</div>
</div>
</div>
<div class="col-sm-2"></div>
</div>
</div>
<nav class="navbar navbar-dark bg-dark mt-5 fixed-bottom">
<div class="navbar-expand m-auto navbar-text">
Made by <a href="https://talkjs.com/"><img id="footer-logo" src="assets/images/talkjs/logo/logo.svg" width="30" height="30" alt="talkjs"></a>
</div>
</nav>