[CHANGE] Switched to django_bootstrap5 form

This commit is contained in:
Peter Pfeufer 2023-12-09 15:52:02 +01:00
parent cd47eadcdc
commit 1adce85422
No known key found for this signature in database
GPG Key ID: 6051D2C6AD4EBC27
3 changed files with 54 additions and 37 deletions

View File

@ -3,6 +3,7 @@ Form Widgets
""" """
from django import forms from django import forms
from django.utils.safestring import mark_safe
class DataListWidget(forms.TextInput): class DataListWidget(forms.TextInput):
@ -42,4 +43,4 @@ class DataListWidget(forms.TextInput):
data_list += "</datalist>" data_list += "</datalist>"
return text_html + data_list return mark_safe(text_html + data_list)

View File

@ -1,6 +1,6 @@
{% extends "allianceauth/base-bs5.html" %} {% extends "allianceauth/base-bs5.html" %}
{% load bootstrap %} {% load django_bootstrap5 %}
{% load i18n %} {% load i18n %}
{% get_current_language as LANGUAGE_CODE %} {% get_current_language as LANGUAGE_CODE %}
@ -18,38 +18,48 @@
{% block content %} {% block content %}
<div> <div>
<h1 class="page-header text-center">{% translate "Create Fleet Operation" %}</h1> <h1 class="page-header text-center mb-3">
{% translate "Create Fleet Operation" %}
</h1>
<div class="container-fluid"> <div class="card card-primary border-0">
<div class="col-md-4 col-md-offset-4"> <div class="card-header">
<div class="row"> <div class="card-title mb-0">
{% translate "Fleet operation 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"> <form class="form-signin" role="form" action="" method="POST">
{% csrf_token %} {% csrf_token %}
{{ form|bootstrap }}
<br> {% bootstrap_form form %}
<button class="btn btn-lg btn-primary btn-block" type="submit">{% translate "Create Fleet Operation" %}</button>
<div class="form-group mt-3 clearfix">
{% translate "Create fleet operation" as button_text %}
{% bootstrap_button button_class="btn btn-primary" content=button_text %}
</div>
</form> </form>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
{% endblock content %} {% endblock content %}
{% block extra_javascript %} {% block extra_javascript %}
{% include 'bundles/jquery-datetimepicker-js.html' %} {% include 'bundles/jquery-datetimepicker-js.html' %}
{% endblock %}
{% block extra_script %} <script>
$('#id_start').datetimepicker({ $(document).ready(() => {
setlocale: '{{ LANGUAGE_CODE }}', $('#id_start').datetimepicker({
{% if NIGHT_MODE %} setlocale: '{{ LANGUAGE_CODE }}',
theme: 'dark', mask: true,
{% else %} format: 'Y-m-d H:i',
theme: 'default', minDate: 0
{% endif %} });
mask: true, });
format: 'Y-m-d H:i', </script>
minDate: 0 {% endblock %}
});
{% endblock extra_script %}

View File

@ -1,6 +1,6 @@
{% extends "allianceauth/base-bs5.html" %} {% extends "allianceauth/base-bs5.html" %}
{% load bootstrap %} {% load django_bootstrap5 %}
{% load i18n %} {% load i18n %}
{% get_current_language as LANGUAGE_CODE %} {% get_current_language as LANGUAGE_CODE %}
@ -22,24 +22,30 @@
{% translate "Update Fleet Operation" %} {% translate "Update Fleet Operation" %}
</h1> </h1>
<div class="container-fluid"> <div class="card card-primary border-0">
<div class="col-md-4 col-md-offset-4"> <div class="card-header">
<div class="row"> <div class="card-title mb-0">
{% if no_fleet_id %} {% translate "Fleet operation details" %}
<div class="alert alert-danger" role="alert">{% translate "Fleet Operation Does Not Exist" %}</div> </div>
{% else %} </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"> <form class="form-signin" role="form" action="" method="POST">
{% csrf_token %} {% csrf_token %}
{{ form|bootstrap }}
<br> {% bootstrap_form form %}
<button class="btn btn-lg btn-primary btn-block" type="submit">{% translate "Update Fleet Operation" %}
</button> <div class="form-group mt-3 clearfix">
{% translate "Update fleet operation" as button_text %}
{% bootstrap_button button_class="btn btn-primary" content=button_text %}
</div>
</form> </form>
{% endif %} </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
{% endblock content %} {% endblock content %}