summaryrefslogtreecommitdiff
path: root/addons/point_of_sale/static/src/xml/Screens/PaymentScreen/PaymentScreenPaymentLines.xml
blob: 6816f3005e50f2d1d0483cbcf1128ea0526cdb5c (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
<?xml version="1.0" encoding="UTF-8"?>
<templates id="template" xml:space="preserve">

    <t t-name="PaymentScreenPaymentLines" owl="1">
            <div class="paymentlines">
                <t t-foreach="props.paymentLines" t-as="line" t-key="line.cid">
                    <t t-if="line.selected">
                        <div class="paymentline selected"
                             t-att-class="selectedLineClass(line)"
                             t-on-click="trigger('select-payment-line', { cid: line.cid })">
                             <div class="payment-name">
                                 <t t-esc="line.payment_method.name" />
                             </div>
                            <div class="payment-amount">
                                <t t-if="line and line.payment_status and ['done', 'waitingCard', 'waiting', 'reversing', 'reversed'].includes(line.payment_status)">
                                        <t t-esc="env.pos.format_currency_no_symbol(line.get_amount())" />
                                </t>
                                <t t-else="">
                                        <t t-esc="formatLineAmount(line)" />
                                </t>
                            </div>
                            <t t-if="!line.payment_status or !['done', 'reversed'].includes(line.payment_status)">
                                <div class="delete-button"
                                    t-on-click="trigger('delete-payment-line', { cid: line.cid })"
                                    aria-label="Delete" title="Delete">
                                    <i class="fa fa-times-circle" />
                                </div>
                            </t>
                        </div>
                        <t t-if="line and line.payment_status">
                            <PaymentScreenElectronicPayment line="line" />
                        </t>
                    </t>
                    <t t-else="">
                        <div class="paymentline"
                             t-att-class="unselectedLineClass(line)"
                             t-on-click="trigger('select-payment-line', { cid: line.cid })">
                             <div class="payment-name">
                                 <t t-esc="line.payment_method.name" />
                             </div>
                            <div class="payment-amount">
                                <t t-if="line and line.payment_status and ['done', 'waitingCard', 'waiting', 'reversing', 'reversed'].includes(line.payment_status)">
                                        <t t-esc="env.pos.format_currency_no_symbol(line.get_amount())" />
                                </t>
                                <t t-else="">
                                        <t t-esc="formatLineAmount(line)" />
                                </t>
                            </div>
                            <t t-if="!line.payment_status or !['done', 'reversed'].includes(line.payment_status)">
                                <div class="delete-button"
                                    t-on-click="trigger('delete-payment-line', { cid: line.cid })"
                                    aria-label="Delete" title="Delete">
                                    <i class="fa fa-times-circle" />
                                </div>
                            </t>
                        </div>
                    </t>
                </t>
            </div>
    </t>

</templates>