configbackuprestore/vnfconfigbackupservice/src/main/webapp/static/views/form-deviceConfigView.html

   1 <!-- /*
   2    * ============LICENSE_START=======================================================
   3    * ONAP : SDNC-FEATURES
   4    * ================================================================================
   5    * Copyright 2018 TechMahindra
   6    *=================================================================================
   7    * Licensed under the Apache License, Version 2.0 (the "License");
   8    * you may not use this file except in compliance with the License.
   9    * You may obtain a copy of the License at
  10    *
  11    *     http://www.apache.org/licenses/LICENSE-2.0
  12    *
  13    * Unless required by applicable law or agreed to in writing, software
  14    * distributed under the License is distributed on an "AS IS" BASIS,
  15    * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  16    * See the License for the specific language governing permissions and
  17    * limitations under the License.
  18    * ============LICENSE_END=========================================================
  19    */
  20     -->
  21   <div class="VersionMain" ng-show="showResult">
  22    <div class="versionHeading"><img src="static/images/compare.jpg" width=25 height="25" style="margin-left:5px;">&nbsp;&nbsp;Version Comparision Result</div>
  23    <div class="columnsVersionview">
  24       <ul class="price">
  25          <li class="headerVersion">Attributes</li>
  26          <div style="background-color:#E1E0DA;">
  27             <li class="listHeading">Config Details</li>
  28             <li ng-repeat="(key,value) in objCompareModel1.versionDetails">{{key}}</li>
  29             <hr class="separator">
  30             </hr>
  31          </div>
  32           <div style="background-color:#E1E0DA;">
  33             <li class="listHeading">VNF ID</li>
  34             <li ng-repeat="(key,value) in objCompareModel1.vnfIdInfo">{{key}}</li>
  35             <hr class="separator">
  36             </hr>
  37          </div>
  38          <div style="background-color:#E1E0DA;">
  39             <li class="listHeading">SERVICE STATUS</li>
  40             <li ng-repeat="(key,value) in objCompareModel1.serviceStatusInfo">{{key}}</li>
  41             <hr class="separator">
  42             </hr>
  43          </div>
  44          <div style="background-color:#E1E0DA;">
  45             <li class="listHeading">VNF Topology Identifer</li>
  46             <li ng-repeat="(key,value) in objCompareModel1.vnfTopologyIdentifier">{{key}}</li>
  47             <hr class="separator">
  48             </hr>
  49          </div>
  50          <div style="background-color:#E1E0DA;">
  51             <li class="listHeading">Operation Status</li>
  52             <li ng-repeat="(key,value) in objCompareModel1.operationStatus">{{key}}</li>
  53             <hr class="separator">
  54             </hr>
  55          </div>
  56           <div style="background-color:#E1E0DA;">
  57             <li class="listHeading">Request Info</li>
  58             <li ng-repeat="(key,value) in objCompareModel1.vnfRequestInfo">{{key}}</li>
  59             <hr class="separator">
  60             </hr>
  61          </div>
  62          <div style="background-color:#E1E0DA;">
  63             <li class="listHeading">Service Info</li>
  64             <li ng-repeat="(key,value) in objCompareModel1.serviceInfo">{{key}}</li>
  65             <hr class="separator">
  66             </hr>
  67          </div>
  68          <div style="background-color:#E1E0DA;">
  69             <li class="listHeading">Service Request Header</li>
  70             <li ng-repeat="(key,value) in objCompareModel1.requestHeader">{{key}}</li>
  71             <hr class="separator">
  72             </hr>
  73          </div>
  74          <div style="background-color:#E1E0DA;">
  75             <li class="listHeading">Request Information</li>
  76             <li ng-repeat="(key,value) in objCompareModel1.requestInfo">{{key}}</li>
  77             <hr class="separator">
  78             </hr>
  79          </div>
  80          <div style="background-color:#E1E0DA;">
  81             <li class="listHeading">VNF Topology</li>
  82             <li ng-repeat="(key,value) in objCompareModel1.topologyInfo">{{key}}</li>
  83             <hr class="separator">
  84             </hr>
  85          </div>
  86       </ul>
  87    </div>
  88    <div class="columnsVersionview">
  89       <ul class="price">
  90          <li class="headerVersion" style="background-color:#807C7C">Version {{objCompareModel1.versionDetails.vnfversion}}</li>
  91          <div style="background-color:#E1E0DA;">
  92             <li class="listHeading">Config Details</li>
  93             <li ng-repeat="(key,value) in objCompareModel1.versionDetails">{{value}}</li>
  94             <hr class="separator">
  95             </hr>
  96          </div>
  97           <div style="background-color:#E1E0DA;" >
  98             <li class="listHeading">VNF ID</li>
  99             <li ng-repeat="(key,value) in objCompareModel1.vnfIdInfo">{{value}}</li>
 100             <hr class="separator">
 101             </hr>
 102          </div>
 103           <div style="background-color:#E1E0DA;">
 104             <li class="listHeading">SERVICE STATUS</li>
 105             <li ng-repeat="(key,value) in objCompareModel1.serviceStatusInfo">{{value}}</li>
 106             <hr class="separator">
 107             </hr>
 108          </div>
 109           <div style="background-color:#E1E0DA;">
 110             <li class="listHeading">VNF Topology Identifer</li>
 111             <li ng-repeat="(key,value) in objCompareModel1.vnfTopologyIdentifier">{{value}}</li>
 112             <hr class="separator">
 113             </hr>
 114          </div>
 115           <div style="background-color:#E1E0DA;">
 116             <li class="listHeading">Operation Status</li>
 117             <li ng-repeat="(key,value) in objCompareModel1.operationStatus">{{value}}</li>
 118             <hr class="separator">
 119             </hr>
 120          </div>
 121           <div style="background-color:#E1E0DA;">
 122             <li class="listHeading">Request Info</li>
 123             <li ng-repeat="(key,value) in objCompareModel1.vnfRequestInfo">{{value}}</li>
 124             <hr class="separator">
 125             </hr>
 126          </div>
 127          <div style="background-color:#E1E0DA;">
 128             <li class="listHeading">Service Info</li>
 129             <li ng-repeat="(key,value) in objCompareModel1.serviceInfo">{{value}}</li>
 130             <hr class="separator">
 131             </hr>
 132          </div>
 133          <div style="background-color:#E1E0DA;">
 134             <li class="listHeading">Service Request Header</li>
 135             <li style="height:29px;overflow: auto;" ng-repeat="(key,value) in objCompareModel1.requestHeader">{{value}}</li>
 136             <hr class="separator">
 137             </hr>
 138          </div>
 139          <div style="background-color:#E1E0DA;">
 140             <li class="listHeading">Request Information</li>
 141             <li ng-repeat="(key,value) in objCompareModel1.requestInfo">{{value}}</li>
 142             <hr class="separator">
 143             </hr>
 144          </div>
 145          <div style="background-color:#E1E0DA;">
 146             <li class="listHeading">VNF Topology</li>
 147             <li style="height:29px;overflow: auto;" ng-repeat="(key,value) in objCompareModel1.topologyInfo">{{value}}</li>
 148             <hr class="separator">
 149             </hr>
 150          </div>
 151        </ul>
 152    </div>
 153
 154 </div>