4 Licensed under the Apache License, Version 2.0 (the "License");
5 you may not use this file except in compliance with the License.
6 You may obtain a copy of the License at
8 http://www.apache.org/licenses/LICENSE-2.0
10 Unless required by applicable law or agreed to in writing, software
11 distributed under the License is distributed on an BASIS,
12 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 See the License for the specific language governing permissions and
14 limitations under the License.
17 {% extends
"base.html" %}
19 {% load staticfiles %}
22 {% block head_block %}
26 {% block title_header_big %}
29 {% block left_sidebar %}
31 {% include 'osm/osm_project_left_sidebar.html' %}
36 {% block breadcrumb_body %}
38 <li><a href=
"{% url 'vims:list' %}">VIMS
</a></li>
41 {% block content_body %}
45 <div class=
"col-md-12">
46 <form action='{% url
"vims:create" %}'
method=
"post">
49 <div class=
"box-header with-border">
50 <h3 class=
"box-title">NEW VIM ACCOUNT
</h3>
51 <div class=
"box-tools">
55 <div class=
"box-body">
58 <div class=
"col-lg-6">
60 <div class=
"form-group">
61 <label for=
"name" class=
"col-sm-3 control-label">Name*
</label>
62 <div class=
"col-sm-6 input-group input-group-sm">
63 <input class=
"form-control" id=
"name" name=
"name" placeholder=
"VIM name"
69 <div class=
"form-group">
70 <label for=
"vim_type" class=
"col-sm-3 control-label">Type*
</label>
71 <div class=
"col-sm-6 input-group input-group-sm">
72 <select id=
"vim_type" name=
"vim_type" class=
"form-control"
73 onchange=
"toggleConfig(this)">
74 <option value=
"openvim">OpenVIM
</option>
75 <option value=
"openstack">Openstack
</option>
76 <option value=
"vmware">VMware vCD
</option>
77 <option value=
"aws">AWS
</option>
78 <option value=
"opennebula">OpenNebula
</option>
84 <div class=
"form-group">
85 <label for=
"vim_url" class=
"col-sm-3 control-label">VIM URL*
</label>
86 <div class=
"col-sm-6 input-group input-group-sm">
87 <input type=
"url" class=
"form-control" id=
"vim_url" name=
"vim_url"
88 placeholder=
"VIM URL" required
>
93 <div class=
"form-group">
94 <label for=
"vim_user" class=
"col-sm-3 control-label">VIM Username*
</label>
95 <div class=
"col-sm-6 input-group input-group-sm">
96 <input class=
"form-control" id=
"vim_user" name=
"vim_user"
97 placeholder=
"VIM Username" required
>
102 <div class=
"form-group">
103 <label for=
"vim_password" class=
"col-sm-3 control-label">VIM Password*
</label>
104 <div class=
"col-sm-6 input-group input-group-sm">
105 <input type=
"password" class=
"form-control" id=
"vim_password"
106 name=
"vim_password" placeholder=
"VIM Password" required
>
115 <div class=
"col-lg-6">
117 <div class=
"form-group">
118 <label for=
"vim_tenant_name" class=
"col-sm-3 control-label">Tenant name*
</label>
119 <div class=
"col-sm-6 input-group input-group-sm">
120 <input class=
"form-control" id=
"vim_tenant_name" name=
"vim_tenant_name"
121 placeholder=
"Tenant name" required
>
126 <div class=
"form-group">
127 <label for=
"description" class=
"col-sm-3 control-label">Description
</label>
128 <div class=
"col-sm-6 input-group input-group-sm">
129 <input class=
"form-control" id=
"description" name=
"description"
130 placeholder=
"Description">
135 <div class=
"form-group">
136 <label for=
"schema_type" class=
"col-sm-3 control-label">Schema Type
</label>
137 <div class=
"col-sm-6 input-group input-group-sm">
138 <input class=
"form-control" id=
"schema_type" name=
"schema_type"
139 placeholder=
"Schema Type">
144 <div class=
"form-group">
145 <label for=
"schema_version" class=
"col-sm-3 control-label">Schema
147 <div class=
"col-sm-6 input-group input-group-sm">
148 <input class=
"form-control" id=
"schema_version" name=
"schema_version"
149 placeholder=
"Schema Version">
158 <div id=
"config" class=
"panel box">
160 <a data-toggle=
"collapse" data-parent=
"#accordion" href=
"#config_collapse"
161 aria-expanded=
"false" class=
"collapsed" style=
"color:black">
162 <h5 class=
"box-title" style=
"background-color:#f7f7f7; text-align: center;">
168 <div id=
"config_collapse" class=
"panel-collapse collapse ">
169 {% include 'config/openvim.html' %}
170 {% include 'config/openstack.html' %}
171 {% include 'config/vmware.html' %}
172 {% include 'config/aws.html' %}
173 {% include 'config/opennebula.html' %}
176 <div class=
"col-lg-6">
178 <div class=
"form-group">
179 <label for=
"additional_conf" class=
"col-sm-4 control-label">Additional configuration
</label>
180 <div class=
"col-sm-6 input-group input-group-sm">
181 <input class=
"form-control" id=
"additional_conf"
182 name=
"additional_conf"
183 placeholder='{
"key1": [...],
"key2": {},
"key3":
"" }'
>
195 <div class=
"box-footer">
196 <button onclick=
"location.href='{% url 'vims:list' %}'" class=
"btn btn-default pull-left">Back to
199 <button class=
"btn btn-primary pull-right">Create
</button>
208 {% block resource_block %}
213 $(document).ready(function () {
214 toggleConfig(document.getElementById(
"vim_type"));
216 function toggleConfig(element){
217 $('.config-vim').hide();
218 $('.config-input').prop('disabled', true);
219 var type_selected = element.options[element.selectedIndex].value;
220 console.log(
"type selected: " + type_selected);
221 var div_config_index = type_selected + '_config_collapse';
222 $('#'+div_config_index).show();
223 $('#'+div_config_index+' .config-input').prop('disabled', false);
230 {% include
"footer.html" %}