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   <table class="tableCompare" >
 135   <td style="width:230px;">
 136
 137       <ul class="price" style="font-weight:bold;">
 138          <li class="headerVersion">Attributes</li>
 139          <div style="background-color:#E1E0DA;">
 140             <li  class="listHeading">Config Details</li>
 141             <li  ng-repeat="(key,value) in objCompareModel1.versionDetails">{{key}}</li>
 142             <hr class="separator">
 143             </hr>
 144          </div>
 145           <div style="background-color:#E1E0DA;">
 146             <li class="listHeading">VNF ID</li>
 147             <li ng-repeat="(key,value) in objCompareModel1.vnfIdInfo">{{key}}</li>
 148             <hr class="separator">
 149             </hr>
 150          </div>
 151          <div style="background-color:#E1E0DA;">
 152             <li class="listHeading">SERVICE STATUS</li>
 153             <li ng-repeat="(key,value) in objCompareModel1.serviceStatusInfo">{{key}}</li>
 154             <hr class="separator">
 155             </hr>
 156          </div>
 157          <div style="background-color:#E1E0DA;">
 158             <li class="listHeading">VNF Topology Identifer</li>
 159             <li ng-repeat="(key,value) in objCompareModel1.vnfTopologyIdentifier">{{key}}</li>
 160             <hr class="separator">
 161             </hr>
 162          </div>
 163          <div style="background-color:#E1E0DA;">
 164             <li class="listHeading">Operation Status</li>
 165             <li ng-repeat="(key,value) in objCompareModel1.operationStatus">{{key}}</li>
 166             <hr class="separator">
 167             </hr>
 168          </div>
 169           <div style="background-color:#E1E0DA;">
 170             <li class="listHeading">Request Info</li>
 171             <li ng-repeat="(key,value) in objCompareModel1.vnfRequestInfo">{{key}}</li>
 172             <hr class="separator">
 173             </hr>
 174          </div>
 175          <div style="background-color:#E1E0DA;">
 176             <li class="listHeading">Service Info</li>
 177             <li ng-repeat="(key,value) in objCompareModel1.serviceInfo">{{key}}</li>
 178             <hr class="separator">
 179             </hr>
 180          </div>
 181          <div style="background-color:#E1E0DA;">
 182             <li class="listHeading">Service Request Header</li>
 183             <li ng-repeat="(key,value) in objCompareModel1.requestHeader">{{key}}</li>
 184             <hr class="separator">
 185             </hr>
 186          </div>
 187          <div style="background-color:#E1E0DA;">
 188             <li class="listHeading">Request Information</li>
 189             <li ng-repeat="(key,value) in objCompareModel1.requestInfo">{{key}}</li>
 190             <hr class="separator">
 191             </hr>
 192          </div>
 193          <div style="background-color:#E1E0DA;">
 194             <li class="listHeading">VNF Topology</li>
 195             <li ng-repeat="(key,value) in objCompareModel1.topologyInfo">{{key}}</li>
 196             <hr class="separator">
 197             </hr>
 198          </div>
 199       </ul>
 200
 201   </td><td>
 202
 203       <ul class="price">
 204          <li class="headerVersion" style="background-color:#807C7C">Version {{objCompareModel1.versionDetails.vnfversion}}</li>
 205          <div style="background-color:#E1E0DA;">
 206             <li class="listHeading">Config Details</li>
 207             <li style="height:29px;overflow: auto;" ng-repeat="(key,value) in objCompareModel1.versionDetails">{{value}}</li>
 208             <hr class="separator">
 209             </hr>
 210          </div>
 211           <div style="background-color:#E1E0DA;" >
 212             <li class="listHeading">VNF ID</li>
 213             <li style="height:29px;overflow: auto;" ng-repeat="(key,value) in objCompareModel1.vnfIdInfo">{{value}}</li>
 214             <hr class="separator">
 215             </hr>
 216          </div>
 217           <div style="background-color:#E1E0DA;">
 218             <li class="listHeading">SERVICE STATUS</li>
 219             <li style="height:29px;overflow: auto;" ng-repeat="(key,value) in objCompareModel1.serviceStatusInfo">{{value}}</li>
 220             <hr class="separator">
 221             </hr>
 222          </div>
 223           <div style="background-color:#E1E0DA;">
 224             <li class="listHeading">VNF Topology Identifer</li>
 225             <li style="height:29px;overflow: auto;" ng-repeat="(key,value) in objCompareModel1.vnfTopologyIdentifier">{{value}}</li>
 226             <hr class="separator">
 227             </hr>
 228          </div>
 229           <div style="background-color:#E1E0DA;">
 230             <li class="listHeading">Operation Status</li>
 231             <li style="height:29px;overflow: auto;" ng-repeat="(key,value) in objCompareModel1.operationStatus">{{value}}</li>
 232             <hr class="separator">
 233             </hr>
 234          </div>
 235           <div style="background-color:#E1E0DA;">
 236             <li class="listHeading">Request Info</li>
 237             <li style="height:29px;overflow: auto;" ng-repeat="(key,value) in objCompareModel1.vnfRequestInfo">{{value}}</li>
 238             <hr class="separator">
 239             </hr>
 240          </div>
 241          <div style="background-color:#E1E0DA;">
 242             <li class="listHeading">Service Info</li>
 243             <li style="height:29px;overflow: auto;" ng-repeat="(key,value) in objCompareModel1.serviceInfo">{{value}}</li>
 244             <hr class="separator">
 245             </hr>
 246          </div>
 247          <div style="background-color:#E1E0DA;">
 248             <li class="listHeading">Service Request Header</li>
 249             <li style="height:29px;overflow: auto;" ng-repeat="(key,value) in objCompareModel1.requestHeader">{{value}}</li>
 250             <hr class="separator">
 251             </hr>
 252          </div>
 253          <div style="background-color:#E1E0DA;">
 254             <li class="listHeading">Request Information</li>
 255             <li style="height:29px;overflow: auto;" ng-repeat="(key,value) in objCompareModel1.requestInfo">{{value}}</li>
 256             <hr class="separator">
 257             </hr>
 258          </div>
 259          <div style="background-color:#E1E0DA;">
 260             <li class="listHeading">VNF Topology</li>
 261             <li style="height:29px;overflow: auto;" ng-repeat="(key,value) in objCompareModel1.topologyInfo">{{value}}</li>
 262             <hr class="separator">
 263             </hr>
 264          </div>
 265        </ul>
 266
 267 </td><td>
 268
 269          <ul class="price">
 270          <li class="headerVersion"style="background-color:#807C7C">Version {{objCompareModel2.versionDetails.vnfversion}}</li>
 271          <div style="background-color:#E1E0DA;">
 272             <li class="listHeading">Config Details</li>
 273             <li style="height:29px;overflow: auto;" ng-repeat="(key,value) in objCompareModel2.versionDetails">{{value}}</li>
 274             <hr class="separator">
 275             </hr>
 276          </div>
 277           <div style="background-color:#E1E0DA;">
 278             <li class="listHeading">VNF ID</li>
 279             <li style="height:29px;overflow: auto;" ng-repeat="(key,value) in objCompareModel2.vnfIdInfo">{{value}}</li>
 280             <hr class="separator">
 281             </hr>
 282          </div>
 283          <div style="background-color:#E1E0DA;">
 284             <li class="listHeading">SERVICE STATUS</li>
 285             <li style="height:29px;overflow: auto;" ng-repeat="(key,value) in objCompareModel2.serviceStatusInfo">{{value}}</li>
 286             <hr class="separator">
 287             </hr>
 288          </div>
 289          <div style="background-color:#E1E0DA;">
 290             <li class="listHeading">VNF Topology Identifer</li>
 291             <li style="height:29px;overflow: auto;" ng-repeat="(key,value) in objCompareModel2.vnfTopologyIdentifier">{{value}}</li>
 292             <hr class="separator">
 293             </hr>
 294          </div>
 295          <div style="background-color:#E1E0DA;">
 296             <li class="listHeading">Operation Status</li>
 297             <li style="height:29px;overflow: auto;" ng-repeat="(key,value) in objCompareModel2.operationStatus">{{value}}</li>
 298             <hr class="separator">
 299             </hr>
 300          </div>
 301          <div style="background-color:#E1E0DA;">
 302             <li class="listHeading">Request Info</li>
 303             <li style="height:29px;overflow: auto;" ng-repeat="(key,value) in objCompareModel2.vnfRequestInfo">{{value}}</li>
 304             <hr class="separator">
 305             </hr>
 306          </div>
 307                 <div style="background-color:#E1E0DA;">
 308             <li class="listHeading">Service Info</li>
 309             <li style="height:29px;overflow: auto;" ng-repeat="(key,value) in objCompareModel2.serviceInfo">{{value}}</li>
 310             <hr class="separator">
 311             </hr>
 312          </div>
 313                 <div style="background-color:#E1E0DA;">
 314             <li class="listHeading">Service Request Header</li>
 315             <li style="height:29px;overflow: auto;" ng-repeat="(key,value) in objCompareModel2.requestHeader">{{value}}</li>
 316             <hr class="separator">
 317             </hr>
 318          </div>
 319          <div style="background-color:#E1E0DA;">
 320             <li class="listHeading">Request Information</li>
 321             <li style="height:29px;overflow: auto;" ng-repeat="(key,value) in objCompareModel2.requestInfo">{{value}}</li>
 322             <hr class="separator">
 323             </hr>
 324          </div>
 325          <div style="background-color:#E1E0DA;">
 326             <li class="listHeading">VNF Topology</li>
 327             <li style="height:29px;overflow: auto;" ng-repeat="(key,value) in objCompareModel2.topologyInfo">{{value}}</li>
 328             <hr class="separator">
 329             </hr>
 330          </div>
 331       </ul>
 332
 333 </td><td ng-show=version3>
 334
 335          <ul class="price">
 336          <li class="headerVersion"style="background-color:#807C7C">Version {{objCompareModel3.versionDetails.vnfversion}}</li>
 337          <div style="background-color:#E1E0DA;">
 338             <li class="listHeading">Config Details</li>
 339             <li style="height:29px;overflow: auto;" ng-repeat="(key,value) in objCompareModel3.versionDetails">{{value}}</li>
 340             <hr class="separator">
 341             </hr>
 342          </div>
 343           <div style="background-color:#E1E0DA;">
 344             <li class="listHeading">VNF ID</li>
 345             <li style="height:29px;overflow: auto;" ng-repeat="(key,value) in objCompareModel3.vnfIdInfo">{{value}}</li>
 346             <hr class="separator">
 347             </hr>
 348          </div>
 349          <div style="background-color:#E1E0DA;">
 350             <li class="listHeading">SERVICE STATUS</li>
 351             <li style="height:29px;overflow: auto;" ng-repeat="(key,value) in objCompareModel3.serviceStatusInfo">{{value}}</li>
 352             <hr class="separator">
 353             </hr>
 354          </div>
 355          <div style="background-color:#E1E0DA;">
 356             <li class="listHeading">VNF Topology Identifer</li>
 357             <li style="height:29px;overflow: auto;" ng-repeat="(key,value) in objCompareModel3.vnfTopologyIdentifier">{{value}}</li>
 358             <hr class="separator">
 359             </hr>
 360          </div>
 361          <div style="background-color:#E1E0DA;">
 362             <li class="listHeading">Operation Status</li>
 363             <li  style="height:29px;overflow: auto;" ng-repeat="(key,value) in objCompareModel3.operationStatus">{{value}}</li>
 364             <hr class="separator">
 365             </hr>
 366          </div>
 367          <div style="background-color:#E1E0DA;">
 368             <li class="listHeading">Request Info</li>
 369             <li style="height:29px;overflow: auto;" ng-repeat="(key,value) in objCompareModel3.vnfRequestInfo">{{value}}</li>
 370             <hr class="separator">
 371             </hr>
 372          </div>
 373                 <div style="background-color:#E1E0DA;">
 374             <li class="listHeading">Service Info</li>
 375             <li style="height:29px;overflow: auto;" ng-repeat="(key,value) in objCompareModel3.serviceInfo">{{value}}</li>
 376             <hr class="separator">
 377             </hr>
 378          </div>
 379                 <div style="background-color:#E1E0DA;">
 380             <li class="listHeading">Service Request Header</li>
 381             <li style="height:29px;overflow: auto;" ng-repeat="(key,value) in objCompareModel3.requestHeader">{{value}}</li>
 382             <hr class="separator">
 383             </hr>
 384          </div>
 385          <div style="background-color:#E1E0DA;">
 386             <li class="listHeading">Request Information</li>
 387             <li style="height:29px;overflow: auto;" ng-repeat="(key,value) in objCompareModel3.requestInfo">{{value}}</li>
 388             <hr class="separator">
 389             </hr>
 390          </div>
 391          <div style="background-color:#E1E0DA;">
 392             <li class="listHeading">VNF Topology</li>
 393             <li style="height:29px;overflow: auto;" ng-repeat="(key,value) in objCompareModel3.topologyInfo">{{value}}</li>
 394             <hr class="separator">
 395             </hr>
 396          </div>
 397       </ul>
 398
 399 </td><td ng-show=version4>
 400
 401          <ul class="price">
 402          <li class="headerVersion"style="background-color:#807C7C">Version {{objCompareModel4.versionDetails.vnfversion}}</li>
 403          <div style="background-color:#E1E0DA;">
 404             <li class="listHeading">Config Details</li>
 405             <li style="height:29px;overflow: auto;" ng-repeat="(key,value) in objCompareModel4.versionDetails">{{value}}</li>
 406             <hr class="separator">
 407             </hr>
 408          </div>
 409           <div style="background-color:#E1E0DA;">
 410             <li class="listHeading">VNF ID</li>
 411             <li style="height:29px;overflow: auto;" ng-repeat="(key,value) in objCompareModel4.vnfIdInfo">{{value}}</li>
 412             <hr class="separator">
 413             </hr>
 414          </div>
 415          <div style="background-color:#E1E0DA;">
 416             <li class="listHeading">SERVICE STATUS</li>
 417             <li style="height:29px;overflow: auto;" ng-repeat="(key,value) in objCompareModel4.serviceStatusInfo">{{value}}</li>
 418             <hr class="separator">
 419             </hr>
 420          </div>
 421          <div style="background-color:#E1E0DA;">
 422             <li class="listHeading">VNF Topology Identifer</li>
 423             <li style="height:29px;overflow: auto;" ng-repeat="(key,value) in objCompareModel4.vnfTopologyIdentifier">{{value}}</li>
 424             <hr class="separator">
 425             </hr>
 426          </div>
 427          <div style="background-color:#E1E0DA;">
 428             <li class="listHeading">Operation Status</li>
 429             <li style="height:29px;overflow: auto;" ng-repeat="(key,value) in objCompareModel4.operationStatus">{{value}}</li>
 430             <hr class="separator">
 431             </hr>
 432          </div>
 433          <div style="background-color:#E1E0DA;">
 434             <li class="listHeading">Request Info</li>
 435             <li style="height:29px;overflow: auto;" ng-repeat="(key,value) in objCompareModel4.vnfRequestInfo">{{value}}</li>
 436             <hr class="separator">
 437             </hr>
 438          </div>
 439                 <div style="background-color:#E1E0DA;">
 440             <li class="listHeading">Service Info</li>
 441             <li style="height:29px;overflow: auto;" ng-repeat="(key,value) in objCompareModel4.serviceInfo">{{value}}</li>
 442             <hr class="separator">
 443             </hr>
 444          </div>
 445                 <div style="background-color:#E1E0DA;">
 446             <li class="listHeading">Service Request Header</li>
 447             <li style="height:29px;overflow: auto;" ng-repeat="(key,value) in objCompareModel4.requestHeader">{{value}}</li>
 448             <hr class="separator">
 449             </hr>
 450          </div>
 451          <div style="background-color:#E1E0DA;">
 452             <li class="listHeading">Request Information</li>
 453             <li style="height:29px;overflow: auto;" ng-repeat="(key,value) in objCompareModel4.requestInfo">{{value}}</li>
 454             <hr class="separator">
 455             </hr>
 456          </div>
 457          <div style="background-color:#E1E0DA;">
 458             <li class="listHeading">VNF Topology</li>
 459             <li style="height:29px;overflow: auto;" ng-repeat="(key,value) in objCompareModel4.topologyInfo">{{value}}</li>
 460             <hr class="separator">
 461             </hr>
 462          </div>
 463       </ul>
 464
 465    </td>
 466 </table>
 467 </div>