diff options
Diffstat (limited to 'vid/src/main/webapp/app/vid/scripts/view-models/aaiSubViewEdit.htm')
-rw-r--r-- | vid/src/main/webapp/app/vid/scripts/view-models/aaiSubViewEdit.htm | 147 |
1 files changed, 147 insertions, 0 deletions
diff --git a/vid/src/main/webapp/app/vid/scripts/view-models/aaiSubViewEdit.htm b/vid/src/main/webapp/app/vid/scripts/view-models/aaiSubViewEdit.htm new file mode 100644 index 00000000..53c9a6b0 --- /dev/null +++ b/vid/src/main/webapp/app/vid/scripts/view-models/aaiSubViewEdit.htm @@ -0,0 +1,147 @@ +<!-- + ============LICENSE_START======================================================= + VID + ================================================================================ + 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========================================================= + --> + +<div ng-controller="aaiSubscriberController" ng-cloak> + + <div popup-window class="popupContents" ngx-show="{{popup.isVisible}}" + ng-cloak> + <div ng-include="'app/vid/scripts/view-models/creationDialog.htm'"></div> + <div ng-include="'app/vid/scripts/view-models/deletionDialog.htm'"></div> + <div ng-include="'app/vid/scripts/view-models/detailsDialog.htm'"></div> + </div> + + <div> + <div class="statusLine"> + <img src="app/vid/images/spinner.gif" + ng-class="{true:'aaiVisible', false:'aaiHidden'}[isSpinnerVisible]"></img> + <label>Status:</label><span class="status">{{status}}</span> + </div> + + <h2 class="heading2"> + <center>VIEW/EDIT SERVICE INSTANCE <a class="btn btn-primary btn-xs pull-right" ng-click="reloadRoute();" ><span class="glyphicon glyphicon-refresh"></span></a></center> + </h2> + </center> + </h2> + <br> + + + <center> + <table border="1"> + <tr> + <th style="text-align: center" width="33%">SUBSCRIBER: + {{globalCustomerId}}</th> + <th style="text-align: center" width="34%">SERVICE TYPE: + {{serviceType}}</th> + <th style="text-align: center" width="33%">SERVICE INSTANCE + ID: {{serviceInstanceId}}</th> + <tr> + <tr> + <td colspan='3' style="text-align: center">Service Instance + Name: {{serviceInstanceName || "Not defined"}} + </td> + <tr> + </table> + + </center> + + + <br> + + <div ng-init="autoPopulateViewEdit();"> + <script type="text/ng-template" id="nodes_renderer.html"> + <div ui-tree-handle data-drag-enabled="false" class="tree-node tree-node-content"> + <a class="btn btn-success btn-xs" ng-if="node.nodes && node.nodes.length > 0" data-nodrag ng-click="toggle(this)"><span + class="glyphicon" + ng-class="{ + 'glyphicon-chevron-right': collapsed, + 'glyphicon-chevron-down': !collapsed + }"></span></a> + <div class='btn'>{{node.nodeType}}</div><div class='btn'>{{node.nodeId}}</div><div class='btn'>{{node.nodeStatus}}</div> + + <a class="pull-right btn btn-danger btn-xs" ng-if="node.delete != false" data-nodrag ng-click="showVnfDetails(node);"><span class="glyphicon glyphicon-remove"></a> + <a class="pull-right btn btn-primary btn-xs" ng-if="node.info != false" data-nodrag ng-click="showVnfDetails();"><span + class="glyphicon glyphicon-zoom-in"></span></a> + + </div> + <ol ui-tree-nodes ng-model="node.nodes" ng-class="{hidden: collapsed}"> + <li ng-repeat="node in node.nodes" ui-tree-node ng-include="'nodes_renderer.html'"> + </li> + </ol> +</script> + <b>EXISTING</b> + <div ng-controller="TreeCtrl"> + <div> + <div ui-tree id="tree-root" > + <ol ui-tree-nodes ng-model="treeList""> + <li ng-repeat="node in treeList" ui-tree-node data-nodrag + ng-include="'nodes_renderer.html'"></li> + </ol> + </div> + </div> + + </div> + <b>AVAILABLE</b> + + <script type="text/ng-template" id="nodes_renderer2.html"> + <div ui-tree-handle data-drag-enabled="false" class="tree-node tree-node-content" > + <a class="btn btn-success btn-xs" ng-if="node.nodes && node.nodes.length > 0" data-nodrag ng-click="toggle(this)"><span + class="glyphicon" + ng-class="{ + 'glyphicon-chevron-right': collapsed, + 'glyphicon-chevron-down': !collapsed + }"></span></a> + <div class='btn'>{{node.nodeType}}</div><div class='btn'>{{node.nodeId}}</div><div class='btn'>{{node.nodeStatus}}</div> + + <a class="pull-right btn btn-primary btn-xs" ng-if="node.delete != false" data-nodrag ng-click="callDelete(this)"> + <span class="glyphicon glyphicon-plus"></span> + </a> + + <a class="pull-right btn btn-primary btn-xs" ng-if="node.info != false" data-nodrag ng-click="showInfoDialog(node.itemType, node.nodeId, node.nodeType);"> + <span class="glyphicon glyphicon-zoom-in"></span> + </a> + + </div> + <ol ui-tree-nodes ng-model="node.nodes" ng-class="{hidden: collapsed}"> + <li ng-repeat="node in node.nodes" ui-tree-node ng-include="'nodes_renderer2.html'"> + </li> + </ol> +</script> + + <div ng-controller="TreeCtrl"> + <div> + <div ui-tree id="tree-root"> + <ol ui-tree-nodes ng-model="availableTreeList"> + <li ng-repeat="node in availableTreeList" ui-tree-node + data-nodrag ng-include="'nodes_renderer2.html'"></li> + </ol> + </div> + </div> + </div> + </div> + <div> + + <button type="button" " att-button + btn-type="primary" size="small">Show Details</button> + + <pre> + {{inventoryResponseItem | json}} + </pre> + </div> + </div> |