templates/bug_report/bug_modal.html.twig line 1

Open in your IDE?
  1. <div class="modal fade" id="bug-modal" tabindex="-1" style="padding-right: 15px;" aria-modal="true" role="dialog">
  2. <div class="modal-dialog modal-dialog-centered">
  3. <div class="modal-content">
  4. <div class="modal-header">
  5. <h5 style="color:black" class="modal-title">Bug’o reportas</h5>
  6. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  7. <span aria-hidden="true">×</span>
  8. </button>
  9. </div>
  10. <div class="modal-body">
  11. <div class="content">
  12. <div class="modal-body">
  13. <div class="content">
  14. {{ form_start(form, {'attr': {'id': 'form_person_edit'}}) }}
  15. {{ form_widget(form) }}
  16. <input type="hidden" name="loggedUser" value="{{ loggedUser.id }}">
  17. <button type="button" class="btn btn-danger" role="dialog" aria-modal="true" data-dismiss="modal" aria-label="Close">Uždaryti</button>
  18. <button type="submit" id="bug_report_form_submit" class="btn btn-primary" role="dialog" aria-modal="true" >Saugoti</button>
  19. {{ form_end(form) }}
  20. </div>
  21. </div>
  22. </div>
  23. </div>
  25. </div>
  26. </div>
  27. </div>
  29. {% block javascripts %}
  30. {{ encore_entry_script_tags('editForm') }}
  31. <script>
  32. document.addEventListener("DOMContentLoaded", function(event) {
  33. $(document).on('click', '.bug-report', function (e) {
  34. e.preventDefault();
  35. $('#bug-modal').modal('show');
  36. $('#bug_report_form_currentUrl').val(window.location.href);
  37. });
  39. $(document).on("submit", "#form_person_edit", function (e) {
  40. e.preventDefault();
  42. let id = e.target.id;
  44. if(id === "form_person_edit") {
  45. $formTarget = $(e.target);
  46. modal = $('#bug-modal');
  48. let form = $(this);
  49. let actionUrl = form.attr('action');
  51. let $submitButton = $formTarget.find(':submit');
  52. let $buttonValue = $submitButton.html();
  53. $submitButton.html('<i class="fas fa-spinner fa-pulse"></i>');
  54. $submitButton.prop('disabled', true);
  56. $.ajax({
  57. type: "POST",
  58. url: actionUrl,
  59. data: form.serialize(),
  60. success: function(data)
  61. {
  62. toastr.success('Pavyko!');
  63. modal.modal('toggle');
  64. $submitButton.html($buttonValue);
  65. $submitButton.prop('disabled', false);
  66. $('#form_person_edit')[0].reset();
  67. },
  68. error: function (response, status, xhr, error) {
  69. toastr.error(response.responseJSON.errors);
  70. $submitButton.html($buttonValue);
  71. $submitButton.prop('disabled', false);
  72. },
  73. dataType: "json",
  74. });
  75. }
  76. else {
  77. e.target.submit();
  78. }
  79. });
  80. });
  81. </script>
  82. {% endblock %}