modal.jst.eco 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. <div class="modal-dialog">
  2. <% if @includeForm: %>
  3. <form autocomplete="off">
  4. <% end %>
  5. <div class="modal-content">
  6. <div class="modal-header<%= ' modal-header--empty' if !@head %>">
  7. <% if @buttonClose: %>
  8. <div class="modal-close js-close">
  9. <%- @Icon('diagonal-cross') %>
  10. </div>
  11. <% end %>
  12. <% if @head: %>
  13. <h1 class="modal-title"><% if @headPrefix: %><%- @T(@headPrefix) %>: <% end %><%- @T(@head) %></h1>
  14. <% end %>
  15. </div>
  16. <div class="modal-alerts-container"></div>
  17. <div class="modal-body">
  18. <%- @content %>
  19. </div>
  20. <div class="modal-loader js-loading hide">
  21. <div class="loading icon"></div>
  22. </div>
  23. <div class="modal-footer">
  24. <% if @buttonCancel || @leftButtons: %>
  25. <div class="modal-leftFooter align-left">
  26. <% if @buttonCancel: %>
  27. <a class="btn <%= @buttonCancelClass %> js-cancel" href="#"><%- @T(@buttonCancel) %></a>
  28. <% end %>
  29. <% if @leftButtons: %>
  30. <% for button in @leftButtons: %>
  31. <a class="btn btn--text btn--subtle <%= button.className %>" href="#"><%- @T(button.text) %></a>
  32. <% end %>
  33. <% end %>
  34. </div>
  35. <% end %>
  36. <% for button in @centerButtons: %>
  37. <div class="modal-centerFooter">
  38. <div class="btn <%= button.className %> align-center"><%- @T(button.text) %></div>
  39. </div>
  40. <% end %>
  41. <% if @buttonSubmit: %>
  42. <div class="modal-rightFooter">
  43. <button type="submit" class="btn <%= @buttonClass %> js-submit align-right"><%- @T(@buttonSubmit) %></button>
  44. </div>
  45. <% end %>
  46. </div>
  47. </div>
  48. <% if @includeForm: %>
  49. </form>
  50. <% end %>
  51. </div>