You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
338 lines
19 KiB
338 lines
19 KiB
<?xml version="1.0" encoding="utf-8"?>
|
|
<odoo>
|
|
|
|
<!-- ONEY CALCULATE PAYMENT SIMULATION -->
|
|
<template id="oney_detail_simulation" name="Oney detail">
|
|
<input type="hidden" id="Type-oney" name="Type oney" value="3x-oney"/>
|
|
<a href="#" onclick="document.getElementById('div-oney-3x').style.display = 'inline';
|
|
document.getElementById('button-3x-group').className = 'button-3x-group-active';
|
|
document.getElementById('div-oney-4x').style.display = 'none';
|
|
document.getElementById('button-4x-group').className = 'button-4x-group';"
|
|
style="text-decoration: none;">
|
|
<div id="button-3x-group" class="button-3x-group-active">
|
|
<span class="text-button">3x payment</span>
|
|
</div>
|
|
</a>
|
|
<a href="#" onclick="document.getElementById('div-oney-3x').style.display = 'none';
|
|
document.getElementById('button-3x-group').className = 'button-3x-group';
|
|
document.getElementById('div-oney-4x').style.display = 'inline';
|
|
document.getElementById('button-4x-group').className = 'button-4x-group-active';"
|
|
style="text-decoration: none;">
|
|
<div id="button-4x-group" class="button-4x-group">
|
|
<span class="text-button">4x payment</span>
|
|
</div>
|
|
</a>
|
|
<div class="payment-detail">
|
|
<div id="div-oney-3x" style="display: inline;">
|
|
<table class="table-detail" cellspacing="0">
|
|
<tr>
|
|
<td><strong>For an amount of:</strong></td><td><strong><input id="amount_total_oney_3x" type="text" class="text-right-simulation" disabled="disabled" t-att-value="0"/> <span t-esc="currency_symbol"/></strong></td>
|
|
</tr>
|
|
<tr>
|
|
<td>First intake:</td><td><strong><input id="contribution_of_3x" type="text" class="text-right-simulation" disabled="disabled" t-att-value="0"/> <span t-esc="currency_symbol"/></strong></td>
|
|
</tr>
|
|
<tr class="small-text">
|
|
<td colspan="2">(Cost of financing: <strong>8,93 €</strong>TAEG : <strong>19,26 €</strong>)</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Monthly payments N°1:</td><td><strong><input id="1st_monthly_payment_3x" type="text" class="text-right-simulation" disabled="disabled" t-att-value="0"/> <span t-esc="currency_symbol"/></strong></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Monthly payments N°2:</td><td><strong><input id="2nd_monthly_payment_3x" type="text" class="text-right-simulation" disabled="disabled" t-att-value="0"/> <span t-esc="currency_symbol"/></strong></td>
|
|
</tr>
|
|
<tr>
|
|
<td></td><td></td>
|
|
</tr>
|
|
<tr>
|
|
<td></td><td></td>
|
|
</tr>
|
|
<tr>
|
|
<td><strong>Total :</strong></td><td>
|
|
<strong><input id="total_payment_3x" type="text" class="text-right-simulation" disabled="disabled" t-att-value="0"/> <span t-esc="currency_symbol"/></strong></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div id="div-oney-4x" style="display: none;">
|
|
<table class="table-detail" cellspacing="0">
|
|
<tr>
|
|
<td><strong>For an amount of:</strong></td><td><strong><input id="amount_total_oney_4x" type="text" class="text-right-simulation" disabled="disabled" t-att-value="0"/> <span t-esc="currency_symbol"/></strong></td>
|
|
</tr>
|
|
<tr>
|
|
<td>First intake:</td><td><strong><input id="contribution_of_4x" type="text" class="text-right-simulation" disabled="disabled" t-att-value="0"/> <span t-esc="currency_symbol"/></strong></td>
|
|
</tr>
|
|
<tr class="small-text">
|
|
<td colspan="2">(Cost of financing: <strong>8,93 €</strong>TAEG : <strong>19,26 €</strong>)</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Monthly payments N°1:</td><td><strong><input id="1st_monthly_payment_4x" type="text" class="text-right-simulation" disabled="disabled" t-att-value="0"/> <span t-esc="currency_symbol"/></strong></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Monthly payments N°2:</td><td><strong><input id="2nd_monthly_payment_4x" type="text" class="text-right-simulation" disabled="disabled" t-att-value="0"/> <span t-esc="currency_symbol"/></strong></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Monthly payments N°3:</td><td><strong><input id="3nd_monthly_payment_4x" type="text" class="text-right-simulation" disabled="disabled" t-att-value="0"/> <span t-esc="currency_symbol"/></strong></td>
|
|
</tr>
|
|
<tr>
|
|
<td></td><td></td>
|
|
</tr>
|
|
<tr>
|
|
<td><strong>Total :</strong></td><td class="text-right">
|
|
<strong><input id="total_payment_4x" type="text" class="text-right-simulation" disabled="disabled" t-att-value="0"/> <span t-esc="currency_symbol"/></strong></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<template id="product_quantity_oney" inherit_id="website_sale.product_quantity">
|
|
<xpath expr="//input[@name='add_qty']" position="attributes">
|
|
<attribute name="id">add_qty</attribute>
|
|
</xpath>
|
|
</template>
|
|
|
|
<!-- ONEY FOOTER DETAIL INFORMATION -->
|
|
<template id="oney_footer_detail" name="Oney Footer Detail">
|
|
<div class="footer-oney"><t t-esc="FooterMessage"/></div>
|
|
</template>
|
|
|
|
<!-- BANNER ONEY IN PRODUCT FORM-->
|
|
<template id="product_price_oney" inherit_id="website_sale.product_price">
|
|
<xpath expr="//div[@itemprop='offers']/h3" position="after">
|
|
<div style="visibility: hidden;">
|
|
<span t-if="product.image_1920">
|
|
<img t-att-src="image_data_uri(product.image_1920)" style="height: 6px;"/>
|
|
</span>
|
|
<span t-else=""
|
|
t-field="product.image_1920"
|
|
t-options="{'widget': 'image', 'qweb_img_responsive': False, 'class': 'rounded o_image_64_max'}"
|
|
/>
|
|
</div>
|
|
<div t-if="acquirer.code == 'payplug' and acquirer.state != 'disables' and acquirer.payment_type_oney == True and authorized_by_company == True"
|
|
class="banner_oney_product"
|
|
name="banner_oney">
|
|
<!-- POPUP SIMULATION ONEY BANNER -->
|
|
<div t-if="authorized_by_oney==True" id="OneyPopup" style="display: inline; margin-bottom: 3px;" >
|
|
<a href="#" class="js_oney_banner">
|
|
<img id="img-oney" src="/acquirer_payplug/static/src/img/icon/oney/icon_oney_3x4x_1.png"
|
|
class="img-oney"
|
|
style="display: inline;"/>
|
|
<img id="img-oney-top" src="/acquirer_payplug/static/src/img/icon/oney/icon_oney_3x4x_2.png"
|
|
class="img-oney-top"
|
|
style="display: none;"/>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- TO CALCULATE THE TOTAL AMOUNT ACCORDING TO THE QUANTITY -->
|
|
<input type="hidden" id="priceoney" name="priceoney" t-att-value="combination_info['price']"/>
|
|
<!-- POPUP INFORMATION ONEY -->
|
|
<div t-if="acquirer.code == 'payplug' and acquirer.state != 'disabled' and acquirer.payment_type_oney == True and authorized_by_company == True">
|
|
<div id="InformationOney" style="display: inline;">
|
|
<div t-if="authorized_by_oney==False">
|
|
<a href="#" class="js_oney_information" id="oney_information">
|
|
<img id="img-oney-gray" src="/acquirer_payplug/static/src/img/icon/oney/icon_oney_3x4x_3.png" class="img-oney"/>
|
|
</a>
|
|
</div>
|
|
<!-- POPUP INFORMATION -->
|
|
<div id="div_oney_information_none" class="div-oney-none" style="display: none; top: 0px; left: 0px;">
|
|
<div>
|
|
<p class="div-oney-none-text"><t t-esc="InformationMessage"/></p>
|
|
</div>
|
|
<div class="arrow-left-none"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- PRICE BY QTY -->
|
|
<span id="text_simulations_oney" style="display: none;"><i>Simulation Oney :</i></span>
|
|
<span t-if="acquirer.code == 'payplug' and acquirer.state != 'disabled' and acquirer.payment_type_oney == True">
|
|
<input type="number" disabled="disabled" t-att-value="combination_info['price']"
|
|
id="price_total_oney"
|
|
style="display: none; white-space: nowrap;"
|
|
class="text-price-product-oney"/>
|
|
</span>
|
|
<input type="hidden" id="authorized_by_oney" disabled="disabled" t-att-value="authorized_by_oney"/>
|
|
|
|
<!-- POPUP SIMULATION ONEY -->
|
|
<div id="oney_popup" class="div-oney" style="display:none; top: -30px; left: 300px;">
|
|
<div class="arrow-left"/>
|
|
<div class="div2-oney">
|
|
<div class="div-oney-close">
|
|
<a href="#" onclick="document.getElementById('oney_popup').style.display = 'none';" class="oney-close" title="Close">X</a>
|
|
</div>
|
|
<img src="/acquirer_payplug/static/src/img/icon/oney/title_popup.png" class="title_oney"/>
|
|
<t t-call="acquirer_payplug.oney_detail_simulation"/>
|
|
<t t-call="acquirer_payplug.oney_footer_detail"/>
|
|
</div>
|
|
</div>
|
|
|
|
</xpath>
|
|
</template>
|
|
|
|
<!-- TO DISPLAY POP-UPS OF THE FORM SHOP CART -->
|
|
<template id="pop_up_oney_summary" inherit_id="website_sale.short_cart_summary" name="Short Cart right column">
|
|
<xpath expr="//div[hasclass('js_cart_summary')]" position="after">
|
|
<!-- POP-UP SIMULATION -->
|
|
<div id="oney_popup_card" class="div-oney" style="display:none; top: 185px; left: -172px;">
|
|
<div class="arrow-left"/>
|
|
<div id="div2-oney" class="div2-oney">
|
|
<div class="div-oney-close">
|
|
<a href="#" class="js_oney_close" title="Close">X</a>
|
|
</div>
|
|
<img src="/acquirer_payplug/static/src/img/icon/oney/title_popup.png" class="title_oney"/>
|
|
<t t-call="acquirer_payplug.oney_detail_simulation"/>
|
|
<t t-call="acquirer_payplug.oney_footer_detail"/>
|
|
</div>
|
|
</div>
|
|
<!-- POPUP INFORMATION -->
|
|
<div id="div_oney_none" class="div-oney-none" style="display: none; top: 200px; left: 500px;">
|
|
<div>
|
|
<p class="div-oney-none-text"><t t-esc="InformationMessage"/></p>
|
|
</div>
|
|
<div class="arrow-left-none"/>
|
|
</div>
|
|
</xpath>
|
|
</template>
|
|
|
|
<!-- FORM SHOP CART -->
|
|
<template id="short_cart_summary" inherit_id="website_sale.short_cart_summary" name="Short Cart right column">
|
|
<xpath expr="//div[hasclass('card-body')]" position="after">
|
|
<t t-if="acquirer">
|
|
<div t-if="acquirer.code == 'payplug' and acquirer.state != 'disabled' and acquirer.payment_type_oney == True and authorized_by_company == True and acquirer.is_published == True"
|
|
style="width: 95%; margin-top: 8px;"
|
|
class="js_popup_oney_cart">
|
|
<input type="hidden" id="total_price_cart" name="priceoney" t-att-value="website_sale_order.amount_total"/>
|
|
<div class="banner-oney-product float-end" name="banner_oney">
|
|
<t t-if="website_sale_order.amount_total > 100 and website_sale_order.amount_total < 3000">
|
|
<a href="#" class="js_oney_banner_cart">
|
|
<img src="/acquirer_payplug/static/src/img/icon/oney/icon_oney_3x4x_1.png" class="img-oney"/>
|
|
<img src="/acquirer_payplug/static/src/img/icon/oney/icon_oney_3x4x_2.png" class="img-oney-top"/>
|
|
</a>
|
|
</t>
|
|
<t t-if="website_sale_order.amount_total < 100 or website_sale_order.amount_total > 3000">
|
|
<a href="#" class="js_information_none_oney_cart">
|
|
<img src="/acquirer_payplug/static/src/img/icon/oney/icon_oney_3x4x_3.png" class="img-oney"/>
|
|
</a>
|
|
</t>
|
|
</div>
|
|
</div>
|
|
</t>
|
|
<br/>
|
|
</xpath>
|
|
</template>
|
|
|
|
<template id="icon_list_oney" name="Payment Icon List Oney">
|
|
<xpath expr="//ul/t[2]" position="after">
|
|
<ul class="payment_icon_list float-end list-inline" data-max-icons="3">
|
|
<t t-set="icon_index" t-value="0"/>
|
|
<t t-set="MAX_ICONS" t-value="3"/>
|
|
<!-- === Icons === -->
|
|
<!-- Only shown if in the first 3 icons -->
|
|
<t t-foreach="provider.payment_icon_ids.filtered(lambda r: r.image_payment_form)" t-as="icon">
|
|
<li t-attf-class="list-inline-item{{'' if (icon_index < MAX_ICONS) else ' d-none'}}">
|
|
<span t-esc="icon.image_payment_form"
|
|
t-options="{'widget': 'image', 'alt-field': 'name'}"
|
|
data-toggle="tooltip"
|
|
t-att-title="icon.name"/>
|
|
</li>
|
|
<t t-set="icon_index" t-value="icon_index + 1"/>
|
|
</t>
|
|
<t t-if="icon_index >= MAX_ICONS">
|
|
<!-- === "show more" button === -->
|
|
<!-- Only displayed if too many payment icons -->
|
|
<li style="display:block;" class="list-inline-item">
|
|
<span class="float-end more_option text-info">
|
|
<a name="o_payment_icon_more"
|
|
data-toggle="tooltip"
|
|
t-att-title="', '.join([icon.name for icon in provider.payment_icon_ids[MAX_ICONS:]])">
|
|
show more
|
|
</a>
|
|
</span>
|
|
</li>
|
|
<!-- === "show less" button === -->
|
|
<!-- Only displayed when "show more" is clicked -->
|
|
<li style="display:block;" class="list-inline-item d-none">
|
|
<span class="float-end more_option text-info">
|
|
<a name="o_payment_icon_less">show less</a>
|
|
</span>
|
|
</li>
|
|
<br/>
|
|
<!-- BANNER INFORMATION -->
|
|
<div t-if="authorized_by_oney == False">
|
|
<a href="#" class="js_oney_information_payment" style="cursor: help;">
|
|
<img src="/acquirer_payplug/static/src/img/icon/oney/icon_oney_3x4x_3.png" style="width: 170px; margin-bottom: 5px; margin-top: 33px;"/>
|
|
</a>
|
|
<!-- POPUP INFORMATION -->
|
|
<div id="div_oney_information_payment_none" class="div-oney-none" style="z-index: 3000; display: none; top: -10px; left: -313px;">
|
|
<div>
|
|
<p class="div-oney-none-text"><t t-esc="InformationMessage"/></p>
|
|
</div>
|
|
<div class="arrow-left-none"/>
|
|
</div>
|
|
<br/>
|
|
</div>
|
|
<span t-if="authorized_by_oney == True">
|
|
<p style="font-size: 12px;"><i class="fa fa-arrow-circle-down"/><b><i> Select 3x or 4x payment.</i></b></p>
|
|
<table style="width: 100%; margin-top: 3px;">
|
|
<tr>
|
|
<td>
|
|
<i class="fa fa-check-square-o fa-lg" style="color: green; opacity: 1.00" id="checkbox_3x" role="img"/>
|
|
<input type="checkbox" style="display: none;" id="checked_3_x" checked="true" onclick="return false;"/>
|
|
<img id="payment_banner_img_3x" class="payment_banner_img_3x"
|
|
src="/acquirer_payplug/static/src/img/icon/oney/logo-oney-3xpayant.png"
|
|
style="width: 120px; display: inline;"
|
|
title="Oney simulation payment in 3x"/>
|
|
<a href="#" class="js_payment_img-3x-gray">
|
|
<img id="payment_banner_img_3x_gray" src="/acquirer_payplug/static/src/img/icon/oney/logo-oney-3xpayant.png"
|
|
style="width: 120px; display: none; opacity: 0.35"
|
|
title="Oney simulation payment in 3x"/>
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="2" style="width: 100%;">
|
|
<div id="table_3x_oney" style="display:inline;" class="table_x_oney">
|
|
<table style="width: 100%; border-top: 2px solid #55ce03; margin-bottom: 5px;">
|
|
<tr><td>Contribution of:</td><td class="text-right"><span t-esc="payment_3x['contribution_of_3x']"/> <span t-esc="currency_symbol"/></td></tr>
|
|
<tr><td>1st monthly payment:</td><td class="text-right"><span t-esc="payment_3x['1st_monthly_payment_3x']"/> <span t-esc="currency_symbol"/></td></tr>
|
|
<tr><td>2nd monthly payment:</td><td class="text-right"><span t-esc="payment_3x['2nd_monthly_payment_3x']"/> <span t-esc="currency_symbol"/></td></tr>
|
|
</table>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr style="height: 8px;"/>
|
|
<tr>
|
|
<td style="margin-top: 8px;">
|
|
<i class="fa fa-check-square-o fa-lg" style="color: green; opacity: 0.25" id="checkbox_4x" role="img"/>
|
|
<input type="checkbox" style="display: none;" id="checked_4_x" onclick="return false;"/>
|
|
<img id="payment_banner_img_4x" class="payment_banner_img_4x"
|
|
src="/acquirer_payplug/static/src/img/icon/oney/logo-oney-4xpayant.png"
|
|
style="width: 120px; display: none;"
|
|
title="Oney simulation payment in 4x"/>
|
|
<a href="#" class="js_payment_img-4x-gray" style="v-align: top;">
|
|
<img id="payment_banner_img_4x_gray" src="/acquirer_payplug/static/src/img/icon/oney/logo-oney-4xpayant.png"
|
|
style="width: 120px; display: inline; opacity: 0.35"
|
|
title="Oney simulation payment in 4x"/>
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="2" style="width: 100%;">
|
|
<div id="table_4x_oney" style="display:none;" class="table_x_oney">
|
|
<table style="width: 100%; border-top: 2px solid #55ce03; margin-bottom: 5px;">
|
|
<tr><td>Contribution of:</td><td class="text-right"><span t-esc="payment_4x['contribution_of_4x']"/> <span t-esc="currency_symbol"/></td></tr>
|
|
<tr><td>1st monthly payment:</td><td class="text-right"><span t-esc="payment_4x['1st_monthly_payment_4x']"/> <span t-esc="currency_symbol"/></td></tr>
|
|
<tr><td>2nd monthly payment:</td><td class="text-right"><span t-esc="payment_4x['2nd_monthly_payment_4x']"/> <span t-esc="currency_symbol"/></td></tr>
|
|
<tr><td>3nd monthly payment:</td><td class="text-right"><span t-esc="payment_4x['3nd_monthly_payment_4x']"/> <span t-esc="currency_symbol"/></td></tr>
|
|
</table>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</span>
|
|
</t>
|
|
</ul>
|
|
</xpath>
|
|
</template>
|
|
|
|
</odoo>
|