vimhandler/template/vim_create.html

   1 {% extends "base.html" %}
   2 {% load get %}
   3 {% load staticfiles %}
   4 {% block head_base %}
   5     {% with skin_css="AdminLTE/dist/css/skins/skin-purple.min.css"%}
   6         {{ block.super }}
   7     {% endwith %}
   8 {% endblock %}
   9
  10 {% block body %}
  11     {% with skin="purple"%}
  12         {{ block.super }}
  13     {% endwith %}
  14 {% endblock %}
  15 {% block logo_sidebar %}
  16     {% with logo_mini="assets/img/osm_small_logo.png" logo="assets/img/OSM-logo.png" %}
  17         {{ block.super }}
  18     {% endwith %}
  19 {% endblock %}
  20
  21
  22
  23 {% block head_block %}
  24     {{ block.super }}
  25
  26 {% endblock %}
  27 {% block title_header_big %}
  28     {{ block.super }}
  29 {% endblock %}
  30 {% block left_sidebar %}
  31
  32     {% include 'left_sidebar_base.html' %}
  33
  34 {% endblock %}
  35
  36
  37 {% block breadcrumb_body %}
  38     {{ block.super }}
  39     <li><a href="{% url 'vim:list' %}">Vims</a></li>
  40 {% endblock %}
  41
  42 {% block content_body %}
  43     {{ block.super }}
  44
  45 <div class="row">
  46     <div class="col-md-12">
  47         <form action='{% url "vim:create" %}' method="post">
  48             {% csrf_token %}
  49             <div class="box">
  50                 <div class="box-header with-border">
  51                     <h3 class="box-title">New VIM Account</h3>
  52                     <div class="box-tools">
  53
  54                     </div>
  55                 </div>
  56                 <div class="box-body">
  57
  58                     <div class="row">
  59                         <div class="col-lg-6">
  60                             <div class="row">
  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>
  65                                     </div>
  66                                 </div>
  67                             </div>
  68                             <div class="row">
  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>
  73                                     </div>
  74                                 </div>
  75                             </div>
  76                             <div class="row">
  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>
  81                                     </div>
  82                                 </div>
  83                             </div>
  84                             <div class="row">
  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>
  89                                     </div>
  90                                 </div>
  91                             </div>
  92                             <div class="row">
  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>
 101                                         </select>
 102                                     </div>
 103                                 </div>
 104                             </div>
 105
 106
 107
 108
 109
 110
 111                         </div>
 112                         <div class="col-lg-6">
 113                                                         <div class="row">
 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>
 118                                     </div>
 119                                 </div>
 120                             </div>
 121                             <div class="row">
 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">
 126                                     </div>
 127                                 </div>
 128                             </div>
 129                             <div class="row">
 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">
 134                                     </div>
 135                                 </div>
 136                             </div>
 137                             <div class="row">
 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" >
 142                                     </div>
 143                                 </div>
 144                             </div>
 145                         </div>
 146
 147
 148                     </div>
 149                     {% include 'config/openvim.html' %}
 150                     {% include 'config/openstack.html' %}
 151                     {% include 'config/vmware.html' %}
 152                     {% include 'config/aws.html' %}
 153
 154                 </div>
 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>
 158                 </div>
 159             </div>
 160         </form>
 161     </div>
 162
 163 </div>
 164 {% endblock %}
 165
 166 {% block resource_block %}
 167     {{ block.super }}
 168     <!-- Utility JS -->
 169
 170     <script>
 171         $(document).ready(function () {
 172             toggleConfig(document.getElementById("vim_type"));
 173         });
 174         function toggleConfig(element){
 175             $('.panel').hide();
 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);
 182         }
 183     </script>
 184
 185 {% endblock %}
 186
 187 {% block footer %}
 188     {% include "footer.html"  %}
 189 {% endblock %}