diff options
Diffstat (limited to 'vid/src/main/webapp/app/vid/scripts/view-models/instantiate.htm')
| -rw-r--r-- | vid/src/main/webapp/app/vid/scripts/view-models/instantiate.htm | 204 |
1 files changed, 204 insertions, 0 deletions
diff --git a/vid/src/main/webapp/app/vid/scripts/view-models/instantiate.htm b/vid/src/main/webapp/app/vid/scripts/view-models/instantiate.htm new file mode 100644 index 000000000..1cfa4fb2d --- /dev/null +++ b/vid/src/main/webapp/app/vid/scripts/view-models/instantiate.htm @@ -0,0 +1,204 @@ +<!-- + ============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="InstantiationController"> + + <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 ng-controller="aaiSubscriberController" ng-init="getComponentList() "> + <div class="statusLine" ng-class="{true:'aaiVisible', false:'aaiHidden'}[isSpinnerVisible]"> + <img src="app/vid/images/spinner.gif"></img> + <label>Status:</label><span class="status">{{status}}</span> + </div> + + <h1 class="heading1" style="margin-top: 20px;">View/Edit Service Instance</h1> + <a class="btn btn-primary btn-xs pull-right" ng-click="reloadRoute();" ><span class="glyphicon glyphicon-refresh"></span></a> + + <br> + + <center> + <table att-table border="1" ng-model="service"> + <tr> + <th style="text-align: center" width="33%">SUBSCRIBER: + {{service.instance.globalCustomerId}}</th> + <th style="text-align: center" width="34%">SERVICE TYPE: + {{service.instance.serviceType}}</th> + <th style="text-align: center" width="33%">SERVICE INSTANCE + ID: {{service.instance.serviceInstanceId}}</th> + <tr> + <tr> + <td colspan='3' style="text-align: center">Service Instance + Name: {{service.instance.name || "Not defined"}} + </td> + <tr> + </table> + + </center> + + <div ui-tree data-drag-enabled="false" data-nodrop-enabled="true" style="margin: 30px"> + + <ol ui-tree-nodes="" ng-model="service" > + <li ng-repeat="aService in [service]" ui-tree-node> + <div ui-tree-handle class="tree-node tree-node-content"> + <a class="btn btn-success btn-xs" ng-if="(aService.instance.vnfs && aService.instance.vnfs.length > 0) || (aService.instance.networks && aService.instance.networks.length > 0)" data-nodrag ng-click="this.toggle()"> + <span class="glyphicon" ng-class="{'glyphicon-chevron-right': collapsed,'glyphicon-chevron-down': !collapsed}"></span> + </a> + SERVICE INSTANCE: {{aService.instance.name}} + <a ng-if="aService.instance.vnfs.length == 0" class="pull-right btn btn-danger btn-xs" data-nodrag ng-click="deleteService(aService.instance);"> + <span class="glyphicon glyphicon-remove"></span> + </a> + + <div class="pull-right btn-group" ng-if="aService.model.vnfs && !equals(aService.model.vnfs, {})"> + <button type="button" class="btn btn-success btn-xs dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> + Add VNF<span class="caret"></span> + </button> + <ul class="dropdown-menu" ng-model="aService.model.vnfs"> + <li role="menuitem" ng-repeat="(vnfUuid, vnf) in aService.model.vnfs"> + <!-- 9-21 --> + <!-- <a ng-click="addVnfInstance(this, aService.instance, vnf)">{{vnf.name}}</a>--> + <a ng-click="addVnfInstance(vnf)">{{vnf.name}}</a> + </li> + </ul> + </div> + <!-- <div class="pull-right btn-group" ng-if="aService.model.networks && !equals(aService.model.networks, {})"> + <button type="button" class="btn btn-success btn-xs dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> + Add Network<span class="caret"></span> + </button> + <ul class="dropdown-menu" ng-model="aService.model.networks"> + <li ng-repeat="(networkUuid, network) in aService.model.networks"> + <a ng-click="addNetworkInstance(network)">{{network.name}}</a> + </li> + </ul> + </div> --> + <a class="pull-right btn btn-primary btn-xs" data-nodrag ng-click="describeService(aService.instance)" style="margin-right: 8px;"> + <span class="glyphicon glyphicon-info-sign"></span> + </a> + </div> + <ol ui-tree-nodes="" ng-model="aService.instance.vnfs" ng-class="{hidden: collapsed}"> + <li ng-repeat="vnf in aService.instance.vnfs" ui-tree-node> + <div ui-tree-handle class="tree-node tree-node-content"> + <a class="btn btn-success btn-xs" ng-if="(vnf.vfModules && vnf.vfModules.length > 0) || (vnf.volumeGroups && vnf.volumeGroups.length > 0)" data-nodrag ng-click="this.toggle()"> + <span class="glyphicon" ng-class="{'glyphicon-chevron-right': collapsed,'glyphicon-chevron-down': !collapsed}"></span> + </a> + VNF: {{vnf.name}} | TYPE: {{vnf.nodeType}} | ORCH STATUS: {{vnf.nodeStatus}} + <a ng-if="(vnf.vfModules.length == 0) && (vnf.volumeGroups.length == 0)" class="pull-right btn btn-danger btn-xs" data-nodrag ng-click="deleteVnf(aService.instance, vnf)"> + <span class="glyphicon glyphicon-remove"></span> + </a> + <div class="pull-right btn-group" ng-if="aService.modelByInvariantUuid.vnfs[vnf.object['persona-model-id']][vnf.object['persona-model-version']].vfModules"> + <button type="button" class="btn btn-success btn-xs dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> + Add VF-Module<span class="caret"></span> + </button> + <ul class="dropdown-menu" ng-model="vnf"> + <li ng-repeat="(vfModuleInvariantUuid, vfModuleVersionModel) in aService.modelByInvariantUuid.vnfs[vnf.object['persona-model-id']][vnf.object['persona-model-version']].vfModules"> + <a ng-repeat="(vfModuleVersion, vfModule) in vfModuleVersionModel" ng-click="addVfModuleInstance(vnf, vfModule)">{{vfModule.name}}</a> + </li> + </ul> + </div> + <div class="pull-right btn-group" ng-if="aService.modelByInvariantUuid.vnfs[vnf.object['persona-model-id']][vnf.object['persona-model-version']].volumeGroups"> + <button type="button" class="btn btn-success btn-xs dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> + Add Volume Group<span class="caret"></span> + </button> + <ul class="dropdown-menu" ng-model="vnf"> + <li ng-repeat="(volumeGroupInvariantUuid, volumeGroupVersionModel) in aService.modelByInvariantUuid.vnfs[vnf.object['persona-model-id']][vnf.object['persona-model-version']].volumeGroups"> + <a ng-repeat="(volumeGroupVersion, volumeGroup) in volumeGroupVersionModel" ng-click="addVolumeGroupInstance(vnf, volumeGroup)">{{volumeGroup.name}}</a> + </li> + </ul> + </div> + <a class="pull-right btn btn-primary btn-xs" data-nodrag ng-click="describeVnf(aService.instance, vnf)" style="margin-right: 8px;"> + <span class="glyphicon glyphicon-info-sign"></span> + </a> + </div> + <ol ui-tree-nodes="" ng-model="vnf.vfModules" ng-class="{hidden: collapsed}"> + <li ng-repeat="vfModule in vnf.vfModules" ui-tree-node> + <div ui-tree-handle class="tree-node tree-node-content"> + <a class="btn btn-success btn-xs" ng-if="(vfModule.volumeGroups && vfModule.volumeGroups.length > 0)" data-nodrag ng-click="this.toggle()"> + <span class="glyphicon" ng-class="{'glyphicon-chevron-right': collapsed,'glyphicon-chevron-down': !collapsed}"></span> + </a> + VFMODULE: {{vfModule.name}} | TYPE: {{vfModule.nodeType}} | ORCH STATUS: {{vfModule.nodeStatus}} + <!-- --> + <a class="pull-right btn btn-danger btn-xs" data-nodrag ng-click="deleteVfModule(aService.instance, vfModule, vnf)"> + <span class="glyphicon glyphicon-remove"></span> + </a> + <div class="pull-right btn-group"> + <!-- <button type="button" class="btn btn-success btn-xs dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> + Attach Volume Group<span class="caret"></span> + </button> + <ul class="dropdown-menu" ng-model="vnf.volumeGroups"> + <li ng-repeat="volumeGroup in vnf.availableVolumeGroups"> + <a ng-click="attachVolumeGroupInstance(vfModule, volumeGroup)">{{volumeGroup.name}}</a> + </li> + </ul> --> + </div> + <a class="pull-right btn btn-primary btn-xs" data-nodrag ng-click="describeVfModule(aService.instance, vfModule)" style="margin-right: 8px;"> + <span class="glyphicon glyphicon-info-sign"></span> + </a> + </div> + <ol ui-tree-nodes="" ng-model="vfModule.volumeGroups" ng-class="{hidden: collapsed}"> + <li ng-repeat="volumeGroup in vfModule.volumeGroups" ui-tree-node> + <div ui-tree-handle class="tree-node tree-node-content"> + VOLUME GROUP: {{volumeGroup.name}} | TYPE: {{volumeGroup.nodeType}} | ORCH STATUS: {{volumeGroup.nodeStatus}} + <!-- <a class="pull-right btn btn-danger btn-xs" data-nodrag ng-click="deleteVolumeGroup(aService.instance, vnf, vfModule, volumeGroup)"> + <span class="glyphicon glyphicon-remove"></span> + </a> --> + <a class="pull-right btn btn-primary btn-xs" data-nodrag ng-click="describeVolumeGroup(aService.instance, volumeGroup)" style="margin-right: 8px;"> + <span class="glyphicon glyphicon-info-sign"></span> + </a> + </div> + </li> + </ol> + </li> + </ol> + <ol ui-tree-nodes="" ng-model="vnf.availableVolumeGroups" ng-class="{hidden: collapsed}"> + <li ng-repeat="volumeGroup in vnf.availableVolumeGroups" ui-tree-node> + <div ui-tree-handle class="tree-node tree-node-content"> + VOLUME GROUP: {{volumeGroup.name}} | TYPE: {{volumeGroup.nodeType}} | ORCH STATUS: {{volumeGroup.nodeStatus}} + <a class="pull-right btn btn-danger btn-xs" data-nodrag ng-click="deleteVnfVolumeGroup(aService.instance, vnf, volumeGroup)"> + <span class="glyphicon glyphicon-remove"></span> + </a> + <a class="pull-right btn btn-primary btn-xs" data-nodrag ng-click="describeVolumeGroup(aService.instance, volumeGroup)" style="margin-right: 8px;"> + <span class="glyphicon glyphicon-info-sign"></span> + </a> + </div> + </li> + </ol> + </li> + </ol> + <ol ui-tree-nodes="" ng-model="aService.instance.networks" ng-class="{hidden: collapsed}"> + <li ng-repeat="network in aService.instance.networks" ui-tree-node> + <div ui-tree-handle class="tree-node tree-node-content"> + NETWORK: {{network.name}} | TYPE: {{network.nodeType}} | ORCH STATUS: {{network.nodeStatus}} + <!-- <a class="pull-right btn btn-danger btn-xs" data-nodrag ng-click="deleteNetwork(aService.instance, network)"> + <span class="glyphicon glyphicon-remove"></span> + </a> --> + <a class="pull-right btn btn-primary btn-xs" data-nodrag ng-click="describeNetwork(aService.instance, network)" style="margin-right: 8px;"> + <span class="glyphicon glyphicon-info-sign"></span> + </a> + </div> + </li> + </ol> + </li> + </ol> + </div> + </div> +</div> |