2 * ============LICENSE_START=======================================================
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
11 * http://www.apache.org/licenses/LICENSE-2.0
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=========================================================
21 <div class="ReportMain">
23 <img src="static/images/search.png" width=50 height="40"
24 style="margin-left: 5px;"> Search For Vnf Reports
26 <form name="myForm" style="background-color: #f2f2f2;padding:20px 15px;">
31 style="width: 20%; background-color: #f2f2f2; height: 35px; margin-left: 35px;">
32 <label class="labeltext">Select Avaliable VNF</label>
35 style="background-color: #f2f2f2; width: 45%; height: 55px; margin-left: 0px;">
36 <select class="form-control" style="width: 100%; margin-top: 0px;"
37 name="select" ng-model="selectedValueVnf"
38 ng-change=selectVnf(selectedValueVnf) required>
39 <option ng-repeat="vnf in objvnfList" value="{{vnf.vnfid}}">VnfId-
40 {{vnf.vnfid}} VnfName- {{vnf.vnfname}}</option>
41 <option value="">Select VNF</option>
44 <span class="error" ng-show="myForm.select.$error.required">
50 <div class="row" ng-show="ShowResult">
51 <div class="column" style="margin-left: 13px; width: 40%;">
52 <label for="exampleInput" class="labeltext">Start Date</label> <input
53 type="date" id="exampleInput" name="input"
54 ng-model="startdate.value" placeholder="yyyy-MM-dd"
55 style="margin-left: 20px; width: 170px;" required />
57 <span class="error" ng-show="myForm.input.$error.required">
58 Required!</span> <span class="error" ng-show="myForm.input.$error.date">
59 Not a valid date!</span>
63 <div class="column" style="margin-left: 0px; width: 50%;">
64 <label for="exampleEndInput" class="labeltext">End Date</label> <input
65 type="date" id="exampleEndInput" name="input"
66 ng-model="enddate.value" placeholder="yyyy-MM-dd"
67 style="margin-left: 20px; width: 170px;" required />
69 <span class="error" ng-show="myForm.input.$error.required">
70 Required!</span> <span class="error" ng-show="myForm.input.$error.date">
71 Not a valid date!</span>
76 <input type="submit" id="btnSubmit"
77 ng-click="getReportsById(selectedValueVnf,startdate.value,enddate.value)"
78 style="width: 120px;">
83 <div class="row" ng-show="showresult">
85 style="width: 80%; background-color: #f2f2f2; height: 35px; margin-left: 35px; font-size: 14px;font-weight:500;color:#1B4F72;">
86 Vnfid: {{selectedValueVnf}}
91 <table class="tableDisplay"
92 style="text-align: center;" ng-show="showresult" id="tableToExport">
93 <tr class="first_row">
94 <th style="text-align: center;">SNo.</th>
95 <th style="text-align: center;">Time Period</th>
96 <th style="text-align: center;">Vnf Name</th>
97 <th style="text-align: center;">Version No.</th>
99 <tr ng-repeat="version in pagedItems[currentPage] | orderBy:sort.sortingOrder:sort.reverse">
100 <td>{{ ($index + 1) + (currentPage - 1) * itemsPerPage + 5}}</td>
101 <td>{{version.createdAt}}</td>
102 <td>{{version.vnfname }}</td>
103 <td>{{version.versionNo}}</td>
105 <td colspan="4" ng-if="pagedItems.length > 5">
106 <ul class="pagination pull-right">
107 <li ng-class="{disabled: currentPage == 0}"><a href
108 ng-click="prevPage()">«</a></li>
109 <li ng-repeat="n in range(pagedItems.length, currentPage, currentPage + gap) "
110 ng-class="{active: n == currentPage}" ng-click="setPage()"><a
111 href ng-bind="n + 1">1</a></li>
112 <li ng-class="{disabled: (currentPage) == pagedItems.length - 1}">
113 <a href ng-click="nextPage()">»</a>