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

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

View File

@ -9,6 +9,7 @@
</ion-toolbar> </ion-toolbar>
</ion-header> </ion-header>
<ion-content class="ion-padding"> <ion-content class="ion-padding">
<ion-list class="book-page">
<ion-item lines="none"> <ion-item lines="none">
<img class="book-image" [src]="item.volumeInfo.imageLinks.thumbnail" [alt]="item.volumeInfo.title"> <img class="book-image" [src]="item.volumeInfo.imageLinks.thumbnail" [alt]="item.volumeInfo.title">
</ion-item> </ion-item>
@ -41,12 +42,13 @@
</div> </div>
</div> </div>
</ion-item> </ion-item>
<ion-item> <ion-item lines="full">
<ion-label>Книга выдана:</ion-label> <ion-label>Книга выдана:</ion-label>
</ion-item> </ion-item>
<ion-item *ngFor="let issue of issued; index as i"> <ion-item *ngFor="let issue of issued; index as i" lines="full">
<ion-label>{{ issue.user.fio }} до {{ parseDate(issue.issue.dateTo) }}</ion-label> <ion-label>{{ issue.user.fio }} до {{ parseDate(issue.issue.dateTo) }}</ion-label>
</ion-item> </ion-item>
</ion-list>
</ion-content> </ion-content>
<ion-fab vertical="bottom" horizontal="center"> <ion-fab vertical="bottom" horizontal="center">
<ion-button [id]="item.id">Выдать книгу</ion-button> <ion-button [id]="item.id">Выдать книгу</ion-button>

View File

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

View File

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