You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
75 lines
3.4 KiB
75 lines
3.4 KiB
<?xml version="1.0" encoding="UTF-8"?>
|
|
<!--These templates are used for creating number popup-->
|
|
<templates id="template" xml:space="preserve">
|
|
<t t-name="NumberPopupNumber" t-inherit="point_of_sale.NumberPopup"
|
|
t-inherit-mode="extension" owl="1">
|
|
<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">
|
|
<span t-att-class="{ 'highlight': state.toStartOver }">
|
|
<t t-esc="inputBuffer"/></span>
|
|
</div>
|
|
<div class="popup-numpad">
|
|
<button class="input-button number-char"
|
|
t-on-mousedown.prevent="() => this.sendInput('1')">1
|
|
</button>
|
|
<button class="input-button number-char"
|
|
t-on-mousedown.prevent="() => this.sendInput('2')">2
|
|
</button>
|
|
<button class="input-button number-char"
|
|
t-on-mousedown.prevent="() => this.sendInput('3')">3
|
|
</button>
|
|
<br/>
|
|
<button class="input-button number-char"
|
|
t-on-mousedown.prevent="() => this.sendInput('4')">4
|
|
</button>
|
|
<button class="input-button number-char"
|
|
t-on-mousedown.prevent="() => this.sendInput('5')">5
|
|
</button>
|
|
<button class="input-button number-char"
|
|
t-on-mousedown.prevent="() => this.sendInput('6')">6
|
|
</button>
|
|
<br/>
|
|
<button class="input-button number-char"
|
|
t-on-mousedown.prevent="() => this.sendInput('7')">7
|
|
</button>
|
|
<button class="input-button number-char"
|
|
t-on-mousedown.prevent="() => this.sendInput('8')">8
|
|
</button>
|
|
<button class="input-button number-char"
|
|
t-on-mousedown.prevent="() => this.sendInput('9')">9
|
|
</button>
|
|
<br/>
|
|
<button class="input-button numpad-char"
|
|
t-on-mousedown.prevent="() => this.sendInput('Delete')">C
|
|
</button>
|
|
<button class="input-button number-char"
|
|
t-on-mousedown.prevent="() => this.sendInput('0')">0
|
|
</button>
|
|
<button class="input-button numpad-backspace"
|
|
t-on-mousedown.prevent="() => this.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 highlight"
|
|
t-on-mousedown.prevent="confirm">
|
|
<t t-esc="props.confirmText"/>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
</Draggable>
|
|
</t>
|
|
</templates>
|