form.ejs 3.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. <div class="modal-content">
  2. <div class="modal-header">
  3. <h5 class="modal-title"><%- i18n('access-lists', 'form-title', {id: id}) %></h5>
  4. <button type="button" class="close cancel" aria-label="Close" data-dismiss="modal">&nbsp;</button>
  5. </div>
  6. <div class="modal-body has-tabs">
  7. <form>
  8. <ul class="nav nav-tabs" role="tablist">
  9. <li role="presentation" class="nav-item"><a href="#details" aria-controls="tab1" role="tab" data-toggle="tab" class="nav-link active show" aria-selected="true"><i class="fe fe-zap"></i> <%- i18n('access-lists', 'details') %></a></li>
  10. <li role="presentation" class="nav-item"><a href="#auth" aria-controls="tab4" role="tab" data-toggle="tab" class="nav-link" aria-selected="false"><i class="fe fe-users"></i> <%- i18n('access-lists', 'authorization') %></a></li>
  11. <li role="presentation" class="nav-item"><a href="#access" aria-controls="tab2" role="tab" data-toggle="tab" class="nav-link" aria-selected="false"><i class="fe fe-radio"></i> <%- i18n('access-lists', 'access') %></a></li>
  12. </ul>
  13. <div class="tab-content">
  14. <!-- Details -->
  15. <div role="tabpanel" class="tab-pane active show" id="details">
  16. <div class="row">
  17. <div class="col-sm-12 col-md-12">
  18. <div class="form-group">
  19. <label class="form-label"><%- i18n('str', 'name') %> <span class="form-required">*</span></label>
  20. <input type="text" name="name" class="form-control" value="<%- name %>" required>
  21. </div>
  22. </div>
  23. </div>
  24. </div>
  25. <!-- Authorization -->
  26. <div class="tab-pane" id="auth">
  27. <div class="row">
  28. <div class="col-sm-6 col-md-6">
  29. <div class="form-group">
  30. <label class="form-label"><%- i18n('str', 'username') %></label>
  31. </div>
  32. </div>
  33. <div class="col-sm-6 col-md-6">
  34. <div class="form-group">
  35. <label class="form-label"><%- i18n('str', 'password') %></label>
  36. </div>
  37. </div>
  38. </div>
  39. <div class="items"><!-- items --></div>
  40. </div>
  41. <!-- Access -->
  42. <div class="tab-pane" id="access">
  43. <div class="clients"><!-- clients --></div>
  44. <div class="text-muted">Note that the <code>allow</code> and <code>deny</code> directives will be applied in the order they are defined.</div>
  45. </div>
  46. </div>
  47. </form>
  48. </div>
  49. <div class="modal-footer">
  50. <button type="button" class="btn btn-secondary cancel" data-dismiss="modal"><%- i18n('str', 'cancel') %></button>
  51. <button type="button" class="btn btn-teal save"><%- i18n('str', 'save') %></button>
  52. </div>
  53. </div>