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>
67 <div class=
"form-group">
68 <label for=
"vim_url" class=
"col-sm-3 control-label">VIM URL*
</label>
69 <div class=
"col-sm-6 input-group input-group-sm">
70 <input type=
"url" class=
"form-control" id=
"vim_url" name=
"vim_url"
71 placeholder=
"VIM URL" required
>
76 <div class=
"form-group">
77 <label for=
"vim_user" class=
"col-sm-3 control-label">VIM Username*
</label>
78 <div class=
"col-sm-6 input-group input-group-sm">
79 <input class=
"form-control" id=
"vim_user" name=
"vim_user"
80 placeholder=
"VIM Username" required
>
85 <div class=
"form-group">
86 <label for=
"vim_password" class=
"col-sm-3 control-label">VIM Password*
</label>
87 <div class=
"col-sm-6 input-group input-group-sm">
88 <input type=
"password" class=
"form-control" id=
"vim_password"
89 name=
"vim_password" placeholder=
"VIM Password" required
>
98 <div class=
"col-lg-6">
100 <div class=
"form-group">
101 <label for=
"vim_tenant_name" class=
"col-sm-3 control-label">Tenant name*
</label>
102 <div class=
"col-sm-6 input-group input-group-sm">
103 <input class=
"form-control" id=
"vim_tenant_name" name=
"vim_tenant_name"
104 placeholder=
"Tenant name" required
>
109 <div class=
"form-group">
110 <label for=
"description" class=
"col-sm-3 control-label">Description
</label>
111 <div class=
"col-sm-6 input-group input-group-sm">
112 <input class=
"form-control" id=
"description" name=
"description"
113 placeholder=
"Description">
118 <div class=
"form-group">
119 <label for=
"schema_type" class=
"col-sm-3 control-label">Schema Type
</label>
120 <div class=
"col-sm-6 input-group input-group-sm">
121 <input class=
"form-control" id=
"schema_type" name=
"schema_type"
122 placeholder=
"Schema Type">
127 <div class=
"form-group">
128 <label for=
"schema_version" class=
"col-sm-3 control-label">Schema
130 <div class=
"col-sm-6 input-group input-group-sm">
131 <input class=
"form-control" id=
"schema_version" name=
"schema_version"
132 placeholder=
"Schema Version">
141 <div id=
"config" class=
"panel box">
143 <a data-toggle=
"collapse" data-parent=
"#accordion" href=
"#config_collapse"
144 aria-expanded=
"false" class=
"collapsed" style=
"color:black">
145 <h5 class=
"box-title" style=
"background-color:#f7f7f7; text-align: center;">
151 <div id=
"config_collapse" class=
"panel-collapse collapse ">
152 {% include 'config/openvim.html' %}
153 {% include 'config/openstack.html' %}
154 {% include 'config/vmware.html' %}
155 {% include 'config/aws.html' %}
158 <div class=
"col-lg-6">
160 <div class=
"form-group">
161 <label for=
"additional_conf" class=
"col-sm-4 control-label">Additional configuration
</label>
162 <div class=
"col-sm-6 input-group input-group-sm">
163 <input class=
"form-control" id=
"additional_conf"
164 name=
"additional_conf"
165 placeholder='{
"key1": [...],
"key2": {},
"key3":
"" }'
>
177 <div class=
"box-footer">
178 <button onclick=
"location.href='{% url 'vims:list' %}'" class=
"btn btn-default pull-left">Back to
181 <button class=
"btn btn-primary pull-right">Create
</button>
190 {% block resource_block %}
195 $(document).ready(function () {
196 toggleConfig(document.getElementById(
"vim_type"));
198 function toggleConfig(element){
199 $('.config-vim').hide();
200 $('.config-input').prop('disabled', true);
201 var type_selected = element.options[element.selectedIndex].value;
202 console.log(
"type selected: " + type_selected);
203 var div_config_index = type_selected + '_config_collapse';
204 $('#'+div_config_index).show();
205 $('#'+div_config_index+' .config-input').prop('disabled', false);
212 {% include
"footer.html" %}