28 lines
892 B
HTML
28 lines
892 B
HTML
<ion-header [translucent]="true">
|
|
<ion-toolbar>
|
|
<ion-title>
|
|
Поиск книг
|
|
</ion-title>
|
|
</ion-toolbar>
|
|
</ion-header>
|
|
|
|
<ion-content [fullscreen]="true">
|
|
<ion-header collapse="condense">
|
|
<ion-toolbar>
|
|
<ion-title size="large">Поиск книг</ion-title>
|
|
</ion-toolbar>
|
|
</ion-header>
|
|
|
|
<ion-searchbar (ionInput)="search($event)" placeholder="Найти книгу"></ion-searchbar>
|
|
|
|
<ion-list *ngFor="let item of searchResult; index as i">
|
|
<ion-item *ngIf="item.volumeInfo.imageLinks" [id]="'book' + i" lines="none">
|
|
<ion-thumbnail slot="start">
|
|
<img [alt]="item.volumeInfo.title" [src]="httpToHttps(item.volumeInfo.imageLinks.thumbnail || '')" />
|
|
</ion-thumbnail>
|
|
<ion-label>{{item.volumeInfo.title}}</ion-label>
|
|
<app-book-page [item]="item" [trigger]="'book'+i" />
|
|
</ion-item>
|
|
</ion-list>
|
|
</ion-content>
|