|
|
|
@ -15,16 +15,17 @@
|
|
|
|
|
</div>
|
|
|
|
|
<div inner>
|
|
|
|
|
<div class="uk-grid uk-flex-middle uk-margin-top" uk-grid>
|
|
|
|
|
<div class="uk-width-1-1">
|
|
|
|
|
<ul class="uk-subnav uk-subnav-pill">
|
|
|
|
|
<li [class.uk-active]="filterForm.get('type').value === 'all'"><a
|
|
|
|
|
(click)="filterForm.get('type').setValue('all')"><span>All pages</span></a></li>
|
|
|
|
|
<li *ngFor="let type of typeOptions; let i=index"
|
|
|
|
|
[class.uk-active]="filterForm.get('type').value === type.value"><a
|
|
|
|
|
(click)="filterForm.get('type').setValue(type.value)"><span>{{type.label}}</span></a></li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="uk-width-1-1 uk-flex uk-flex-right@m uk-flex-center uk-flex-wrap uk-flex-middle uk-grid" uk-grid>
|
|
|
|
|
<div class="uk-width-1-1">
|
|
|
|
|
<ul class="uk-subnav uk-subnav-pill">
|
|
|
|
|
<li [class.uk-active]="filterForm.get('type').value === 'all'"><a
|
|
|
|
|
(click)="filterForm.get('type').setValue('all')"><span>All pages</span></a></li>
|
|
|
|
|
<li *ngFor="let type of typeOptions; let i=index"
|
|
|
|
|
[class.uk-active]="filterForm.get('type').value === type.value"><a
|
|
|
|
|
(click)="filterForm.get('type').setValue(type.value)"><span>{{type.label}}</span></a></li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="uk-width-1-1">
|
|
|
|
|
<div class="uk-flex uk-flex-right@m uk-flex-center uk-flex-wrap uk-flex-middle uk-grid" uk-grid>
|
|
|
|
|
<div search-input [expandable]="true" [searchControl]="filterForm.get('keyword')" searchInputClass="outer"
|
|
|
|
|
placeholder="Search page" [disabled]="showLoading"
|
|
|
|
|
class="uk-width-1-3@xl uk-width-2-5@l uk-width-1-2@m uk-width-1-1"></div>
|
|
|
|
@ -37,6 +38,7 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="uk-section uk-section-small uk-position-relative" style="min-height: 60vh">
|
|
|
|
|
<div *ngIf="showLoading" class="uk-position-center">
|
|
|
|
|
<loading></loading>
|
|
|
|
|