configbackuprestore/vnfconfigbackupservice/src/main/webapp/static/views/form-deviceConfig.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="columnsVersion">
  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 Topology</li>
  34             <li ng-repeat="(key,value) in objCompareModel1.topologyInfo">{{key}}</li>
  35             <hr class="separator">
  36             </hr>
  37          </div>
  38          <div style="background-color:#E1E0DA;" ng-if="objCompareModel1.networkTopologyInfo.length>=1">
  39             <li class="listHeading">Network Topology</li>
  40             <li ng-repeat="(key,value) in objCompareModel1.networkTopologyInfo">{{key}}</li>
  41             <hr class="separator">
  42             </hr>
  43          </div>
  44          <div style="background-color:#E1E0DA;">
  45             <li class="listHeading">Operation Status</li>
  46             <li ng-repeat="(key,value) in objCompareModel1.operationStatus">{{key}}</li>
  47             <hr class="separator">
  48             </hr>
  49          </div>
  50          <div style="background-color:#E1E0DA;">
  51             <li class="listHeading">VNF Topology Identifer</li>
  52             <li ng-repeat="(key,value) in objCompareModel1.vnfTopologyIdentifier">{{key}}</li>
  53             <hr class="separator">
  54             </hr>
  55          </div>
  56       </ul>
  57    </div>
  58    <div class="columnsVersion">
  59       <ul class="price">
  60          <li class="headerVersion" style="background-color:#807C7C">Version {{objCompareModel1.versionDetails.vnfversion}}</li>
  61          <div style="background-color:#E1E0DA;">
  62             <li class="listHeading">Config Details</li>
  63             <li ng-repeat="(key,value) in objCompareModel1.versionDetails">{{value}}</li>
  64             <hr class="separator">
  65             </hr>
  66          </div>
  67          <div style="background-color:#E1E0DA;">
  68             <li class="listHeading">VNF Topology</li>
  69             <li  ng-repeat="(key,value) in objCompareModel1.topologyInfo">{{value}}</li>
  70             <hr class="separator">
  71             </hr>
  72          </div>
  73          <div style="background-color:#E1E0DA;" ng-if="objCompareModel1.networkTopologyInfo.length>=1">
  74             <li class="listHeading">Network Topology</li>
  75             <li ng-repeat="(key,value) in objCompareModel1.networkTopologyInfo">{{value}}</li>
  76             <hr class="separator">
  77             </hr>
  78          </div>
  79          <div style="background-color:#E1E0DA;">
  80             <li class="listHeading">Operation Status</li>
  81             <li ng-repeat="(key,value) in objCompareModel1.operationStatus">{{value}}</li>
  82             <hr class="separator">
  83             </hr>
  84          </div>
  85          <div style="background-color:#E1E0DA;">
  86             <li class="listHeading">VNF Topology Identifer</li>
  87             <li ng-repeat="(key,value) in objCompareModel1.vnfTopologyIdentifier">{{value}}</li>
  88             <hr class="separator">
  89             </hr>
  90          </div>
  91       </ul>
  92    </div>
  93    <div class="columnsVersion">
  94       <ul class="price">
  95          <li class="headerVersion"style="background-color:#807C7C">Version {{objCompareModel2.versionDetails.vnfversion}}</li>
  96          <div style="background-color:#E1E0DA;">
  97             <li class="listHeading">Config Details</li>
  98             <li ng-repeat="(key,value) in objCompareModel2.versionDetails">{{value}}</li>
  99             <hr class="separator">
 100             </hr>
 101          </div>
 102          <div style="background-color:#E1E0DA;">
 103             <li class="listHeading">VNF Topology</li>
 104             <li ng-repeat="(key,value) in objCompareModel2.topologyInfo">{{value}}</li>
 105             <hr class="separator">
 106             </hr>
 107          </div>
 108          <div style="background-color:#E1E0DA;" ng-if="objCompareModel1.networkTopologyInfo.length>=1">
 109             <li class="listHeading">Network Topology</li>
 110             <li ng-repeat="(key,value) in objCompareModel2.networkTopologyInfo">{{value}}</li>
 111             <hr class="separator">
 112             </hr>
 113          </div>
 114          <div style="background-color:#E1E0DA;">
 115             <li class="listHeading">Operation Status</li>
 116             <li ng-repeat="(key,value) in objCompareModel2.operationStatus">{{value}}</li>
 117             <hr class="separator">
 118             </hr>
 119          </div>
 120          <div style="background-color:#E1E0DA;">
 121             <li class="listHeading">VNF Topology Identifer</li>
 122             <li ng-repeat="(key,value) in objCompareModel2.vnfTopologyIdentifier">{{value}}</li>
 123             <hr class="separator">
 124             </hr>
 125          </div>
 126       </ul>
 127    </div>
 128 </div> -->
 129
 130
 131
 132 <div id = "Div1" class="VersionMain" ng-show="showResult">
 133    <div class="versionHeading"><img src="static/images/compare.jpg" width=25 height="25" style="margin-left:5px;">&nbsp;&nbsp;Version Comparision Result</div>
 134    <div class="columnsVersion">
 135       <ul class="price">
 136          <li class="headerVersion">Attributes</li>
 137          <div style="background-color:#E1E0DA;">
 138             <li class="listHeading">Config Details</li>
 139             <li ng-repeat="(key,value) in objCompareModel1.versionDetails">{{key}}</li>
 140             <hr class="separator">
 141             </hr>
 142          </div>
 143           <div style="background-color:#E1E0DA;">
 144             <li class="listHeading">VNF ID</li>
 145             <li ng-repeat="(key,value) in objCompareModel1.vnfIdInfo">{{key}}</li>
 146             <hr class="separator">
 147             </hr>
 148          </div>
 149          <div style="background-color:#E1E0DA;">
 150             <li class="listHeading">SERVICE STATUS</li>
 151             <li ng-repeat="(key,value) in objCompareModel1.serviceStatusInfo">{{key}}</li>
 152             <hr class="separator">
 153             </hr>
 154          </div>
 155          <div style="background-color:#E1E0DA;">
 156             <li class="listHeading">VNF Topology Identifer</li>
 157             <li ng-repeat="(key,value) in objCompareModel1.vnfTopologyIdentifier">{{key}}</li>
 158             <hr class="separator">
 159             </hr>
 160          </div>
 161          <div style="background-color:#E1E0DA;">
 162             <li class="listHeading">Operation Status</li>
 163             <li ng-repeat="(key,value) in objCompareModel1.operationStatus">{{key}}</li>
 164             <hr class="separator">
 165             </hr>
 166          </div>
 167           <div style="background-color:#E1E0DA;">
 168             <li class="listHeading">Request Info</li>
 169             <li ng-repeat="(key,value) in objCompareModel1.vnfRequestInfo">{{key}}</li>
 170             <hr class="separator">
 171             </hr>
 172          </div>
 173          <div style="background-color:#E1E0DA;">
 174             <li class="listHeading">Service Info</li>
 175             <li ng-repeat="(key,value) in objCompareModel1.serviceInfo">{{key}}</li>
 176             <hr class="separator">
 177             </hr>
 178          </div>
 179          <div style="background-color:#E1E0DA;">
 180             <li class="listHeading">Service Request Header</li>
 181             <li ng-repeat="(key,value) in objCompareModel1.requestHeader">{{key}}</li>
 182             <hr class="separator">
 183             </hr>
 184          </div>
 185          <div style="background-color:#E1E0DA;">
 186             <li class="listHeading">Request Information</li>
 187             <li ng-repeat="(key,value) in objCompareModel1.requestInfo">{{key}}</li>
 188             <hr class="separator">
 189             </hr>
 190          </div>
 191          <div style="background-color:#E1E0DA;">
 192             <li class="listHeading">VNF Topology</li>
 193             <li ng-repeat="(key,value) in objCompareModel1.topologyInfo">{{key}}</li>
 194             <hr class="separator">
 195             </hr>
 196          </div>
 197       </ul>
 198    </div>
 199
 200    <div class="columnsVersion">
 201       <ul class="price">
 202          <li class="headerVersion" style="background-color:#807C7C">Version {{objCompareModel1.versionDetails.vnfversion}}</li>
 203          <div style="background-color:#E1E0DA;">
 204             <li class="listHeading">Config Details</li>
 205             <li ng-repeat="(key,value) in objCompareModel1.versionDetails">{{value}}</li>
 206             <hr class="separator">
 207             </hr>
 208          </div>
 209           <div style="background-color:#E1E0DA;" >
 210             <li class="listHeading">VNF ID</li>
 211             <li ng-repeat="(key,value) in objCompareModel1.vnfIdInfo">{{value}}</li>
 212             <hr class="separator">
 213             </hr>
 214          </div>
 215           <div style="background-color:#E1E0DA;">
 216             <li class="listHeading">SERVICE STATUS</li>
 217             <li ng-repeat="(key,value) in objCompareModel1.serviceStatusInfo">{{value}}</li>
 218             <hr class="separator">
 219             </hr>
 220          </div>
 221           <div style="background-color:#E1E0DA;">
 222             <li class="listHeading">VNF Topology Identifer</li>
 223             <li ng-repeat="(key,value) in objCompareModel1.vnfTopologyIdentifier">{{value}}</li>
 224             <hr class="separator">
 225             </hr>
 226          </div>
 227           <div style="background-color:#E1E0DA;">
 228             <li class="listHeading">Operation Status</li>
 229             <li ng-repeat="(key,value) in objCompareModel1.operationStatus">{{value}}</li>
 230             <hr class="separator">
 231             </hr>
 232          </div>
 233           <div style="background-color:#E1E0DA;">
 234             <li class="listHeading">Request Info</li>
 235             <li ng-repeat="(key,value) in objCompareModel1.vnfRequestInfo">{{value}}</li>
 236             <hr class="separator">
 237             </hr>
 238          </div>
 239          <div style="background-color:#E1E0DA;">
 240             <li class="listHeading">Service Info</li>
 241             <li ng-repeat="(key,value) in objCompareModel1.serviceInfo">{{value}}</li>
 242             <hr class="separator">
 243             </hr>
 244          </div>
 245          <div style="background-color:#E1E0DA;">
 246             <li class="listHeading">Service Request Header</li>
 247             <li style="height:29px;overflow: auto;" ng-repeat="(key,value) in objCompareModel1.requestHeader">{{value}}</li>
 248             <hr class="separator">
 249             </hr>
 250          </div>
 251          <div style="background-color:#E1E0DA;">
 252             <li class="listHeading">Request Information</li>
 253             <li ng-repeat="(key,value) in objCompareModel1.requestInfo">{{value}}</li>
 254             <hr class="separator">
 255             </hr>
 256          </div>
 257          <div style="background-color:#E1E0DA;">
 258             <li class="listHeading">VNF Topology</li>
 259             <li style="height:29px;overflow: auto;" ng-repeat="(key,value) in objCompareModel1.topologyInfo">{{value}}</li>
 260             <hr class="separator">
 261             </hr>
 262          </div>
 263        </ul>
 264    </div>
 265
 266      <div class="columnsVersion">
 267          <ul class="price">
 268          <li class="headerVersion"style="background-color:#807C7C">Version {{objCompareModel2.versionDetails.vnfversion}}</li>
 269          <div style="background-color:#E1E0DA;">
 270             <li class="listHeading">Config Details</li>
 271             <li ng-repeat="(key,value) in objCompareModel2.versionDetails">{{value}}</li>
 272             <hr class="separator">
 273             </hr>
 274          </div>
 275           <div style="background-color:#E1E0DA;">
 276             <li class="listHeading">VNF ID</li>
 277             <li ng-repeat="(key,value) in objCompareModel2.vnfIdInfo">{{value}}</li>
 278             <hr class="separator">
 279             </hr>
 280          </div>
 281          <div style="background-color:#E1E0DA;">
 282             <li class="listHeading">SERVICE STATUS</li>
 283             <li ng-repeat="(key,value) in objCompareModel2.serviceStatusInfo">{{value}}</li>
 284             <hr class="separator">
 285             </hr>
 286          </div>
 287          <div style="background-color:#E1E0DA;">
 288             <li class="listHeading">VNF Topology Identifer</li>
 289             <li ng-repeat="(key,value) in objCompareModel2.vnfTopologyIdentifier">{{value}}</li>
 290             <hr class="separator">
 291             </hr>
 292          </div>
 293          <div style="background-color:#E1E0DA;">
 294             <li class="listHeading">Operation Status</li>
 295             <li ng-repeat="(key,value) in objCompareModel2.operationStatus">{{value}}</li>
 296             <hr class="separator">
 297             </hr>
 298          </div>
 299          <div style="background-color:#E1E0DA;">
 300             <li class="listHeading">Request Info</li>
 301             <li ng-repeat="(key,value) in objCompareModel2.vnfRequestInfo">{{value}}</li>
 302             <hr class="separator">
 303             </hr>
 304          </div>
 305                 <div style="background-color:#E1E0DA;">
 306             <li class="listHeading">Service Info</li>
 307             <li ng-repeat="(key,value) in objCompareModel2.serviceInfo">{{value}}</li>
 308             <hr class="separator">
 309             </hr>
 310          </div>
 311                 <div style="background-color:#E1E0DA;">
 312             <li class="listHeading">Service Request Header</li>
 313             <li style="height:29px;overflow: auto;" ng-repeat="(key,value) in objCompareModel2.requestHeader">{{value}}</li>
 314             <hr class="separator">
 315             </hr>
 316          </div>
 317          <div style="background-color:#E1E0DA;">
 318             <li class="listHeading">Request Information</li>
 319             <li ng-repeat="(key,value) in objCompareModel2.requestInfo">{{value}}</li>
 320             <hr class="separator">
 321             </hr>
 322          </div>
 323          <div style="background-color:#E1E0DA;">
 324             <li class="listHeading">VNF Topology</li>
 325             <li style="height:29px;overflow: auto;" ng-repeat="(key,value) in objCompareModel2.topologyInfo">{{value}}</li>
 326             <hr class="separator">
 327             </hr>
 328          </div>
 329       </ul>
 330    </div>
 331
 332 </div>