update
This commit is contained in:
Marwan Alwali
parent
aaf12c950b
commit
e2528f5ad7
Binary file not shown.
@ -3,41 +3,59 @@
|
||||
|
||||
{% block body %}
|
||||
|
||||
{% block account_details %}
|
||||
<h3>{% trans "Your account" %}</h3>
|
||||
<!-- Account Details Section -->
|
||||
<div class="row my-3">
|
||||
<div class="col-12">
|
||||
<div class="card shadow-sm">
|
||||
<div class="card-header">
|
||||
<h5 class="mb-0">{% trans "Your Account" %}</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="row mb-0">
|
||||
<div class="col-sm-2">{% trans "Account" %}:</div>
|
||||
<div class="col-sm-10">{{ user.dealer.get_local_name }}</div>
|
||||
|
||||
<dl class="dl-horizontal">
|
||||
<dt>{% trans "Account" %}:</dt>
|
||||
<dd>{{ user }}</dd>
|
||||
<dt>{% trans "State" %}:</dt>
|
||||
<dd>{% if userplan.active %} {% trans "active" %} {% else %}
|
||||
{% trans "expired" %} {% endif %}</dd>
|
||||
<dt>{% trans "Expire" %}:</dt>
|
||||
<dd> {{ userplan.expire }}</dd>
|
||||
<dt>{% trans "Plan" %}:</dt>
|
||||
<dd>{{ userplan.plan }} <a href="{% url 'upgrade_plan' %}">{% trans "upgrade" %}</a></dd>
|
||||
</dl>
|
||||
{% endblock %}
|
||||
<div class="col-sm-2">{% trans "State" %}:</div>
|
||||
<div class="col-sm-10">
|
||||
{% if userplan.active %}
|
||||
<span class="badge badge-phoenix badge-phoenix-success">{% trans "Active" %}</span>
|
||||
{% else %}
|
||||
<span class="badge badge-phoenix badge-phoenix-danger">{% trans "Expired" %}</span>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
{% block plan_details %}
|
||||
<h2>{% trans "Plan details" %}</h2>
|
||||
<div class="col-sm-2">{% trans "Expire" %}:</div>
|
||||
<div class="col-sm-10">{{ userplan.expire }}</div>
|
||||
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-5">
|
||||
{% include "plans/plan_table.html" %}
|
||||
<div class="col-sm-2">{% trans "Plan" %}:</div>
|
||||
<div class="col-sm-10">
|
||||
{{ userplan.plan }}
|
||||
<a href="{% url 'upgrade_plan' %}" class="btn btn-sm btn-phoenix-primary ml-2">{% trans "Upgrade" %}</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
{% block need_more %}
|
||||
<h1>{% trans "Need more?" %}</h1>
|
||||
|
||||
{% url 'upgrade_plan' as upgrade_url %}
|
||||
{% blocktrans %}
|
||||
Please see other <a href="{{ upgrade_url }}">currently available plans</a>.
|
||||
{% endblocktrans %}
|
||||
{% endblock %}
|
||||
<!-- Plan Details Section -->
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="card shadow-sm">
|
||||
<div class="card-header">
|
||||
<h5 class="mb-0">{% trans "Plan Details" %}</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-md-8">
|
||||
{% include "plans/plan_table.html" %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
{% endblock %}
|
||||
|
||||
{% endblock %}
|
||||
@ -1,127 +1,112 @@
|
||||
{% load i18n %}
|
||||
<div class="table-responsive mt-2">
|
||||
<table class="plan_table table fs-9 mb-0">
|
||||
<thead>
|
||||
<tr>
|
||||
<th></th>
|
||||
{% for plan in plan_list %}
|
||||
<th class="plan_header {% if forloop.counter0 == current_userplan_index %}current{% endif %}">
|
||||
{% if plan.url %}<a href="{{ plan.url }}" class="info_link plan">{% endif %}
|
||||
<span class="plan_name">{{ plan.name }}</span>
|
||||
|
||||
{% if plan == userplan.plan %}
|
||||
<span class="current current_plan">{% trans "your current plan" %}</span>
|
||||
{% endif %}
|
||||
{% if plan.url %}</a>{% endif %}
|
||||
</th>
|
||||
{% endfor %}
|
||||
</tr>
|
||||
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for quota_row in plan_table %}
|
||||
<tr class="quota_row">
|
||||
|
||||
<th class="quota_header">
|
||||
{% if quota_row.0.url %}<a href="{{ quota_row.0.url }}" class="info_link quota">{% endif %}
|
||||
<span class="quota_name">{{ quota_row.0.name }}</span>
|
||||
<span class="quota_description">{{ quota_row.0.description }}</span>
|
||||
{% if quota_row.0.url %}</a>{% endif %}
|
||||
</th>
|
||||
|
||||
{% for plan_quota in quota_row.1 %}
|
||||
|
||||
<td class="{% if forloop.counter0 == current_userplan_index %}current{% endif %}">
|
||||
{% if plan_quota != None %}
|
||||
{% if quota_row.0.is_boolean %}
|
||||
{% if plan_quota.value %} + {% else %} - {% endif %}
|
||||
{% else %}
|
||||
{% if plan_quota.value == None %}{% trans 'no limit' %}{% else %}{{ plan_quota.value }} {{ quota_row.0.unit }}{% endif %}
|
||||
<div class="table-responsive mt-4">
|
||||
<table class="plan_table table border-top border-translucent fs-9 mb-4">
|
||||
<thead class="">
|
||||
<tr>
|
||||
<th scope="col"></th>
|
||||
{% for plan in plan_list %}
|
||||
<th scope="col" class="plan_header text-center {% if forloop.counter0 == current_userplan_index %}current bg-body-highlight{% endif %}">
|
||||
{% if plan.url %}<a href="{{ plan.url }}" class="info_link plan text-decoration-none">{% endif %}
|
||||
<span class="plan_name font-weight-bold">{{ plan.name }}</span>
|
||||
{% if plan == userplan.plan %}
|
||||
<span class="current current_plan badge badge-phoenix badge-phoenix-success">{% trans "Current Plan" %}</span>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
</td>
|
||||
{% endfor %}
|
||||
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<th></th>
|
||||
<th colspan="{{ plan_list|length }}" class="periods_footer">{% trans 'Pricing' %}</th>
|
||||
</tr>
|
||||
|
||||
{% if user.is_authenticated %}
|
||||
|
||||
<tr>
|
||||
<th></th>
|
||||
{% for plan in plan_list %}
|
||||
<th class="planpricing_footer {% if forloop.counter0 == current_userplan_index %}current{% endif %}">
|
||||
{% if plan != userplan.plan and not userplan.is_expired and not userplan.plan.is_free %}
|
||||
<a href="{% url 'create_order_plan_change' pk=plan.id %}" class="change_plan">{% trans "Change" %}</a>{% endif %}
|
||||
</th>
|
||||
{% endfor %}
|
||||
</tr>
|
||||
|
||||
{% endif %}
|
||||
|
||||
<tr>
|
||||
<th></th>
|
||||
{% for plan in plan_list %}
|
||||
<th class="planpricing_footer {% if forloop.counter0 == current_userplan_index %}current{% endif %}">
|
||||
{% if plan.available %}
|
||||
<ul>
|
||||
{% if not plan.is_free %}
|
||||
{% for plan_pricing in plan.planpricing_set.all %}
|
||||
{% if plan_pricing.visible %}
|
||||
<li>
|
||||
{% if plan_pricing.pricing.url %}<a href="{{ plan_pricing.pricing.url }}" class="info_link pricing">{% endif %}
|
||||
<span class="plan_pricing_name">{{ plan_pricing.pricing.name }}</span>
|
||||
<span class="plan_pricing_period">({{ plan_pricing.pricing.period }} {% trans "days" %})</span>
|
||||
{% if plan_pricing.pricing.url %}</a>{% endif %}
|
||||
<span class="plan_pricing_price">{{ plan_pricing.price }} {{ CURRENCY }}</span>
|
||||
{% if plan_pricing.plan == userplan.plan or userplan.is_expired or userplan.plan.is_free %}
|
||||
<a href="{% url 'create_order_plan' pk=plan_pricing.pk %}" class="buy">{% trans "Buy" %}</a>
|
||||
{% if plan.url %}</a>{% endif %}
|
||||
</th>
|
||||
{% endfor %}
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for quota_row in plan_table %}
|
||||
<tr class="quota_row">
|
||||
<th scope="row" class="quota_header align-middle">
|
||||
{% if quota_row.0.url %}<a href="{{ quota_row.0.url }}" class="info_link quota text-decoration-none">{% endif %}
|
||||
<span class="quota_name fw-bold">{{ quota_row.0.name }}</span>
|
||||
<small class="quota_description d-block text-muted">{{ quota_row.0.description }}</small>
|
||||
{% if quota_row.0.url %}</a>{% endif %}
|
||||
</th>
|
||||
{% for plan_quota in quota_row.1 %}
|
||||
<td class="align-middle text-center {% if forloop.counter0 == current_userplan_index %}current bg-body-highlight{% endif %}">
|
||||
{% if plan_quota != None %}
|
||||
{% if quota_row.0.is_boolean %}
|
||||
{% if plan_quota.value %}<i class="fas fa-check text-success"></i>{% else %}<i class="fas fa-times text-danger"></i>{% endif %}
|
||||
{% else %}
|
||||
{% if plan_quota.value == None %}{% trans 'No Limit' %}{% else %}{{ plan_quota.value }} {{ quota_row.0.unit }}{% endif %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% else %}
|
||||
{# Allow selecting plans with no pricings #}
|
||||
<li>
|
||||
<span class="plan_pricing_name">{% trans "Free" %}</span>
|
||||
<span class="plan_pricing_period">({% trans "no expiry" %})</span>
|
||||
<span class="plan_pricing_price">0 {{ CURRENCY }}</span>
|
||||
{% if plan != userplan.plan or userplan.is_expired %}
|
||||
<a href="{% url 'create_order_plan_change' pk=plan.id %}" class="change_plan">
|
||||
{% if userplan.is_expired %}
|
||||
{% trans "Select" %}
|
||||
{% else %}
|
||||
{% trans "Change" %}
|
||||
{% endif %}
|
||||
</a>
|
||||
</td>
|
||||
{% endfor %}
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
<tfoot class="">
|
||||
<tr>
|
||||
<th scope="col"></th>
|
||||
<th colspan="{{ plan_list|length }}" class="text-center font-weight-bold py-3">{% trans 'Pricing' %}</th>
|
||||
</tr>
|
||||
{% if user.is_authenticated %}
|
||||
<tr>
|
||||
<th scope="col"></th>
|
||||
{% for plan in plan_list %}
|
||||
<th class="planpricing_footer text-center {% if forloop.counter0 == current_userplan_index %}current bg-body-highlight{% endif %}">
|
||||
{% if plan != userplan.plan and not userplan.is_expired and not userplan.plan.is_free %}
|
||||
<a href="{% url 'create_order_plan_change' pk=plan.id %}" class="change_plan btn btn-sm btn-outline-primary">{% trans "Change" %}</a>
|
||||
{% endif %}
|
||||
</li>
|
||||
{% endif %}
|
||||
</ul>
|
||||
|
||||
{% else %}
|
||||
<span class="plan_not_available">
|
||||
{% url 'upgrade_plan' as upgrade_url %}
|
||||
{% blocktrans %}
|
||||
This plan is not available anymore and cannot be extended.<p>
|
||||
You need to upgrade your account to any of <a href="{{ upgrade_url }}">currently available plans</a>.
|
||||
{% endblocktrans %}
|
||||
</span>
|
||||
|
||||
{% endif %}
|
||||
</th>
|
||||
{% endfor %}
|
||||
</tr>
|
||||
|
||||
</tfoot>
|
||||
</table>
|
||||
</th>
|
||||
{% endfor %}
|
||||
</tr>
|
||||
{% endif %}
|
||||
<tr>
|
||||
<th scope="col"></th>
|
||||
{% for plan in plan_list %}
|
||||
<th class="planpricing_footer text-center {% if forloop.counter0 == current_userplan_index %}current bg-body-highlight{% endif %}">
|
||||
{% if plan.available %}
|
||||
<ul class="list-unstyled">
|
||||
{% if not plan.is_free %}
|
||||
{% for plan_pricing in plan.planpricing_set.all %}
|
||||
{% if plan_pricing.visible %}
|
||||
<li class="mb-2">
|
||||
{% if plan_pricing.pricing.url %}<a href="{{ plan_pricing.pricing.url }}" class="info_link pricing text-decoration-none">{% endif %}
|
||||
<span class="plan_pricing_name font-weight-bold">{{ plan_pricing.pricing.name }}</span>
|
||||
<small class="plan_pricing_period d-block text-muted">({{ plan_pricing.pricing.period }} {% trans "days" %})</small>
|
||||
{% if plan_pricing.pricing.url %}</a>{% endif %}
|
||||
<span class="plan_pricing_price d-block font-weight-bold">{{ plan_pricing.price }} {{ CURRENCY }}</span>
|
||||
{% if plan_pricing.plan == userplan.plan or userplan.is_expired or userplan.plan.is_free %}
|
||||
<a href="{% url 'create_order_plan' pk=plan_pricing.pk %}" class="buy btn btn-sm btn-phoenix-success">{% trans "Buy" %}</a>
|
||||
{% endif %}
|
||||
</li>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% else %}
|
||||
<li class="mb-2">
|
||||
<span class="plan_pricing_name font-weight-bold">{% trans "Free" %}</span>
|
||||
<small class="plan_pricing_period d-block text-muted">({% trans "no expiry" %})</small>
|
||||
<span class="plan_pricing_price d-block font-weight-bold">0 {{ CURRENCY }}</span>
|
||||
{% if plan != userplan.plan or userplan.is_expired %}
|
||||
<a href="{% url 'create_order_plan_change' pk=plan.id %}" class="change_plan btn btn-sm btn-phoenix-primary">
|
||||
{% if userplan.is_expired %}
|
||||
{% trans "Select" %}
|
||||
{% else %}
|
||||
{% trans "Change" %}
|
||||
{% endif %}
|
||||
</a>
|
||||
{% endif %}
|
||||
</li>
|
||||
{% endif %}
|
||||
</ul>
|
||||
{% else %}
|
||||
<span class="plan_not_available text-muted">
|
||||
{% url 'upgrade_plan' as upgrade_url %}
|
||||
{% blocktrans %}
|
||||
This plan is not available anymore and cannot be extended.<br>
|
||||
You need to upgrade your account to any of <a href="{{ upgrade_url }}" class="text-primary">currently available plans</a>.
|
||||
{% endblocktrans %}
|
||||
</span>
|
||||
{% endif %}
|
||||
</th>
|
||||
{% endfor %}
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
</div>
|
||||
<p style="text-align: right;">
|
||||
{% trans "Net prices" %}
|
||||
|
||||
</p>
|
||||
<p class="text-right fs-9 text-muted mt-3">* {% trans "Net prices" %}</p>
|
||||
@ -4,7 +4,7 @@
|
||||
|
||||
{% block content %}
|
||||
<div class="row">
|
||||
<h2 class="mb-7">Pricing</h2>
|
||||
<h2 class="mb-7">{{ _('Pricing') }}</h2>
|
||||
<div class="row">
|
||||
<div class="col-xl-12 col-xxl-9 mb-1">
|
||||
<div class="tabs mb-7">
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user