profile order list ui change

This commit is contained in:
Faheedkhan 2025-05-25 14:13:42 +03:00
parent 0b69bcafad
commit 96c8adf364

View File

@ -4,40 +4,38 @@
{% block body %} {% block body %}
{% block order_header %} {% block order_header %}
<h1>{% trans "List of orders" %}</h1> <h3 class="mt-4"><i class="fa-solid fa-list me-2"></i>{% trans "List of orders" %}</h3>
{% endblock %} {% endblock %}
{% if object_list %} {% if object_list %}
{% block pagination_first %}
{% include "plans/pagination.html" %}
{% endblock %}
{% block order_table %} {% block order_table %}
<div class="table-responsive"> <div class="table-responsive px-1 scrollbar mt-3">
<table class="table fs-9 mb-0 border-top border-translucent"> <table class="table align-items-center table-flush">
<thead> <thead>
<tr> <tr class="bg-body-highlight">
<th>ID</th> <th>ID</th>
<th>{% trans 'Name' %}</th> <th class="sort white-space-nowrap align-middle" scope="col">{% trans 'Name' %}</th>
<th>{% trans 'Created' context 'order created' %}</th> <th class="sort white-space-nowrap align-middle" scope="col">{% trans 'Created' context 'order created' %}</th>
<th>{% trans 'Status' context 'order status' %}</th> <th class="sort white-space-nowrap align-middle" scope="col">{% trans 'Status' context 'order status' %}</th>
<th>{% trans 'Completed' context 'order completed' %}</th> <th class="sort white-space-nowrap align-middle" scope="col">{% trans 'Completed' context 'order completed' %}</th>
<th>{% trans 'Total' context 'total amount, value' %}</th> <th class="sort white-space-nowrap align-middle" scope="col">{% trans 'Total' context 'total amount, value' %}</th>
<th>{% trans 'Plan valid from' %}</th> <th class="sort white-space-nowrap align-middle" scope="col">{% trans 'Plan valid from' %}</th>
<th>{% trans 'Plan valid until' %}</th> <th class="sort white-space-nowrap align-middle" scope="col">{% trans 'Plan valid until' %}</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
{% for order in object_list %} {% for order in object_list %}
<tr class="{% if order.status == 2 %}success{% elif order.status == 3 %}danger{% elif order.status == 4 %}warning{% elif order.status == 5 %}info{% endif %}"> <tr class="{% if order.status == 2 %}success{% elif order.status == 3 %}danger{% elif order.status == 4 %}warning{% elif order.status == 5 %}info{% endif %}">
<td><a href="{{ order.get_absolute_url }}">{{ order.pk }}</a></td> <td class="align-middle product white-space-nowrap"><a href="{{ order.get_absolute_url }}">{{ order.pk }}</a></td>
<td><a href="{{ order.get_absolute_url }}">{{ order.name }}</a></td> <td class="align-middle product white-space-nowrap"><a href="{{ order.get_absolute_url }}">{{ order.name }}</a></td>
<td class="date">{{ order.created|date }}</td> <td class="date align-middle product white-space-nowrap">{{ order.created|date }}</td>
<td class="status">{{ order.get_status_display }}</td> <td class="status align-middle product white-space-nowrap">{{ order.get_status_display }}</td>
<td class="date">{{ order.completed|date|default:"-" }}</td> <td class="date align-middle product white-space-nowrap">{{ order.completed|date|default:"-" }}</td>
<td class="number">{{ order.total }}&nbsp;{{ CURRENCY }}</td> <td class="number align-middle product white-space-nowrap">{{ order.total }}&nbsp;{{ CURRENCY }}</td>
<td class="date">{{ order.plan_extended_from|date|default:"-" }}</td> <td class="date align-middle product white-space-nowrap">{{ order.plan_extended_from|date|default:"-" }}</td>
<td class="date">{{ order.plan_extended_until|date|default:"-" }}</td> <td class="date align-middle product white-space-nowrap">{{ order.plan_extended_until|date|default:"-" }}</td>
</tr> </tr>
{% endfor %} {% endfor %}
</tbody> </tbody>
@ -52,4 +50,7 @@
{% else %} {% else %}
{% blocktrans %}You do not have any orders so far.{% endblocktrans %} {% blocktrans %}You do not have any orders so far.{% endblocktrans %}
{% endif %} {% endif %}
{% endblock %} {% endblock %}