configbackuprestore/vnfconfigbackupservice/src/main/webapp/static/views/form-compareConfig.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="ReportMain">
  22    <div class="heading"><img src="static/images/compare.png" width=45 height="40" style="margin-left:5px;">&nbsp;&nbsp;Compare Configruation</div>
  23    <form name="myForm" class="Formclass">
  24       <div growl></div>
  25       <div class="row" style="background-color:#f2f2f2;width:100%;margin-left:1px; border: 1px solid #ddd;">
  26          <div class="column" style="width:30%;background-color:#f2f2f2;height:55px;margin-left:40px;">
  27             <label class="labeltext">Select Avaliable VNF</label>
  28          </div>
  29          <div  class="column" style="background-color:#f2f2f2;width:60%;height:55px;margin-left:0px;">
  30             <select  class="form-control" style="width:100%;margin-top:0px;" ng-model="selectedValueVnf"  ng-change="selectVnf(selectedValueVnf)">
  31                <option  ng-repeat="vnf in objvnfList" value="{{vnf.vnfid}}">VnfId- {{vnf.vnfid}}&nbsp;VnfName- {{vnf.vnfname}}</option>
  32                <option  value="">Select VNFId</option>
  33             </select>
  34          </div>
  35       </div>
  36       <table class="tableDisplay" ng-show="ShowResult" id="tableToExport" style="margin-top:15px;">
  37          <tr class="first_row" style="background-color:#6D7B8D;">
  38             <th>SNo.
  39             </th>
  40             <th>VersionNo
  41             </th>
  42             <th>Backup Date
  43             </th>
  44            <th>Updated Date
  45             </th>
  46             <th>Action</th>
  47          </tr>
  48           <tr ng-repeat="version in pagedItems[currentPage] | orderBy:sort.sortingOrder:sort.reverse">
  49             <td>{{$index+1}}</td>
  50             <td>{{version.vnfversion}}</td>
  51             <td>{{version.createdAt}}</td>
  52             <td>{{version.updatedAt}}</td>
  53             <td><input type=checkbox ng-model="version.selected">
  54             </td>
  55          </tr>
  56
  57          <td colspan="5">
  58          <!-- ng-show="pagedItems.length > 5"  -->
  59                                 <ul class="pagination pull-right">
  60                                         <li ng-class="{disabled: currentPage == 0}"><a href
  61                                                 ng-click="prevPage()">&laquo;</a></li>
  62                                         <li ng-repeat="n in range(pagedItems.length, currentPage, currentPage + gap) "
  63                                                 ng-class="{active: n == currentPage}" ng-click="setPage()"><a
  64                                                 href ng-bind="n + 1">1</a></li>
  65                                         <li ng-class="{disabled: (currentPage) == pagedItems.length - 1}">
  66                                                 <a href ng-click="nextPage()">&raquo;</a>
  67                                         </li>
  68                                 </ul>
  69                         </td>
  70
  71          <tr>
  72           <td colspan="5">
  73            <div class="row pull-right">
  74          <button type="button" class="btnview"  ng-click="ViewConfig(objVersion)" ng-show="showView" ng-model="version.selected" >View Config</button>
  75          <button type="button" class="btnapplycfg" ng-click="ApplyConfig(objVersion)" >Apply Config</button>
  76          <button type="button"  class="btnCompareVersion" ng-click="CompareConfig(objVersion)" ng-show="showCompare" ng-model="version.selected" >Compare Config</button>
  77          </div>
  78          </td>
  79         </tr>
  80       </table>
  81        <div id="compare" ng-form = "compare" ng-include="" src="'static/views/form-deviceConfig.html'"></div>
  82         <div id="view" ng-form = "view" ng-include="" src="'static/views/form-deviceConfigView.html'"></div>
  83
  84    </form>
  85 </div>