fix: quick order - enable the add-to-cart button after a valid csv fi…

…le has been selected (#736)
intershop · Jun 22, 2021 · 72aaf83 · 72aaf83
1 parent e638710
commit 72aaf83
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/app/extensions/quickorder/pages/quickorder/quickorder-page.component.html b/src/app/extensions/quickorder/pages/quickorder/quickorder-page.component.html
@@ -137,7 +137,7 @@ <h3>{{ 'quickorder.page.csv.title' | translate }}</h3>
             </div>
           </div>
           <div>
-            <button type="submit" class="btn btn-primary" name="addToCartCSV" disabled="csvForm.invalid">
+            <button type="submit" class="btn btn-primary" name="addToCartCSV" [disabled]="isCsvDisabled">
               {{ 'quickorder.page.add.cart' | translate }}
             </button>
             <button type="reset" class="btn btn-link" name="reset" (click)="resetCsvProductArray()">

diff --git a/src/app/extensions/quickorder/pages/quickorder/quickorder-page.component.ts b/src/app/extensions/quickorder/pages/quickorder/quickorder-page.component.ts
@@ -191,6 +191,10 @@ export class QuickorderPageComponent implements OnInit {
     return file.name.endsWith('.csv');
   }
 
+  get isCsvDisabled() {
+    return this.status !== 'ValidFormat';
+  }
+
   addCsvToCart() {
     if (this.status === 'ValidFormat') {
       this.addProductsToBasket(this.productsFromCsv);