instancehandler/template/modal/instance_create_pdu.html

   1 <div class="modal" id="modal_new_pdu" 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 PDU</h4>
   8             </div>
   9             <form id="formCreatePDU" action='{% url "instances:create" type='pdu' %}'
  10                   class="form-horizontal"
  11                   method="post" enctype="multipart/form-data">
  12                 {% csrf_token %}
  13                 <div class="modal-body" id="modal_new_pdu_body">
  14                         <div id="pdu_base_div">
  15
  16                                 <div class="form-group">
  17
  18                                     <label for="pdu_name" class="col-sm-2">Name *</label>
  19                                     <div class="col-sm-3">
  20                                         <input class="form-control" id="pdu_name" name="name" placeholder="Name" required>
  21                                     </div>
  22
  23                                     <label for="pdu_type" class="col-sm-2">PDU type *</label>
  24                                     <div class="col-sm-3">
  25                                         <input class="form-control" id="pdu_type" name="pdu_type" placeholder="Type" required>
  26                                     </div>
  27                                 </div>
  28                                 <div class="form-group">
  29                                     <label for="pdu_vim_accounts" class="col-sm-2">Vim Accounts *</label>
  30                                     <div class="col-sm-6">
  31                                             <select required id="pdu_vim_accounts" class="js-example-basic-multiple form-control" name="pdu_vim_accounts"
  32                                             multiple="multiple">
  33                                             </select>
  34                                     </div>
  35                                 </div>
  36
  37                             </div>
  38                             <div class="row">
  39                                     <h4 class="col-sm-4">Interfaces:</h4>
  40                                 </div>
  41                             <div id="interfaces_div">
  42
  43                                 <div class="interface-group">
  44                                     <button type="button" class="btn btn-success btn-add btn-sm pull-right">+</button>
  45                                     <div class="form-group">
  46                                         <label for="interfaces_name" class="col-sm-2">Name</label>
  47                                         <div class="col-sm-3">
  48                                             <input name="interfaces_name" class="form-control input-sm" required>
  49                                         </div>
  50                                         <label for="interfaces_name" class="col-sm-2">IP</label>
  51                                         <div class="col-sm-3">
  52                                             <input name="interfaces_ip" class="form-control input-sm" required>
  53                                         </div>
  54                                     </div>
  55                                     <div class="form-group">
  56                                         <label for="interfaces_mgmt" class="col-sm-2">Mgmt</label>
  57                                         <div class="col-sm-3">
  58                                                 <select name="interfaces_mgmt" id="interfaces_mgmt" class="form-control">
  59                                                     <option value="false">False</option>
  60                                                     <option value="true">True</option>
  61                                                 </select>
  62                                         </div>
  63                                         <label for="interfaces_vimnetname" class="col-sm-2">Net name</label>
  64                                         <div class="col-sm-3">
  65                                             <input id="interfaces_vimnetname" name="interfaces_vimnetname" class="form-control input-sm" required>
  66                                         </div>
  67                                     </div>
  68                                 </div>
  69                             </div>
  70                 </div>
  71                 <div class="modal-footer">
  72                     <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Cancel</button>
  73                     <button class="btn btn-primary"
  74                             data-loading-text="<i class='fa fa-circle-o-notch fa-spin'></i> Creating..."
  75                             id="create_new_pdu">Create
  76                     </button>
  77
  78                 </div>
  79             </form>
  80         </div>
  81         <!-- /.modal-content -->
  82     </div>
  83     <!-- /.modal-dialog -->
  84 </div>
  85
  86
  87