AZEN-SGG/Kavita
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Small cleanup around images

Browse source
This commit is contained in:
Joseph Milazzo 2021-01-07 12:50:11 -06:00
parent 2fa6b9a46a
commit b640b1276a
3 changed files with 11 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/app/shared/card-item/card-item.component.html
View file

@ -1,6 +1,6 @@
<div class="card" style="width: 18rem;"> <div class="card" style="width: 18rem;">
<div class="overlay"> <div class="overlay" (click)="handleClick()">
<img (click)="handleClick()" class="card-img-top" [src]="isNullOrEmpty(imageUrl) ? placeholderImage : safeImage" alt="{{title}}"> <img class="card-img-top" [src]="isNullOrEmpty(imageUrl) ? placeholderImage : safeImage" alt="{{title}}">
<div class="overlay-item card-actions"> <div class="overlay-item card-actions">
<ng-container *ngIf="actions.length > 0"> <ng-container *ngIf="actions.length > 0">
<div ngbDropdown container="body" class="d-inline-block"> <div ngbDropdown container="body" class="d-inline-block">

1
src/app/shared/card-item/card-item.component.scss
View file

@ -5,6 +5,7 @@ $primary-color: #cc7b19;
// max-width: 130px; // max-width: 130px;
// max-height: 195px; // max-height: 195px;
max-width: 160px; max-width: 160px;
cursor: pointer;
//max-height: 320px; //max-height: 320px;
// 370 x 210 roughly // 370 x 210 roughly

11
src/app/shared/card-item/card-item.component.ts
View file

@ -37,16 +37,21 @@ export class CardItemComponent implements OnInit {
return val === null || val === undefined || val === ''; return val === null || val === undefined || val === '';
} }
performAction(event: any, action: CardItemAction) { preventClick(event: any) {
event.stopPropagation(); event.stopPropagation();
event.preventDefault();
}
performAction(event: any, action: CardItemAction) {
this.preventClick(event);
if (typeof action.callback === 'function') { if (typeof action.callback === 'function') {
action.callback(this.entity); action.callback(this.entity);
} }
} }
createSafeImage(coverImage: string) { createSafeImage(coverImage: string) {
let imageUrl = 'data:image/jpeg;base64,' + coverImage; this.safeImage = this.sanitizer.bypassSecurityTrustUrl('data:image/jpeg;base64,' + coverImage);
this.safeImage = this.sanitizer.bypassSecurityTrustUrl(imageUrl);
} }
} }