From e01717f86bce0a5682b01d0ae1b32e602f759f42 Mon Sep 17 00:00:00 2001
From: DaiDH <40824445+id1945@users.noreply.github.com>
Date: Fri, 3 Nov 2023 21:44:32 +0700
Subject: [PATCH] Update app.component.html

---
 src/app/app.component.html | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/app/app.component.html b/src/app/app.component.html
index 328e698..e903030 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -61,6 +61,19 @@ <h1> ngx-scanner-qrcode </h1>
   <button (click)="onGetConstraints()" class="btn btn-success">Get</button>
   <button (click)="applyConstraints()" class="btn btn-success">App</button>
 
+  <div class="d-flex justify-content-center my-2">
+    <div class="col-xs-12 col-md-6 col-lg-4 col-xl-3 m-1">
+      <select #select3 (change)="percentage = select3.value" class="form-select form-select-sm">
+        <option *ngFor="let item of [10,20,30,40,50,60,70,80,90,100]" [value]="item" [selected]="item == percentage">Scale {{item}}%</option>
+      </select>
+    </div>
+    <div class="col-xs-12 col-md-6 col-lg-4 col-xl-3 m-1">
+      <select #select4 (change)="quality = select4.value" class="form-select form-select-sm">
+        <option *ngFor="let item of [10,20,30,40,50,60,70,80,90,100]" [value]="item" [selected]="item == quality">Quality {{item}}%</option>
+      </select>
+    </div>
+  </div>
+
   <div *ngFor="let item of qrCodeResult">
     <ngx-scanner-qrcode #actionFile="scanner" [src]="item.url" [config]="config" (event)="onEvent($event)"></ngx-scanner-qrcode>
     <!-- <p class="data">{{ actionFile.data | async }}</p> -->