Jānis Kacēns
41 lines
1.3 KiB
HTML
41 lines
1.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Title</title>
|
|
</head>
|
|
<body style="background-color: #e0d6ce">
|
|
<div class="container-xxl" style="background-color: #e0d6ce">
|
|
<div class="row">
|
|
<div class="col-lg-6">
|
|
<h2>Inputs</h2>
|
|
<form>
|
|
<mat-form-field appearance="fill">
|
|
<mat-label>Title:</mat-label>
|
|
<input matInput type="text" id="title" name="title" [(ngModel)]="title">
|
|
</mat-form-field>
|
|
<br>
|
|
<mat-form-field appearance="fill">
|
|
<mat-label>Second line of title:</mat-label>
|
|
<input matInput type="text" id="title2" name="title2" [(ngModel)]="title2">
|
|
</mat-form-field>
|
|
<br>
|
|
<div>
|
|
<input type="file" #file style="display: none;" (change)="onFileSelected($event)">
|
|
<button mat-raised-button color="primary" (click)="file.click()">Upload</button>
|
|
<button mat-raised-button color="primary" style="margin-left: 5px" (click)="onUpload()">Process</button></div>
|
|
</form>
|
|
</div>
|
|
|
|
<div class="col-lg-6" >
|
|
|
|
<div *ngIf="retrievedImage">
|
|
<h2>Image</h2>
|
|
<img [src]="retrievedImage" alt="Upload Image" [style.height.px]="windowHeight">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|