Update app.component.html

id1945 · Nov 3, 2023 · e01717f · e01717f
1 parent ffd0749
commit e01717f
Showing 1 changed file with 13 additions and 0 deletions.
diff --git 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> -->