blob: 6fde31fca7e98af1e419924fdb5e41b4a373c3bf (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
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;"> 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}} 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()">«</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()">»</a>
</li>
</ul>
</td>
</table>
</div>
</form>
</div>
</body>
</html>
|