1 {% extends
"base.html" %}
10 {% block title_header_big %}
13 {% block left_sidebar %}
15 {% include 'left_sidebar_base.html' %}
20 {% block breadcrumb_body %}
22 <li><a href=
"{% url 'vim:list' %}">Vims
</a></li>
25 {% block content_body %}
29 <div class=
"col-md-12">
30 <form action='{% url
"vim: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_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
>
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
>
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
>
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>
96 <div class=
"col-lg-6">
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
>
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">
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">
125 <div class=
"form-group">
126 <label for=
"schema_version" class=
"col-sm-3 control-label">Schema
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">
139 <div id=
"config" class=
"panel box">
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;">
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' %}
156 <div class=
"col-lg-6">
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":
"" }'
>
175 <div class=
"box-footer">
176 <button onclick=
"location.href='{% url 'vim:list' %}'" class=
"btn btn-default pull-left">Back to
179 <button class=
"btn btn-primary pull-right">Create
</button>
188 {% block resource_block %}
193 $(document).ready(function () {
194 toggleConfig(document.getElementById(
"vim_type"));
196 function toggleConfig(element){
197 $('.config-vim').hide();
198 $('.config-input').prop('disabled', true);
199 var type_selected = element.options[element.selectedIndex].value;
200 console.log(
"type selected: " + type_selected);
201 var div_config_index = type_selected + '_config_collapse';
202 $('#'+div_config_index).show();
203 $('#'+div_config_index+' .config-input').prop('disabled', false);
210 {% include
"footer.html" %}