rolehandler/templates/modal/role_create.html

   1 <div class="modal" id="modal_new_role" 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 Role</h4>
   8             </div>
   9             <form id="formCreateRole" action='{% url "roles:create"   %}'
  10                   class="form-horizontal"
  11                   method="post" enctype="multipart/form-data">
  12                 {% csrf_token %}
  13                 <div class="modal-body" id="modal_new_role_body">
  14                     <div class="form-group">
  15                         <label for="rolename" class="col-sm-3 control-label">Name *</label>
  16                         <div class="col-sm-6">
  17                             <input class="form-control" id="rolename" name="name"
  18                                    placeholder="Name" required>
  19                         </div>
  20
  21                     </div>
  22                     <div class="form-group">
  23                         <div class="col-sm-6">
  24                                 <div class="checkbox">
  25                                         <label><input type="checkbox" id="create_root" name="root"> Root</label>
  26                                     </div>
  27                         </div>
  28                     </div>
  29                     <div class="form-group">
  30                         <label for="definition" class="col-sm-3 control-label">Definition </label>
  31                         <div class="col-sm-6">
  32                             <textarea class="form-control" id="definition" name="definition" placeholder="Yaml definition"
  33                                       rows="3"></textarea>
  34                         </div>
  35                     </div>
  36
  37                 </div>
  38                 <div class="modal-footer">
  39                     <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Cancel</button>
  40                     <button class="btn btn-primary"
  41                             data-loading-text="<i class='fa fa-circle-o-notch fa-spin'></i> Creating..."
  42                             id="create_new_role">Create
  43                     </button>
  44
  45                 </div>
  46             </form>
  47         </div>
  48         <!-- /.modal-content -->
  49     </div>
  50     <!-- /.modal-dialog -->
  51 </div>