43 lines
1.2 KiB
HTML
43 lines
1.2 KiB
HTML
<button type="button"
|
|
(click)="closeDialog()"
|
|
class="cod-button icon secondary close"
|
|
matTooltip="Close"
|
|
matRipple
|
|
i18n-matTooltip>
|
|
<mat-icon>close</mat-icon>
|
|
</button>
|
|
<header>
|
|
<h1 i18n>Select an illustration</h1>
|
|
</header>
|
|
<div class="picture-container">
|
|
@if (isLoading) {
|
|
<h2 i18n>Pictures loading...</h2>
|
|
<mat-spinner></mat-spinner>
|
|
} @else {
|
|
@if (pictures.length) {
|
|
@for(picture of pictures; track picture) {
|
|
<img src="/api/pictures/{{picture.id}}" (click)="selectPicture(picture)" matTooltip="Choose this illustration" i18n-matTooltip/>
|
|
}
|
|
} @else {
|
|
<h2 i18n>There is no any picture.</h2>
|
|
}
|
|
}
|
|
</div>
|
|
<footer>
|
|
<button type="button"
|
|
(click)="closeDialog()"
|
|
class="cod-button secondary"
|
|
matRipple
|
|
i18n>
|
|
Cancel
|
|
</button>
|
|
<button type="button"
|
|
(click)="fileUpload.click()"
|
|
class="cod-button"
|
|
matRipple
|
|
i18n>
|
|
<mat-icon>upload_file</mat-icon>
|
|
Add new picture
|
|
</button>
|
|
<input type="file" (change)="uploadPicture($event)" #fileUpload/>
|
|
</footer> |