-
Notifications
You must be signed in to change notification settings - Fork 28
/
search.component.html
44 lines (34 loc) 路 1.63 KB
/
search.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
<mat-card class="card" appInfiniteScroll (scroll)="onScroll()">
<mat-card-header>
<a class="card_algolia-credits" href="https://www.algolia.com/product" target="__blank" aria-label="Powered by Algolia">
<p>Powered by</p>
</a>
<app-search-input class="card_search-input" (clear)="onSearchInputClear()" (query)="onSearchInputChange($event)"></app-search-input>
</mat-card-header>
<mat-card-content class="card_content" [class.no-result]="applications.length === 0">
<div class="card_sorting-options">
<span class="card_applications-count">{{ applicationsCount }}</span>
<mat-button-toggle-group (change)="onSortOptionChange($event)" #group="matButtonToggleGroup" *ngIf="applications.length > 0">
<mat-button-toggle [checked]="sortOption" value="relevance_desc">
Most Relevant
</mat-button-toggle>
<mat-button-toggle [checked]="sortOption" value="price_asc">
Lowest Price
</mat-button-toggle>
<mat-button-toggle [checked]="sortOption" value="rating_desc">
Most Popular
</mat-button-toggle>
</mat-button-toggle-group>
</div>
<mat-expansion-panel *ngIf="searchCategories.length > 0">
<mat-expansion-panel-header>
<mat-panel-title>
Categories
</mat-panel-title>
</mat-expansion-panel-header>
<app-category (selectionChanged)="filterByCategory($event)" [categories]="searchCategories"></app-category>
</mat-expansion-panel>
<app-search-result *ngIf="applications.length > 0" [entries]="applications"></app-search-result>
</mat-card-content>
</mat-card>
<router-outlet></router-outlet>