33 lines
967 B
HTML
33 lines
967 B
HTML
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-md-2">
|
|
<!--Sidebar content-->
|
|
|
|
<!-- #docregion controls -->
|
|
Search: <input [(ngModel)]="query">
|
|
Sort by:
|
|
<select [(ngModel)]="orderProp">
|
|
<option value="name">Alphabetical</option>
|
|
<option value="age">Newest</option>
|
|
</select>
|
|
<!-- #enddocregion controls -->
|
|
|
|
</div>
|
|
<div class="col-md-10">
|
|
<!--Body content-->
|
|
|
|
<!-- #docregion list -->
|
|
<ul class="phones">
|
|
<li *ngFor="let phone of phones | async | phoneFilter:query | orderBy:orderProp"
|
|
class="thumbnail phone-listing">
|
|
<a [routerLink]="['/Phone', {phoneId: phone.id}]" class="thumb"><img [src]="phone.imageUrl"></a>
|
|
<a [routerLink]="['/Phone', {phoneId: phone.id}]" class="name">{{phone.name}}</a>
|
|
<p>{{phone.snippet}}</p>
|
|
</li>
|
|
</ul>
|
|
<!-- #enddocregion list -->
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|