pengyuthon/odoo_source
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[FIX] payment: correctly display additional payment icons when clicking on "and more" in payment form

Browse Source 
Instead of being redirected to the top of the page. Which is probably not
good uzabilitiouaïze.
This commit is contained in:
jpr-odoo
2017-11-14 17:00:42 +01:00
committed by Thibault Delavallée
parent 4d5d228b15
commit fb7e1ed238
2 changed files with 16 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
addons/payment/static/src/js/payment_form.js
+12 -1
View File
@@ -14,7 +14,8 @@ odoo.define('payment.payment_form', function (require) {
'click #o_payment_form_pay': 'payEvent',
'click #o_payment_form_add_pm': 'addPmEvent',
'click button[name="delete_pm"]': 'deletePmEvent',
'click input[type="radio"]': 'radioClickEvent'
'click input[type="radio"]': 'radioClickEvent',
'click .o_payment_form_pay_icon_more': 'onClickMorePaymentIcon',
},
init: function(parent, options) {
@@ -337,6 +338,16 @@ odoo.define('payment.payment_form', function (require) {
);
});
},
// event handler when clicking on 'and more' to show more payment icon
onClickMorePaymentIcon: function (ev) {
ev.preventDefault();
var $listItems = $(ev.currentTarget).parents('ul').children('li');
var $moreItem = $(ev.currentTarget).parents('li');
$listItems.removeClass('hidden');
$moreItem.addClass('hidden');
},
// event handler when clicking on a radio button
radioClickEvent: function (ev) {
this.updateNewPaymentDisplayStatus();
addons/payment/views/payment_templates.xml
+4 -4
View File
@@ -65,13 +65,13 @@
<ul class="pull-right list-inline payment_icon_list">
<t t-set="i" t-value="0"/>
<t t-foreach="acq.payment_icon_ids" t-as="pm_icon">
<li t-if="i &lt; 3">
<li t-att-class="'' if (i &lt; 3) else 'hidden'">
<span t-field="pm_icon.image_payment_form"
t-options='{"widget": "image", "alt-field": "name"}' />
</li>
<li t-if="i==3" style="display:block;">
<span class="pull-right more_option text-info">
<a href="#" data-toggle="tooltip" t-att-title="', '.join([opt.name for opt in acq.payment_icon_ids[3:]])">and more</a>
<a href="#" class="o_payment_form_pay_icon_more" data-toggle="tooltip" t-att-title="', '.join([opt.name for opt in acq.payment_icon_ids[3:]])">and more</a>
</span>
</li>
<t t-set="i" t-value="i+1"/>
@@ -102,13 +102,13 @@
<ul class="pull-right list-inline payment_icon_list">
<t t-set="i" t-value="0"/>
<t t-foreach="acq.payment_icon_ids" t-as="pm_icon">
<li t-if="i &lt; 3">
<li t-att-class=" '' if (i &lt; 3) else 'hidden'">
<span t-field="pm_icon.image_payment_form"
t-options='{"widget": "image", "alt-field": "name"}' />
</li>
<li t-if="i==3" style="display:block;">
<span class="pull-right more_option text-info">
<a href="#" data-toggle="tooltip" t-att-title="', '.join([opt.name for opt in acq.payment_icon_ids[3:]])">and more</a>
<a href="#" class="o_payment_form_pay_icon_more" data-toggle="tooltip" t-att-title="', '.join([opt.name for opt in acq.payment_icon_ids[3:]])">and more</a>
</span>
</li>
<t t-set="i" t-value="i+1"/>