NonRT-RIC A1 Northbound API

[nonrtric.git] / sdnc-a1-controller / oam / configbackuprestore / vnfconfigbackupservice / src / main / webapp / static / views / form-viewReportById.html

diff --git a/sdnc-a1-controller/oam/configbackuprestore/vnfconfigbackupservice/src/main/webapp/static/views/form-viewReportById.html b/sdnc-a1-controller/oam/configbackuprestore/vnfconfigbackupservice/src/main/webapp/static/views/form-viewReportById.html
new file mode 100644 (file)
index 0000000..6fde31f
--- /dev/null
+++ b/sdnc-a1-controller/oam/configbackuprestore/vnfconfigbackupservice/src/main/webapp/static/views/form-viewReportById.html
@@ -0,0 +1,122 @@
+<!-- /*
+   * ============LICENSE_START=======================================================
+   * ONAP : SDNC-FEATURES
+   * ================================================================================
+   * Copyright 2018 TechMahindra
+   *=================================================================================
+   * 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=========================================================
+   */
+    -->
+<div class="ReportMain">
+       <div class="heading">
+               <img src="static/images/search.png" width=50 height="40"
+                       style="margin-left: 5px;">&nbsp;&nbsp;Search For Vnf Reports
+       </div>
+       <form name="myForm" style="background-color: #f2f2f2;padding:20px 15px;">
+               <div growl></div>
+
+               <div class="row">
+                       <div class="column"
+                               style="width: 20%; background-color: #f2f2f2; height: 35px; margin-left: 35px;">
+                               <label class="labeltext">Select Avaliable VNF</label>
+                       </div>
+                       <div class="column"
+                               style="background-color: #f2f2f2; width: 45%; height: 55px; margin-left: 0px;">
+                               <select class="form-control" style="width: 100%; margin-top: 0px;"
+                                       name="select" ng-model="selectedValueVnf"
+                                       ng-change=selectVnf(selectedValueVnf) required>
+                                       <option ng-repeat="vnf in objvnfList" value="{{vnf.vnfid}}">VnfId-
+                                               {{vnf.vnfid}}&nbsp;VnfName- {{vnf.vnfname}}</option>
+                                       <option value="">Select VNF</option>
+                               </select>
+                               <div role="alert">
+                                       <span class="error" ng-show="myForm.select.$error.required">
+                                               Required!</span>
+                               </div>
+                       </div>
+               </div>
+
+               <div class="row" ng-show="ShowResult">
+                       <div class="column" style="margin-left: 13px; width: 40%;">
+                               <label for="exampleInput" class="labeltext">Start Date</label> <input
+                                       type="date" id="exampleInput" name="input"
+                                       ng-model="startdate.value" placeholder="yyyy-MM-dd"
+                                       style="margin-left: 20px; width: 170px;" required />
+                               <div role="alert">
+                                       <span class="error" ng-show="myForm.input.$error.required">
+                                               Required!</span> <span class="error" ng-show="myForm.input.$error.date">
+                                               Not a valid date!</span>
+                               </div>
+                       </div>
+
+                       <div class="column" style="margin-left: 0px; width: 50%;">
+                               <label for="exampleEndInput" class="labeltext">End Date</label> <input
+                                       type="date" id="exampleEndInput" name="input"
+                                       ng-model="enddate.value" placeholder="yyyy-MM-dd"
+                                       style="margin-left: 20px; width: 170px;" required />
+                               <div role="alert">
+                                       <span class="error" ng-show="myForm.input.$error.required">
+                                               Required!</span> <span class="error" ng-show="myForm.input.$error.date">
+                                               Not a valid date!</span>
+                               </div>
+                       </div>
+                       <br>
+                       <div class="column">
+                       <input type="submit" id="btnSubmit"
+                               ng-click="getReportsById(selectedValueVnf,startdate.value,enddate.value)"
+                               style="width: 120px;">
+                       </div>
+                       
+               </div>
+               <br>
+               <div class="row" ng-show="showresult">
+               <div class="column"
+                               style="width: 80%; background-color: #f2f2f2; height: 35px; margin-left: 35px; font-size: 14px;font-weight:500;color:#1B4F72;">
+                                Vnfid: {{selectedValueVnf}}
+                               </div>
+                               </div>
+               <br>
+       <div>
+               <table class="tableDisplay"
+                       style="text-align: center;" ng-show="showresult" id="tableToExport">
+                       <tr class="first_row">
+                               <th style="text-align: center;">SNo.</th>
+                               <th style="text-align: center;">Time Period</th>
+                               <th style="text-align: center;">Vnf Name</th>
+                               <th style="text-align: center;">Version No.</th>
+                       </tr>
+                       <tr ng-repeat="version in pagedItems[currentPage] | orderBy:sort.sortingOrder:sort.reverse">
+                               <td>{{ ($index + 1) + (currentPage - 1) * itemsPerPage + 5}}</td>
+                               <td>{{version.createdAt}}</td>
+                               <td>{{version.vnfname }}</td>
+                               <td>{{version.versionNo}}</td>
+                       </tr>
+                        <td colspan="4" ng-if="pagedItems.length > 5">
+                               <ul class="pagination pull-right">
+                                       <li ng-class="{disabled: currentPage == 0}"><a href
+                                               ng-click="prevPage()">&laquo;</a></li>
+                                       <li ng-repeat="n in range(pagedItems.length, currentPage, currentPage + gap) "
+                                               ng-class="{active: n == currentPage}" ng-click="setPage()"><a
+                                               href ng-bind="n + 1">1</a></li>
+                                       <li ng-class="{disabled: (currentPage) == pagedItems.length - 1}">
+                                               <a href ng-click="nextPage()">&raquo;</a>
+                                       </li>
+                               </ul>
+                       </td>
+               </table>
+               </div>
+       </form>
+</div>
+</body>
+</html>
\ No newline at end of file