Skip to content

Commit 66cfef7

Browse files
legalsylvainlegalsylvain
committed
[ADD] pos_payment_usability : module to try to fix bad UX in payment PoS screen
1 parent e4929f5 commit 66cfef7

File tree

12 files changed

+138
-0
lines changed

12 files changed

+138
-0
lines changed

‎pos_payment_usability/README.rst‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
..
2+
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
3+
!! This file is generated by oca-gen-addon-readme !!
4+
!! changes will be overwritten. !!
5+
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

‎pos_payment_usability/__init__.py‎

Whitespace-only changes.

‎pos_payment_usability/__manifest__.py‎

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
# Copyright (C) 2022-Today GRAP (http://www.grap.coop)
2+
# @author Sylvain LE GAL (https://twitter.com/legalsylvain)
3+
# License AGPL-3 - See http://www.gnu.org/licenses/agpl-3.0.html
4+
5+
{
6+
"name": "Point of Sale - Payment Usability",
7+
"summary": "Improve payment screen in the PoS front office",
8+
"version": "16.0.1.0.0",
9+
"category": "Point of Sale",
10+
"maintainers": ["legalsylvain"],
11+
"author": "GRAP,Odoo Community Association (OCA)",
12+
"website": "https://github.com/OCA/pos",
13+
"license": "AGPL-3",
14+
"depends": ["point_of_sale"],
15+
"assets": {
16+
"point_of_sale.assets": [
17+
"pos_payment_usability/static/src/css/pos_payment_usability.scss",
18+
"pos_payment_usability/static/src/xml/PaymentScreen.xml",
19+
],
20+
},
21+
"installable": True,
22+
}

‎pos_payment_usability/i18n/fr.po‎

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
# Translation of Odoo Server.
2+
# This file contains the translation of the following modules:
3+
# * pos_payment_usability
4+
#
5+
msgid ""
6+
msgstr ""
7+
"Project-Id-Version: Odoo Server 16.0\n"
8+
"Report-Msgid-Bugs-To: \n"
9+
"POT-Creation-Date: 2023-09-15 18:46+0000\n"
10+
"PO-Revision-Date: 2023-09-15 18:46+0000\n"
11+
"Last-Translator: \n"
12+
"Language-Team: \n"
13+
"MIME-Version: 1.0\n"
14+
"Content-Type: text/plain; charset=UTF-8\n"
15+
"Content-Transfer-Encoding: \n"
16+
"Plural-Forms: \n"
17+
18+
#. module: pos_payment_usability
19+
#. odoo-javascript
20+
#: code:addons/pos_payment_usability/static/src/xml/PaymentScreen.xml:0
21+
#: code:addons/pos_payment_usability/static/src/xml/PaymentScreen.xml:0
22+
#, python-format
23+
msgid "Pay"
24+
msgstr "Payer"
25+
26+
#. module: pos_payment_usability
27+
#. odoo-javascript
28+
#: code:addons/pos_payment_usability/static/src/xml/PaymentScreen.xml:0
29+
#, python-format
30+
msgid "Validate"
31+
msgstr "Valider"

‎pos_payment_usability/readme/CONTRIBUTORS.rst‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
* Sylvain LE GAL (https://twitter.com/legalsylvain)

‎pos_payment_usability/readme/DESCRIPTION.rst‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
This module extends the functionality of point of sale module,
2+
improving the display of the payment screen.
3+
4+
**Without the module**
5+
6+
.. figure:: ../static/description/without_module.png
7+
8+
**With the module**
9+
10+
.. figure:: ../static/description/with_module.png

‎pos_payment_usability/static/description/with_module.png‎

54.3 KB
Loading

‎pos_payment_usability/static/description/without_module.png‎

59.2 KB
Loading

‎pos_payment_usability/static/src/css/pos_payment_usability.scss‎

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
/*
2+
Copyright (C) 2023-Today GRAP (http://www.grap.coop)
3+
@author Sylvain LE GAL (https://twitter.com/legalsylvain)
4+
License AGPL-3 - See http://www.gnu.org/licenses/agpl-3.0.html
5+
*/
6+
7+
@media screen and (min-width: 768px) {
8+
.pos .payment-numpad .numpad {
9+
width: 50%;
10+
}
11+
12+
.pos .payment-screen .left-content .button.validation {
13+
display: none;
14+
}
15+
16+
.pos .payment-screen .center-content .button.validation {
17+
width: 50%;
18+
float: left;
19+
height: 100%;
20+
padding: 0;
21+
}
22+
23+
.pos .payment-screen .center-content .numpad {
24+
float: left;
25+
border: none;
26+
}
27+
}

‎pos_payment_usability/static/src/xml/PaymentScreen.xml‎

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
1+
<?xml version="1.0" encoding="UTF-8" ?>
2+
<!--
3+
Copyright (C) 2023-Today GRAP (http://www.grap.coop)
4+
@author Sylvain LE GAL (https://twitter.com/legalsylvain)
5+
License AGPL-3 - See http://www.gnu.org/licenses/agpl-3.0.html
6+
-->
7+
<templates id="template" xml:space="preserve">
8+
9+
<t
10+
t-name="PaymentScreen"
11+
t-inherit="point_of_sale.PaymentScreen"
12+
t-inherit-mode="extension"
13+
owl="1"
14+
>
15+
<xpath expr="//PaymentScreenNumpad" position="before">
16+
<div
17+
t-if="!env.isMobile"
18+
class="button next validation"
19+
t-att-class="{ highlight: currentOrder.is_paid() and currentOrder._isValidEmptyOrder() }"
20+
t-on-click="() => this.trigger('validate-order')"
21+
>
22+
<div class="pay-circle">
23+
<i
24+
class="fa fa-chevron-right"
25+
role="img"
26+
aria-label="Pay"
27+
title="Pay"
28+
/>
29+
</div>
30+
<span class="next_text">Validate</span>
31+
</div>
32+
</xpath>
33+
</t>
34+
35+
</templates>

0 commit comments

Comments
 (0)