bootstrap4: port modal base to bootstrap4

Signed-off-by: Jonatan Schlag <jonatan.schlag@ipfire.org>

diff --git a/src/templates/modules/modal-base.html b/src/templates/modules/modal-base.html
index 266fe4330e18343035896488f36b926d97a837bc..f26143a4462d860bc0550553acb6b85cb302f5dd 100644 (file)
--- a/src/templates/modules/modal-base.html
+++ b/src/templates/modules/modal-base.html
@@ -1,33 +1,37 @@
-<div class="modal hide fade" id="{% block id %}{% end block %}">
-       <form class="modal-form form-horizontal" method="POST" action="{% block form_action %}{% end block %}">
-               {% raw xsrf_form_html() %}
-
-               <div class="modal-header">
-                       {% block header %}
-                               <a class="close" data-dismiss="modal">&times;</a>
-                               <h3>
-                                       {% block title %}{% end block %}
-                               </h3>
-                       {% end block %}
+<div class="modal fade" id="{% block id %}{% end block %}" tabindex="-1">
+       <div class="modal-dialog modal-lg" role="document">
+               <div class="modal-content">
+                       <div class="modal-header">
+                               {% block header %}
+                                       <h3 style="word-wrap: break-word;" class="modal-title" id="{% block id %}{% end block %}">
+                                               {% block title %}{% end block %}
+                                       </h3>
+                                       <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                                               <span aria-hidden="true">&times;</span>
+                                       </button>
+                               {% end block %}
+                       </div>
+                       <form method="POST" action="{% block form_action %}{% end block %}">
+                               {% raw xsrf_form_html() %}
+                               <div class="modal-body">
+                                       {% block body %}{% end block %}
+                               </div>
+                               <div class="modal-footer">
+                                       <div class="float-right" style="width:100%">
+                                               {% block footer %}
+                                                       <p class="float-left">
+                                                               {% block footer_text %}{% end block %}
+                                                       </p>
+                                                       <button type="submit" class="btn btn-primary mb-2">
+                                                               {% block submit_text %}{{ _("Submit") }}{% end block %}
+                                                       </button>
+                                                       <a class="btn mb-2" data-dismiss="modal">
+                                                               {% block close_text %}{{ _("Cancel") }}{% end block %}
+                                                       </a>
+                                               {% end block %}
+                                       </div>
+                               </div>
+                       </form>
                </div>
-
-               <div class="modal-body">
-                       {% block body %}{% end block %}
-               </div>
-
-               <div class="modal-footer">
-                       {% block footer %}
-                               <p class="pull-left">
-                                       {% block footer_text %}{% end block %}
-                               </p>
-
-                               <button type="submit" class="btn btn-primary">
-                                       {% block submit_text %}{{ _("Submit") }}{% end block %}
-                               </button>
-                               <a class="btn" data-dismiss="modal">
-                                       {% block close_text %}{{ _("Cancel") }}{% end block %}
-                               </a>
-                       {% end block %}
-               </div>
-       </form>
-</div>
+       </div>
+</div>
\ No newline at end of file