diff --git a/src/app/shared/card-item/card-item.component.html b/src/app/shared/card-item/card-item.component.html index 461882357..cb3466a27 100644 --- a/src/app/shared/card-item/card-item.component.html +++ b/src/app/shared/card-item/card-item.component.html @@ -1,6 +1,6 @@
-
- {{title}} +
+ {{title}}
diff --git a/src/app/shared/card-item/card-item.component.scss b/src/app/shared/card-item/card-item.component.scss index ef8d62750..e67841ebc 100644 --- a/src/app/shared/card-item/card-item.component.scss +++ b/src/app/shared/card-item/card-item.component.scss @@ -5,6 +5,7 @@ $primary-color: #cc7b19; // max-width: 130px; // max-height: 195px; max-width: 160px; + cursor: pointer; //max-height: 320px; // 370 x 210 roughly diff --git a/src/app/shared/card-item/card-item.component.ts b/src/app/shared/card-item/card-item.component.ts index 8c0b217f7..3be68a0bb 100644 --- a/src/app/shared/card-item/card-item.component.ts +++ b/src/app/shared/card-item/card-item.component.ts @@ -37,16 +37,21 @@ export class CardItemComponent implements OnInit { return val === null || val === undefined || val === ''; } - performAction(event: any, action: CardItemAction) { + preventClick(event: any) { event.stopPropagation(); + event.preventDefault(); + } + + performAction(event: any, action: CardItemAction) { + this.preventClick(event); + if (typeof action.callback === 'function') { action.callback(this.entity); } } createSafeImage(coverImage: string) { - let imageUrl = 'data:image/jpeg;base64,' + coverImage; - this.safeImage = this.sanitizer.bypassSecurityTrustUrl(imageUrl); + this.safeImage = this.sanitizer.bypassSecurityTrustUrl('data:image/jpeg;base64,' + coverImage); } }