[ADD] pos_receipt_usability : new module to improve the display of the receipt screen

[legalsylvain]

pos_receipt_usability

This module extends the functionality of point of sale module, improving the display of the receipt screen.

Without the module

With the module

[legalsylvain]

Note :

Technically, I tried to use the not very documented position="move" instead of replacing and adding code, but it doesn't seems to work in such type of view. Any help welcome if you know how to do it. CC : @OCA/web-maintainers / @OCA/pos-maintainers

    <t
        t-name="ReceiptScreen"
        t-inherit="point_of_sale.ReceiptScreen"
        t-inherit-mode="extension"
        owl="1"
    >
        <xpath expr="//div[hasclass('notice')]" position="after">
            <div class="next-order-placeholder">
                <xpath
                    expr="//div[hasclass('next') and hasclass('validation')]"
                    position="move"
                />
            </div>
        </xpath>
    </t>

[legalsylvain]

Answered : The problem was that position="move" only work with a direct child. So, that design works :

        <xpath expr="//div[hasclass('notice')]" position="after">
            <div class="next-order-placeholder" />
        </xpath>

        <xpath expr="//div[hasclass('next-order-placeholder')]" position="inside">
            <xpath
                expr="//div[hasclass('next') and hasclass('validation')]"
                position="move"
            />
        </xpath>

Ref : feature added here odoo/odoo#23877
documentation updated here : odoo/odoo@aabe35c