forked from sonata-nfv/tng-sdk-descriptorgen
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
128 lines (108 loc) · 6.86 KB
/
index.html
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
123
124
125
126
127
128
<!-- Copyright (c) 2017 5GTANGO and Paderborn University ALL RIGHTS RESERVED. 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.
Neither the name of 5GTANGO, Paderborn University
nor the names of its contributors may be used to endorse or promote
products derived from this software without specific prior written
permission.
This work has been performed in the framework of the 5GTANGO project,
funded by the European Commission under Grant number 761493 through
the Horizon 2020 and 5G-PPP programmes. The authors would like to
acknowledge the contributions of their colleagues of the 5GTANGO
partner consortium (www.5gtango.eu). -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>5GTANGO Descriptor Generator</title>
<!-- 3rd party CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="prettify/prettify.css">
</head>
<body>
<main role="main" class="container">
<div class="text-center">
<img src="5GTANGO_logo.png" alt="5GTANGO logo" id="logo">
<h1>5GTANGO Descriptor Generator</h1>
<p id="info" class="lead">Please provide the following information or keep the default values.</p>
</div>
<div id="nsdInput" class="form-group my-5">
<label for="author">Author name:</label>
<input type="text" class="form-control" id="author" value="5GTANGO Developer" required>
<label for="vendor">Vendor name:</label>
<input type="text" class="form-control" id="vendor" value="eu.5gtango" required>
<label for="name">Service name:</label>
<input type="text" class="form-control" id="name" value="tango-nsd" required>
<label for="description">Service description:</label>
<input type="text" class="form-control" id="description" value="Default description" required>
</div>
<div id="vnfdInput" class="form-group my-5">
<!--TODO: cooler upload with drag and drop-->
<!--<form action="/file-upload" class="dropzone" id="my-awesome-dropzone"></form>-->
<label for="vnfd_upload">Upload of existing VNFDs</label>
<input type="file" class="form-control-file" id="vnfd_upload" aria-describedby="fileHelp" onchange="uploadVnfd();">
<small id="fileHelp" class="form-text text-muted mb-5">To reuse existing VNFs in the network service, upload their descriptors (VNFDs).</small>
<label id="vnfsLabel" for="vnfGroup1">VNFs</label>
<small id="vnfsHelp" class="form-text text-muted">Please select a base VNFD, specify the VNF image/path, and select the image type.</small>
<div class="input-group my-1" id="vnfGroup1">
<select class="form-control vnf-select" id="vnf1">
<option value="default">Default VNFD</option>
</select>
<input type="text" class="form-control" id="image1" value="ubuntu:16.04" required>
<select class="form-control" id="type1">
<option value="docker">docker</option>
<option value="vhd">vhd</option>
<option value="vmdk">vmdk</option>
<option value="vdi">vdi</option>
<option value="iso">iso</option>
<option value="qcow2">qcow2</option>
<option value="ova">ova</option>
<option value="ovf">ovf</option>
<option value="raw">raw</option>
</select>
<span class="input-group-btn">
<button class="btn rem-btn" type="button">Remove VNF</button>
</span>
</div>
<button id="addBtn" type="button" class="btn btn-block">Add VNF</button>
</div>
<div class="form-group">
<button id="submitBtn" type="submit" class="btn btn-primary btn-block">Generate</button>
<button id="newBtn" type="reset" class="btn btn-default btn-block">Generate new</button>
<button id="downloadBtn" type="button" class="btn btn-primary btn-block">Download all</button>
</div>
<div id="descriptors" class="form-group">
<h2 id="tango"></h2>
<h3 id="tango-nsd"></h3>
<p id="tango-nsd-code"></p>
<h3 id="tango-vnfds"></h3>
<p id="tango-vnfd-code"></p>
<h2 id="osm"></h2>
<h3 id="osm-nsd"></h3>
<p id="osm-nsd-code"></p>
<h3 id="osm-vnfds"></h3>
<p id="osm-vnfd-code"></p>
</div>
</main><!-- /.container -->
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<!-- Generation script and dependencies -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://cdn.rawgit.com/nodeca/js-yaml/bee7e998/dist/js-yaml.min.js"></script>
<script src="jszip/jszip.js"></script>
<script type="text/javascript" src="prettify/prettify.js"></script>
<script src="generate.js"></script>
<script src="genTango.js"></script>
<script src="genOsm.js"></script>
</body>
</html>