[CHANGE] Switch to django_bootstrap5 forms

This commit is contained in:
Peter Pfeufer 2023-12-09 18:13:51 +01:00
parent 5f51ad4a6a
commit 2440e5d2b2
No known key found for this signature in database
GPG Key ID: 6051D2C6AD4EBC27
4 changed files with 103 additions and 91 deletions

View File

@ -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>

View File

@ -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">
<h1 class="page-header text-center">
<div>
<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="row">
<form id="add-timer-form" class="form-signin" role="form" action="" method="POST">
<div class="card card-primary border-0">
<div class="card-header">
<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>
<button class="btn btn-lg btn-primary btn-block" type="submit">
{% bootstrap_form form %}
<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 %}

View File

@ -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 %}

View File

@ -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 %}