summaryrefslogtreecommitdiff
path: root/addons/point_of_sale/static/src/xml/Popups/NumberPopup.xml
blob: 41d37ee58da4cb96aa19dd9798b67b4c924f86b1 (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
<?xml version="1.0" encoding="UTF-8"?>
<templates id="template" xml:space="preserve">

    <t t-name="NumberPopup" owl="1">
        <div role="dialog" class="modal-dialog">
            <Draggable>
                <div class="popup popup-number" t-att-class="{ 'popup-password': props.isPassword }">
                    <header class="title drag-handle">
                        <t t-esc="props.title" />
                    </header>
                    <div class="popup-input value active">
                        <t t-esc="inputBuffer" />
                    </div>
                    <div class="popup-numpad">
                        <button class="input-button number-char" t-on-mousedown.prevent="sendInput('1')">1</button>
                        <button class="input-button number-char" t-on-mousedown.prevent="sendInput('2')">2</button>
                        <button class="input-button number-char" t-on-mousedown.prevent="sendInput('3')">3</button>
                        <t t-if="props.cheap">
                            <button class="mode-button add" t-on-mousedown.prevent="sendInput('+1')">+1</button>
                        </t>
                        <t t-if="!props.cheap">
                            <button class="mode-button add" t-on-mousedown.prevent="sendInput('+10')">+10</button>
                        </t>
                        <br />
                        <button class="input-button number-char" t-on-mousedown.prevent="sendInput('4')">4</button>
                        <button class="input-button number-char" t-on-mousedown.prevent="sendInput('5')">5</button>
                        <button class="input-button number-char" t-on-mousedown.prevent="sendInput('6')">6</button>
                        <t t-if="props.cheap">
                            <button class="mode-button add" t-on-mousedown.prevent="sendInput('+2')">+2</button>
                        </t>
                        <t t-if="!props.cheap">
                            <button class="mode-button add" t-on-mousedown.prevent="sendInput('+20')">+20</button>
                        </t>
                        <br />
                        <button class="input-button number-char" t-on-mousedown.prevent="sendInput('7')">7</button>
                        <button class="input-button number-char" t-on-mousedown.prevent="sendInput('8')">8</button>
                        <button class="input-button number-char" t-on-mousedown.prevent="sendInput('9')">9</button>
                        <button t-if="!props.isPassword" class="input-button number-char" t-on-mousedown.prevent="sendInput('-')">-</button>
                        <br />
                        <button class="input-button numpad-char" t-on-mousedown.prevent="sendInput('Delete')">C</button>
                        <button class="input-button number-char" t-on-mousedown.prevent="sendInput('0')">0</button>
                        <button class="input-button number-char dot" t-on-mousedown.prevent="sendInput(decimalSeparator)">
                            <t t-esc="decimalSeparator" /></button>
                        <button class="input-button numpad-backspace" t-on-mousedown.prevent="sendInput('Backspace')">
                            <img style="pointer-events: none;"
                                 src="/point_of_sale/static/src/img/backspace.png" width="24"
                                 height="21" alt="Backspace" />
                        </button>
                        <br />
                    </div>
                    <footer class="footer centered">
                        <div class="button cancel" t-on-mousedown.prevent="cancel">
                            <t t-esc="props.cancelText" />
                        </div>
                        <div class="button confirm" t-on-mousedown.prevent="confirm">
                            <t t-esc="props.confirmText" />
                        </div>
                    </footer>
                </div>
            </Draggable>

        </div>
    </t>

</templates>