aboutsummaryrefslogtreecommitdiffstats
path: root/catalog-ui/app/scripts/view-models/wizard/properties-step
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/view-models/wizard/properties-step
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/view-models/wizard/properties-step')
-rw-r--r--catalog-ui/app/scripts/view-models/wizard/properties-step/properties-step.html57
-rw-r--r--catalog-ui/app/scripts/view-models/wizard/properties-step/properties-step.less55
-rw-r--r--catalog-ui/app/scripts/view-models/wizard/properties-step/properties-step.ts123
3 files changed, 0 insertions, 235 deletions
diff --git a/catalog-ui/app/scripts/view-models/wizard/properties-step/properties-step.html b/catalog-ui/app/scripts/view-models/wizard/properties-step/properties-step.html
deleted file mode 100644
index 4429451871..0000000000
--- a/catalog-ui/app/scripts/view-models/wizard/properties-step/properties-step.html
+++ /dev/null
@@ -1,57 +0,0 @@
-<div class="properties-step" data-ng-controller="Sdc.ViewModels.Wizard.PropertiesStepViewModel">
-
- <div class="w-sdc-classic-btn gray" data-tests-id="addGrey" data-ng-click="addOrUpdateProperty()">Add</div>
-
- <div class="table-container-flex">
-
- <div class="table">
- <div class="head flex-container">
- <div class="table-header head-row hand flex-item" data-ng-repeat="header in tableHeadersList track by $index" data-ng-click="sort(header.property)">{{header.title}}
- <span data-ng-if="sortBy === header.property" class="table-header-sort-arrow" data-ng-class="{'down': reverse, 'up':!reverse}"> </span>
- </div>
- <div class="table-no-text-header head-row flex-item"></div>
- <!--div class="table-no-text-header head-row flex-item"></div-->
- </div>
-
- <div class="body">
- <perfect-scrollbar scroll-y-margin-offset="0" include-padding="true" class="scrollbar-container">
- <div data-ng-if="component.properties.length === 0 " class="no-row-text">
- There are no properties to display <br>
- click <a data-ng-click="addOrUpdateProperty()">here</a> to add one
- </div>
- <div data-ng-repeat-start="property in component.properties | orderBy:sortBy:reverse track by $index"
- class="flex-container data-row" data-ng-class="{'selected': property.selected}"
- data-ng-click="property.selected = !property.selected">
-
- <div class="table-col-general flex-item text">
- <span class="sprite table-arrow" data-ng-class="{'opened': property.selected}"></span>
- <span data-tests-id="{{property.name}}" tooltips tooltip-content="{{property.name}}">{{property.name}}</span>
-
- </div>
-
- <div class="table-col-general flex-item text" data-tests-id="{{property.type}}" data-ng-bind="property.type"></div>
-
- <div class="table-col-general flex-item text">
- <span tooltips tooltip-content="{{property.defaultValue}}" data-tests-id="{{property.defaultValue}}" data-ng-bind="property.defaultValue"></span>
- </div>
-
- <div class="table-btn-col flex-item">
- <button class="table-edit-btn" data-ng-show="property.parentUniqueId==component.uniqueId"
- data-ng-click="addOrUpdateProperty(property); $event.stopPropagation();"> </button>
- <button class="table-delete-btn" data-ng-show="property.parentUniqueId==component.uniqueId"
- data-ng-click="delete(property); $event.stopPropagation();"> </button>
- </div>
-
- <!--div class="table-btn-col flex-item">
-
- </div-->
- </div>
- <div data-ng-repeat-end="" data-ng-if="property.selected && property.description" class="item-opened" data-ng-bind="property.description">
- </div>
- </perfect-scrollbar>
- </div>
-
- </div>
- </div>
-
-</div>
diff --git a/catalog-ui/app/scripts/view-models/wizard/properties-step/properties-step.less b/catalog-ui/app/scripts/view-models/wizard/properties-step/properties-step.less
deleted file mode 100644
index 0d7dad8dc2..0000000000
--- a/catalog-ui/app/scripts/view-models/wizard/properties-step/properties-step.less
+++ /dev/null
@@ -1,55 +0,0 @@
-.properties-step {
-
- .w-sdc-classic-btn {
- float: right;
- margin-bottom: 10px;
- }
-
- .table{
- height: 412px;
- margin-bottom: 0;
- }
-
- .table-container-flex {
- margin-top: 0px;
-
- .text{
- overflow: hidden;
- text-overflow: ellipsis;
- display: inline-block;
- white-space: nowrap;
- padding: 5px 4px;
-
- }
-
- .flex-item:nth-child(1) {
- flex-grow: 15;
-
- .hand;
- span.table-arrow {
- margin-right: 7px;
- }
- }
-
- .flex-item:nth-child(2) {
- flex-grow: 6;
- }
-
- .flex-item:nth-child(3) {
- flex-grow: 9;
- }
-
- .flex-item:nth-child(4) {
- flex-grow: 3;
- //padding-top: 10px;
- padding: 10px 4px;
-
- }
-
- .flex-item:nth-child(5) {
- flex-grow: 1;
- }
-
- }
-
-}
diff --git a/catalog-ui/app/scripts/view-models/wizard/properties-step/properties-step.ts b/catalog-ui/app/scripts/view-models/wizard/properties-step/properties-step.ts
deleted file mode 100644
index 08dfb5e153..0000000000
--- a/catalog-ui/app/scripts/view-models/wizard/properties-step/properties-step.ts
+++ /dev/null
@@ -1,123 +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.ViewModels.Wizard {
- 'use strict';
-
- interface IPropertiesStepViewModelScope extends IWizardCreationStepScope {
- component: Models.Components.Component;
- tableHeadersList: Array<any>;
- reverse: boolean;
- sortBy:string;
-
- addOrUpdateProperty(): void;
- delete(property: Models.PropertyModel): void;
- sort(sortBy:string): void;
- }
-
- export class PropertiesStepViewModel implements IWizardCreationStep {
-
- static '$inject' = [
- '$scope',
- '$filter',
- '$modal',
- '$templateCache',
- 'ModalsHandler'
- ];
-
-
- constructor(
- private $scope:IPropertiesStepViewModelScope,
- private $filter:ng.IFilterService,
- private $modal:ng.ui.bootstrap.IModalService,
- private $templateCache:ng.ITemplateCacheService,
- private ModalsHandler: Utils.ModalsHandler
- ){
-
- this.$scope.registerChild(this);
- this.$scope.setValidState(true);
- this.initScope();
- }
-
- public save = (callback:Function):void => {
- this.$scope.setComponent(this.$scope.component);
- callback(true);
- };
-
- public back = (callback:Function):void => {
- this.$scope.setComponent(this.$scope.component);
- callback(true);
- }
-
-
- private openEditPropertyModal = (property: Models.PropertyModel): void => {
- let viewModelsHtmlBasePath: string = '/app/scripts/view-models/';
-
- let modalOptions: ng.ui.bootstrap.IModalSettings = {
- template: this.$templateCache.get(viewModelsHtmlBasePath+'wizard/property-form/property-form.html'),
- controller: 'Sdc.ViewModels.Wizard.PropertyFormViewModel',
- size: 'sdc-md',
- backdrop: 'static',
- keyboard: false,
- resolve: {
- property: (): Models.PropertyModel => {
- return property;
- },
- component: (): Models.Components.Component => {
- return <Models.Components.Component> this.$scope.getComponent();
- }
- }
- };
- this.$modal.open(modalOptions);
- };
-
- private initScope = (): void => {
-
- let self = this;
- this.$scope.component = this.$scope.getComponent();
- this.$scope.sortBy = 'name';
- this.$scope.reverse = false;
-
- this.$scope.tableHeadersList = [
- {title:'Name', property: 'name'},
- {title:'Type', property: 'type'},
- {title:'Default Value', property: 'defaultValue'}
- ];
- this.$scope.sort = (sortBy:string):void => {
- this.$scope.reverse = (this.$scope.sortBy === sortBy) ? !this.$scope.reverse : false;
- this.$scope.sortBy = sortBy;
- };
-
- this.$scope.addOrUpdateProperty = (property?: Models.PropertyModel): void => {
- this.openEditPropertyModal(property ? property : new Models.PropertyModel());
- };
-
- this.$scope.delete = (property: Models.PropertyModel): void => {
-
- let onOk = (): void => {
- this.$scope.component.deleteProperty(property.uniqueId);
- };
- let title:string = this.$filter('translate')("PROPERTY_VIEW_DELETE_MODAL_TITLE");
- let message:string = this.$filter('translate')("PROPERTY_VIEW_DELETE_MODAL_TEXT", "{'name': '" + property.name + "'}");
- this.ModalsHandler.openConfirmationModal(title, message, false).then(onOk);
- };
- }
- }
-}