Newer
Older
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
<div class="page-header" >
<div class="container-fluid">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<h1>All registered available VNFs</h1>
<h3>View and manage registered VNFs</h3>
<a class="btn btn-success btn-lg" data-toggle="modal" ng-href="#!/vxf_upload">
<i class="fa fa-upload fa-2x pull-left"></i> Upload VNF<br>archive</a>
<!--
<a class="btn btn-success btn-lg" data-toggle="modal" ng-href="#!/vxf_add">
<i class="fa fa-cogs fa-2x pull-left"></i> Create New<br>VxF</a>
-->
<br>
<br>
<table id="grid1" tr-ng-grid="" class="usersGrid" items="vxfs" page-items="50"
fields="['id', 'name', 'published', 'certified', 'certifiedBy', 'shortDescription','longDescription', 'owner.username', 'packagingFormat']">
<thead>
<tr>
<th field-name="id" display-name="Id" cell-width="5em"display-align="right"></th>
<th field-name="name" display-name="Name"></th>
<th field-name="published" display-name="Published"></th>
<th field-name="certified" display-name="Certified"></th>
<th field-name="certifiedBy" display-name="Certified by"></th>
<th field-name="shortDescription" display-name="Teaser"></th>
<th field-name="longDescription" display-name="Description"></th>
<th>
<div class="tr-ng-title">
OnBoarding Status
</div>
</th>
<th>
<div class="tr-ng-title">
Images
</div>
</th>
<th>
<div class="tr-ng-title">
Categories
</div>
</th>
<th>
<div class="tr-ng-title">
Supported MANO platforms
</div>
</tr>
</thead>
<tbody>
<tr>
<td>
<ul ng-repeat="vobd in gridItem.vxfOnBoardedDescriptors" role="presentation" >
{{vobd.onBoardingStatus}}
<!-- with OnBoard ID:{{vobd.id}} -->
</ul>
</td>
<td nowrap="nowrap" >
<div ng-repeat="vfimage in gridItem.vfimagesVDU">{{vfimage.name}} {{$last ? '' : ', '}}</div>
</td>
<td nowrap="nowrap" >
<div ng-repeat="vxfcat in gridItem.categories">{{vxfcat.name}} {{$last ? '' : ', '}}</div>
</td>
<td nowrap="nowrap" >
<div ng-repeat="vxfmanoprv in gridItem.supportedMANOPlatforms">{{vxfmanoprv.name}} {{$last ? '' : ', '}}</div>
</td>
<td><a href="{{gridItem.packageLocation}}">Package</td>
<td nowrap="nowrap" >
<img width="120px" src="{{gridItem.iconsrc}}">
<p><strong>Version: {{gridItem.version}}</strong><br></p>
<!--
<p><strong>UUID: {{gridItem.uuid}}</strong><br></p>
<p><strong>Packaging Format: {{gridItem.packagingFormat}}</strong><br></p>
<p><strong>Supported MANO Platforms: <span ng-repeat="vxfmanoprv in gridItem.supportedMANOPlatforms">{{vxfmanoprv.name}} {{$last ? '' : ', '}} </span> </strong><br></p>
<p>Date created: <strong>{{gridItem.dateCreated| date:'medium'}}</strong></p>
<p>Last update: <strong>{{gridItem.dateUpdated | date:'medium' }}</strong></p>
-->
<a class="btn btn-warning" ng-click="softDeleteVxF(gridItem, gridItem.id)"><i class="fa fa-trash-o "></i></a>
<a class="btn btn-danger" ng-click="deleteVxF(gridItem, gridItem.id)"><i class="fa fa-trash-o "></i></a>
<a class="btn btn-primary" ng-href="#!/vxf_edit/{{gridDisplayItem.id}}"><i class="fa fa-pencil-square-o "></i></a>
<a class="btn btn-info" ng-href="#!/vxf_view/{{gridDisplayItem.id}}"><i class="fa fa-info-circle "></i></a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>