1 files changed, 95 insertions, 0 deletions
diff --git a/catalog-ui/src/app/view-models/forms/resource-instance-name-form/resource-instance-name-model.ts b/catalog-ui/src/app/view-models/forms/resource-instance-name-form/resource-instance-name-model.ts
new file mode 100644
index 0000000000..869e3db584
--- /dev/null
+++ b/catalog-ui/src/app/view-models/forms/resource-instance-name-form/resource-instance-name-model.ts
@@ -0,0 +1,95 @@
+'use strict';
+import {ComponentInstanceFactory} from "app/utils";
+import {ComponentInstance} from "app/models";
+import {Requirement, Component, Capability} from "app/models";
+
+interface IResourceInstanceViewModelScope extends ng.IScope {
+
+    componentInstanceModel:ComponentInstance;
+    validationPattern:RegExp;
+    oldName:string;
+    isAlreadyPressed:boolean;
+    footerButtons:Array<any>;
+    forms:any;
+    modalInstanceName:ng.ui.bootstrap.IModalServiceInstance;
+
+    save():void;
+    close():void;
+}
+
+export class ResourceInstanceNameViewModel {
+
+    static '$inject' = [
+        '$scope',
+        'ValidationPattern',
+        '$uibModalInstance',
+        'component'
+    ];
+
+
+    constructor(private $scope:IResourceInstanceViewModelScope,
+                private ValidationPattern:RegExp,
+                private $uibModalInstance:ng.ui.bootstrap.IModalServiceInstance,
+                private component:Component) {
+
+        this.initScope();
+    }
+
+
+    private initScope = ():void => {
+        this.$scope.forms = {};
+        this.$scope.validationPattern = this.ValidationPattern;
+        this.$scope.componentInstanceModel = ComponentInstanceFactory.createComponentInstance(this.component.selectedInstance);
+        this.$scope.oldName = this.component.selectedInstance.name;
+        this.$scope.modalInstanceName = this.$uibModalInstance;
+
+        this.$scope.isAlreadyPressed = false;
+
+
+        this.$scope.close = ():void => {
+            this.$uibModalInstance.dismiss();
+        };
+
+        this.$scope.save = ():void => {
+
+            let onFailed = () => {
+                this.$scope.isAlreadyPressed = true;
+            };
+
+            let onSuccess = (componentInstance:ComponentInstance) => {
+                this.$uibModalInstance.close();
+                this.$scope.isAlreadyPressed = false;
+                this.$scope.componentInstanceModel = componentInstance;
+                //this.component.name = componentInstance.name;//DE219124
+                this.component.selectedInstance.name = componentInstance.name;
+                //update requirements and capabilities owner name
+                _.forEach(this.component.selectedInstance.requirements, (requirementsArray:Array<Requirement>) => {
+                    _.forEach(requirementsArray, (requirement:Requirement):void => {
+                        requirement.ownerName = componentInstance.name;
+                    });
+                });
+
+                _.forEach(this.component.selectedInstance.capabilities, (capabilitiesArray:Array<Capability>) => {
+                    _.forEach(capabilitiesArray, (capability:Capability):void => {
+                        capability.ownerName = componentInstance.name;
+                    });
+                });
+
+            };
+
+            this.$scope.isAlreadyPressed = true;
+            if (this.$scope.oldName != this.$scope.componentInstanceModel.name) {
+                this.component.updateComponentInstance(this.$scope.componentInstanceModel).then(onSuccess, onFailed);
+            }
+        };
+
+        this.$scope.footerButtons = [
+            {'name': 'OK', 'css': 'blue', 'callback': this.$scope.save},
+            {'name': 'Cancel', 'css': 'grey', 'callback': this.$scope.close}
+        ];
+
+        this.$scope.$watch("[forms.editNameForm.$invalid,componentInstanceModel.name,isAlreadyPressed]", (newVal, oldVal) => {
+            this.$scope.footerButtons[0].disabled = this.$scope.forms.editNameForm.$invalid || this.$scope.isAlreadyPressed || this.$scope.componentInstanceModel.name === this.$scope.oldName;
+        });
+    }
+}