improved accessibility

This commit is contained in:
yann 2025-05-07 11:38:33 +02:00
parent f14e945bf2
commit 31b4cbd81e
19 changed files with 317 additions and 306 deletions

View File

@ -25,7 +25,6 @@ import reviews.views
urlpatterns = [ urlpatterns = [
path('admin/', admin.site.urls), path('admin/', admin.site.urls),
path('home/', reviews.views.home, name='home'),
path('', LoginView.as_view( path('', LoginView.as_view(
template_name='authentication/login.html', template_name='authentication/login.html',
redirect_authenticated_user=True), name='login'), redirect_authenticated_user=True), name='login'),

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

View File

@ -2,15 +2,18 @@
{% load reviews_extras %} {% load reviews_extras %}
{% block content %} {% block content %}
<main>
<div class="container"> <div class="container">
<div class="row"> <section>
<div class="row" id="atitle">
<div class="d-flex justify-content-center mt-5"> <div class="d-flex justify-content-center mt-5">
<h2> Bienvenue {{ request.user }}</h2> <h2> Bienvenue {{ request.user }}</h2>
</div> </div>
</div> </div>
</section>
<section>
<div class="row d-flex justify-content-center mt-4 mb-3"> <div class="row d-flex justify-content-center mt-4 mb-3">
<div class="col-3 d-flex justify-content-center"> <div class="col-3 d-flex justify-content-center">
<a href="{% url 'ticket-add' %}" type="button" class="btn btn-primary">Demander une critique</a> <a href="{% url 'ticket-add' %}" type="button" class="btn btn-primary">Demander une critique</a>
@ -19,8 +22,10 @@
<a href="{% url 'review-add' %}" type="button" class="btn btn-primary">Créer une critique</a> <a href="{% url 'review-add' %}" type="button" class="btn btn-primary">Créer une critique</a>
</div> </div>
</div> </div>
</section>
<div class="row"> <section>
<div class="row" id="flux">
{% for post in posts %} {% for post in posts %}
{% if post.content_type == 'TICKET' %} {% if post.content_type == 'TICKET' %}
<div class="row border border-2 border-secondary-subtle my-3"> <div class="row border border-2 border-secondary-subtle my-3">
@ -44,7 +49,9 @@
{% endif %} {% endif %}
{% endfor %} {% endfor %}
</div> </div>
</section>
</div> </div>
</main>
{% endblock %} {% endblock %}

View File

@ -1,33 +0,0 @@
{% extends 'base.html' %}
{% block content %}
<div class="container">
<div class="row">
<div class="d-flex justify-content-center mt-5">
<h2> Bienvenue {{ request.user }}</h2>
</div>
</div>
<div class="row d-flex justify-content-center mt-4 mb-3">
<div class="col-3 d-flex justify-content-center">
<a href="{% url 'ticket-add' %}" type="button" class="btn btn-primary">Demander une critique</a>
</div>
<div class="col-3 d-flex justify-content-center">
<a href="{% url 'review-add' %}" type="button" class="btn btn-primary">Créer une critique</a>
</div>
</div>
<div class="row">
{% for ticket in tickets %}
{% include 'reviews/ticket_detail.html' %}
<div class="col-6 d-flex justify-content-end mb-2">
{% if not ticket.review %}
<div class="col-4 align-self-end">
<a href="{% url 'review-ticket' ticket.id %}" type="button" class="btn btn-primary">Créer une critique</a>
</div>
{% endif %}
</div>
</div>
{% endfor %}
</div>
</div>
{% endblock %}

View File

@ -1,14 +1,17 @@
{% extends 'base.html' %} {% extends 'base.html' %}
{% block content %} {% block content %}
<main>
<div class="container"> <div class="container">
<section>
<div class="row"> <div class="row">
<div class="d-flex justify-content-center mt-5"> <div class="d-flex justify-content-center mt-5">
<h2> Posts </h2> <h2> Posts </h2>
</div> </div>
</div> </div>
</section>
<section>
{% for ticket in tickets %} {% for ticket in tickets %}
<div class="row border border-2 border-secondary-subtle my-3"> <div class="row border border-2 border-secondary-subtle my-3">
{% include 'reviews/ticket_detail.html' %} {% include 'reviews/ticket_detail.html' %}
@ -22,7 +25,9 @@
</div> </div>
</div> </div>
{% endfor %} {% endfor %}
</section>
<section>
{% for review in reviews %} {% for review in reviews %}
<div class="row border border-2 border-secondary-subtle my-3"> <div class="row border border-2 border-secondary-subtle my-3">
{% include 'reviews/review_detail.html' %} {% include 'reviews/review_detail.html' %}
@ -36,7 +41,7 @@
</div> </div>
</div> </div>
{% endfor %} {% endfor %}
</section>
</div> </div>
</main>
{% endblock %} {% endblock %}

View File

@ -1,14 +1,15 @@
{% extends 'base.html' %} {% extends 'base.html' %}
{% block content %} {% block content %}
<main>
<div class="container"> <div class="container">
<div class="row mt-3"> <div class="row mt-5">
<div class="col d-flex justify-content-center"> <div class="col d-flex justify-content-center">
<h2>Créer une critique</h2> <h2>Créer une critique</h2>
</div> </div>
</div> </div>
<div class="row border border-3 border-secondary-subtle mb-3 justify-content-center"> <section>
<div class="row border border-3 border-secondary-subtle justify-content-center mt-3 mb-1">
<h3> Livre/Article </h3> <h3> Livre/Article </h3>
<div class="col-4 mb-2"> <div class="col-4 mb-2">
<form method="post" enctype="multipart/form-data"> <form method="post" enctype="multipart/form-data">
@ -16,9 +17,11 @@
{% csrf_token %} {% csrf_token %}
</div> </div>
</div> </div>
</section>
<section>
<div class="row border border-3 border-secondary-subtle justify-content-center"> <div class="row border border-3 border-secondary-subtle justify-content-center">
<h3>Critique</h3> <h3>Critique</h3>
<div class="col-4 mb-2"> <div class="col-4 mb-4">
{% include 'reviews/review_form.html' %} {% include 'reviews/review_form.html' %}
<div class="d-flex justify-content-end"> <div class="d-flex justify-content-end">
<button type="submit" class="btn btn-primary"> Envoyer </button> <button type="submit" class="btn btn-primary"> Envoyer </button>
@ -26,6 +29,7 @@
</form> </form>
</div> </div>
</div> </div>
</section>
</div> </div>
</main>
{% endblock %} {% endblock %}

View File

@ -1,7 +1,7 @@
{% extends 'base.html' %} {% extends 'base.html' %}
{% block content %} {% block content %}
<main>
<div class="container text-center" style="height: 100vh"> <div class="container text-center" style="height: 100vh">
<div class="row h-100 align-items-center"> <div class="row h-100 align-items-center">
<form method="post"> <form method="post">
@ -11,6 +11,7 @@
</form> </form>
</div> </div>
</div> </div>
</main>
{% endblock %} {% endblock %}

View File

@ -1,19 +1,25 @@
{% load reviews_extras %} {% load reviews_extras %}
<div class="row"> <main>
<section>
<div class="row" id="owner_date">
<div class="col-8 mb-4"> <div class="col-8 mb-4">
{% display_owner review.user %} publié une critique {% display_owner review.user %} publié une critique
</div> </div>
<div class="col-4 d-flex justify-content-end"> <div class="col-4 d-flex justify-content-end">
{{ review.time_created }} {{ review.time_created }}
</div> </div>
</div> </div>
</section>
<section>
<div class="row d-flex justify-content-center"> <div class="row d-flex justify-content-center">
<span style="font-size: 22px" class="mb-3">{{ review.headline }} - {{ review.rating|rating_stars }}</span> <span style="font-size: 22px" class="mb-3">
{{ review.headline }} - {{ review.rating|rating_stars }}
</span>
<p> {{ review.comment }} </p> <p> {{ review.comment }} </p>
<div class="col-10 border border-2 border-secondary-subtle mb-3"> <div class="col-10 border border-2 border-secondary-subtle mb-3">
{% include 'reviews/ticket_detail.html' with ticket=review.ticket %} {% include 'reviews/ticket_detail.html' with ticket=review.ticket %}
</div> </div>
</div> </div>
</section>
</main>

View File

@ -1,13 +1,14 @@
{% extends 'base.html' %} {% extends 'base.html' %}
{% block content %} {% block content %}
<main>
<div class="container"> <div class="container">
<div class="row mt-3"> <div class="row mt-3">
<div class="col d-flex justify-content-center"> <div class="col d-flex justify-content-center">
<h2>Créer une critique</h2> <h2>Créer une critique</h2>
</div> </div>
</div> </div>
<section>
<div class="row border border-3 border-secondary-subtle"> <div class="row border border-3 border-secondary-subtle">
<p>Vous êtes en train de répondre à </p> <p>Vous êtes en train de répondre à </p>
<div class="col d-flex justify-content-center mb-2"> <div class="col d-flex justify-content-center mb-2">
@ -16,20 +17,21 @@
</div> </div>
</div> </div>
</div> </div>
</section>
<section>
<div class="row border border-3 border-secondary-subtle"> <div class="row border border-3 border-secondary-subtle">
<h3>Critique</h3> <h3>Critique</h3>
<div class="d-flex justify-content-center mb-2"> <div class="d-flex justify-content-center mb-2">
<form method="post" enctype="multipart/form-data"> <form method="post" enctype="multipart/form-data">
{% csrf_token %} {% csrf_token %}
{% include 'reviews/review_form.html' %} {% include 'reviews/review_form.html' %}
<div class="d-flex justify-content-end"> <div class="d-flex justify-content-end">
<button type="submit" class="btn btn-primary"> Envoyer </button> <button type="submit" class="btn btn-primary"> Envoyer </button>
</div> </div>
<form> <form>
</div> </div>
</div> </div>
</section>
</div> </div>
</main>
{% endblock %} {% endblock %}

View File

@ -2,30 +2,27 @@
{% block content %} {% block content %}
<main>
<div class="container"> <div class="container">
<div class="row my-4"> <div class="row mt-5">
<div class="d-flex justify-content-center"> <div class="col d-flex justify-content-center">
<h2>Modifier votre critique</h2> <h2>Modifier votre critique</h2>
</div> </div>
</div> </div>
<section>
<div class="row border border-3"> <div class="row border border-3 mt-3 mb-1">
<p>Vous êtes en train de poster en réponse à</p> <h3>Vous êtes en train de poster en réponse à</h3>
<div class="row d-flex justify-content-center"> <div class="row d-flex justify-content-center">
<div class="col-10 border border-2 border-secondary-subtle mb-3"> <div class="col-10 border border-2 border-secondary-subtle mb-3">
{% include 'reviews/ticket_detail.html' with ticket=review.ticket %} {% include 'reviews/ticket_detail.html' with ticket=review.ticket %}
</div> </div>
</div> </div>
</div> </div>
</section>
<div class="row border border-3 p-2"> <section>
<div class="col-3"> <div class="row border border-3 border-secondary-subtle justify-content-center mb-5 pb-5">
<p>Critique</p> <h3>Critique</h3>
</div> <div class="col-4 mb-4">
<div class="d-flex justify-content-center">
<div class="col-4 mb-2">
<form method="post" enctype="multipart/form-data"> <form method="post" enctype="multipart/form-data">
{% csrf_token %} {% csrf_token %}
{% include 'reviews/review_form.html' %} {% include 'reviews/review_form.html' %}
@ -35,9 +32,9 @@
</form> </form>
</div> </div>
</div> </div>
</section>
</div> </div>
</main>
</div>
{% endblock %} {% endblock %}

View File

@ -2,7 +2,9 @@
{% block content %} {% block content %}
<main>
<div class="container text-center"> <div class="container text-center">
<section>
<div class="row d-flex justify-content-center"> <div class="row d-flex justify-content-center">
<div class="d-flex justify-content-center my-5"> <div class="d-flex justify-content-center my-5">
<h2> Suivre d'autres utilisateurs </h2> <h2> Suivre d'autres utilisateurs </h2>
@ -20,8 +22,9 @@
</form> </form>
</div> </div>
</div> </div>
</section>
<section>
<div class="row d-flex justify-content-end"> <div class="row d-flex justify-content-end">
<div class="d-flex justify-content-center mt-5"> <div class="d-flex justify-content-center mt-5">
<h2> Abonnements </h2> <h2> Abonnements </h2>
@ -37,7 +40,9 @@
{% endfor %} {% endfor %}
</div> </div>
</section>
<section>
<div class="row d-flex justify-content-center"> <div class="row d-flex justify-content-center">
<div class="d-flex justify-content-center mt-5"> <div class="d-flex justify-content-center mt-5">
<h2> Abonnés </h2> <h2> Abonnés </h2>
@ -49,7 +54,7 @@
{% endfor %} {% endfor %}
</div> </div>
</div> </div>
</section>
</div> </div>
</main>
{% endblock %} {% endblock %}

View File

@ -1,24 +1,28 @@
{% extends 'base.html' %} {% extends 'base.html' %}
{% block content %} {% block content %}
<main>
<div class="container"> <div class="container">
<div class="row d-flex justify-content-center"> <div class="row mt-5">
<div class="col-md-auto form-group mt-5"> <div class="col d-flex justify-content-center">
<h2> Créer un ticket </h2> <h2> Créer un ticket </h2>
</div> </div>
<div class="d-flex justify-content-center border border-3 border-secondary-subtle mt-5"> </div>
<div class="col-4 mt-5"> <section>
<div class="row border border-3 border-secondary-subtle justify-content-center mt-3">
<h3> Livre/Article </h3>
<div class="col-4 mb-4">
<form method="post" enctype="multipart/form-data"> <form method="post" enctype="multipart/form-data">
{% csrf_token %} {% csrf_token %}
{{ ticket_form.as_p }} {% include 'reviews/ticket_form.html' %}
<div class="d-flex justify-content-end mb-4"> <div class="d-flex justify-content-end">
<button type="submit" class="btn btn-primary"> Envoyer </button> <button type="submit" class="btn btn-primary"> Envoyer </button>
</div> </div>
</form> </form>
</div> </div>
</div> </div>
</section>
</div> </div>
</div> </div>
</main>
{% endblock %} {% endblock %}

View File

@ -1,7 +1,7 @@
{% extends 'base.html' %} {% extends 'base.html' %}
{% block content %} {% block content %}
<main>
<div class="container text-center" style="height: 100vh"> <div class="container text-center" style="height: 100vh">
<div class="row h-100 align-items-center"> <div class="row h-100 align-items-center">
<form method="post"> <form method="post">
@ -11,6 +11,7 @@
</form> </form>
</div> </div>
</div> </div>
</main>
{% endblock %} {% endblock %}

View File

@ -1,5 +1,7 @@
{% load reviews_extras %} {% load reviews_extras %}
<main>
<section>
<div class="row"> <div class="row">
<div class="col-8 mb-4"> <div class="col-8 mb-4">
{% display_owner ticket.user %} publié une demande {% display_owner ticket.user %} publié une demande
@ -8,10 +10,12 @@
{{ ticket.time_created }} {{ ticket.time_created }}
</div> </div>
</div> </div>
</section>
<section>
<p><strong> {{ ticket.title }} </strong></p> <p><strong> {{ ticket.title }} </strong></p>
<p> {{ ticket.desc }} </p> <p> {{ ticket.desc }} </p>
<div class="col-3 mb-2"> <div class="col-3 mb-2">
<img src="{{ ticket.image.url }}" class="img" alt="Couverture de {{ ticket.title }}"> <img src="{{ ticket.image.url }}" class="img" alt="Couverture de {{ ticket.title }}">
</div> </div>
</section>
</main>

View File

@ -1,16 +1,30 @@
{% extends 'base.html' %} {% extends 'base.html' %}
{% block content %} {% block content %}
<main>
<div class="container"> <div class="container">
<div class="row d-flex align-items-center"> <div class="row mt-5">
<h2> Modifier la demande {{ ticket.title }}</h2> <div class="col d-flex justify-content-center">
<h2> Modifier la demande "{{ ticket.title }}"</h2>
</div> </div>
<div class="row"> </div>
<section>
<div class="row border border-3 border-secondary-subtle justify-content-center mt-3">
<h3> Livre/Article </h3>
<div class="col-4 mb-4">
<form method="post" enctype="multipart/form-data">
{% csrf_token %}
{% include 'reviews/ticket_form.html' %} {% include 'reviews/ticket_form.html' %}
<div class="d-flex justify-content-end">
<button type="submit" class="btn btn-primary"> Envoyer </button>
</div>
</form>
</div> </div>
</div> </div>
</section>
</div>
</div>
</main>
{% endblock %} {% endblock %}

View File

@ -1,7 +1,7 @@
{% extends 'base.html' %} {% extends 'base.html' %}
{% block content %} {% block content %}
<main>
<div class="container text-center" style="height: 100vh"> <div class="container text-center" style="height: 100vh">
<div class="row h-100 align-items-center"> <div class="row h-100 align-items-center">
<form method="post"> <form method="post">
@ -11,4 +11,5 @@
</form> </form>
</div> </div>
</div> </div>
</main>
{% endblock %} {% endblock %}

View File

@ -7,14 +7,6 @@ from reviews.forms import TicketForm, ReviewForm, ToFollowForm
from itertools import chain from itertools import chain
@login_required
def home(request):
tickets = Ticket.objects.all()
return render(request,
'reviews/home.html',
{'tickets': tickets})
@login_required @login_required
def flux(request): def flux(request):
""" """
@ -67,6 +59,7 @@ def ticket(request, ticket_id):
'reviews/ticket.html', 'reviews/ticket.html',
{'ticket': ticket}) {'ticket': ticket})
@login_required @login_required
def create_ticket(request): def create_ticket(request):
""" """
@ -107,7 +100,7 @@ def update_ticket(request, ticket_id):
return render(request, return render(request,
'reviews/ticket_update.html', 'reviews/ticket_update.html',
{'ticket_form': ticket_form}) {'ticket_form': ticket_form, 'ticket': ticket})
@login_required @login_required

View File

@ -26,7 +26,8 @@
</header> </header>
{% block content %}{% endblock %} {% block content %}{% endblock %}
<footer>
</footer>
</body> </body>
</html> </html>