form.ejs 4.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  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 class="col-sm-6 col-md-6">
  24. <div class="form-group">
  25. <label class="custom-switch">
  26. <input type="checkbox" class="custom-switch-input" name="satisfy_any" value="1"<%- typeof satisfy_any !== 'undefined' && satisfy_any ? ' checked' : '' %>>
  27. <span class="custom-switch-indicator"></span>
  28. <span class="custom-switch-description"><%- i18n('access-lists', 'satisfy-any') %></span>
  29. </label>
  30. </div>
  31. </div>
  32. </div>
  33. </div>
  34. <!-- Authorization -->
  35. <div class="tab-pane" id="auth">
  36. <div class="row">
  37. <div class="col-sm-6 col-md-6">
  38. <div class="form-group">
  39. <label class="form-label"><%- i18n('str', 'username') %></label>
  40. </div>
  41. </div>
  42. <div class="col-sm-6 col-md-6">
  43. <div class="form-group">
  44. <label class="form-label"><%- i18n('str', 'password') %></label>
  45. </div>
  46. </div>
  47. </div>
  48. <div class="items"><!-- items --></div>
  49. </div>
  50. <!-- Access -->
  51. <div class="tab-pane" id="access">
  52. <div class="clients"><!-- clients --></div>
  53. <div class="row">
  54. <div class="col-sm-3 col-md-3">
  55. <div class="form-group">
  56. <input type="text" class="form-control disabled" value="deny" disabled>
  57. </div>
  58. </div>
  59. <div class="col-sm-9 col-md-9">
  60. <div class="form-group">
  61. <input type="text" class="form-control disabled" value="all" disabled>
  62. </div>
  63. </div>
  64. </div>
  65. <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>
  66. </div>
  67. </div>
  68. </form>
  69. </div>
  70. <div class="modal-footer">
  71. <button type="button" class="btn btn-secondary cancel" data-dismiss="modal"><%- i18n('str', 'cancel') %></button>
  72. <button type="button" class="btn btn-teal save"><%- i18n('str', 'save') %></button>
  73. </div>
  74. </div>