[SDC-29] catalog 1707 rebase commit.

Change-Id: I43c3dc5cf44abf5da817649bc738938a3e8388c1
Signed-off-by: Michael Lando <ml636r@att.com>

3 files changed, 116 insertions, 0 deletions

diff --git a/catalog-ui/src/app/view-models/admin-dashboard/add-category-modal/add-category-modal-view-model.ts b/catalog-ui/src/app/view-models/admin-dashboard/add-category-modal/add-category-modal-view-model.ts
new file mode 100644
index 0000000000..c421e632da
--- /dev/null
+++ b/catalog-ui/src/app/view-models/admin-dashboard/add-category-modal/add-category-modal-view-model.ts
@@ -0,0 +1,72 @@
+'use strict';
+import {ICategoryResourceClass, ICategoryResource} from "../../../services/category-resource-service";
+
+interface IAddCategoryModalViewModelScope extends ng.IScope {
+    category:ICategoryResource;
+    modelType:string;
+    footerButtons:Array<any>;
+    forms:any;
+
+    save():void;
+    close():void;
+}
+
+export class AddCategoryModalViewModel {
+
+    static '$inject' = [
+        '$scope',
+        'Sdc.Services.CategoryResourceService',
+        '$uibModalInstance',
+        'parentCategory',
+        'type'
+    ];
+
+    constructor(private $scope:IAddCategoryModalViewModelScope,
+                private categoryResourceService:ICategoryResourceClass,
+                private $uibModalInstance:ng.ui.bootstrap.IModalServiceInstance,
+                private parentCategory:ICategoryResource,
+                private type:string) {
+        this.initScope();
+    }
+
+    private initScope = ():void => {
+        this.$scope.forms = {};
+        this.$scope.modelType = this.parentCategory ? 'sub category' : 'category';
+        this.$scope.category = new this.categoryResourceService();
+
+        this.$scope.close = ():void => {
+            this.$uibModalInstance.dismiss();
+        };
+
+        this.$scope.save = ():void => {
+
+            let onOk = (newCategory:ICategoryResource):void => {
+                this.$uibModalInstance.close(newCategory);
+            };
+
+            let onCancel = ():void => {
+                //error
+            };
+
+            if (!this.parentCategory) {
+                this.$scope.category.$save({types: this.type + "s"}, onOk, onCancel);
+            } else {
+                this.$scope.category.$saveSubCategory({
+                    types: this.type + "s",
+                    categoryId: this.parentCategory.uniqueId
+                }, onOk, onCancel);
+            }
+
+        };
+
+        this.$scope.footerButtons = [
+            {'name': 'OK', 'css': 'blue', 'callback': this.$scope.save, 'disabled': true},
+            {'name': 'Cancel', 'css': 'grey', 'callback': this.$scope.close}
+        ];
+
+        this.$scope.$watch("forms.editForm.$invalid", (newVal, oldVal) => {
+            this.$scope.footerButtons[0].disabled = this.$scope.forms.editForm.$invalid;
+        });
+
+    }
+}
diff --git a/catalog-ui/src/app/view-models/admin-dashboard/add-category-modal/add-category-modal-view.html b/catalog-ui/src/app/view-models/admin-dashboard/add-category-modal/add-category-modal-view.html
new file mode 100644
index 0000000000..a9df3e6009
--- /dev/null
+++ b/catalog-ui/src/app/view-models/admin-dashboard/add-category-modal/add-category-modal-view.html
@@ -0,0 +1,41 @@
+<sdc-modal modal="modalInstance"
+           type="classic"
+           class="i-sdc-admin-add-category-modal modal-type-confirmation"
+           header-translate="CREATE_CATEGORY_MODAL_HEADER"
+           buttons="footerButtons"
+           header-translate-values="{'modelType': '{{modelType}}' }"
+           show-close-button="true"
+           hide-background="false"
+>
+
+    <form novalidate class="w-sdc-form" name="forms.editForm">
+
+            <div class="w-sdc-form-column">
+                <div class="i-sdc-form-item"
+                     data-ng-class="{error:(editForm.categoryName.$dirty && editForm.categoryName.$invalid)}">
+                    <label class="i-sdc-form-label required" translate="CREATE_CATEGORY_MODAL_CATEGORY_NAME"
+                           translate-values="{'modelType': '{{modelType}}' }"></label>
+                    <input class="i-sdc-form-input"
+                           data-ng-model="category.name"
+                           data-ng-model-options="{ debounce: 200 }"
+                           type="text"
+                           name="categoryName"
+                           required="required"
+                           data-ng-minlength="4"
+                           data-ng-pattern="namePattern"
+                           maxlength="25"
+                           autofocus />
+
+                    <div class="input-error" data-ng-show="forms.editForm.categoryName.$dirty && forms.editForm.categoryName.$invalid">
+                        <span ng-show="forms.editForm.categoryName.$error.required" translate="CREATE_CATEGORY_MODAL_REQUIRED" translate-values="{'modelType': '{{modelType}}' }"></span>
+                        <span ng-show="forms.editForm.categoryName.$error.minlength" translate="CREATE_CATEGORY_MODAL_MINLENGTH" translate-values="{'minlength': '4', 'modelType': '{{modelType}}' }"></span>
+                        <span ng-show="forms.editForm.categoryName.$error.pattern" translate="CREATE_CATEGORY_MODAL_PATTERN" translate-values="{'modelType': '{{modelType}}' }"></span>
+                    </div>
+
+                </div>
+
+            </div>
+
+        </form>
+
+</sdc-modal>
diff --git a/catalog-ui/src/app/view-models/admin-dashboard/add-category-modal/add-category-modal-view.less b/catalog-ui/src/app/view-models/admin-dashboard/add-category-modal/add-category-modal-view.less
new file mode 100644
index 0000000000..39d84aab23
--- /dev/null
+++ b/catalog-ui/src/app/view-models/admin-dashboard/add-category-modal/add-category-modal-view.less
@@ -0,0 +1,3 @@
+.i-sdc-admin-add-category-modal {
+
+}