28 lines
794 B
HTML
28 lines
794 B
HTML
<p>generate-image.component works!</p>
|
|
|
|
|
|
<mat-card appearance="outlined">
|
|
<mat-card-header>
|
|
<mat-card-title>Generate image</mat-card-title>
|
|
</mat-card-header>
|
|
<mat-card-content>
|
|
<mat-form-field class="example-full-width">
|
|
<mat-label>Query</mat-label>
|
|
<input matInput required
|
|
[(ngModel)]="query">
|
|
</mat-form-field>
|
|
</mat-card-content>
|
|
<mat-card-actions>
|
|
|
|
@if (spinnerService.visibility | async) {
|
|
<mat-spinner [diameter]="25" ></mat-spinner>
|
|
} @else {
|
|
<button matButton (click)="generateImage()" >Generate</button>
|
|
}
|
|
</mat-card-actions>
|
|
</mat-card>
|
|
|
|
<!--<button mat-raised-button (click)="zoomPlus()" >Generate</button>
|
|
<button mat-raised-button (click)="zoomMinus()" >Generate</button>-->
|
|
<img src={{image.url}} />
|