aboutsummaryrefslogtreecommitdiffstats
path: root/vid-app-common/src/main/webapp/app/vid/scripts/view-models/serviceProxyConfig.htm
diff options
context:
space:
mode:
authorOfir Sonsino <os0695@att.com>2018-01-31 17:19:00 +0200
committerOfir Sonsino <os0695@att.com>2018-01-31 17:19:00 +0200
commit1cfb08779ea0e00be69e072a940b3063e049fe6b (patch)
tree6602a900387c8393ed0dcd81c0539381632903c6 /vid-app-common/src/main/webapp/app/vid/scripts/view-models/serviceProxyConfig.htm
parent2f20b001b9243e0f8b44aecc768ec265fd538732 (diff)
org.onap migration
Change-Id: I52f0b2851f2c765752b6d21f49b32136d7d72a3d Issue-ID: VID-86 Signed-off-by: Ofir Sonsino <os0695@att.com>
Diffstat (limited to 'vid-app-common/src/main/webapp/app/vid/scripts/view-models/serviceProxyConfig.htm')
-rw-r--r--vid-app-common/src/main/webapp/app/vid/scripts/view-models/serviceProxyConfig.htm108
1 files changed, 108 insertions, 0 deletions
diff --git a/vid-app-common/src/main/webapp/app/vid/scripts/view-models/serviceProxyConfig.htm b/vid-app-common/src/main/webapp/app/vid/scripts/view-models/serviceProxyConfig.htm
new file mode 100644
index 00000000..e2261dc1
--- /dev/null
+++ b/vid-app-common/src/main/webapp/app/vid/scripts/view-models/serviceProxyConfig.htm
@@ -0,0 +1,108 @@
+<!--
+============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=========================================================
+-->
+<link rel="stylesheet" type="text/css" href="app/vid/styles/networkNode.css"/>
+<link rel="stylesheet" type="text/css" href="app/vid/styles/serviceProxyConfig.css"/>
+<div class="service-wrapper-config network-wrapper-config">
+ <div class="head">
+ <div class="title">Config {{modelName}}</div>
+ <div class="btn-wrapper">
+ <button class="cancel-btn grey" data-tests-id="backButton" data-ng-click="back()">Back</button>
+ <button class="create-btn blue" data-tests-id="createButton" data-ng-disabled="proxiesInstanceName.$invalid|| disableCreate" data-ng-click="create()">Create</button>
+ </div>
+ </div>
+
+ <div class="content-wrapper">
+ <div class="content">
+ <div class="diagram">
+ <div class="diagram-img">
+ <div class="circle service-circle">
+ <span class="text">Source<br>Service proxy</span>
+ </div>
+ <div class="dotted-line" data-ng-class="{'checked': sourceInstance, 'unchecked': !sourceInstance}">
+ <span class="conn-circle sprite" data-tests-id="sourceInstanceSelectedIcon" data-ng-class="{'valid-large': sourceInstance}"></span>
+ </div>
+ <div class="circle config-circle">
+ <span class="line"></span>
+ </div>
+ <div class="dotted-line" data-ng-class="{'checked': collectorInstance, 'unchecked': !collectorInstance}">
+ <span class="conn-circle sprite" data-tests-id="collectorInstanceSelectedIcon" data-ng-class="{'valid-large': collectorInstance}"></span>
+ </div>
+ <div class="circle service-circle">
+ <span class="text">Collector<br>Service proxy</span>
+ </div>
+ </div>
+ <div class="element-name-wrapper">
+ <div class="element-name service" data-ng-click="openMetadataModal('sourceMetadata')">
+ <span class="label-txt" data-tests-id="sourceInstanceName">{{sourceInstanceName}} <span class="info" data-tests-id="sourceInfoButton">i</span></span>
+
+ </div>
+ <div class="element-name config">
+ <span class="label-txt" data-tests-id="modelName">{{modelName}}</span>
+ </div>
+ <div class="element-name service" data-ng-click="openMetadataModal('collectorMetadata')">
+ <span class="label-txt" data-tests-id="collectorInstanceName">{{collectorInstanceName}}<span class="info" data-tests-id="collectorInfoButton">i</span></span>
+
+ </div>
+ </div>
+ </div>
+ <form name="proxiesInstanceName" class="bottom">
+ <div class="wrapper-list source-vnf">
+ <div class="title-txt"><b>Source</b> Service Type</div>
+ <select ng-model="sourceServiceType"
+ ng-change="onSourceServiceTypeSelected()" name="sourceServiceType" id="sourceServiceType"
+ ng-options="item['service-type'] disable when !(item['is-permitted']) for item in serviceTypes"
+ required data-tests-id="sourceServiceType">
+ <option value="" disabled>Select service type</option>
+ </select>
+
+ <div class="title-txt select-vnf-title">VNF providing <b>source</b> requirements</div>
+ <select ng-model="sourceInstance" name="source" ng-disabled="sourceInstanceList === null" required data-tests-id="sourceDropDown">
+ <option value="" selected>Type/Select VNF name</option>
+ <option ng-repeat="option in sourceInstanceList" data-tests-id="{{'source-' + option.id}}"
+ value="{{option.id}}">{{option['properties']['vnf-name']}}</option>
+ </select>
+ <span class="no-results" data-tests-id="sourceNoResults" ng-show="sourceNoResults">No vnf instances found.</span>
+ </div>
+
+ <div class="wrapper-list collector-{{collectorType}}">
+ <div class="title-txt ng-hide-keep-block" ng-hide="collectorType==='pnf'"><b>Collector</b> Service Type</div>
+ <select ng-model="collectorServiceType" ng-hide="collectorType==='pnf'" class="ng-hide-keep-block"
+ ng-change="onCollectorServiceTypeSelected()" name="collectorServiceType" id="collectorServiceType"
+ ng-options="item['service-type'] disable when !(item['is-permitted']) for item in serviceTypes"
+ required data-tests-id="collectorServiceType">
+ <option value="" disabled>Select service type</option>
+ </select>
+
+ <div class="title-txt select-vnf-title">{{collectorType.toUpperCase()}} providing <b>collector</b> requirements</div>
+ <select ng-model="collectorInstance" name="collector" ng-disabled="collectorInstanceList === null" required data-tests-id="collectorDropDown">
+ <option value="" selected>Type/Select {{collectorType.toUpperCase()}} name</option>
+ <option ng-repeat="option in collectorInstanceList" data-tests-id="{{'collector-' + option.id}}"
+ value="{{option.id}}">{{option['properties'][collectorType=='vnf' ? 'vnf-name' : 'pnfName']}}</option>
+ </select>
+ <span class="no-results" data-tests-id="collectorNoResults" ng-show="collectorNoResults">No {{collectorType}} instances found.</span>
+ </div>
+ </form>
+ </div>
+
+ <div class="sidebar-right">
+ <service-metadata title-txt="info" service-metadata-fields="serviceMetadataFields"></service-metadata>
+ </div>
+ </div>
+</div> \ No newline at end of file