iHackFX/library
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

remove a console.log and make a book-page a bit prettier

Browse Source
This commit is contained in:
Alexander Kacheryants 2024-04-07 23:55:46 +03:00
parent 1d7224ae42
commit 583f52493d
3 changed files with 44 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

78
src/app/modals/book-page/book-page.component.html
View File

@ -9,48 +9,50 @@
</ion-toolbar>
</ion-header>
<ion-content class="ion-padding">
<ion-item lines="none">
<img class="book-image" [src]="item.volumeInfo.imageLinks.thumbnail" [alt]="item.volumeInfo.title">
</ion-item>
<ion-item lines="none">
<ion-label>Название: {{ item.volumeInfo.title }}</ion-label>
</ion-item>
<ion-item lines="none">
<ion-label>Издатель: {{ item.volumeInfo.publisher ? item.volumeInfo.publisher : "Ошибка" }}</ion-label>
</ion-item>
<ion-item lines="none">
<ion-label>Автор: {{ item.volumeInfo.authors[0] }}</ion-label>
</ion-item>
<ion-item lines="none">
<ion-label>Дата публикации: {{ item.volumeInfo.publishedDate }}</ion-label>
</ion-item>
<ion-item lines="none">
<ion-label>Колличество страниц: {{ item.volumeInfo.pageCount }}</ion-label>
</ion-item>
<ion-item lines="none" *ngIf="item.accessInfo.pdf.downloadLink || item.accessInfo.epub.downloadLink">
<div class="downloadBtnsItem">
<div *ngIf="item.accessInfo.pdf.downloadLink">
<ion-button (click)="this.openBrowser(item.accessInfo.pdf.downloadLink || '')">
Скачать книгу в pdf
</ion-button>
<ion-list class="book-page">
<ion-item lines="none">
<img class="book-image" [src]="item.volumeInfo.imageLinks.thumbnail" [alt]="item.volumeInfo.title">
</ion-item>
<ion-item lines="none">
<ion-label>Название: {{ item.volumeInfo.title }}</ion-label>
</ion-item>
<ion-item lines="none">
<ion-label>Издатель: {{ item.volumeInfo.publisher ? item.volumeInfo.publisher : "Ошибка" }}</ion-label>
</ion-item>
<ion-item lines="none">
<ion-label>Автор: {{ item.volumeInfo.authors[0] }}</ion-label>
</ion-item>
<ion-item lines="none">
<ion-label>Дата публикации: {{ item.volumeInfo.publishedDate }}</ion-label>
</ion-item>
<ion-item lines="none">
<ion-label>Колличество страниц: {{ item.volumeInfo.pageCount }}</ion-label>
</ion-item>
<ion-item lines="none" *ngIf="item.accessInfo.pdf.downloadLink || item.accessInfo.epub.downloadLink">
<div class="downloadBtnsItem">
<div *ngIf="item.accessInfo.pdf.downloadLink">
<ion-button (click)="this.openBrowser(item.accessInfo.pdf.downloadLink || '')">
Скачать книгу в pdf
</ion-button>
</div>
<div *ngIf="item.accessInfo.epub.downloadLink">
<ion-button (click)="this.openBrowser(item.accessInfo.epub.downloadLink || '')">
Скачать книгу в epub
</ion-button>
</div>
</div>
<div *ngIf="item.accessInfo.epub.downloadLink">
<ion-button (click)="this.openBrowser(item.accessInfo.epub.downloadLink || '')">
Скачать книгу в epub
</ion-button>
</div>
</div>
</ion-item>
<ion-item>
<ion-label>Книга выдана:</ion-label>
</ion-item>
<ion-item *ngFor="let issue of issued; index as i">
<ion-label>{{issue.user.fio}} до {{parseDate(issue.issue.dateTo)}}</ion-label>
</ion-item>
</ion-item>
<ion-item lines="full">
<ion-label>Книга выдана:</ion-label>
</ion-item>
<ion-item *ngFor="let issue of issued; index as i" lines="full">
<ion-label>{{ issue.user.fio }} до {{ parseDate(issue.issue.dateTo) }}</ion-label>
</ion-item>
</ion-list>
</ion-content>
<ion-fab vertical="bottom" horizontal="center">
<ion-button [id]="item.id">Выдать книгу</ion-button>
</ion-fab>
<app-issue-book-modal [trigger]="item.id" />
<app-issue-book-modal [trigger]="item.id"/>
</ng-template>
</ion-modal>

4
src/app/modals/book-page/book-page.component.scss
View File

@ -11,3 +11,7 @@
flex-direction: row;
justify-content: space-between;
}
.book-page{
border-radius: 30px 30px;
}

3
src/app/modals/book-page/book-page.component.ts
View File

@ -42,12 +42,9 @@ export class BookPageComponent implements OnInit {
getIssuers() {
this.storage.init().then(() => {
this.storage.getBookIssuedByBookId(this.item.id).then((issuers) => {
console.log(issuers);
this.storage.getReaderUsers().then((users) => {
console.log(users);
issuers.forEach((issuer) => {
users.forEach((user) => {
console.log(user.id, issuer.userId);
if (user.id === issuer.userId) {
this.issued.push({ user: user, issue: issuer });
}