wimhandler/template/modal/wim_create.html

   1 <div class="modal" id="modal_new_wim" xmlns="http://www.w3.org/1999/html">
   2     <div class="modal-dialog modal-lg">
   3         <div class="modal-content">
   4             <div class="modal-header">
   5                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
   6                     <span aria-hidden="true">×</span></button>
   7                 <h4 class="modal-title">New WIM</h4>
   8             </div>
   9             <form id="formCreateWIM" action='{% url "wims:create" %}'
  10                   class="form-horizontal"
  11                   method="post" enctype="multipart/form-data">
  12                 {% csrf_token %}
  13                 <div class="modal-body" id="modal_new_wim_body">
  14                     <div class="form-group">
  15                         <label for="wim_name" class="col-sm-2">Name *</label>
  16                         <div class="col-sm-3">
  17                             <input class="form-control" id="wim_name" name="name" placeholder="Name" required>
  18                         </div>
  19
  20                         <label for="wim_type" class="col-sm-2">Type *</label>
  21                         <div class="col-sm-3">
  22                             <select id="wim_type" name="wim_type" class="form-control">
  23                                 <option value="onos">Onos</option>
  24                                 <option value="tapi">Tapi</option>
  25                                 <option value="odl">OpenDaylight</option>
  26                                 <option value="dynpac">DynPac</option>
  27                             </select>
  28                         </div>
  29                     </div>
  30
  31                     <div class="form-group">
  32                         <label for="wim_url" class="col-sm-2">URL*</label>
  33                         <div class="col-sm-3">
  34                             <input type="url" class="form-control" id="wim_url" name="wim_url"
  35                                            placeholder="WIM URL" required>
  36                         </div>
  37                         <label for="wim_user" class="col-sm-2">Username*</label>
  38                         <div class="col-sm-3">
  39                             <input class="form-control" id="wim_user" name="user"
  40                                             placeholder="WIM Username" required>
  41                         </div>
  42                     </div>
  43
  44                     <div class="form-group">
  45                         <label for="wim_password" class="col-sm-2">Password*</label>
  46                         <div class="col-sm-3">
  47                             <input type="password" class="form-control" id="wim_password"
  48                                        name="password" placeholder="WIMPassword" required>
  49                         </div>
  50                         <label for="wim_description" class="col-sm-2">Description</label>
  51                         <div class="col-sm-3">
  52                             <input class="form-control" id="wim_description" name="description"
  53                                         placeholder="Description" >
  54                         </div>
  55                     </div>
  56
  57                 </div>
  58                 <div class="modal-footer">
  59                     <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Cancel</button>
  60                     <button class="btn btn-primary"
  61                             data-loading-text="<i class='fa fa-circle-o-notch fa-spin'></i> Creating..."
  62                             id="create_new_wim">Create
  63                     </button>
  64
  65                 </div>
  66             </form>
  67         </div>
  68         <!-- /.modal-content -->
  69     </div>
  70     <!-- /.modal-dialog -->
  71 </div>
  72
  73
  74