Crispy forms bootstrap5

This commit is contained in:
papi 2024-01-15 00:29:09 +03:00
parent db5f45934a
commit dce37df5ca
3 changed files with 23 additions and 19 deletions

View File

@ -48,6 +48,7 @@ DJANGO_APPS = [
# Third party apps # Third party apps
THIRD_PARTY_APPS = [ THIRD_PARTY_APPS = [
"crispy_forms", "crispy_forms",
"crispy_bootstrap5",
"rest_framework", "rest_framework",
"django_filters", "django_filters",
] ]
@ -196,7 +197,8 @@ EMAIL_HOST_USER = config("USER_EMAIL")
EMAIL_HOST_PASSWORD = config("USER_PASSWORD") EMAIL_HOST_PASSWORD = config("USER_PASSWORD")
# crispy config # crispy config
CRISPY_TEMPLATE_PACK = "bootstrap4" CRISPY_ALLOWED_TEMPLATE_PACKS = "bootstrap5"
CRISPY_TEMPLATE_PACK = "bootstrap5"
LOGIN_REDIRECT_URL = "/" LOGIN_REDIRECT_URL = "/"
LOGOUT_REDIRECT_URL = "/" LOGOUT_REDIRECT_URL = "/"

View File

@ -12,29 +12,17 @@
</ol> </ol>
</nav> </nav>
{% if messages %} {% include 'snippets/messages.html' %}
{% for message in messages %}
{% if message.tags == 'error' %}
<div class="alert alert-danger">
<i class="fas fa-exclamation-circle"></i>{{ message }}
</div>
{% else %}
<div class="alert alert-success">
<i class="fas fa-check-circle"></i>{{ message }}
</div>
{% endif %}
{% endfor %}
{% endif %}
<div class="row"> <div class="row">
<div class="col-md-6 mx-auto"> <div class="col-md-6 mx-auto">
<div class="card pb-3"> <div class="card">
<p class="form-title">Item Post & Update Form</p> <p class="form-title">Post Form</p>
<div class="container"><br> <div class="card-body">
<form action="" method="POST">{% csrf_token %} <form action="" method="POST">{% csrf_token %}
{{ form|crispy }} {{ form|crispy }}
<input class="btn btn-primary" type="submit" value="POST"> <input class="btn btn-primary" type="submit" value="Save">
<a class="btn btn-danger" href="{% url 'home' %}" style="float: right;">Cancel</a> <a class="btn" href="{% url 'home' %}" style="float: right;">Cancel</a>
</form> </form>
</div> </div>
</div> </div>

View File

@ -0,0 +1,14 @@
{% if messages %}
{% for message in messages %}
{% if message.tags == 'error' %}
<div class="alert alert-danger">
<i class="fas fa-exclamation-circle"></i>{{ message }}
</div>
{% else %}
<div class="alert alert-success">
<i class="fas fa-check-circle"></i>{{ message }}
</div>
{% endif %}
{% endfor %}
{% endif %}