templates/layout/_mdl-modal.html.twig line 1

Open in your IDE?
  1. {#<div class="modal fade bd-example-modal-lg" id="mdl_default_modal" tabindex="-1" role="dialog"#}
  2. {#     aria-labelledby="exampleModalLongTitle"#}
  3. {#     aria-hidden="true">#}
  4. {#    <div class="modal-dialog modal-lg" role="document">#}
  5. {#        <div class="modal-content">#}
  6. {#            <div class="modal-header">#}
  7. {#                <h5 class="modal-title" id="exampleModalLongTitle">Modal title</h5>#}
  8. {#                <button type="button" class="close" data-dismiss="modal" aria-label="Close">#}
  9. {#                    <span aria-hidden="true">&times;</span>#}
  10. {#                </button>#}
  11. {#            </div>#}
  12. {#            <div class="modal-body">#}
  13. {#                ...#}
  14. {#            </div>#}
  15. {#            <div class="modal-footer">#}
  16. {#                <button type="button" class="btn btn-secondary mdl_close" data-dismiss="modal">Хаах</button>#}
  17. {#                <button type="button" class="btn btn-primary mdl_submit" onclick="return mdlModal.proceed()">#}
  18. {#                    ХАДГАЛАХ#}
  19. {#                </button>#}
  20. {#            </div>#}
  21. {#        </div>#}
  22. {#    </div>#}
  23. {#</div>#}
  25. <div id="mdl_default_modal" class="modal" tabindex="-1">
  26.     <div class="modal-dialog modal-xl modal-dialog-centered">
  27.         <div class="modal-content">
  28.             <div class="modal-header">
  30.                 <h5 class="modal-title">Modal title</h5>
  32.                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  33.                     <span aria-hidden="true">&times;</span>
  34.                 </button>
  36. {#                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">x</button>#}
  38.             </div>
  39.             <div class="modal-body">
  40.                 <p>Modal body text goes here.</p>
  41.             </div>
  42.         </div>
  43.     </div>
  44. </div>
  46. <script src="{{ asset('asset/mdl/mdl-modal.js') }}" type="text/javascript"></script>
  47. <script type="text/javascript">
  49.     var mdlModal;
  50.     var loader = $('.preloader');
  52.     $(document).ready(function () {
  54.         mdlModal = new MdlModal();
  55.         mdlModal.init({
  56.             modalId: "mdl_default_modal",
  57.             loader: loader,
  58.             responseHandler: function (response) {
  59.                 processResponse(response);
  60.             }
  61.         });
  63.     });
  65.     function processResponse(response) {
  66.         console.log(response);
  67.     }
  69. </script>