39 lines
1.2 KiB
HTML
39 lines
1.2 KiB
HTML
<ion-header [translucent]="true">
|
|
<ion-toolbar>
|
|
<ion-title>
|
|
Аренда
|
|
</ion-title>
|
|
<ion-buttons slot="end">
|
|
<ion-button (click)="refresh()">
|
|
<ion-icon slot="icon-only" name="refresh"/>
|
|
</ion-button>
|
|
</ion-buttons>
|
|
</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-list *ngFor="let item of booksName; index as i">
|
|
<ion-item [id]="'issue' + i" lines="none" button>
|
|
|
|
<ion-card>
|
|
<img class="itemImg" [alt]="item.book.volumeInfo.title" [src]="item.book.volumeInfo.imageLinks.thumbnail" />
|
|
<ion-card-header>
|
|
<ion-card-title>{{item.book.volumeInfo.title}}</ion-card-title>
|
|
<ion-card-subtitle>Выдан: {{item.user?.fio}}</ion-card-subtitle>
|
|
</ion-card-header>
|
|
|
|
<ion-card-content>
|
|
Книга выдана {{dateParse(item.issue.date)}}. До {{dateParse(item.issue.dateTo)}}
|
|
</ion-card-content>
|
|
</ion-card>
|
|
<app-book-page [trigger]="'issue' + i" [item]="item.book" />
|
|
</ion-item>
|
|
</ion-list>
|
|
</ion-content>
|