1 {% extends
"base.html" %}
5 {% with
skin_css=
"AdminLTE/dist/css/skins/skin-purple.min.css"%}
11 {% with
skin=
"purple"%}
15 {% block logo_sidebar %}
16 {% with
logo_mini=
"assets/img/osm_small_logo.png" logo=
"assets/img/OSM-logo.png" %}
23 {% block head_block %}
27 {% block title_header_big %}
30 {% block left_sidebar %}
32 {% include 'left_sidebar_base.html' %}
37 {% block breadcrumb_body %}
39 <li><a href=
"{% url 'vim:list' %}">Vims
</a></li>
42 {% block content_body %}
46 <div class=
"col-md-12">
47 <form action='{% url
"vim:create" %}'
method=
"post">
50 <div class=
"box-header with-border">
51 <h3 class=
"box-title">New VIM Account
</h3>
52 <div class=
"box-tools">
56 <div class=
"box-body">
59 <div class=
"col-lg-6">
61 <div class=
"form-group">
62 <label for=
"name" class=
"col-sm-3 control-label">Name*
</label>
63 <div class=
"col-sm-6 input-group input-group-sm">
64 <input class=
"form-control" id=
"name" name=
"name" placeholder=
"VIM name" required
>
69 <div class=
"form-group">
70 <label for=
"vim_user" class=
"col-sm-3 control-label">Vim Username*
</label>
71 <div class=
"col-sm-6 input-group input-group-sm">
72 <input class=
"form-control" id=
"vim_user" name=
"vim_user" placeholder=
"Vim Username" required
>
77 <div class=
"form-group">
78 <label for=
"vim_password" class=
"col-sm-3 control-label">Vim Password*
</label>
79 <div class=
"col-sm-6 input-group input-group-sm">
80 <input type=
"password" class=
"form-control" id=
"vim_password" name=
"vim_password" placeholder=
"Vim Password" required
>
85 <div class=
"form-group">
86 <label for=
"vim_url" class=
"col-sm-3 control-label">Vim URL*
</label>
87 <div class=
"col-sm-6 input-group input-group-sm">
88 <input type=
"url" class=
"form-control" id=
"vim_url" name=
"vim_url" placeholder=
"Vim URL" required
>
93 <div class=
"form-group">
94 <label for=
"vim_type" class=
"col-sm-3 control-label">Type*
</label>
95 <div class=
"col-sm-6 input-group input-group-sm">
96 <select id=
"vim_type" name=
"vim_type" class=
"form-control" onchange=
"toggleConfig(this)">
97 <option value=
"openvim">OpenVIM
</option>
98 <option value=
"openstack">Openstack
</option>
99 <option value=
"vmware">VMware vCD
</option>
100 <option value=
"aws">AWS
</option>
112 <div class=
"col-lg-6">
114 <div class=
"form-group">
115 <label for=
"vim_tenant_name" class=
"col-sm-3 control-label">Tenant name*
</label>
116 <div class=
"col-sm-6 input-group input-group-sm">
117 <input class=
"form-control" id=
"vim_tenant_name" name=
"vim_tenant_name" placeholder=
"Tenant name" required
>
122 <div class=
"form-group">
123 <label for=
"description" class=
"col-sm-3 control-label">Description
</label>
124 <div class=
"col-sm-6 input-group input-group-sm">
125 <input class=
"form-control" id=
"description" name=
"description" placeholder=
"Description">
130 <div class=
"form-group">
131 <label for=
"schema_type" class=
"col-sm-3 control-label">Schema Type
</label>
132 <div class=
"col-sm-6 input-group input-group-sm">
133 <input class=
"form-control" id=
"schema_type" name=
"schema_type" placeholder=
"Schema Type">
138 <div class=
"form-group">
139 <label for=
"schema_version" class=
"col-sm-3 control-label">Schema Version
</label>
140 <div class=
"col-sm-6 input-group input-group-sm">
141 <input class=
"form-control" id=
"schema_version" name=
"schema_version" placeholder=
"Schema Version" >
149 {% include 'config/openvim.html' %}
150 {% include 'config/openstack.html' %}
151 {% include 'config/vmware.html' %}
152 {% include 'config/aws.html' %}
155 <div class=
"box-footer">
156 <button onclick=
"location.href='{% url 'vim:list' %}'" class=
"btn btn-default pull-left">Back to VIM Accounts
</button>
157 <button class=
"btn btn-primary pull-right">Create
</button>
166 {% block resource_block %}
171 $(document).ready(function () {
172 toggleConfig(document.getElementById(
"vim_type"));
174 function toggleConfig(element){
176 $('.config-input').prop('disabled', true);
177 var type_selected = element.options[element.selectedIndex].value;
178 console.log(
"type selected: " + type_selected);
179 var div_config_index = type_selected + '_config';
180 $('#'+div_config_index).show();
181 $('#'+div_config_index+' .config-input').prop('disabled', false);
188 {% include
"footer.html" %}