1 {% extends
"base.html" %}
10 {% block title_header_big %}
13 {% block left_sidebar %}
15 {% include 'osm/osm_project_left_sidebar.html' %}
20 {% block breadcrumb_body %}
22 <li><a href=
"{% url 'vims:list' %}">VIMS
</a></li>
25 {% block content_body %}
29 <div class=
"col-md-12">
30 <form action='{% url
"vims:create" %}'
method=
"post">
33 <div class=
"box-header with-border">
34 <h3 class=
"box-title">NEW VIM ACCOUNT
</h3>
35 <div class=
"box-tools">
39 <div class=
"box-body">
42 <div class=
"col-lg-6">
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"
53 <div class=
"form-group">
54 <label for=
"vim_type" class=
"col-sm-3 control-label">Type*
</label>
55 <div class=
"col-sm-6 input-group input-group-sm">
56 <select id=
"vim_type" name=
"vim_type" class=
"form-control"
57 onchange=
"toggleConfig(this)">
58 <option value=
"openvim">OpenVIM
</option>
59 <option value=
"openstack">Openstack
</option>
60 <option value=
"vmware">VMware vCD
</option>
61 <option value=
"aws">AWS
</option>
62 <option value=
"opennebula">OpenNebula
</option>
68 <div class=
"form-group">
69 <label for=
"vim_url" class=
"col-sm-3 control-label">VIM URL*
</label>
70 <div class=
"col-sm-6 input-group input-group-sm">
71 <input type=
"url" class=
"form-control" id=
"vim_url" name=
"vim_url"
72 placeholder=
"VIM URL" required
>
77 <div class=
"form-group">
78 <label for=
"vim_user" class=
"col-sm-3 control-label">VIM Username*
</label>
79 <div class=
"col-sm-6 input-group input-group-sm">
80 <input class=
"form-control" id=
"vim_user" name=
"vim_user"
81 placeholder=
"VIM Username" required
>
86 <div class=
"form-group">
87 <label for=
"vim_password" class=
"col-sm-3 control-label">VIM Password*
</label>
88 <div class=
"col-sm-6 input-group input-group-sm">
89 <input type=
"password" class=
"form-control" id=
"vim_password"
90 name=
"vim_password" placeholder=
"VIM Password" required
>
99 <div class=
"col-lg-6">
101 <div class=
"form-group">
102 <label for=
"vim_tenant_name" class=
"col-sm-3 control-label">Tenant name*
</label>
103 <div class=
"col-sm-6 input-group input-group-sm">
104 <input class=
"form-control" id=
"vim_tenant_name" name=
"vim_tenant_name"
105 placeholder=
"Tenant name" required
>
110 <div class=
"form-group">
111 <label for=
"description" class=
"col-sm-3 control-label">Description
</label>
112 <div class=
"col-sm-6 input-group input-group-sm">
113 <input class=
"form-control" id=
"description" name=
"description"
114 placeholder=
"Description">
119 <div class=
"form-group">
120 <label for=
"schema_type" class=
"col-sm-3 control-label">Schema Type
</label>
121 <div class=
"col-sm-6 input-group input-group-sm">
122 <input class=
"form-control" id=
"schema_type" name=
"schema_type"
123 placeholder=
"Schema Type">
128 <div class=
"form-group">
129 <label for=
"schema_version" class=
"col-sm-3 control-label">Schema
131 <div class=
"col-sm-6 input-group input-group-sm">
132 <input class=
"form-control" id=
"schema_version" name=
"schema_version"
133 placeholder=
"Schema Version">
142 <div id=
"config" class=
"panel box">
144 <a data-toggle=
"collapse" data-parent=
"#accordion" href=
"#config_collapse"
145 aria-expanded=
"false" class=
"collapsed" style=
"color:black">
146 <h5 class=
"box-title" style=
"background-color:#f7f7f7; text-align: center;">
152 <div id=
"config_collapse" class=
"panel-collapse collapse ">
153 {% include 'config/openvim.html' %}
154 {% include 'config/openstack.html' %}
155 {% include 'config/vmware.html' %}
156 {% include 'config/aws.html' %}
157 {% include 'config/opennebula.html' %}
160 <div class=
"col-lg-6">
162 <div class=
"form-group">
163 <label for=
"additional_conf" class=
"col-sm-4 control-label">Additional configuration
</label>
164 <div class=
"col-sm-6 input-group input-group-sm">
165 <input class=
"form-control" id=
"additional_conf"
166 name=
"additional_conf"
167 placeholder='{
"key1": [...],
"key2": {},
"key3":
"" }'
>
179 <div class=
"box-footer">
180 <button onclick=
"location.href='{% url 'vims:list' %}'" class=
"btn btn-default pull-left">Back to
183 <button class=
"btn btn-primary pull-right">Create
</button>
192 {% block resource_block %}
197 $(document).ready(function () {
198 toggleConfig(document.getElementById(
"vim_type"));
200 function toggleConfig(element){
201 $('.config-vim').hide();
202 $('.config-input').prop('disabled', true);
203 var type_selected = element.options[element.selectedIndex].value;
204 console.log(
"type selected: " + type_selected);
205 var div_config_index = type_selected + '_config_collapse';
206 $('#'+div_config_index).show();
207 $('#'+div_config_index+' .config-input').prop('disabled', false);
214 {% include
"footer.html" %}