[CHANGE] Switch to django_bootstrap5 forms

allianceauth/timerboard/templates/timerboard/dashboard.timers.html

@@ -17,6 +17,7 @@
                                 <th class="text-center">{% translate "Eve Time" %}</th>
                             </tr>
                         </thead>
+
                         <tbody>
                             {% for timer in timers %}
                                 <tr>
@@ -48,7 +49,6 @@
                                         </a>
                                     </td>
                                     <td class="text-center" nowrap>{{ timer.eve_time | date:"Y-m-d H:i" }}</td>
-
                                 </tr>
                             {% endfor %}
                         </tbody>

allianceauth/timerboard/templates/timerboard/form.html

@@ -1,50 +1,64 @@
 {% extends "allianceauth/base-bs5.html" %}
-{% load bootstrap %}
+
+{% load django_bootstrap5 %}
 {% load i18n %}
 
 {% block page_title %}
 {% endblock page_title %}
 
+{% block header_nav_brand %}
+    {% translate "Structure Timers" %}
+{% endblock header_nav_brand %}
+
 {% block content %}
-    <div class="col-lg-12">
+    <div>
-        <h1 class="page-header text-center">
+        <h1 class="page-header text-center mb-3">
             {% block page_header %}
             {% endblock page_header %}
             {% include "timerboard/index_button.html" %}
         </h1>
-        <div class="container-fluid">
+
-            <div class="col-md-4 col-md-offset-4">
+        <div class="card card-primary border-0">
-                <div class="row">
+            <div class="card-header">
-                    <form id="add-timer-form" class="form-signin" role="form" action="" method="POST">
+                <div class="card-title mb-0">
+                    {% translate "Structure Timer Details" %}
+                </div>
+            </div>
+
+            <div class="card-body">
+                <div class="row justify-content-center">
+                    <div class="col-md-6">
+                        <form class="form-signin" role="form" action="" method="POST">
                             {% csrf_token %}
-                        {{ form|bootstrap }}
+
-                        <br>
+                            {% bootstrap_form form %}
-                        <button class="btn btn-lg btn-primary btn-block" type="submit">
+
+                            <div class="form-group mt-3 clearfix">
+                                <button class="btn btn-primary" type="submit">
                                     {% block submit_button_text %}
                                     {% endblock submit_button_text %}
                                 </button>
+                            </div>
                         </form>
                     </div>
                 </div>
             </div>
         </div>
+    </div>
 
 {% endblock content %}
 
 {% block extra_javascript %}
     {% include 'bundles/jquery-datetimepicker-js.html' %}
-{% endblock %}
 
-{% block extra_script %}
+    <script>
+        $(document).ready(() => {
             $('#id_start').datetimepicker({
                 setlocale: '{{ LANGUAGE_CODE }}',
-{% if NIGHT_MODE %}
-theme: 'dark',
-{% else %}
-theme: 'default',
-{% endif %}
                 mask: true,
                 format: 'Y-m-d H:i',
                 minDate: 0
             });
-{% endblock extra_script %}
+        });
+    </script>
+{% endblock %}

allianceauth/timerboard/templates/timerboard/timer_create_form.html

@@ -17,14 +17,15 @@
     {% include 'bundles/timerboard-js.html' %}
     {% include 'bundles/jquery-datetimepicker-js.html' %}
     {% include 'bundles/jquery-datetimepicker-css.html' %}
-{% endblock %}
 
-{% block extra_script %}
+    <script>
+        $(document).ready(() => {
             $('input#id_absolute_time').datetimepicker({
                 setlocale: '{{ LANGUAGE_CODE }}',
-    theme: {% if NIGHT_MODE %}'dark'{% else %}'default'{% endif %},
                 format: 'Y-m-d H:i',
                 minDate: 0,
                 defaultDate: null
             });
-{% endblock extra_script %}
+        });
+    </script>
+{% endblock %}

allianceauth/timerboard/templates/timerboard/timer_update_form.html

@@ -17,18 +17,15 @@
     {% include 'bundles/timerboard-js.html' %}
     {% include 'bundles/jquery-datetimepicker-js.html' %}
     {% include 'bundles/jquery-datetimepicker-css.html' %}
-{% endblock %}
 
-{% block extra_script %}
+    <script>
+        $(document).ready(() => {
             $('input#id_absolute_time').datetimepicker({
                 setlocale: '{{ LANGUAGE_CODE }}',
-    {% if NIGHT_MODE %}
-        theme: 'dark',
-    {% else %}
-        theme: 'default',
-    {% endif %}
                 mask: true,
                 format: 'Y-m-d H:i',
                 defaultDate: null
             });
-{% endblock extra_script %}
+        });
+    </script>
+{% endblock %}