aboutsummaryrefslogtreecommitdiffstats
path: root/vid-app-common/src/main/webapp/app/vid/scripts/view-models/pnfSearchAssociation.htm
blob: 7c1095e6b50a6e65054d8cfa3fb105b537386248 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
<!--
============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/pnfSearchAssociation.css"/>
<div ng-controller="pnfSearchAssociationController" class="network-wrapper-config pnf-search-association">
    <div class="head">
        <div class="title">PNF Model: {{modelName}}</div>
        <div class="btn-wrapper">
            <button class="cancel-btn grey" data-tests-id="back" data-ng-click="back()">Back</button>
            <button class="create-btn blue" data-tests-id="associatePnf" data-ng-disabled="!pnfInstance" data-ng-click="associate()">Associate</button>
        </div>
    </div>

    <div class="content-wrapper">
        <div class="content">
      <div class="bold" >Unique name of physical network function:</div>
                <div class="input-wrapper">
                    <input data-tests-id="pnfName" type="search" placeholder="Enter PNF name and click Search" data-ng-model="pnfName" ></input>
                    <div data-tests-id="searchPnf" class="search2-icon search-input" data-ng-click="searchPnf(pnfName)" data-ng-disabled="!pnfName"></div>
                </div>
          <div class="result-content margin-search" data-ng-show="pnfInstance">
                <span ng-show="pnfInstance.pnfName">PNF unique name:</span>
                <div data-tests-id="pnfInstancePnfName">{{pnfInstance.pnfName}}</div>
                <span ng-show="pnfInstance.pnfName2" >PNF name:</span>
                <div data-tests-id="pnfInstancePnfName2">{{pnfInstance.pnfName2}}</div>
                <span ng-show="pnfInstance.pnfName2Source" >PNF name source:</span>
                <div data-tests-id="pnfInstancePnfName2Source">{{pnfInstance.pnfName2Source}}</div>
                <span ng-show="pnfInstance.pnfId">PNF ID:</span>
                <div data-tests-id="pnfInstancePnfId">{{pnfInstance.pnfId}}</div>
                <span ng-show="pnfInstance.equipType">Equipment type:</span>
                <div data-tests-id="pnfInstanceEquipType">{{pnfInstance.equipType}}</div>
                <span ng-show="pnfInstance.equipVendor">Equipment vendor:</span>
                <div data-tests-id="pnfInstanceEquipVendor">{{pnfInstance.equipVendor}}</div>
                <span ng-show="pnfInstance.equipModel">Equipment model:</span>
                <div data-tests-id="pnfInstanceEquipModel">{{pnfInstance.equipModel}}</div>

            </div>
            <div class="error-msg margin-search" data-tests-id="pnfNotFoundErrorMessage" data-ng-show="notFound">The specified PNF instance {{pnfNameNotFound}} does not exist in A&AI. <br/>Please note: A&AI is case sensitive</div>

        </div>

    <div class="sidebar-right">
            <service-metadata title-txt="SERVICE MODEL INFO" service-metadata-fields="serviceMetadataFields"></service-metadata>
        </div>
</div>