disable category create button

diff --git a/lib/product_category_component.dart b/lib/product_category_component.dart
index 6963399..7b48a2a 100644 (file)
--- a/lib/product_category_component.dart
+++ b/lib/product_category_component.dart
@@ -26,6 +26,7 @@ class ProductCategoryComponent implements OnInit {
        String new_prod_category_id;
        final ProductCategoryService _prodcatSrv;
        final Router _router;
+       var docreate=false;
 
        ProductCategoryComponent(this._prodcatSrv,this._router);
 
@@ -44,6 +45,21 @@ class ProductCategoryComponent implements OnInit {
                getProductCategories();
        }
 
+       void checkInput() {
+               if(new_prod_category_name=='' || new_prod_category_id=='') {
+                       docreate=false;
+               }
+               else {
+                       docreate=true;
+                       for(var cat in product_categories) {
+                               if(cat.id==new_prod_category_id) {
+                                       docreate=false;
+                                       break;
+                               }
+                       }
+               }
+       }
+
        choose(ProductCategory pt) {
                selected_prod_category=pt;
                goto_products(pt);

diff --git a/lib/product_category_component.html b/lib/product_category_component.html
index e255a54..6fff730 100644 (file)
--- a/lib/product_category_component.html
+++ b/lib/product_category_component.html
@@ -17,17 +17,20 @@
        <div class="mdl-textfield mdl-js-textfield
                    mdl-textfield--floating-label ain">
                <input class="mdl-textfield__input" type=text id=ptn
-                      [(ngModel)]="new_prod_category_name">
+                      [(ngModel)]="new_prod_category_name"
+                      (keyup)="checkInput()">
                <label class="mdl-textfield__label" for=ptn>Name</label>
        </div>
        <div class="mdl-textfield mdl-js-textfield
                    mdl-textfield--floating-label ain">
                <input class="mdl-textfield__input" type=text id=pti
-                      [(ngModel)]="new_prod_category_id">
+                      [(ngModel)]="new_prod_category_id"
+                      (keyup)="checkInput()">
                <label class="mdl-textfield__label" for=pti>Identifier</label>
        </div>
        <button class="mdl-button mdl-js-button mdl-button--raised abtn"
-               (click)="createProductCategory()">
+               (click)="createProductCategory()"
+               [disabled]="!docreate">
                Create
        </button>
 </div>