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
<div class="page-header" >
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<h1 id="headerTitle">Add new VNF</h1>
<h3>by user: {{vxf.owner.username}}</h3>
<form class="form-horizontal" name="form" role="form" ng-submit="submitNewVxF()" id="addVxFForm">
<div class="form-group">
<label for="vxf.name" class="col-sm-2 control-label">Name</label>
<div class="col-sm-10">
<input type="text" class="form-control" ng-model="vxf.name" value="" placeholder="name..." />
<p class="help-block">The name must be exactly the same as in the VNF descriptor ID (vnfd:id) or name (vnfd:name) values. For TOSCA use the metadata:ID</p>
</div>
</div>
<div class="form-group">
<label for="vxf.version" class="col-sm-2 control-label">Version</label>
<div class="col-sm-10">
<input type="text" class="form-control" ng-model="vxf.version" value="" placeholder="" />
</div>
</div>
<div class="form-group">
<label for="vxf.shortDescription" class="col-sm-2 control-label">Teaser</label>
<div class="col-sm-10">
<input type="text" class="form-control" ng-model="vxf.shortDescription" value="" placeholder="" />
</div>
</div>
<div class="form-group">
<label for="vxf.longDescription" class="col-sm-2 control-label">Description</label>
<div class="col-sm-10">
<textarea class="form-control" rows="5" ng-model="vxf.longDescription" value="" placeholder="" /></textarea>
</div>
</div>
<div class="form-group">
<label for="vxf.vendor" class="col-sm-2 control-label">Vendor</label>
<div class="col-sm-10">
<input type="text" class="form-control" ng-model="vxf.vendor" value="" placeholder="" />
</div>
</div>
<div class="form-group">
<label for="vxf.uploadedAppIcon" class="col-sm-2 control-label">Logo</label>
<div class="col-sm-10">
<input type="file" class="form-control" name="uploadedVxFIcon" file-model="uploadedVxFIcon" placeholder="" />
<p class="help-block">Select logo image</p>
</div>
</div>
<div class="form-group">
<label for="vxf.uploadedVxFFile" class="col-sm-2 control-label">Package File (.tar.gz)</label>
<div class="col-sm-10">
<input type="file" class="form-control" name="uploadedVxFFile" file-model="uploadedVxFFile" placeholder="" />
<p class="help-block">Select file (.tar.gz)</p>
</div>
</div>
<div class="form-group">
<label for="role" class="col-sm-2 control-label">Packaging format</label>
<div class="col-sm-10">
<select class="form-control" ng-options="opt for opt in ['OSMvTHIRTEEN', 'OSMvELEVEN', 'OSMvTEN', 'OSMvNINE','OSMvEIGHT', 'GenericSOL005']" ng-model="vxf.packagingFormat" required><option></option></select>
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
123
124
125
126
127
128
129
130
131
</div>
</div>
<div class="form-group">
<label for="app.category" class="col-sm-2 control-label">Category ( <span ng-repeat="vxfcat in vxf.categories">{{vxfcat.name}} </span> )</label>
<div class="col-sm-10">
<select multiple class="form-control" ng-model="vxf.categories" ng-options="cat.name for cat in categories" >
</select>
</div>
</div>
<div class="form-group">
<label for="vxf.termsOfUse" class="col-sm-2 control-label">Terms of Use</label>
<div class="col-sm-10">
<textarea rows="5" class="form-control" ng-model="vxf.termsOfUse" value="" placeholder="" ></textarea>
</div>
</div>
<div class="form-group">
<label for="app.category" class="col-sm-2 control-label">Supported MANO Platforms ( <span ng-repeat="supmanoplatf in vxf.supportedMANOPlatforms">{{supmanoplatf.name}} </span> )</label>
<div class="col-sm-10">
<select multiple class="form-control" ng-model="vxf.supportedMANOPlatforms" ng-options="sm.name for sm in MANOplatforms" >
</select>
</div>
</div>
<div class="form-group">
<label for="vxf.extensions" class="col-sm-2 control-label">Extension variables</label>
<div class="col-sm-10">
<div id="tableExtensions" class="table-editable">
<span class="table-add glyphicon glyphicon-plus" ng-click="addExtension(vxf)"></span>
<table class="table" >
<tr>
<th>Name</th>
<th>Value</th>
<th></th>
</tr>
<tr class="" ng-repeat="ext in vxf.extensions">
<td><pre contenteditable="true" ng-model="ext.name"></pre></td>
<td><pre contenteditable="true" ng-model="ext.value"></pre></td>
<td>
<span class="table-remove glyphicon glyphicon-remove" ng-click="removeRow(ext)"></span>
</td>
</tr>
</table>
</div>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<input class="btn btn-default" type="submit" value="Save" />
</div>
</div>
</form>
</div>
</div>
</div>
</div>