diff options
author | Nicolas Hu <jh245g@att.com> | 2017-10-06 10:28:45 -0400 |
---|---|---|
committer | Nicolas Hu <jh245g@att.com> | 2017-10-06 10:40:45 -0400 |
commit | c19189718469498377b194eea2f9a247bb79c4f9 (patch) | |
tree | 4987d0fa9c60bb5f1c2938e37194fdcbb2c2fd5b /oom-app-overlay/src/main/webapp/app/oom/home | |
parent | d6c693de3070a6cd470356541324468d9fa42c59 (diff) |
Refactor CCSDK/Dashboard project
Change-Id: I34451fbebbe7bbaaf1cd23aed5cef0f9a9ba37b7
Issues-Id: CCSDK-111
Signed-off-by: Nicolas Hu <jh245g@att.com>
Diffstat (limited to 'oom-app-overlay/src/main/webapp/app/oom/home')
16 files changed, 0 insertions, 1509 deletions
diff --git a/oom-app-overlay/src/main/webapp/app/oom/home/appDS2.js b/oom-app-overlay/src/main/webapp/app/oom/home/appDS2.js deleted file mode 100644 index 80ee672..0000000 --- a/oom-app-overlay/src/main/webapp/app/oom/home/appDS2.js +++ /dev/null @@ -1,30 +0,0 @@ -/******************************************************************************* - * =============LICENSE_START========================================================= - * - * ================================================================================= - * 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========================================================= - * - * ECOMP is a trademark and service mark of AT&T Intellectual Property. - *******************************************************************************/ -/* Angular application for the EC Dashboard web UI */ -var appDS2 = angular.module("abs", - [ - 'ngCookies', 'ngRoute', 'ngMessages', - 'ui.bootstrap', 'ui.bootstrap.modal', - 'b2b.att', - 'modalServices' - ] - ); diff --git a/oom-app-overlay/src/main/webapp/app/oom/home/controller-service.js b/oom-app-overlay/src/main/webapp/app/oom/home/controller-service.js deleted file mode 100644 index 6c4c45d..0000000 --- a/oom-app-overlay/src/main/webapp/app/oom/home/controller-service.js +++ /dev/null @@ -1,69 +0,0 @@ -/******************************************************************************* - * =============LICENSE_START========================================================= - * - * ================================================================================= - * 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========================================================= - * - * ECOMP is a trademark and service mark of AT&T Intellectual Property. - *******************************************************************************/ -appDS2.factory('ControllerService', function ($http, $q, $log) { - return { - /** - * Gets ECOMP-C Endpoint objects. - * No provision for pagination here. - * @return {JSON} Response object from remote side - */ - getControllers: function() { - // cache control for IE - var cc = "?cc=" + new Date().getTime().toString(); - return $http({ - method: 'GET', - url: 'controllers' + cc, - cache: false, - responseType: 'json' - }).then(function(response) { - if (response.data == null || typeof response.data != 'object') - return $q.reject('ControllerService.getControllers: response.data null or not object'); - else - return response.data; - }, - function(error) { - $log.error('ControllerService.getControllers failed: ' + JSON.stringify(error)); - return $q.reject(error.statusText); - }); - }, - - setControllerSelection: function(row) { - // $log.debug('ControllerService.setControllerSelection: invoked with ' + JSON.stringify(row)); - return $http({ - method: 'POST', - url: 'controllers', - data: row, - responseType: 'json' - }).then(function(response) { - if (response.data == null || typeof response.data != 'object') - return $q.reject('ControllerService.setControllerSelection: response.data null or not object'); - else - return response.data; - }, - function(error) { - $log.error('ControllerService.setControllerSelection failed: ' + JSON.stringify(error)); - return $q.reject(error.statusText); - }); - } - - }; -}); diff --git a/oom-app-overlay/src/main/webapp/app/oom/home/controller_table.html b/oom-app-overlay/src/main/webapp/app/oom/home/controller_table.html deleted file mode 100644 index c2a0ca9..0000000 --- a/oom-app-overlay/src/main/webapp/app/oom/home/controller_table.html +++ /dev/null @@ -1,85 +0,0 @@ -<div id="page-content"> - - <h1 class="heading-page" id="controllers">ECOMP-C Instances</h1> - - <!-- show progress indicator --> - <div ng-show="ecdapp.isDataLoading"> - <div class="span" style="margin-bottom:20px;"> - <i class="icon-primary-spinner small" role="img" aria-label="Please wait while the content loads"></i> - Please wait while the content loads. - </div> - </div> - - <div ng-hide="ecdapp.isDataLoading"> - - <div id="button-search-row"> - <div style="float:right;"> - <div class="form-field form-field__small"> - <input - type="text" - placeholder="Search Controllers" - ng-model="ecdapp.searchString"/> - </div> - </div> - </div> - - <div ng-show="ecdapp.isRequestFailed"> - <span class="ecd-error-message">{{ecdapp.errMsg}}</span> - </div> - - <div ng-hide="ecdapp.isRequestFailed"> - - <div - b2b-table - id="controllers-table" - class="b2b-table-div" - table-data="ecdapp.tableData" - search-string="ecdapp.searchString" - current-page="ecdapp.currentPageIgnored" - next-sort="ecdapp.nextSortIgnored"> - - <table> - - <thead b2b-table-row type="header"> - <tr id="th-header-row"> - <th b2b-table-header sortable="false">Selected</th> - <th b2b-table-header key="name">Name</th> - <th b2b-table-header key="url">URL</th> - </tr> - </thead> - - <tbody b2b-table-row type="body" row-repeat="rowData in ecdapp.tableData"> - <tr id="tr-rowData"> - <td b2b-table-body> - <label class="radio"> - <input - type="radio" - name="ecdSelGroup" - title="rowData.url" - ng-value="rowData.url" - ng-model="ecdapp.radiobutton.url" - ng-change="ecdapp.selectController(rowData);"> - <i class="skin"></i> - <span></span> - </label> - </td> - <td b2b-table-body - ng-bind="rowData.name"/> - <td b2b-table-body - ng-bind="rowData.url"/> - </tr> - </tbody> - </table> - </div> - - <!-- no pagination --> - - </div> - - <div style="height: 10px;"> - <!-- space between page number and black footer --> - </div> - - </div><!-- loading --> - -</div><!-- page content --> diff --git a/oom-app-overlay/src/main/webapp/app/oom/home/executions-view-controller.js b/oom-app-overlay/src/main/webapp/app/oom/home/executions-view-controller.js deleted file mode 100644 index 4b28fed..0000000 --- a/oom-app-overlay/src/main/webapp/app/oom/home/executions-view-controller.js +++ /dev/null @@ -1,122 +0,0 @@ -/******************************************************************************* - * =============LICENSE_START========================================================= - * - * ================================================================================= - * 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========================================================= - * - * ECOMP is a trademark and service mark of AT&T Intellectual Property. - *******************************************************************************/ -appDS2.controller('executionsViewController', function($scope, $rootScope, ControllerService, $modal, ExecutionService, $log) { - - $scope.parent = { 'blueprint_id': 'Root', 'parent': 'parent' }; - $scope.ecdapp = {}; - $scope.ecdapp.isDataLoading = false; - $scope.controllersList = []; - $scope.controllerCall; - var debug = false; - - var getControllers = function(){ - $scope.ecdapp.isDataLoading = true; - ControllerService.getControllers().then(function(jsonObj) { - if (debug) - $log.debug("verticalComponentController.getControllers succeeded: " + JSON.stringify(jsonObj)); - // Empty - $scope.controllersList.length = 0; - // Refill - jsonObj.filter(function(d) { - $scope.controllersList.push(d); - if (d.selected){ - $scope.parent.blueprint_id = d.name; - $scope.controllerCallDone = true; - } - return; - }); - $scope.ecdapp.isDataLoading = false; - }, function(error) { - $scope.ecdapp.isDataLoading = false; - alert('Failed to load controllers. Please retry.'); - $log.error("verticalComponentController.getControllers failed: " + error); - }); - }; - - $rootScope.$on('controllerChange', function(e, d){ - $scope.parent.blueprint_id = d.name; - }); - - $scope.ecdapp.loadTable = function(status) { - $scope.ecdapp.isDataLoading = true; - - // Empty list and create the root controller item - $scope.orgChartData = []; - - ExecutionService.getExecutionsByStatus(status).then( - function(jsonObj) { - - if (jsonObj.error) { - $log.error("verticalComponentController.loadTable failed: " - + jsonObj.error); - $scope.ecdapp.isRequestFailed = true; - $scope.ecdapp.errMsg = jsonObj.error; - } else { - $scope.ecdapp.isRequestFailed = false; - $scope.ecdapp.errMsg = null; - for (var i=0; i < jsonObj.items.length; i++) { - $scope.orgChartData.push(jsonObj.items[i]); - } - $scope.$broadcast('listenEvent', {data: $scope.orgChartData} ); - setTimeout(function(){$('.child-item').popover()}, 0); - } - $scope.status = status; - $scope.ecdapp.isDataLoading = false; - }, - function(error) { - $log.error("verticalComponentController.loadTable failed: " - + error); - $scope.ecdapp.isRequestFailed = true; - $scope.ecdapp.errMsg = error; - $scope.ecdapp.isDataLoading = false; - }); - }; - - $scope.showEcompCInstancesModalPopup = function() { - var modalInstance = $modal.open({ - templateUrl : 'ecompc_instances_popup.html', - controller : 'selectEcompcController', - windowClass: 'modal-docked', - sizeClass: 'modal-medium', - resolve : { - message : function() { - return { items: $scope.controllersList } - } - } - }); - }; - - $scope.showsubDropdown = function(e){ - $('#submenu').toggle(); - e.stopPropagation(); - e.preventDefault(); - } - - $scope.closeSubMenu = function(){ - $('#submenu').css({display:'none'}) - } - - // Initialize the page - getControllers(); - $scope.ecdapp.loadTable('active'); - $scope.showOrgTable = true; -}); diff --git a/oom-app-overlay/src/main/webapp/app/oom/home/executions_view.html b/oom-app-overlay/src/main/webapp/app/oom/home/executions_view.html deleted file mode 100644 index 9f3e113..0000000 --- a/oom-app-overlay/src/main/webapp/app/oom/home/executions_view.html +++ /dev/null @@ -1,165 +0,0 @@ -<link rel="stylesheet" href="app/oom/external/bootstrap.min.css" /> -<style> -.csep-root1 { - background: white; -} - -.dropdown-submenu { - position: relative; -} - -.dropdown-submenu .dropdown-menu { - top: 0; - left: 100%; - margin-top: -1px; -} - -.parent-item { - box-shadow: 0 0 10px 0 rgba(0, 0, 0, .8); - -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .8); - -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .8); - background: #efefef; - padding: 15px; - cursor: pointer; -} - -.child-item { - box-shadow: 0 0 10px 0 rgba(0, 0, 0, .8); - -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .8); - -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .8); - background: #efefef; - padding: 15px; -} - -.button-style { - padding: 2px 5px; - width: auto; - margin: 3px; - min-width: 15px; -} - -.no-padding { - padding: 0 !important; -} - -.line-height { - height: 2.5em; -} - -.activeStatus { - background: #0568ae; -} - -.activeStatus a { - color: #FFF; -} - -.popover { - width: 400px; -} -</style> - -<div id="page-content"> - <h4 class="heading-page" id="controllers">OOM Managed Executions</h4> - - <div ng-show="ecdapp.isDataLoading"> - <i class="icon-primary-spinner small" role="img" - aria-label="Please wait while the content loads"></i> - Please wait while the content loads. - </div> - - <div class="table-responsive col-sm-12" - style="position: relative; left: 150px;" ng-if="controllerCallDone"> - <div class="col-sm-12"> - <div class="col-sm-4 no-padding" style="margin-top: 20px;"> - <div class="col-sm-12 no-padding" style="display: flex;"> - <div class="parent-item col-sm-10 no-padding"> - <div class="col-sm-12 no-padding line-height"> - <div class="col-xs-10 no-padding text-center"> - <b>{{parent.blueprint_id}}</b> - </div> - <div class="col-xs-2 no-padding dropdown"> - <button - class="btn btn-default button-style icon-controls-gear dropdown-toggle" - data-toggle="dropdown" ng-click="closeSubMenu()"></button> - <ul class="dropdown-menu"> - <li class="dropdown-submenu"> - <a href="javascript:void(0);" tabindex="-1" - ng-click="showsubDropdown($event)"> - Execution Status<span class="icon-controls-right pull-right" style="position: absolute;margin-right: 60px; padding-left: 50px;"></span> - </a> - <ul class="dropdown-menu" id="submenu"> - <li ng-class="{activeStatus: status == 'active'}"><a - href="javascript:void(0);" - ng-click="ecdapp.loadTable('active')">Active</a></li> - <li ng-class="{activeStatus: status == 'cancelled'}"><a - href="javascript:void(0);" - ng-click="ecdapp.loadTable('cancelled')">Cancelled</a></li> - <li ng-class="{activeStatus: status == 'failed'}"><a - href="javascript:void(0);" - ng-click="ecdapp.loadTable('failed')">Failed</a></li> - <li ng-class="{activeStatus: status == 'started'}"><a - href="javascript:void(0);" - ng-click="ecdapp.loadTable('started')">Started</a></li> - <li ng-class="{activeStatus: status == 'terminated'}"><a - href="javascript:void(0);" - ng-click="ecdapp.loadTable('terminated')">Terminated</a></li> - </ul></li> - <li><a href="javascript:void(0);" - ng-click="showEcompCInstancesModalPopup()">Select ECOMP-C - Instance...</a></li> - </ul> - </div> - </div> - <div> - <img src="app/oom/images/ecomp-login-550x360.jpg"> - </div> - <div class="col-sm-12 text-center line-height"> - <span ng-if="orgChartData.length"></span> - </div> - </div> - <div class="col-sm-2 no-padding" ng-if="orgChartData.length"> - <span - style="position: absolute; width: 100%; border: 1px solid #333; top: 50%;"></span> - </div> - </div> - </div> - - <div class="col-sm-4 no-padding" style="margin-top: 20px;"> - <div class="col-sm-12 no-padding" style="position: absolute; margin-top: -23px; margin-left: 54px;" ng-if="orgChartData.length > 0"> - <b>Status: {{status}}</b> - </div> - <div class="col-sm-12 no-padding" style="margin-top: 100px;" ng-if="orgChartData.length == 0 && status"> - <b>No components found with status {{status}}</b> - </div> - <div class="col-sm-12 no-padding" ng-if="orgChartData.length" - ng-repeat="item in orgChartData" - style="display: flex; padding-bottom: 20px !important; border-left: 1px solid #333;"> - <div class="col-sm-2 no-padding"> - <span ng-if="$index == 0" - style="position: absolute; height: 50%; width: 100%; border-left: 2px solid #FFF; left: -2%;"></span> - <span - style="position: absolute; width: 100%; border: 1px solid #333; top: 50%;"></span> - <span ng-if="$index == orgChartData.length-1" - style="position: absolute; top: 50%; width: 100%; height: calc(50% + 20px); left: -5%; border-left: 2px solid #FFFFFF;"></span> - </div> - <div class="col-sm-10 no-padding child-item" - id="callToggle{{$index}}" data-toggle='popover' - data-placement='right' data-trigger='hover' - data-content="Execution Id: {{item.id}}"> - <div class="col-sm-12 no-padding line-height"> - <div class="col-xs-12 no-padding text-center"> - <b>{{item.blueprint_id}}</b> - </div> - </div> - <div> - <img src="app/oom/images/ecomp.png"> - </div> - <div class="col-sm-12 text-center line-height"></div> - </div> - </div> - </div> - </div> - </div> - -</div>
\ No newline at end of file diff --git a/oom-app-overlay/src/main/webapp/app/oom/home/modal-service.js b/oom-app-overlay/src/main/webapp/app/oom/home/modal-service.js deleted file mode 100644 index 07b5d77..0000000 --- a/oom-app-overlay/src/main/webapp/app/oom/home/modal-service.js +++ /dev/null @@ -1,97 +0,0 @@ -/******************************************************************************* - * =============LICENSE_START========================================================= - * - * ================================================================================= - * 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========================================================= - * - * ECOMP is a trademark and service mark of AT&T Intellectual Property. - *******************************************************************************/ -angular.module("modalServices",[]).service('modalService', ['$modal', function ($modal) { - - /* - * Defines the same functions available in DS1 using DS2 icons etc. - * Relies on templates defined in ecd_popup_templates.html - */ - - var ModalInstanceCtrl = function ($scope, $modalInstance, $rootScope, items) { - // Pass thru to template as object "msg" - $scope.msg = items; - - $scope.cancel = function () { - $modalInstance.dismiss('cancel'); - }; - }; - - this.showIconTitleTextOkModal = function (icon, title, text) { - var modalInstance = $modal.open({ - templateUrl: 'ecd_title_text_ok_modal.html', - controller: ModalInstanceCtrl, - sizeClass: 'modal-small', - resolve: { - items: function () { - return { - icon: icon, - title: title, - text: text - }; - } - } - }); - }; - - this.showFailure = function (title, text) { - this.showIconTitleTextOkModal('icon-primary-alert', title, text); - }; - - this.showSuccess = function (title, text) { - this.showIconTitleTextOkModal('icon-primary-approval', title, text); - }; - - /* Replicate modals defined by ds2-modal/modalService.js */ - errorPopUp = function(text) { - this.showFailure('Error', text); - }; - successPopUp = function(text) { - this.showSuccess('Success', text); - }; - - this.popupConfirmWin = function(title, text, callback) { - var modalInstance = $modal.open({ - templateUrl: 'ecd_title_text_ok_cancel_modal.html', - controller: ModalInstanceCtrl, - sizeClass: 'modal-small', - resolve: { - items: function () { - return { - icon: 'icon-primary-questionmark', - title: title, - text: text - }; - } - } - }); - var args = Array.prototype.slice.call(arguments, 0); - args.splice(0, 3); - modalInstance.result.then(function(){ - callback.apply(null, args); - }, function() { - // - })['finally'](function(){ - modalInstance = undefined; - }); - }; - - }]); diff --git a/oom-app-overlay/src/main/webapp/app/oom/home/oom-instances-controller.js b/oom-app-overlay/src/main/webapp/app/oom/home/oom-instances-controller.js deleted file mode 100644 index f07d1b3..0000000 --- a/oom-app-overlay/src/main/webapp/app/oom/home/oom-instances-controller.js +++ /dev/null @@ -1,70 +0,0 @@ -/******************************************************************************* - * =============LICENSE_START========================================================= - * - * ================================================================================= - * 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========================================================= - * - * ECOMP is a trademark and service mark of AT&T Intellectual Property. - *******************************************************************************/ -appDS2.controller('selectEcompcController', function( - $scope, $rootScope, $log, $modalInstance, message, ControllerService) { - - // message brings the table items - - 'use strict'; - - // Set to true for verbose output - var debug = false; - - // this object holds data and functions - $scope.ecdapp = {}; - $scope.ecdapp.tableData = message.items; - - // Populate the model that drives the radio buttons. - // Radio buttons require a model with the value of the button - // that is selected. The data comes across with a boolean - // indicator on each row, selected or not, which is useless - // for driving the radio buttons. This model uses the URL - // as the unique value. - $scope.ecdapp.radiobutton = { - url : null - }; - for (var rowNum in message.items) { - let row = message.items[rowNum]; - if (debug) - $log.debug('selectEcompcController: row is ' + JSON.stringify(row)); - if (row.selected) - $scope.ecdapp.radiobutton.url = row.url; - } - - /** - * Handles a click on radio button to select a controller. - */ - $scope.ecdapp.selectController = function(row) { - if (debug) - $log.debug('selectController: row is ' + JSON.stringify(row)); - if (row == null || row.url == null) - $log.error('selectController invoked with bad argument'); - else - ControllerService.setControllerSelection(row).then(function(data) { - $rootScope.$broadcast('controllerChange', {name: row.name}) - }, - function(error) { - $log.error('selectController failed: ' + error); - }); - }; - -}); diff --git a/oom-app-overlay/src/main/webapp/app/oom/home/oom-router.js b/oom-app-overlay/src/main/webapp/app/oom/home/oom-router.js deleted file mode 100644 index e598487..0000000 --- a/oom-app-overlay/src/main/webapp/app/oom/home/oom-router.js +++ /dev/null @@ -1,99 +0,0 @@ -/******************************************************************************* - * =============LICENSE_START========================================================= - * - * ================================================================================= - * 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========================================================= - * - * ECOMP is a trademark and service mark of AT&T Intellectual Property. - *******************************************************************************/ -appDS2.config(function($routeProvider) { - $routeProvider - .when('/orgchart', { - /* horizontal layout */ - templateUrl: 'app/oom/home/tree_view.html', - controller : 'treeViewController' - }) - .when('/tosca', { - templateUrl: 'app/oom/cloudify/tosca_table.html', - controller : 'toscaTableController' - }) - .when('/bp', { - templateUrl: 'app/oom/cloudify/blueprint_table.html', - controller : 'blueprintTableController' - }) - .when('/dep', { - templateUrl: 'app/oom/cloudify/deployment_table.html', - controller : 'deploymentTableController' - }) - .when('/exe', { - templateUrl: 'app/oom/cloudify/execution_table.html', - controller : 'executionTableController' - }) - .when('/sh', { - templateUrl: 'app/oom/consul/service_health_table.html', - controller : 'serviceHealthTableController' - }) - .when('/nh', { - templateUrl: 'app/oom/consul/node_table.html', - controller : 'nodeTableController' - }) - .when('/dc', { - templateUrl: 'app/oom/consul/datacenter_table.html', - controller : 'datacenterTableController' - }) - .when('/profile/:profileId', { - templateUrl: 'app/fusion/scripts/DS2-view-models/ds2-profile/self_profile.html', - controller: 'selfProfileController' - }) - .when('/profile_search', { - templateUrl: 'app/fusion/scripts/DS2-view-models/ds2-profile/profile_searchDS2.html', - controller : "profileSearchCtrlDS2" - }) - .when('/post_search', { - templateUrl: 'app/fusion/scripts/DS2-view-models/ds2-profile/post.html', - controller: 'postController' - }) - .when('/self_profile', { - templateUrl: 'app/fusion/scripts/DS2-view-models/ds2-profile/self_profile.html', - controller: 'selfProfileController' - }) - .when('/role_list', { - templateUrl: 'app/fusion/scripts/DS2-view-models/ds2-admin/role_list.html', - controller : 'adminController' - }) - .when('/role_function_list', { - templateUrl: 'app/fusion/scripts/DS2-view-models/ds2-admin/role-function.html', - controller : "adminController" - }) - .when('/jcs_admin', { - templateUrl: 'app/fusion/scripts/DS2-view-models/ds2-admin/jcs_admin.html', - controller: 'adminController' - }) - .when('/admin_menu_edit', { - templateUrl: 'app/fusion/scripts/DS2-view-models/ds2-admin/admin-menu-edit.html', - controller: 'AdminMenuEditController' - }) - .when('/usage_list', { - templateUrl: 'app/fusion/scripts/DS2-view-models/ds2-admin/usage.html', - controller: 'usageListControllerDS2' - }) - .otherwise({ - templateUrl: 'app/oom/home/executions_view.html', - controller : 'executionsViewController' - }) - ; - -});
\ No newline at end of file diff --git a/oom-app-overlay/src/main/webapp/app/oom/home/oom-style.css b/oom-app-overlay/src/main/webapp/app/oom/home/oom-style.css deleted file mode 100644 index e08fc31..0000000 --- a/oom-app-overlay/src/main/webapp/app/oom/home/oom-style.css +++ /dev/null @@ -1,20 +0,0 @@ -/* Styles for ECOMP Controller Dashboard */ - -.ecd-error-message { - font-size: 14px; - font-weight: bold; - color: red; -} - -.ecd-icon-display { - font-size: 18px; -} - -.ecd-icon-action { - font-size: 18px; -} - -.ecd-icon-action:hover { - color: red; - text-decoration: none; -}
\ No newline at end of file diff --git a/oom-app-overlay/src/main/webapp/app/oom/home/oom_instances_popup.html b/oom-app-overlay/src/main/webapp/app/oom/home/oom_instances_popup.html deleted file mode 100644 index bc523aa..0000000 --- a/oom-app-overlay/src/main/webapp/app/oom/home/oom_instances_popup.html +++ /dev/null @@ -1,86 +0,0 @@ -<script type="text/ng-template" id="ecompc_instances_popup.html"> -<style> - .ecd-parameter-table - { - border: 1px; - width: 550px; - height: 225px; - overflow: auto; - } - .modal - { - display:block - } - .radio input:checked + .skin:after{ - height: 22px; - width: 22px; - } - .close-button - { - background: #0568ae; - color: #ffffff;"; - } - -</style> - - <div class="b2b-modal-header ng-scope"> - <h1 class="heading-page" id="controllerInstance">Select ECOMP-C Instance</h1> - <div class="corner-button in"> - <button type="button" class="close" aria-label="Close" - ng-click="$dismiss('cancel')"></button> - </div> - </div> - - <div class="b2b-modal-body ng-scope ng-isolate-scope" tabindex="0" - role="region" aria-label="Modal body content"> - - <div b2b-table - id="controllers-modal" - class="b2b-table-div" - table-data="ecdapp.tableData" - search-string="ecdapp.searchString" - current-page="ecdapp.currentPageIgnored" - next-sort="ecdapp.nextSortIgnored"> - <table> - <thead b2b-table-row type="header"> - <tr id="th-header-row"> - <th b2b-table-header sortable="false">Selected</th> - <th b2b-table-header key="name">Name</th> - <th b2b-table-header key="url">URL</th> - </tr> - </thead> - - <tbody b2b-table-row type="body" row-repeat="rowData in ecdapp.tableData"> - <tr id="tr-rowData"> - <td b2b-table-body> - <label class="radio"> - <input - type="radio" - name="ecdSelGroup" - title="rowData.url" - ng-value="rowData.url" - ng-model="ecdapp.radiobutton.url" - ng-change="ecdapp.selectController(rowData);"> - <i class="skin"></i> - <span></span> - </label> - </td> - <td b2b-table-body - ng-bind="rowData.name"/> - <td b2b-table-body - ng-bind="rowData.url"/> - </tr> - </tbody> - </table> - </div> - </div> - - <div class="b2b-modal-footer ng-scope ng-isolate-scope"> - <div class="cta-button-group in"> - <button class="btn btn-small close-button" type="button" ng-click="$close()"> - Close - </button> - </div> - </div> - -</script> diff --git a/oom-app-overlay/src/main/webapp/app/oom/home/oom_popup_templates.html b/oom-app-overlay/src/main/webapp/app/oom/home/oom_popup_templates.html deleted file mode 100644 index fe4d505..0000000 --- a/oom-app-overlay/src/main/webapp/app/oom/home/oom_popup_templates.html +++ /dev/null @@ -1,65 +0,0 @@ -<script type="text/ng-template" id="ecd_title_text_ok_modal.html"> -<div> - <div class="b2b-modal-header ng-scope in"> - <h2 id="myModalLabel" modal-title="">{{msg.title}}</h2> - <div ng-class="msg.icon" style="font-size: 36px;"></div> - <div class="corner-button in"> - <button type="button" class="close" aria-label="Close" - ng-click="$dismiss('cancel')"></button> - </div> - </div> - <div class="b2b-modal-body ng-scope ng-isolate-scope in" tabindex="0" - role="region" aria-label="Modal header text content"> - <p style="word-wrap: break-word;">{{msg.text}}</p> - </div> - <div class="b2b-modal-footer ng-scope ng-isolate-scope in"> - <div class="cta-button-group in"> - <button class="btn btn-alt btn-small" type="button" - ng-click="$dismiss('cancel')">OK</button> - </div> - </div> -</div> -</script> - -<script type="text/ng-template" id="ecd_title_text_ok_cancel_modal.html"> -<div> - <div class="b2b-modal-header ng-scope in"> - <h2 id="myModalLabel" modal-title="">{{msg.title}}</h2> - <div ng-class="msg.icon" style="font-size: 36px;"></div> - <div class="corner-button in"> - <button type="button" class="close" aria-label="Close" - ng-click="$dismiss('cancel')"></button> - </div> - </div> - <div class="b2b-modal-body ng-scope ng-isolate-scope in" tabindex="0" - role="region" aria-label="Modal text content"> - <p style="word-wrap: break-word;">{{msg.text}}</p> - </div> - <div class="b2b-modal-footer ng-scope ng-isolate-scope in"> - <div class="cta-button-group in"> - <button class="btn btn-alt btn-small" type="button" - ng-click="$close()">OK</button> - <button class="btn btn-small" type="button" - ng-click="$dismiss('cancel')">Cancel</button> - </div> - </div> -</div> -</script> - -<script type="text/ng-template" id="modal_warning.html"> - <div class="modal__warning font-showcase" > - <div class="modal__header"> - <h2 class="font-showcase-font-name">{{message.title}}</h2> - <div class="modal__header--icon"></div> - </div> - <div class="divider-container"><hr> </div> - <div class="modal__content" style="white-space: pre-wrap;">{{message.text}}<br/></div> - <div class="modal__footer"> - <button class="button button--primary button--small" - href="javascript:void(0)" - ng-click="$dismiss()"> - Dismiss - </button> - </div> - </div> -</script> diff --git a/oom-app-overlay/src/main/webapp/app/oom/home/oom_spa.html b/oom-app-overlay/src/main/webapp/app/oom/home/oom_spa.html deleted file mode 100644 index 47eac2d..0000000 --- a/oom-app-overlay/src/main/webapp/app/oom/home/oom_spa.html +++ /dev/null @@ -1,125 +0,0 @@ -<!DOCTYPE html> -<!-- ONAP Operations Manager Dashboard single-page application using B2B/DS2. --> -<html> - <head> - <meta charset="UTF-8"> - <title>OOM Dashboard</title> - <link rel="icon" type="image/ico" href="app/oom/images/onap_32x32.ico" /> - - <!-- Third-party scripts from EPSDK overlay --> - <script src="app/fusion/external/angular-1.4.8/angular.js"></script> - <script src="app/fusion/external/angular-1.4.8/angular-cookies.js"></script> - <script src="app/fusion/external/angular-1.4.8/angular-messages.js"></script> - <script src="app/fusion/external/angular-1.4.8/angular-route.js"></script> - <script src="app/fusion/external/angular-1.4.8/angular-sanitize.js"></script> - <script src="app/fusion/external/angular-1.4.8/angular-touch.js"></script> - <script src="app/fusion/external/jquery/dist/jquery.min.js"></script> - <script src="app/fusion/external/javascript-detect-element-resize/jquery.resize.js"></script> - <script src="app/fusion/external/angular-bootstrap/ui-bootstrap-tpls.min.js"></script> - - <!-- Third-party scripts from app --> - <script src="app/oom/external/bootstrap.min.js" type="text/javascript"></script> - <!-- https://github.com/jeremyfa/yaml.js --> - <script src="app/oom/external/yaml.js" type="text/javascript"></script> - - <script src="app/fusion/external/b2b/js/b2b-angular/b2b-library.min.js"></script> - <!-- Tweaked CSS --> - <link rel="stylesheet" type="text/css" href="app/fusion/external/b2b/css/b2b-angular/b2b-angular.css"> - <link rel="stylesheet" type="text/css" href="app/fusion/external/b2b/css/b2b-angular/font_icons.css"> - - <!-- icons in open source --> - <link rel="stylesheet" type="text/css" href="app/fusion/external/ds2/css/digital-ng-library/ionicons.css"> - <link rel="stylesheet" type="text/css" href="app/fusion/external/ds2/css/digital-ng-library/ecomp-ionicons.css"> - - <link rel="stylesheet" type="text/css" href="app/fusion/styles/ecomp.css"> - - <!-- main app --> - <script src="app/oom/home/modal-service.js"></script> - <script src="app/oom/home/appDS2.js"></script> - - <!-- directives and services --> - <script src="app/fusion/scripts/DS2-services/userInfoServiceDS2.js"></script> - <script src="app/fusion/scripts/DS2-services/headerServiceDS2.js"></script> - <script src="app/fusion/scripts/DS2-services/manifestService.js"></script> - <script src="app/fusion/scripts/DS2-directives/footer.js"></script> - <script src="app/fusion/scripts/DS2-directives/ds2Header.js"></script> - <script src="app/fusion/scripts/DS2-services/leftMenuServiceDS2.js"></script> - <script src="app/fusion/scripts/DS2-directives/ds2LeftMenu.js"></script> - <script src="app/fusion/scripts/DS2-directives/b2b-leftnav-ext.js"></script> - - <!-- ECD home --> - <script src="app/oom/home/tree-view-controller.js"></script> - <script src="app/oom/home/tree-view-directive.js"></script> - <script src="app/oom/home/controller-service.js"></script> - <script src="app/oom/home/oom-instances-controller.js"></script> - <script src="app/oom/home/executions-view-controller.js"></script> - <link rel="stylesheet" href="app/oom/home/tree-view-style.css"/> - <link rel="stylesheet" href="app/oom/home/oom-style.css"/> - - <!-- Cloudify --> - <script src="app/oom/cloudify/blueprint-service.js"></script> - <script src="app/oom/cloudify/deployment-service.js"></script> - <script src="app/oom/cloudify/execution-service.js"></script> - <script src="app/oom/cloudify/tosca-table-controller.js"></script> - <script src="app/oom/cloudify/blueprint-controllers.js"></script> - <script src="app/oom/cloudify/deployment-controllers.js"></script> - <script src="app/oom/cloudify/execution-table-controller.js"></script> - - <!-- Consul --> - <script src="app/oom/consul/service-health-service.js"></script> - <script src="app/oom/consul/service-controllers.js"></script> - <script src="app/oom/consul/node-table-controller.js"></script> - <script src="app/oom/consul/node-health-service.js"></script> - <script src="app/oom/consul/node-services-controller.js"></script> - <script src="app/oom/consul/datacenter-table-controller.js"></script> - <script src="app/oom/consul/datacenter-health-service.js"></script> - - <!-- user admin pages --> - <script src="app/fusion/scripts/DS2-services/adminService.js"></script> - <script src="app/fusion/scripts/DS2-services/ds2-profile/selfProfileService.js"></script> - <script src="app/fusion/scripts/DS2-services/profileServiceDS2.js"></script> - <script src="app/fusion/scripts/DS2-controllers/ds-profile/post-controller.js"></script> - <script src="app/fusion/scripts/DS2-controllers/ds2-profile/self-profile-controller.js"></script> - <script src="app/fusion/scripts/DS2-services/postSearch.js"></script> - <script src="app/fusion/scripts/DS2-controllers/profile-search-controller-DS2.js"></script> - - <!-- app admin pages --> - <script src="app/fusion/scripts/DS2-services/adminMenuService.js"></script> - <script src="app/fusion/scripts/DS2-controllers/admin-controller.js"></script> - <script src="app/fusion/scripts/DS2-controllers/admin-menu-edit.js"></script> - <script src="app/fusion/scripts/DS2-controllers/usage-list-controller.js"></script> - <script src="app/fusion/scripts/DS2-controllers/fn-menu-add-popup-controller.js"></script> - - <!-- main page --> - <script src="app/oom/home/oom-router.js"></script> - - <style> - .csep-root1{ - background: white; - } - .dropdown-submenu { - position: relative; - } - - .dropdown-submenu .dropdown-menu { - top: 0; - left: 100%; - margin-top: -1px; - } - </style> - - </head> - <body class="appBody" ng-app="abs"> - <!-- double quotation marks are required for the popup templates - values are string literals --> - <div ng-include src="'app/oom/home/oom_popup_templates.html'"></div> - <div ng-include src="'app/oom/home/oom_instances_popup.html'"></div> - <div ng-include src="'app/oom/cloudify/blueprint_popups.html'"></div> - <div ng-include src="'app/oom/cloudify/deployment_popups.html'"></div> - <div ng-include src="'app/oom/consul/service_popups.html'"></div> - <div ng-include src="'app/oom/consul/node_popups.html'"></div> - <div ds2-header id="header" class="header-container"></div> - <div ds2-menu id="menu-container" class="menu-container"></div> - <div ng-view id="rightContentProfile" class="content-container"></div> - <div ds2-footer class="footer-container"></div> - </body> -</html> diff --git a/oom-app-overlay/src/main/webapp/app/oom/home/tree-view-controller.js b/oom-app-overlay/src/main/webapp/app/oom/home/tree-view-controller.js deleted file mode 100644 index 577ebe1..0000000 --- a/oom-app-overlay/src/main/webapp/app/oom/home/tree-view-controller.js +++ /dev/null @@ -1,134 +0,0 @@ -/******************************************************************************* - * =============LICENSE_START========================================================= - * - * ================================================================================= - * 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========================================================= - * - * ECOMP is a trademark and service mark of AT&T Intellectual Property. - *******************************************************************************/ -appDS2.controller('treeViewController',function( - $scope, $rootScope, $log, $modal, ExecutionService, ControllerService){ - - 'use strict'; - - // Set to true for verbose output - var debug = false; - - // this object holds all app data and functions - $scope.ecdapp = {}; - $scope.ecdapp.isDataLoading = false; - $scope.ecdapp.isRequestFailed = false; - $scope.orgChart = true; - $scope.status = ''; - var selectedItem = { - name: '' - }; - // Initial data as eye candy - $scope.orgChartData = [ { 'blueprint_id': 'Root', 'parent': 'parent' } ]; - var controllersList = []; - - var getControllers = function(){ - ControllerService.getControllers().then(function(jsonObj) { - if (debug) - $log.debug("treeViewController.getControllers succeeded: " + JSON.stringify(jsonObj)); - // Empty - controllersList.length = 0; - // Refill - jsonObj.filter(function(d) { - controllersList.push(d); - if (d.selected) - selectedItem = d; - return; - }); - $scope.ecdapp.loadTable(); - }, function(error) { - alert('Failed to load controllers. Please retry.'); - $log.error("treeViewController.getControllers failed: " + error); - }); - } - - /** - * Called from the directive when user picks a status value. - */ - $scope.ecdapp.loadTable = function(status) { - $scope.ecdapp.isDataLoading = true; - $scope.status = status; - // Empty list and create the root controller item - $scope.orgChartData.length = 0; - $scope.orgChartData.push({ - "blueprint_id": selectedItem.name, - "parent": "parent" - }); - ExecutionService.getExecutionsByStatus(status).then( - function(jsonObj) { - if (jsonObj.error) { - $log.error("treeViewController.loadTable failed: " - + jsonObj.error); - $scope.ecdapp.isRequestFailed = true; - $scope.ecdapp.errMsg = jsonObj.error; - } else { - $scope.ecdapp.isRequestFailed = false; - $scope.ecdapp.errMsg = null; - for (var i=0; i < jsonObj.items.length; i++) { - $scope.orgChartData.push(jsonObj.items[i]); - } - $scope.$broadcast('listenEvent', {data: $scope.orgChartData} ); - } - $scope.ecdapp.isDataLoading = false; - }, - function(error) { - $log.error("treeViewController.loadTable failed: " - + error); - $scope.ecdapp.isRequestFailed = true; - $scope.ecdapp.errMsg = error; - $scope.ecdapp.isDataLoading = false; - }); - }; - - // Listens for change of the selected controller - $rootScope.$on('controllerChange', function(e, d){ - $scope.orgChartData[0].blueprint_id = d.name; - $scope.$broadcast('listenEvent', {data: $scope.orgChartData}); - }) - - // Shows popup with list of controllers - $scope.ecdapp.showEcompCInstancesModalPopup = function() { - var modalInstance = $modal.open({ - templateUrl : 'ecompc_instances_popup.html', - controller : 'selectEcompcController', - windowClass: 'modal-docked', - sizeClass: 'modal-medium', - resolve : { - message : function() { - return { items: controllersList } - } - } - }); - modalInstance.result.then(function(response) { - // Always reload the table - // $log.debug('modalInstance: reloading controllers'); - getControllers('active'); - }, - function(error) { - // Should never happen - $log.error('modalInstance: ERROR!?'); - }); - }; - - // Populate the table on load. - getControllers('active'); - -}); diff --git a/oom-app-overlay/src/main/webapp/app/oom/home/tree-view-directive.js b/oom-app-overlay/src/main/webapp/app/oom/home/tree-view-directive.js deleted file mode 100644 index fa81246..0000000 --- a/oom-app-overlay/src/main/webapp/app/oom/home/tree-view-directive.js +++ /dev/null @@ -1,186 +0,0 @@ -/******************************************************************************* - * =============LICENSE_START========================================================= - * - * ================================================================================= - * 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========================================================= - * - * ECOMP is a trademark and service mark of AT&T Intellectual Property. - *******************************************************************************/ -(function() { - 'use strict'; - - appDS2.directive("orgChart", supervisorOrgChart); - supervisorOrgChart.$inject = ['$http', '$templateCache', 'ExecutionService']; - - function supervisorOrgChart($http, $templateCache, ExecutionService) { - return { - restrict: 'E', - scope: { - data: '=', - getCall: '&', - modalCall: '&', - status: '=' - }, - - link: function(scope, elem, attrs) { - - scope.$on('listenEvent', function(event, data) { - data = data.data; - scope.data = data; - $('.jOrgChart').remove(); - drawOrgChart(data); - }); - - - var items = [], - mCheck = []; - var currentZoom = 100; - var data = scope.data; - var selectedStatus = scope.status; - function statusSelectoin(status){ - $('#statusclick li').removeClass('active'); - scope.getCall()(status); - } - - function drawOrgChart(data, supervisorOrg) { - items = []; - var itemHtml = ""; - for(var i=0; i<data.length; i++){ - loops(data[i]); - } - function loops(root) { - var className; - if (root.parent == "parent") { - items.push("<li class='root '>" + - "<div><div class='label_node' style='position:relative'>" + - "<span class='' style='position:absolute; left:1px; top:5px'>"+ - "<div class='dropdown dd_"+root.id+"'>"+ - "<div style='float: right;'>"+ - "<button id='dd_"+root.id+"' class='btn btn-default dropdown-toggle icon-misc-filter' type='button' data-toggle='dropdown'>"+ - "</button>"+ - "<ul class='dropdown-menu' id='statusclick'>"+ - "<li id='active'>Active</li>"+ - "<li id='cancelled'>Cancelled</li>"+ - "<li id='terminated'>Terminated</li>"+ - "<li id='failed'>Failed</li>"+ - "</ul>"+ - "</div>"+ - "</div>"+ - "</span>"+ - "<span style='position: absolute; font-size: 12px; left:30px; top:10px' class='title-span'>" + root.blueprint_id + "</span>"+ - "<button id='dd_"+root.id+"' style='margin-top: 5px; position: absolute; right: 2px;' class='openmodal btn btn-default dropdown-toggle icon-controls-gear' " + - "type='button' data-toggle='dropdown'>"+ - "</button>"+ - "</div></div></br>"+ - "<div style='padding-top:25px'><img src='app/oom/images/ecomp-login-550x360.jpg' width='180' height='100'></div>"+ - "<div class='expandBtn'><span id='exp_"+root.id+"'><i class='icon-controls-add-maximize'></i></span></div><ul>"); - } else { - itemHtml = "<li class='child'>"+ - "<div style='padding-top:3px'><span class='label_node'>"+ - - "<span class='title-span'>" + root.blueprint_id + "</span>"+ - "<span class='icon-span ddIcon'>"+ - "<div class='dropdown dd_"+root.id+"'>"+ - "<div style='float: right; margin-top: -14px;'>"+ - "<button id='dd_"+root.id+"' class='btn btn-default dropdown-toggle' type='button' data-toggle='dropdown'><i class='icon-people-preview'></i>"+ - "<span id='dd_"+root.id+"'></span></button>"+ - "<ul class='dropdown-menu'>"+ - "<li><a tabindex='-1' href='javascript:void(0);'>Execution Id: " + root.id + "</a></li>"+ - "<li><a tabindex='-1' href='javascript:void(0);'>Health Check Status: </a></li>"+ - "<li><a tabindex='-1' href='javascript:void(0);'>Please click here for more information </a></li>"+ - "</ul>"+ - "</div>"+ - "</div>"+ - "</span>"+ - "</span></div></br>"+ - "<div style='padding-top:35px'><img src='app/oom/images/ecomp.png' width='180' height='100'></div></li>"; - items.push(itemHtml); - } - } // End the generate html code - - items.push('</ul></li>'); - var listElem = $("<ul/>", { - "class": "org", - "style": "float:right;", - html: items.join("") - }).appendTo(elem); - - var opts = { - chartElement: elem, - rowcolor: false - }; - //elem.html(''); - $(elem).find(".org").jOrgChart(opts); - listElem.remove(); - - setTimeout(function(){ - $('.dropdown .dropdown-toggle').on("click", function(e){ - var cls = '.'+ e.target.id; - var subcls = cls + ' a.test'; - if($(cls).hasClass('open')){ - $(cls).removeClass('open'); - $(subcls).next('ul').css({display: 'none'}); - } else{ - $(cls).addClass('open'); - } - }); - - $('.dropdown-submenu a.test').on("mouseover", function(e){ - console.log("hi"); - $('#'+e.target.id).next('ul').toggle(); - }); - - $('#statusclick li').click(function(event){ - statusSelectoin(event.target.id); - }) - - $('.openmodal').click(function(event){ - openModal(); - }) - - $(document).on('click','.expandBtn', function(event, data) { - event.stopImmediatePropagation() - var $this = $(this); - var $tr = $this.closest("tr"); - if ($tr.hasClass('contracted')) { - $(this).addClass('fa-minus').removeClass('fa-plus'); - $tr.removeClass('contracted').addClass('expanded'); - $tr.nextAll("tr").css('visibility', ''); - } else { - $(this).addClass('fa-plus').removeClass('fa-minus'); - $tr.removeClass('expanded').addClass('contracted'); - $tr.nextAll("tr").css('visibility', 'hidden'); - } - }); - - var selectedStatus = scope.status; - if(selectedStatus){ - $('#'+selectedStatus).addClass('active'); - } - - function openModal(){ - scope.modalCall()(); - } - - },0); - } - - drawOrgChart(data); - - } - }; - }; -})();
\ No newline at end of file diff --git a/oom-app-overlay/src/main/webapp/app/oom/home/tree-view-style.css b/oom-app-overlay/src/main/webapp/app/oom/home/tree-view-style.css deleted file mode 100644 index 5a3e056..0000000 --- a/oom-app-overlay/src/main/webapp/app/oom/home/tree-view-style.css +++ /dev/null @@ -1,132 +0,0 @@ -/* Basic styling */ - -::-webkit-scrollbar -{ - width: 12px; /* for vertical scrollbars */ - height: 7px; /* for horizontal scrollbars */ -} - -::-webkit-scrollbar-track -{ - background: rgba(0, 0, 0, 0.1); -} - -::-webkit-scrollbar-thumb -{ - background: rgba(0, 0, 0, 0.5); -} - -.orgChart .label_node{ - padding-bottom: 5px; -} - -.orgChart .icon-span{ - float:left;width:25px; - padding-top: 3px; -} -.orgChart .title-span{ - width:110px;float:left; font-size:14px; - padding-top: 3px; -} - -/* Draw the lines */ -.jOrgChart{ - position: relative; - /* left: 245px; */ - width:100%; - min-width: 100%; - overflow-x: auto; - -} -.jOrgChart .line { - height : 20px; - width : 4px; -} - -.jOrgChart .down { - background-color : black; - margin : 0px auto; -} - -.jOrgChart .top { - border-top : 3px solid black; -} - -.jOrgChart button{ - min-width : 20px; - width : 20px; - height : 20px; - padding : 0; -} - -.jOrgChart .dropdown{ - display: inline-block; -} - -.jOrgChart .downloadIcon{ - position: relative; - left: 1px; - float:left; -} - -.jOrgChart .ddIcon{ - position: relative; - float: right; - top: 6px; -} - -.jOrgChart .left { - border-right : 2px solid black; -} - -.jOrgChart .right { - border-left : 2px solid black; -} - -/* node cell */ -.jOrgChart td { - text-align : center; - vertical-align : top; - padding : 0 !important; - border : none; - border-bottom : 1px solid white; -} - -/* The node */ -.jOrgChart .node { - background-color : #efefef; - display : inline-block; - width : 180px; - height : 200px; - z-index : 10; - margin : 0 2px; -} - -.expandBtn { - background-color: #efefef; - padding-top:9px; -} - -/* jQuery drag 'n drop */ - -.drag-active { - border-style : dotted !important; -} - -.drop-hover { - border-style : solid !important; - border-color : #E05E00 !important; -} - -#statusclick{ - padding: 0 !important -} - -#statusclick li { - padding :5px; -} - -#statusclick li.active{ - background: #337ab7; - color: white; -}
\ No newline at end of file diff --git a/oom-app-overlay/src/main/webapp/app/oom/home/tree_view.html b/oom-app-overlay/src/main/webapp/app/oom/home/tree_view.html deleted file mode 100644 index a4ab27d..0000000 --- a/oom-app-overlay/src/main/webapp/app/oom/home/tree_view.html +++ /dev/null @@ -1,24 +0,0 @@ -<!-- Included bootstrap files at a page level to avoid issues with DS2 library --> -<script src="app/oom/external/bootstrap.min.js"></script> -<link rel="stylesheet" href="app/oom/external/bootstrap.min.css"/> - -<div id="page-content"> - - <org-chart data=orgChartData status="status" showOrgTable="showOrgTable" get-call="ecdapp.loadTable" modal-call="ecdapp.showEcompCInstancesModalPopup"> - </org-chart> - <div ng-show="ecdapp.isDataLoading"> - <div class="text-center" style="margin-bottom:20px;"> - <i class="icon-primary-spinner small" role="img" aria-label="Please wait while the content loads"></i> - Please wait while the content loads. - </div> - </div> - <div ng-hide="ecdapp.isDataLoading"> - <div ng-if="orgChartData.length == 1" class="col-xs-12 text-center" style="position:relative;"> - <b>No components found</b> - </div> - </div> - <div ng-show="ecdapp.isRequestFailed"> - <span class="ecd-error-message">{{ecdapp.errMsg}}</span> - </div> - -</div> |