mirror of
https://gitlab.com/openstapps/openstapps.git
synced 2026-01-21 09:03:02 +00:00
53 lines
1.5 KiB
HTML
53 lines
1.5 KiB
HTML
<ion-header>
|
|
<ion-toolbar color="primary" mode="ios">
|
|
<ion-buttons slot="start">
|
|
<ion-back-button></ion-back-button>
|
|
</ion-buttons>
|
|
<ion-title>{{ 'hebisSearch.title' | translate }}</ion-title>
|
|
</ion-toolbar>
|
|
<ion-toolbar color="primary" mode="ios">
|
|
<ion-searchbar
|
|
(ngModelChange)="searchStringChanged($event)"
|
|
(keyup.enter)="hideKeyboard()"
|
|
[(ngModel)]="queryText"
|
|
mode="md"
|
|
placeholder="{{ 'hebisSearch.search_bar.placeholder' | translate }}"
|
|
showClearButton="always"
|
|
type="search"
|
|
enterkeyhint="search"
|
|
>
|
|
</ion-searchbar>
|
|
</ion-toolbar>
|
|
<ion-toolbar color="primary" class="category-tab" mode="ios">
|
|
<ion-buttons class="ion-justify-content-between">
|
|
<ion-button
|
|
[routerLink]="['/search/' + (queryText || '')]"
|
|
fill="outline"
|
|
size="large"
|
|
>{{ 'search.type' | translate }}
|
|
</ion-button>
|
|
<ion-button class="button-active" size="large">{{
|
|
'hebisSearch.type' | translate
|
|
}}</ion-button>
|
|
</ion-buttons>
|
|
</ion-toolbar>
|
|
</ion-header>
|
|
|
|
<ion-content>
|
|
<div
|
|
[style.display]="!showDefaultData && !items && !loading ? 'block' : 'none'"
|
|
>
|
|
<ion-label class="centeredMessageContainer">
|
|
{{ 'hebisSearch.instruction' | translate }}
|
|
</ion-label>
|
|
</div>
|
|
<stapps-data-list
|
|
id="data-list"
|
|
[items]="items | async"
|
|
[singleType]="singleTypeResponse"
|
|
(loadmore)="loadMore()"
|
|
[resetToTop]="queryChanged.asObservable()"
|
|
[loading]="loading"
|
|
></stapps-data-list>
|
|
</ion-content>
|