Initial commit
This commit is contained in:
@@ -0,0 +1,40 @@
|
||||
<!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>
|
||||
Reference in New Issue
Block a user