summaryrefslogtreecommitdiff
path: root/addons/point_of_sale/static/src/xml/Screens/PaymentScreen/PaymentScreen.xml
blob: d78128c933db0c6c1d6747868cddd39aa4f49c41 (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
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
<?xml version="1.0" encoding="UTF-8"?>
<templates id="template" xml:space="preserve">

    <t t-name="PaymentScreen" owl="1">
        <div class="payment-screen screen" t-att-class="{ oe_hidden: !props.isShown }">
            <div class="screen-content">
                <t t-if="!env.isMobile">
                    <div class="top-content">
                        <div class="button back"
                              t-on-click="showScreen('ProductScreen')">
                            <i class="fa fa-angle-double-left fa-fw"></i>
                            <span class="back_text">Back</span>
                        </div>
                        <div class="top-content-center"><h1>Payment</h1></div>
                        <div class="button next" t-att-class="{ highlight: currentOrder.is_paid() }"
                              t-on-click="validateOrder(false)">
                            <span class="next_text">Validate</span>
                            <i class="fa fa-angle-double-right fa-fw"></i>
                        </div>
                    </div>
                </t>
                <div class="main-content">
                    <div class="left-content">
                        <t t-if="env.isMobile">
                            <section class="paymentlines-container">
                                <PaymentScreenStatus paymentLines="paymentLines" />
                            </section>
                        </t>
                        <div class="paymentmethods-container">
                            <PaymentScreenPaymentLines paymentLines="paymentLines" />
                            <div class="paymentmethods">
                                <t t-foreach="payment_methods_from_config" t-as="paymentMethod"
                                   t-key="paymentMethod.id">
                                    <PaymentMethodButton paymentMethod="paymentMethod" />
                                </t>
                            </div>
                        </div>
                    </div>
                    <div class="right-content">
                        <t t-if="!env.isMobile">
                            <section class="paymentlines-container">
                                <PaymentScreenStatus paymentLines="paymentLines" />
                            </section>
                        </t>

                        <div class="payment-buttons-container">
                            <section class="payment-numpad">
                                <PaymentScreenNumpad />
                            </section>

                            <div class="payment-buttons">
                                <div class="customer-button">
                                    <div class="button" t-on-click="selectClient">
                                        <i class="fa fa-user" role="img" aria-label="Customer"
                                           title="Customer" />
                                        <span class="js_customer_name">
                                            <t t-if="env.pos.get_client()">
                                                <t t-esc="env.pos.get_client().name" />
                                            </t>
                                            <t t-if="!env.pos.get_client()">
                                                Customer
                                            </t>
                                        </span>
                                    </div>
                                </div>
                                <div class="payment-controls">
                                    <div t-if="env.pos.config.module_account" class="button js_invoice"
                                        t-att-class="{ highlight: currentOrder.is_to_invoice() }"
                                        t-on-click="toggleIsToInvoice">
                                        <i class="fa fa-file-text-o" /> Invoice
                                    </div>
                                    <div t-if="env.pos.config.tip_product_id" class="button js_tip"
                                        t-on-click="addTip">
                                        <i class="fa fa-heart" /> Tip
                                    </div>
                                    <div t-if="env.pos.config.iface_cashdrawer" class="button js_cashdrawer"
                                        t-on-click="openCashbox">
                                        <i class="fa fa-archive" /> Open Cashbox
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <t t-if="env.isMobile">
                    <div class="switchpane">
                        <button class="btn-switchpane" t-att-class="{ secondary: !currentOrder.is_paid() }" t-on-click="validateOrder(false)">
                            <h1>Validate</h1>
                        </button>
                        <button class="btn-switchpane secondary" t-on-click="showScreen('ProductScreen', {mobile_pane: 'left'})">
                            <h1>Review</h1>
                        </button>
                    </div>
                </t>
            </div>
        </div>
    </t>

</templates>