[CHANGE] Switch to django_bootstrap5 forms

This commit is contained in:
Peter Pfeufer 2023-12-09 17:19:47 +01:00
parent 583a6d4c7f
commit 6f0b853a60
No known key found for this signature in database
GPG Key ID: 6051D2C6AD4EBC27
3 changed files with 94 additions and 55 deletions

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 %}
{% block page_title %} {% block page_title %}
@ -21,40 +21,55 @@
{% translate "Create SRP Fleet" %} {% translate "Create SRP Fleet" %}
</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">
{% translate "SRP fleet details" %}
</div>
</div>
<div class="card-body">
<div class="row justify-content-center">
<div class="col-md-6">
{% if completed == False %} {% if completed == False %}
<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 SRP Fleet" %}</button>
<div class="form-group mt-3 clearfix">
{% translate "Create SRP fleet" as button_text %}
{% bootstrap_button button_class="btn btn-primary" content=button_text %}
</div>
</form> </form>
{% else %} {% else %}
<div class="alert alert-info" role="alert">{% blocktranslate %}Give this link to the line members{% endblocktranslate %}.</div> <div class="aa-callout aa-callout-info" role="alert">
<div class="alert alert-info" role="alert"> <p>{% translate "Give this link to the line members." %}</p>
{{ SITE_URL }}{% url 'srp:request' completed_srp_code %} <p>{{ SITE_URL }}{% url 'srp:request' completed_srp_code %}</p>
</div> </div>
<div class="text-center">
<a href="{% url 'srp:management' %}" class="btn btn-primary btn-lg">{% translate "Continue" %}</a> <div class="text-end">
<a href="{% url 'srp:management' %}" class="btn btn-primary">{% translate "Continue" %}</a>
</div> </div>
{% endif %} {% endif %}
</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>
$(document).ready(() => {
$('#id_fleet_time').datetimepicker({ $('#id_fleet_time').datetimepicker({
setlocale: '{{ LANGUAGE_CODE }}', setlocale: '{{ LANGUAGE_CODE }}',
mask: true, mask: true,
format: 'Y-m-d H:i', format: 'Y-m-d H:i',
minDate: 0 minDate: 0
}); });
{% endblock extra_script %} });
</script>
{% endblock %}

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 %}
{% block page_title %} {% block page_title %}
@ -17,18 +17,29 @@
{% translate "Create SRP Request" %} {% translate "Create SRP Request" %}
</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">
{% translate "Your SRP request" %}
</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 SRP Request" %}
</button> <div class="form-group mt-3 clearfix">
{% translate "Create SRP request" 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 %}

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 %}
{% block page_title %} {% block page_title %}
@ -17,22 +17,35 @@
{% translate "Update AAR Link" %} {% translate "Update AAR Link" %}
</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">
{% translate "After Action Report" %}
</div>
</div>
<div class="card-body">
<div class="row justify-content-center">
<div class="col-md-6">
{% if no_fleet_id %} {% if no_fleet_id %}
<div class="alert alert-danger" role="alert">{% translate "SRP Fleet Does Not Exist" %}</div> <div class="alert alert-danger" role="alert">
{% translate "SRP Fleet Does Not Exist" %}
</div>
{% else %} {% else %}
<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 AAR Link" %}
</button> <div class="form-group mt-3 clearfix">
{% translate "Update AAR link" as button_text %}
{% bootstrap_button button_class="btn btn-primary" content=button_text %}
</div>
</form> </form>
{% endif %} {% endif %}
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div>
{% endblock content %} {% endblock content %}