instancehandler/template/modal/instance_create.html

   1 <div class="modal" id="modal_new_instance" xmlns="http://www.w3.org/1999/html">
   2     <div class="modal-dialog">
   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 Instance</h4>
   8             </div>
   9             <form id="formCreateNS" action='{% url "instances:create" %}'
  10                   class="form-horizontal"
  11                   method="post" enctype="multipart/form-data">
  12                 {% csrf_token %}
  13                 <div class="modal-body" id="modal_new_instance_body">
  14                     <div class="form-group">
  15                         <label for="nsName" class="col-sm-3 control-label">Name *</label>
  16                         <div class="col-sm-6">
  17                             <input class="form-control" id="nsName" name="nsName"
  18                                    placeholder="Ns name" required>
  19                         </div>
  20                     </div>
  21                     <div class="form-group">
  22                         <label for="nsDescription" class="col-sm-3 control-label">Description *</label>
  23                         <div class="col-sm-6">
  24                             <input class="form-control" id="nsDescription" name="nsDescription"
  25                                    placeholder="Description" required>
  26                         </div>
  27                     </div>
  28                     <div class="form-group">
  29                         <label for="nsdId" class="col-sm-3 control-label">Nsd Id *</label>
  30                         <div class="col-sm-6">
  31                             <select required id="nsdId" class="js-example-basic form-control" name="nsdId">
  32                             </select>
  33                         </div>
  34                     </div>
  35                     <div class="form-group">
  36                         <label for="vimAccountId" class="col-sm-3 control-label">Vim Account Id *</label>
  37                         <div class="col-sm-6">
  38                             <select required id="vimAccountId" class="js-example-basic form-control" name="vimAccountId">
  39                             </select>
  40                         </div>
  41                     </div>
  42                     <div class="form-group">
  43                         <label for="ssh_key" class="col-sm-3 control-label">SSH Key </label>
  44                         <div class="col-sm-6">
  45                             <textarea class="form-control" id="ssh_key" name="ssh_key"
  46                                       placeholder="Paste your key here..." rows="4"></textarea>
  47                         </div>
  48                     </div>
  49                     <div class="form-group">
  50                         <label for="config" class="col-sm-3 control-label">Config </label>
  51                         <div class="col-sm-6">
  52                             <textarea class="form-control" id="config" name="config" placeholder="Yaml config"
  53                                       rows="4"></textarea>
  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_instance">Create
  63                     </button>
  64
  65                 </div>
  66             </form>
  67         </div>
  68         <!-- /.modal-content -->
  69     </div>
  70     <!-- /.modal-dialog -->
  71 </div>