stefanorigano (SRI)
4a5dbf6a57
'pull-[left/right]' classes are discontinued since Bootstrap v3 [1]. The reason why we never noticed is that we were unknowingly relying on fontAwesome utility classes that are basically the same. Since v3 we were supposed to use 'float-[left/right]' classes [2], but these classes will be renamed again in v5 with 'float-[start/end]'[3]. This commit introduces "v5 ready" utility-classes and replaces v2 legacy occurrences across the UI. These classes definitions can be safely removed when v5 migration will be completed. Notes: - this commit will *not* adapt frontend occurrences since its CSS already relies on a "migration table" [4]. - this commit will *not* adapt the few v3 'float-[left/right]' occurrences since are supposed to be handled in the v5 migration task (task-2704984). This commit is part of v16 overall restyle (task-2704984). enterprise: https://github.com/odoo/enterprise/pull/23848 task-2745275 [1] https://getbootstrap.com/docs/4.3/migration/#utilities [2] https://getbootstrap.com/docs/4.3/utilities/float/#classes [3] https://getbootstrap.com/docs/5.1/utilities/float/#overview [4] https://github.com/odoo/odoo/blob/15.0/addons/website/static/src/scss/compatibility/bs3_for_12_0.scss#L49 Part-of: odoo/odoo#83501
157 lines
8.1 KiB
XML
157 lines
8.1 KiB
XML
<?xml version="1.0" encoding="UTF-8"?>
|
|
<templates id="payment" xml:space="preserve">
|
|
<!-- The templates here as rendered by 'post_processing.js', you can also take
|
|
a look at payment_portal_templates.xml (xmlid: payment_status) for more infos-->
|
|
<t t-name="payment.display_tx_list">
|
|
<div>
|
|
<!-- Error transactions -->
|
|
<div t-if="tx_error.length > 0">
|
|
<h1>Payments failed</h1>
|
|
<ul class="list-group">
|
|
<t t-foreach="tx_error" t-as="tx">
|
|
<li class="list-group-item">
|
|
<h4 class="list-group-item-heading mb5">
|
|
<t t-esc="tx['reference']"/>
|
|
<span class="badge float-end"><t t-esc="tx['amount']"/> <t t-esc="tx['currency_code']"/></span>
|
|
</h4>
|
|
<small class="list-group-item-text">
|
|
An error occurred during the processing of this payment.<br/>
|
|
<strong>Reason:</strong> <t t-esc="tx['state_message']"/>
|
|
</small>
|
|
</li>
|
|
</t>
|
|
</ul>
|
|
</div>
|
|
<div t-if="tx_done.length > 0 || tx_authorized.length > 0 || tx_pending.length > 0">
|
|
<h1>Payments received</h1>
|
|
<div class="list-group">
|
|
<!-- Done transactions -->
|
|
<t t-foreach="tx_done" t-as="tx">
|
|
<a t-att-href="tx['landing_route']" class="list-group-item">
|
|
<h4 class="list-group-item-heading mb5">
|
|
<t t-esc="tx['reference']"/>
|
|
<span class="badge float-end"><t t-esc="tx['amount']"/> <t t-esc="tx['currency_code']"/></span>
|
|
</h4>
|
|
<small class="list-group-item-text">
|
|
<t t-if="!tx['is_post_processed']">
|
|
Your order is being processed, please wait ... <i class="fa fa-cog fa-spin"/>
|
|
</t>
|
|
<t t-else="">
|
|
Your order has been processed.<br/>
|
|
Click here to be redirected to the confirmation page.
|
|
</t>
|
|
</small>
|
|
</a>
|
|
</t>
|
|
<!-- Pending transactions -->
|
|
<t t-foreach="tx_pending" t-as="tx">
|
|
<a t-att-href="tx['landing_route']" class="list-group-item">
|
|
<h4 class="list-group-item-heading mb5">
|
|
<t t-esc="tx['reference']"/>
|
|
<span class="badge float-end"><t t-esc="tx['amount']"/> <t t-esc="tx['currency_code']"/></span>
|
|
</h4>
|
|
<small class="list-group-item-text">
|
|
<t t-if="tx['display_message']">
|
|
<!-- display_message is the content of the HTML field associated
|
|
with the current transaction state, set on the acquirer. -->
|
|
<t t-out="tx['display_message']"/>
|
|
</t>
|
|
<t t-else="">
|
|
Your payment is in pending state.<br/>
|
|
You will be notified when the payment is fully confirmed.<br/>
|
|
You can click here to be redirected to the confirmation page.
|
|
</t>
|
|
</small>
|
|
</a>
|
|
</t>
|
|
<!-- Authorized transactions -->
|
|
<t t-foreach="tx_authorized" t-as="tx">
|
|
<li class="list-group-item">
|
|
<h4 class="list-group-item-heading mb5">
|
|
<t t-esc="tx['reference']"/>
|
|
<span class="badge float-end"><t t-esc="tx['amount']"/> <t t-esc="tx['currency_code']"/></span>
|
|
</h4>
|
|
<small class="list-group-item-text">
|
|
<t t-if="tx['display_message']">
|
|
<!-- display_message is the content of the HTML field associated
|
|
with the current transaction state, set on the acquirer. -->
|
|
<t t-out="tx['display_message']"/>
|
|
</t>
|
|
<t t-else="">
|
|
Your payment has been received but need to be confirmed manually.<br/>
|
|
You will be notified when the payment is confirmed.
|
|
</t>
|
|
</small>
|
|
</li>
|
|
</t>
|
|
</div>
|
|
</div>
|
|
<!-- Draft transactions -->
|
|
<div t-if="tx_draft.length > 0">
|
|
<h1>Waiting for payment</h1>
|
|
<ul class="list-group">
|
|
<t t-foreach="tx_draft" t-as="tx">
|
|
<li class="list-group-item">
|
|
<h4 class="list-group-item-heading mb5">
|
|
<t t-esc="tx['reference']"/>
|
|
<span class="badge float-end"><t t-esc="tx['amount']"/> <t t-esc="tx['currency_code']"/></span>
|
|
</h4>
|
|
<small class="list-group-item-text">
|
|
<t t-if="tx['display_message']">
|
|
<!-- display_message is the content of the HTML field associated
|
|
with the current transaction state, set on the acquirer. -->
|
|
<t t-out="tx['display_message']"/>
|
|
</t>
|
|
<t t-else="">
|
|
We are waiting for the payment acquirer to confirm the payment.
|
|
</t>
|
|
</small>
|
|
</li>
|
|
</t>
|
|
</ul>
|
|
</div>
|
|
<!-- Cancel transactions -->
|
|
<div t-if="tx_cancel.length > 0">
|
|
<h1>Cancelled payments</h1>
|
|
<ul class="list-group">
|
|
<t t-foreach="tx_cancel" t-as="tx">
|
|
<li class="list-group-item">
|
|
<h4 class="list-group-item-heading mb5">
|
|
<t t-esc="tx['reference']"/>
|
|
<span class="badge float-end"><t t-esc="tx['amount']"/> <t t-esc="tx['currency_code']"/></span>
|
|
</h4>
|
|
<small class="list-group-item-text">
|
|
This transaction has been cancelled.<br/>
|
|
No payment has been processed.
|
|
</small>
|
|
</li>
|
|
</t>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</t>
|
|
|
|
<t t-name="payment.no_tx_found">
|
|
<div class="text-center">
|
|
<p>We are not able to find your payment, but don't worry.</p>
|
|
<p>You should receive an email confirming your payment in a few minutes.</p>
|
|
<p>If the payment hasn't been confirmed you can contact us.</p>
|
|
</div>
|
|
</t>
|
|
|
|
<t t-name="payment.rpc_error">
|
|
<div class="text-center">
|
|
<p><strong>Server error:</strong> Unable to contact the Odoo server.</p>
|
|
<p>Please wait ... <i class="fa fa-refresh fa-spin"></i></p>
|
|
</div>
|
|
</t>
|
|
|
|
<t t-name="payment.exception">
|
|
<div class="text-center">
|
|
<h2>Internal server error</h2>
|
|
<pre><t t-esc="exception_msg"/></pre>
|
|
</div>
|
|
</t>
|
|
|
|
</templates>
|