54 lines
1.1 KiB
HTML
54 lines
1.1 KiB
HTML
<style>
|
|
:host {
|
|
float: left;
|
|
}
|
|
.dashboard-card {
|
|
position: relative;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.size-medium {
|
|
width: 602px;
|
|
height: 402px;
|
|
}
|
|
.size-small {
|
|
width: 402px;
|
|
height: 302px;
|
|
}
|
|
img {
|
|
cursor: zoom-in;
|
|
}
|
|
|
|
.top-left {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
}
|
|
|
|
.top-right {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
}
|
|
|
|
.dashboard-card .editable-hovered {
|
|
visibility: hidden;
|
|
}
|
|
.dashboard-card:hover .editable-hovered {
|
|
visibility: visible;
|
|
}
|
|
</style>
|
|
<div class="dashboard-card" [ngClass]="{'size-medium' : true}">
|
|
<div class="editable-hovered top-right">
|
|
<button mat-icon-button (click)="edit()" ><img src="/assets/img/edit-outline.svg"/></button>
|
|
<button mat-icon-button (click)="delete()"><img src="/assets/img/recycle-bin-line.svg"/></button>
|
|
</div>
|
|
<mat-spinner *ngIf="!hasRender('main') && !isError"></mat-spinner>
|
|
<img *ngIf="hasRender('main')" [src]="getImageUrl('main')" (click)="showFullScreenImage()" />
|
|
<div *ngIf="isError">
|
|
There was an error! This is a good time to panic!
|
|
</div>
|
|
</div>
|
|
|