added <main> and <aside> to checkout pages

This commit is contained in:
Richard Schreiber
2021-02-19 11:57:45 +01:00
parent 2583e6166a
commit cea8efc4a3
3 changed files with 8 additions and 0 deletions

View File

@@ -12,6 +12,7 @@
{% trans "Checkout" %} {% trans "Checkout" %}
{% endblock %} {% endblock %}
{% block content %} {% block content %}
<aside aria-label="{% trans "Your cart" %}">
<details class="panel panel-default cart" {% if "open_cart" in request.GET %}open{% endif %}> <details class="panel panel-default cart" {% if "open_cart" in request.GET %}open{% endif %}>
<summary class="panel-heading"> <summary class="panel-heading">
<h3 class="panel-title"> <h3 class="panel-title">
@@ -52,8 +53,11 @@
{% trans "Add tickets for a different date" %} {% trans "Add tickets for a different date" %}
</a> </a>
{% endif %} {% endif %}
</aside>
<main aria-label="{% trans "Checkout" %}">
<h2>{% trans "Checkout" %}</h2> <h2>{% trans "Checkout" %}</h2>
{% include "pretixpresale/event/fragment_checkoutflow.html" %} {% include "pretixpresale/event/fragment_checkoutflow.html" %}
{% block inner %} {% block inner %}
{% endblock %} {% endblock %}
</main>
{% endblock %} {% endblock %}

View File

@@ -5,6 +5,7 @@
{% load eventsignal %} {% load eventsignal %}
{% block title %}{% trans "Review order" %}{% endblock %} {% block title %}{% trans "Review order" %}{% endblock %}
{% block content %} {% block content %}
<main aria-label="{% trans "Review order" %}">
<h2>{% trans "Review order" %}</h2> <h2>{% trans "Review order" %}</h2>
{% include "pretixpresale/event/fragment_checkoutflow.html" %} {% include "pretixpresale/event/fragment_checkoutflow.html" %}
<p>{% trans "Please review the details below and confirm your order." %}</p> <p>{% trans "Please review the details below and confirm your order." %}</p>
@@ -203,4 +204,5 @@
<div class="clearfix"></div> <div class="clearfix"></div>
</div> </div>
</form> </form>
</main>
{% endblock %} {% endblock %}

View File

@@ -8,6 +8,7 @@
{% load phone_format %} {% load phone_format %}
{% block title %}{% trans "Order details" %}{% endblock %} {% block title %}{% trans "Order details" %}{% endblock %}
{% block content %} {% block content %}
<main>
{% if "thanks" in request.GET or "paid" in request.GET %} {% if "thanks" in request.GET or "paid" in request.GET %}
<div class="thank-you"> <div class="thank-you">
<span class="fa fa-check-circle" aria-hidden="true"></span> <span class="fa fa-check-circle" aria-hidden="true"></span>
@@ -426,4 +427,5 @@
</ul> </ul>
</div> </div>
{% endif %} {% endif %}
</main>
{% endblock %} {% endblock %}