Gitiles
Code Review Sign In
osm.etsi.org / osm / LW-UI / 35e62b05f16aa734dbcdac554c56030ee9812818 / . / vimhandler / template / vim_create.html
blob: 7ad54af81db40bf827f006639dadda092f531d5e [file] [log] [blame]
lombardoffb37bca2018-05-03 16:20:04 +0200[diff] [blame]1{% extends "base.html" %}
2{% load get %}
3{% load staticfiles %}
lombardoffb37bca2018-05-03 16:20:04 +0200[diff] [blame]4
5
6{% block head_block %}
7 {{ block.super }}
8
9{% endblock %}
10{% block title_header_big %}
11 {{ block.super }}
12{% endblock %}
13{% block left_sidebar %}
14
15 {% include 'left_sidebar_base.html' %}
16
17{% endblock %}
18
19
20{% block breadcrumb_body %}
21 {{ block.super }}
22 <li><a href="{% url 'vim:list' %}">Vims</a></li>
23{% endblock %}
24
25{% block content_body %}
26 {{ block.super }}
27
lombardof1a6af282018-05-10 11:49:32 +0200[diff] [blame]28 <div class="row">
29 <div class="col-md-12">
30 <form action='{% url "vim:create" %}' method="post">
31 {% csrf_token %}
32 <div class="box">
33 <div class="box-header with-border">
34 <h3 class="box-title">NEW VIM ACCOUNT</h3>
35 <div class="box-tools">
lombardoffb37bca2018-05-03 16:20:04 +0200[diff] [blame]36
lombardof1a6af282018-05-10 11:49:32 +0200[diff] [blame]37 </div>
lombardoffb37bca2018-05-03 16:20:04 +0200[diff] [blame]38 </div>
lombardof1a6af282018-05-10 11:49:32 +0200[diff] [blame]39 <div class="box-body">
lombardoffb37bca2018-05-03 16:20:04 +0200[diff] [blame]40
lombardof1a6af282018-05-10 11:49:32 +0200[diff] [blame]41 <div class="row">
42 <div class="col-lg-6">
43 <div class="row">
44 <div class="form-group">
45 <label for="name" class="col-sm-3 control-label">Name*</label>
46 <div class="col-sm-6 input-group input-group-sm">
47 <input class="form-control" id="name" name="name" placeholder="VIM name"
48 required>
49 </div>
50 </div>
51 </div>
52 <div class="row">
53 <div class="form-group">
54 <label for="vim_user" class="col-sm-3 control-label">Vim Username*</label>
55 <div class="col-sm-6 input-group input-group-sm">
56 <input class="form-control" id="vim_user" name="vim_user"
57 placeholder="Vim Username" required>
58 </div>
59 </div>
60 </div>
61 <div class="row">
62 <div class="form-group">
63 <label for="vim_password" class="col-sm-3 control-label">Vim Password*</label>
64 <div class="col-sm-6 input-group input-group-sm">
65 <input type="password" class="form-control" id="vim_password"
66 name="vim_password" placeholder="Vim Password" required>
67 </div>
68 </div>
69 </div>
70 <div class="row">
71 <div class="form-group">
72 <label for="vim_url" class="col-sm-3 control-label">Vim URL*</label>
73 <div class="col-sm-6 input-group input-group-sm">
74 <input type="url" class="form-control" id="vim_url" name="vim_url"
75 placeholder="Vim URL" required>
76 </div>
77 </div>
78 </div>
79 <div class="row">
80 <div class="form-group">
81 <label for="vim_type" class="col-sm-3 control-label">Type*</label>
82 <div class="col-sm-6 input-group input-group-sm">
83 <select id="vim_type" name="vim_type" class="form-control"
84 onchange="toggleConfig(this)">
85 <option value="openvim">OpenVIM</option>
86 <option value="openstack">Openstack</option>
87 <option value="vmware">VMware vCD</option>
88 <option value="aws">AWS</option>
89 </select>
90 </div>
91 </div>
92 </div>
93
94
95 </div>
96 <div class="col-lg-6">
97 <div class="row">
98 <div class="form-group">
99 <label for="vim_tenant_name" class="col-sm-3 control-label">Tenant name*</label>
100 <div class="col-sm-6 input-group input-group-sm">
101 <input class="form-control" id="vim_tenant_name" name="vim_tenant_name"
102 placeholder="Tenant name" required>
103 </div>
104 </div>
105 </div>
106 <div class="row">
107 <div class="form-group">
108 <label for="description" class="col-sm-3 control-label">Description</label>
109 <div class="col-sm-6 input-group input-group-sm">
110 <input class="form-control" id="description" name="description"
111 placeholder="Description">
112 </div>
113 </div>
114 </div>
115 <div class="row">
116 <div class="form-group">
117 <label for="schema_type" class="col-sm-3 control-label">Schema Type</label>
118 <div class="col-sm-6 input-group input-group-sm">
119 <input class="form-control" id="schema_type" name="schema_type"
120 placeholder="Schema Type">
121 </div>
122 </div>
123 </div>
124 <div class="row">
125 <div class="form-group">
126 <label for="schema_version" class="col-sm-3 control-label">Schema
127 Version</label>
128 <div class="col-sm-6 input-group input-group-sm">
129 <input class="form-control" id="schema_version" name="schema_version"
130 placeholder="Schema Version">
131 </div>
lombardoffb37bca2018-05-03 16:20:04 +0200[diff] [blame]132 </div>
133 </div>
134 </div>
lombardoffb37bca2018-05-03 16:20:04 +0200[diff] [blame]135
136
137 </div>
lombardof1a6af282018-05-10 11:49:32 +0200[diff] [blame]138
139 <div id="config" class="panel box">
140
141 <a data-toggle="collapse" data-parent="#accordion" href="#config_collapse"
142 aria-expanded="false" class="collapsed" style="color:black">
143 <h5 class="box-title" style="background-color:#f7f7f7; text-align: center;">
144 CONFIG PARAMETERS
145 </h5>
146 </a>
147
148
149 <div id="config_collapse" class="panel-collapse collapse ">
150 {% include 'config/openvim.html' %}
151 {% include 'config/openstack.html' %}
152 {% include 'config/vmware.html' %}
153 {% include 'config/aws.html' %}
154
155 <div class="row">
156 <div class="col-lg-6">
157 <div class="row ">
158 <div class="form-group">
159 <label for="additional_conf" class="col-sm-4 control-label">Additional configuration</label>
160 <div class="col-sm-6 input-group input-group-sm">
161 <input class="form-control" id="additional_conf"
162 name="additional_conf"
163 placeholder='{ "key1": [...], "key2": {}, "key3": "" }'>
164 </div>
165 </div>
166 </div>
lombardoffb37bca2018-05-03 16:20:04 +0200[diff] [blame]167 </div>
168 </div>
lombardof1a6af282018-05-10 11:49:32 +0200[diff] [blame]169
lombardoffb37bca2018-05-03 16:20:04 +0200[diff] [blame]170 </div>
171 </div>
172
173
174 </div>
lombardof1a6af282018-05-10 11:49:32 +0200[diff] [blame]175 <div class="box-footer">
176 <button onclick="location.href='{% url 'vim:list' %}'" class="btn btn-default pull-left">Back to
177 VIM Accounts
178 </button>
179 <button class="btn btn-primary pull-right">Create</button>
180 </div>
181 </div>
182 </form>
183 </div>
lombardoffb37bca2018-05-03 16:20:04 +0200[diff] [blame]184
lombardoffb37bca2018-05-03 16:20:04 +0200[diff] [blame]185 </div>
lombardoffb37bca2018-05-03 16:20:04 +0200[diff] [blame]186{% endblock %}
187
188{% block resource_block %}
189 {{ block.super }}
190 <!-- Utility JS -->
191
192 <script>
193 $(document).ready(function () {
194 toggleConfig(document.getElementById("vim_type"));
195 });
196 function toggleConfig(element){
lombardof1a6af282018-05-10 11:49:32 +0200[diff] [blame]197 $('.config-vim').hide();
lombardoffb37bca2018-05-03 16:20:04 +0200[diff] [blame]198 $('.config-input').prop('disabled', true);
199 var type_selected = element.options[element.selectedIndex].value;
200 console.log("type selected: " + type_selected);
lombardof1a6af282018-05-10 11:49:32 +0200[diff] [blame]201 var div_config_index = type_selected + '_config_collapse';
lombardoffb37bca2018-05-03 16:20:04 +0200[diff] [blame]202 $('#'+div_config_index).show();
203 $('#'+div_config_index+' .config-input').prop('disabled', false);
204 }
205 </script>
206
207{% endblock %}
208
209{% block footer %}
210 {% include "footer.html" %}
211{% endblock %}