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" type='ns' %}'
  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_keys" 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="3"></textarea>
  47                                 <p class="help-block">Or load from file</p>
  48                                 <input type="file" id="ssh_key_files" name="ssh_key_files" multiple>
  49
  50
  51                         </div>
  52                     </div>
  53                     <div class="form-group">
  54                         <label for="config" class="col-sm-3 control-label">Config </label>
  55                         <div class="col-sm-6">
  56                             <textarea class="form-control" id="config" name="config" placeholder="Yaml config"
  57                                       rows="3"></textarea>
  58                             <p class="help-block">Or load from file</p>
  59                             <input type="file" id="config_file" name="config_file">
  60                         </div>
  61                     </div>
  62
  63                 </div>
  64                 <div class="modal-footer">
  65                     <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Cancel</button>
  66                     <button class="btn btn-primary"
  67                             data-loading-text="<i class='fa fa-circle-o-notch fa-spin'></i> Creating..."
  68                             id="create_new_instance">Create
  69                     </button>
  70
  71                 </div>
  72             </form>
  73         </div>
  74         <!-- /.modal-content -->
  75     </div>
  76     <!-- /.modal-dialog -->
  77 </div>