aboutsummaryrefslogtreecommitdiffstats
path: root/catalog-ui/app/scripts/directives/edit-name-popover
diff options
context:
space:
mode:
authorMichael Lando <ml636r@att.com>2017-06-09 03:19:04 +0300
committerMichael Lando <ml636r@att.com>2017-06-09 03:19:04 +0300
commited64b5edff15e702493df21aa3230b81593e6133 (patch)
treea4cb01fdaccc34930a8db403a3097c0d1e40914b /catalog-ui/app/scripts/directives/edit-name-popover
parent280f8015d06af1f41a3ef12e8300801c7a5e0d54 (diff)
[SDC-29] catalog 1707 rebase commit.
Change-Id: I43c3dc5cf44abf5da817649bc738938a3e8388c1 Signed-off-by: Michael Lando <ml636r@att.com>
Diffstat (limited to 'catalog-ui/app/scripts/directives/edit-name-popover')
-rw-r--r--catalog-ui/app/scripts/directives/edit-name-popover/edit-module-name-popover.html31
-rw-r--r--catalog-ui/app/scripts/directives/edit-name-popover/edit-name-popover-directive.ts98
-rw-r--r--catalog-ui/app/scripts/directives/edit-name-popover/edit-name-popover-view.html1
-rw-r--r--catalog-ui/app/scripts/directives/edit-name-popover/edit-name-popover.less71
4 files changed, 0 insertions, 201 deletions
diff --git a/catalog-ui/app/scripts/directives/edit-name-popover/edit-module-name-popover.html b/catalog-ui/app/scripts/directives/edit-name-popover/edit-module-name-popover.html
deleted file mode 100644
index d90c52d9a6..0000000000
--- a/catalog-ui/app/scripts/directives/edit-name-popover/edit-module-name-popover.html
+++ /dev/null
@@ -1,31 +0,0 @@
-<div>
- <form name="popoverForm" class="w-sdc-form" data-tests-id="popover-form">
- <span class="tlv-sprite tlv-x-btn close-popover-btn" data-tests-id="popover-x-button" ng-click="closePopover()"></span>
- <div class="form-group">
- <span class="popover-label" data-tests-id="popover-vfinstance-name" tooltips tooltip-content="{{module.vfInstanceName}}">{{module.vfInstanceName}}</span>
- <div class="popover-input">
- <div class="i-sdc-form-item" data-ng-class="{'error': validateField(popoverForm.heatName)}">
- <input type="text"
- data-ng-model="module.heatName"
- data-ng-maxlength="50"
- maxlength="50"
- name="heatName"
- placeholder="Enter Name"
- autocomplete="off"
- data-ng-init="onInit()"
- data-ng-pattern="heatNameValidationPattern"
- data-tests-id="popover-heat-name"
- class="form-control"
- />
- </div>
- <div class="input-error" data-ng-show="validateField(popoverForm.heatName)">
- <span ng-show="popoverForm.heatName.$error.maxlength" translate="VALIDATION_ERROR_MAX_LENGTH" translate-values="{'max': '50' }"></span>
- <span ng-show="popoverForm.heatName.$error.pattern" translate="VALIDATION_ERROR_SPECIAL_CHARS_NOT_ALLOWED"></span>
- </div>
- </div>
- <span class="popover-label" data-tests-id="popover-module-name" tooltips tooltip-content="{{module.moduleName}}">{{module.moduleName}}</span>
- <button class="tlv-btn grey popover-btn" data-tests-id="popover-close-button" data-ng-click="closePopover()">Cancel</button>
- <button class="tlv-btn blue popover-btn" data-tests-id="popover-save-button" data-ng-class="{'disabled': (validateField(popoverForm.heatName) || popoverForm.heatName.$viewValue === originalName)}" data-ng-click="updateHeatName()">Save</button>
- </div>
- </form>
-</div>
diff --git a/catalog-ui/app/scripts/directives/edit-name-popover/edit-name-popover-directive.ts b/catalog-ui/app/scripts/directives/edit-name-popover/edit-name-popover-directive.ts
deleted file mode 100644
index a033df054b..0000000000
--- a/catalog-ui/app/scripts/directives/edit-name-popover/edit-name-popover-directive.ts
+++ /dev/null
@@ -1,98 +0,0 @@
-/*-
- * ============LICENSE_START=======================================================
- * SDC
- * ================================================================================
- * Copyright (C) 2017 AT&T Intellectual Property. All rights reserved.
- * ================================================================================
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- * ============LICENSE_END=========================================================
- */
-/// <reference path="../../references"/>
-module Sdc.Directives {
- 'use strict';
-
- export interface IEditNamePopoverDirectiveScope extends ng.IScope {
- isOpen: boolean;
- templateUrl: string;
- module: any;
- direction: string;
- header: string;
- heatNameValidationPattern:RegExp;
- originalName:string;
- onSave:any;
-
- closePopover(isCancel:boolean):void;
- validateField(field:any, originalName:string):boolean;
- updateHeatName(heatName:string):void;
- onInit():void;
- }
-
- export class EditNamePopoverDirective implements ng.IDirective {
-
- constructor(private $templateCache:ng.ITemplateCacheService, private ValidationPattern:RegExp) {
- }
-
- scope = {
- direction: "@?",
- module: "=",
- header: "@?",
- onSave: "&"
- };
-
- link = (scope:IEditNamePopoverDirectiveScope) => {
- if(!scope.direction) {
- scope.direction = 'top';
- }
-
- scope.originalName = '';
- scope.templateUrl = "/app/scripts/directives/edit-name-popover/edit-module-name-popover.html";
- scope.isOpen = false;
-
- scope.closePopover = (isCancel:boolean = true) => {
- scope.isOpen = !scope.isOpen;
-
- if(isCancel) {
- scope.module.heatName = scope.originalName;
- }
- };
-
- scope.onInit = () => {
- scope.originalName = scope.module.heatName;
- };
-
- scope.validateField = (field:any):boolean => {
- return !!(field && field.$dirty && field.$invalid);
- };
-
- scope.heatNameValidationPattern = this.ValidationPattern;
-
- scope.updateHeatName = () => {
- scope.closePopover(false);
- scope.onSave();
- }
-
- };
-
- replace = true;
- restrict = 'E';
- template = ():string => {
- return this.$templateCache.get('/app/scripts/directives/edit-name-popover/edit-name-popover-view.html');
- };
-
- public static factory = ($templateCache:ng.ITemplateCacheService, ValidationPattern:RegExp)=> {
- return new EditNamePopoverDirective($templateCache, ValidationPattern);
- }
- }
-
- EditNamePopoverDirective.factory.$inject = ['$templateCache', 'ValidationPattern'];
-}
diff --git a/catalog-ui/app/scripts/directives/edit-name-popover/edit-name-popover-view.html b/catalog-ui/app/scripts/directives/edit-name-popover/edit-name-popover-view.html
deleted file mode 100644
index 17beead6b3..0000000000
--- a/catalog-ui/app/scripts/directives/edit-name-popover/edit-name-popover-view.html
+++ /dev/null
@@ -1 +0,0 @@
-<div uib-popover-template="templateUrl" popover-title="{{header}}" popover-placement="{{direction}}" popover-is-open="isOpen" popover-append-to-body="true"></div>
diff --git a/catalog-ui/app/scripts/directives/edit-name-popover/edit-name-popover.less b/catalog-ui/app/scripts/directives/edit-name-popover/edit-name-popover.less
deleted file mode 100644
index 3d76a352ce..0000000000
--- a/catalog-ui/app/scripts/directives/edit-name-popover/edit-name-popover.less
+++ /dev/null
@@ -1,71 +0,0 @@
-.popover {
- max-width: none;
- width: 310px;
- left: initial !important;
- right: 10px;
- z-index: 100;
- border-radius: 0;
-
- .top > .arrow {
- bottom: -8px !important;
- }
-
- .popover-title {
- background-color: transparent;
- border-bottom: 2px solid #40b7e4;
- margin-left: 20px;
- margin-right: 20px;
- padding: 8px 14px 8px 0px;
- font-family: @font-omnes-medium;
- font-weight: bold;
- }
-
- .arrow {
- left: 95% !important;
- border-width: 7px;
- bottom: -8px !important;
- }
-
- .popover-content {
- width: inherit;
- padding: 9px 20px;
- }
-
- .form-group {
- margin-top: 9px;
- }
-
- .popover-btn {
- float:right;
- margin-left: 10px;
- margin-bottom: 20px;
- }
-
- .close-popover-btn {
- position: absolute;
- top: 11px;
- right: 25px;
- }
-
- .close-popover-btn:hover {
- cursor: pointer;
- }
-
- .popover-input {
- height: 47px;
- margin-bottom:5px;
- }
-
- .popover-label {
- text-overflow: ellipsis;
- display: block;
- white-space: nowrap;
- margin-bottom: 10px;
- font-family: @font-omnes-medium;
- color: @main_color_l;
- }
-
- .w-sdc-form .i-sdc-form-item {
- margin-bottom: 0px;
- }
-}