2011-10-04 11:39:32 +00:00
|
|
|
<?xml version="1.0" encoding="UTF-8"?>
|
|
|
|
<!-- vim:fdl=1:
|
|
|
|
-->
|
|
|
|
<templates id="template" xml:space="preserve">
|
2012-04-20 14:46:11 +00:00
|
|
|
<t t-name="POSWidget">
|
2011-10-04 15:28:32 +00:00
|
|
|
<div class="point-of-sale">
|
2011-10-04 11:39:32 +00:00
|
|
|
<div id="topheader">
|
|
|
|
<div id="branding">
|
|
|
|
<img src="/point_of_sale/static/src/img/logo.png" />
|
|
|
|
</div>
|
2012-01-04 13:33:29 +00:00
|
|
|
<div id="loggedas">
|
|
|
|
<span class="oe_pos_synch-notification"></span>
|
|
|
|
<button>Close</button>
|
|
|
|
</div>
|
2011-10-04 11:39:32 +00:00
|
|
|
<div id="rightheader">
|
|
|
|
<div id="order-selector">
|
|
|
|
<button id="neworder-button">+</button>
|
|
|
|
<ol id="orders"></ol>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div id="content">
|
|
|
|
|
|
|
|
<div id="leftpane">
|
|
|
|
<div id="current-order">
|
|
|
|
<table>
|
|
|
|
<thead>
|
|
|
|
<tr>
|
|
|
|
<td>Product</td>
|
|
|
|
<td>Price</td>
|
|
|
|
<td>Disc (%)</td>
|
|
|
|
<td>Qty</td>
|
|
|
|
<td>Total</td>
|
|
|
|
</tr>
|
|
|
|
</thead>
|
|
|
|
<tbody id="current-order-content"></tbody>
|
|
|
|
</table>
|
|
|
|
</div>
|
|
|
|
<footer>
|
|
|
|
<ul id="amounts">
|
|
|
|
<li>
|
|
|
|
Subtotal:
|
2011-12-14 14:54:26 +00:00
|
|
|
<t t-if="currency.position == 'before'" t-esc="currency.symbol"/> <span id="subtotal">0</span> <t t-if="currency.position == 'after'" t-esc="currency.symbol"/>
|
2011-10-04 11:39:32 +00:00
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
Tax:
|
2011-12-14 14:54:26 +00:00
|
|
|
<t t-if="currency.position == 'before'" t-esc="currency.symbol"/> <span id="tax">0</span> <t t-if="currency.position == 'after'" t-esc="currency.symbol"/>
|
2011-10-04 11:39:32 +00:00
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
Total:
|
2011-12-14 14:54:26 +00:00
|
|
|
<t t-if="currency.position == 'before'" t-esc="currency.symbol"/> <span id="total">0</span> <t t-if="currency.position == 'after'" t-esc="currency.symbol"/>
|
2011-10-04 11:39:32 +00:00
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
<div id="paypad"></div>
|
|
|
|
<div id="numpad">
|
|
|
|
<button class="input-button number-char">1</button>
|
|
|
|
<button class="input-button number-char">2</button>
|
|
|
|
<button class="input-button number-char">3</button>
|
2011-12-16 16:08:58 +00:00
|
|
|
<button class="mode-button" data-mode='quantity'>Qty</button>
|
2011-10-04 11:39:32 +00:00
|
|
|
<br />
|
|
|
|
<button class="input-button number-char">4</button>
|
|
|
|
<button class="input-button number-char">5</button>
|
|
|
|
<button class="input-button number-char">6</button>
|
|
|
|
<button class="mode-button" data-mode='discount'>Disc</button>
|
|
|
|
<br />
|
|
|
|
<button class="input-button number-char">7</button>
|
|
|
|
<button class="input-button number-char">8</button>
|
|
|
|
<button class="input-button number-char">9</button>
|
|
|
|
<button class="mode-button" data-mode='list_price'>Price</button>
|
|
|
|
<br />
|
|
|
|
<button class="input-button" id="numpad-minus" >+/-</button>
|
|
|
|
<button class="input-button number-char">0</button>
|
|
|
|
<button class="input-button number-char">.</button>
|
|
|
|
<button class="input-button" id="numpad-backspace">
|
|
|
|
<img src="/point_of_sale/static/src/img/backspace.png" width="24" height="21" />
|
|
|
|
</button>
|
|
|
|
<br />
|
|
|
|
</div>
|
|
|
|
</footer>
|
|
|
|
</div>
|
|
|
|
<div id="rightpane">
|
2012-05-02 15:30:00 +00:00
|
|
|
<!-- <div id="products-screen" class="step-screen selected-step">
|
2011-11-21 11:36:17 +00:00
|
|
|
<div id="products-screen-categories"/>
|
|
|
|
<ol id="products-screen-ol" class="product-list"></ol>
|
2012-05-02 15:30:00 +00:00
|
|
|
</div> -->
|
|
|
|
<!-- <div id="payment-screen" class="step-screen" style="display:none"> ... </div> -->
|
|
|
|
<!-- <span id="receipt-screen"></span> -->
|
2011-10-04 11:39:32 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
2011-10-04 15:28:32 +00:00
|
|
|
</div>
|
2011-10-04 11:39:32 +00:00
|
|
|
</t>
|
2011-12-13 13:45:34 +00:00
|
|
|
<t t-name="pos-synch-notification">
|
|
|
|
<span>
|
|
|
|
<a t-if="widget.nbr_pending > 0" href="javascript:void(0)" class="oe_pos_synch-notification-button">
|
|
|
|
<t t-esc="widget.nbr_pending"/> pending orders
|
|
|
|
</a>
|
|
|
|
</span>
|
|
|
|
</t>
|
2012-03-26 12:27:43 +00:00
|
|
|
<t t-name="pos-scan-warning">
|
|
|
|
<div>The product could not be recognized. Please contact an employee.</div>
|
|
|
|
</t>
|
2011-12-13 14:07:32 +00:00
|
|
|
<t t-name="pos-close-warning">
|
|
|
|
<div>There are pending operations that could not be saved into the database, are you sure you want to exit?</div>
|
|
|
|
</t>
|
2012-05-02 15:30:00 +00:00
|
|
|
|
|
|
|
<!-- ************ SEARCH PRODUCT SCREEN ************ -->
|
|
|
|
|
|
|
|
<t t-name="ProductCategoriesWidget">
|
2011-10-04 11:39:32 +00:00
|
|
|
<header>
|
2011-10-04 11:55:55 +00:00
|
|
|
<ol class="breadcrumb">
|
2011-11-07 14:13:23 +00:00
|
|
|
<li class="oe-pos-categories-list">
|
|
|
|
<a href="javascript:void(0)">
|
2011-10-04 11:55:55 +00:00
|
|
|
<img src="/point_of_sale/static/src/img/home.png" class="homeimg" />
|
|
|
|
</a>
|
|
|
|
</li>
|
|
|
|
<t t-foreach="breadcrumb" t-as="category">
|
2011-11-07 14:13:23 +00:00
|
|
|
<li class="oe-pos-categories-list">
|
2011-10-04 11:55:55 +00:00
|
|
|
<img src="/point_of_sale/static/src/img/bc-arrow.png" class="bc-arrow" />
|
2011-11-07 14:13:23 +00:00
|
|
|
<a href="javascript:void(0)" t-att-data-category-id="category.id">
|
2011-10-04 11:55:55 +00:00
|
|
|
<t t-esc="category.name"/>
|
|
|
|
</a>
|
|
|
|
</li>
|
|
|
|
</t>
|
|
|
|
</ol>
|
|
|
|
<div class="searchbox">
|
|
|
|
<input placeholder="Search Products" />
|
|
|
|
<img class="search-clear" src="/point_of_sale/static/src/img/search_reset.gif" />
|
|
|
|
</div>
|
2011-10-04 11:39:32 +00:00
|
|
|
</header>
|
|
|
|
<div id="categories">
|
2011-10-04 11:55:55 +00:00
|
|
|
<ol>
|
|
|
|
<t t-foreach="categories" t-as="category">
|
2011-11-07 14:13:23 +00:00
|
|
|
<li class="oe-pos-categories-list">
|
|
|
|
<a href="javascript:void(0)" t-att-data-category-id="category.id" class="button">
|
2011-10-04 11:55:55 +00:00
|
|
|
<t t-esc="category.name"/>
|
|
|
|
</a>
|
|
|
|
</li>
|
|
|
|
</t>
|
|
|
|
</ol>
|
2011-10-04 11:39:32 +00:00
|
|
|
</div>
|
|
|
|
</t>
|
2012-05-02 15:30:00 +00:00
|
|
|
<t t-name="ProductListWidget">
|
|
|
|
<ol id="products-screen-ol" class="product-list">
|
|
|
|
</ol>
|
|
|
|
</t>
|
|
|
|
<t t-name="SearchProductScreenWidget">
|
|
|
|
<div id="products-screen">
|
|
|
|
<span class="placeholder-ProductCategoriesWidget" />
|
|
|
|
<span class="placeholder-ProductListWidget" />
|
|
|
|
</div>
|
|
|
|
</t>
|
|
|
|
|
|
|
|
<!-- ************ PAYMENT SCREEN ************ -->
|
|
|
|
|
|
|
|
<t t-name="PaymentScreenWidget">
|
|
|
|
<div id="payment-screen" class="step-screen">
|
|
|
|
<header><h2>Payment</h2></header>
|
|
|
|
<div class="pos-step-container">
|
|
|
|
<div class="pos-payment-container">
|
|
|
|
<br />
|
|
|
|
<table>
|
|
|
|
<tr>
|
|
|
|
<td class="paymentline-type">Total:</td>
|
|
|
|
<td class="paymentline-amount pos-right-align">
|
|
|
|
<t t-if="currency.position == 'before'" t-esc="currency.symbol"/>
|
|
|
|
<span id="payment-due-total"></span>
|
|
|
|
<t t-if="currency.position == 'after'" t-esc="currency.symbol"/>
|
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
</table>
|
|
|
|
<table id="paymentlines">
|
|
|
|
</table>
|
|
|
|
<table>
|
|
|
|
<tr>
|
|
|
|
<td class="paymentline-type">Paid:</td>
|
|
|
|
<td class="paymentline-amount pos-right-align">
|
|
|
|
<t t-if="currency.position == 'before'" t-esc="currency.symbol"/>
|
|
|
|
<span id="payment-paid-total"></span>
|
|
|
|
<t t-if="currency.position == 'after'" t-esc="currency.symbol"/>
|
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
<tr>
|
|
|
|
<td class="paymentline-type">Change:</td>
|
|
|
|
<td class="paymentline-amount pos-right-align">
|
|
|
|
<t t-if="currency.position == 'before'" t-esc="currency.symbol"/>
|
|
|
|
<span id="payment-remaining"></span>
|
|
|
|
<t t-if="currency.position == 'after'" t-esc="currency.symbol"/>
|
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
</table>
|
|
|
|
</div>
|
|
|
|
<div class="pos-payment-buttons">
|
|
|
|
<button class="oe-back-to-products">
|
|
|
|
<img src="/web/static/src/img/icons/gtk-go-back.png"></img>
|
|
|
|
Back to Products</button>
|
|
|
|
<button id="validate-order">
|
|
|
|
<img src="/web/static/src/img/icons/gtk-apply.png"></img>
|
|
|
|
Validate</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</t> <!-- pos-payment-screen -->
|
|
|
|
|
|
|
|
<!-- ************ RECEIPT SCREEN ************ -->
|
|
|
|
|
|
|
|
<t t-name="ReceiptScreenWidget">
|
|
|
|
<div id="receipt-screen" class="step-screen" >
|
|
|
|
<header><h2>Receipt</h2></header>
|
|
|
|
<div class="pos-step-container">
|
|
|
|
<div class="pos-receipt-container">
|
|
|
|
</div>
|
|
|
|
<div class='receipt-buttons'>
|
|
|
|
<button id="print-the-ticket">
|
|
|
|
Print</button>
|
|
|
|
<button id="pos-finish-order">Next Order</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</t>
|
2012-05-03 12:14:41 +00:00
|
|
|
|
|
|
|
|
|
|
|
<t t-name="WelcomeScreenWidget">
|
2012-05-03 16:27:46 +00:00
|
|
|
<div class="welcome-screen step-screen">
|
2012-05-06 21:34:39 +00:00
|
|
|
<header><h2>Welcome</h2></header>
|
|
|
|
<p> please scan an item or your member card </p>
|
2012-05-03 12:14:41 +00:00
|
|
|
</div>
|
|
|
|
</t>
|
|
|
|
|
2012-05-03 16:27:46 +00:00
|
|
|
|
|
|
|
<t t-name="ScanProductScreenWidget">
|
|
|
|
<div class="scan-product-screen step-screen">
|
2012-05-06 21:34:39 +00:00
|
|
|
<header><h2>Scan your item</h2></header>
|
|
|
|
<p>Please scan an item</p>
|
2012-05-03 16:27:46 +00:00
|
|
|
</div>
|
|
|
|
</t>
|
|
|
|
|
|
|
|
<t t-name="ClientPaymentScreenWidget">
|
|
|
|
<div class="scan-product-screen step-screen">
|
2012-05-06 21:34:39 +00:00
|
|
|
<header><h2>Payment</h2></header>
|
|
|
|
<p>Please insert your card in the reader and follow the instructions to complete
|
|
|
|
your purchase</p>
|
2012-05-03 12:14:41 +00:00
|
|
|
</div>
|
|
|
|
</t>
|
|
|
|
|
|
|
|
<t t-name="ScaleInviteScreenWidget">
|
2012-05-03 16:27:46 +00:00
|
|
|
<div class="scale-invite-screen step-screen">
|
2012-05-06 21:34:39 +00:00
|
|
|
<header><h2>Please put your product on the scale</h2></header>
|
|
|
|
<p></p>
|
2012-05-03 12:14:41 +00:00
|
|
|
</div>
|
|
|
|
</t>
|
|
|
|
|
|
|
|
<t t-name="ScaleProductSelectionScreenWidget">
|
|
|
|
<div class="scale-product-selection-screen">
|
2012-05-03 16:27:46 +00:00
|
|
|
<span class="placeholder-ProductCategoriesWidget" />
|
|
|
|
<span class="placeholder-ProductListWidget" />
|
2012-05-03 12:14:41 +00:00
|
|
|
</div>
|
|
|
|
</t>
|
|
|
|
|
2012-05-06 21:34:39 +00:00
|
|
|
<t t-name="HelpPopupWidget">
|
|
|
|
<div class="modal-dialog">
|
|
|
|
<div class="popup popup-help">
|
|
|
|
<p class="message">Please be patient, help is on the way</p>
|
|
|
|
<div class="footer">
|
|
|
|
<div class="button">
|
|
|
|
Cancel
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</t>
|
2012-05-07 12:39:32 +00:00
|
|
|
<t t-name="ReceiptPopupWidget">
|
|
|
|
<div class="modal-dialog">
|
|
|
|
<div class="popup popup-help">
|
|
|
|
<p class="message">Welcome Mr. FooBar <br /> Choose your type of receipt:</p>
|
|
|
|
<div class = "button big-left receipt">
|
|
|
|
Ticket
|
|
|
|
</div>
|
|
|
|
<div class = "button big-right invoice">
|
|
|
|
Invoice
|
|
|
|
</div>
|
|
|
|
<div class="footer">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</t>
|
|
|
|
|
2012-05-06 21:34:39 +00:00
|
|
|
<t t-name="ErrorPopupWidget">
|
|
|
|
<div class="modal-dialog">
|
|
|
|
<div class="popup popup-help">
|
2012-05-07 12:39:32 +00:00
|
|
|
<p class="message">An unexpected error has occured.<br /> A technician is on the way</p>
|
2012-05-06 21:34:39 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</t>
|
|
|
|
|
|
|
|
<t t-name="ProductWidget">
|
2011-10-04 11:39:32 +00:00
|
|
|
<a href="#">
|
2011-10-04 11:55:55 +00:00
|
|
|
<div class="product-img">
|
2012-05-06 21:34:39 +00:00
|
|
|
|
2012-02-09 14:23:55 +00:00
|
|
|
<img t-att-src="'data:image/gif;base64,'+ product_image_small" />
|
2012-05-06 21:34:39 +00:00
|
|
|
<t t-if="!weight">
|
|
|
|
<span class="price-tag">
|
|
|
|
<t t-esc="format_amount(list_price)"/>
|
|
|
|
</span>
|
|
|
|
</t>
|
|
|
|
<t t-if="weight">
|
|
|
|
<span class="price-tag">
|
|
|
|
<t t-esc="format_amount(list_price)+'/Kg'"/>
|
|
|
|
</span>
|
|
|
|
<span class="price-subtag">
|
|
|
|
<t t-esc="format_amount(list_price *weight)"/>
|
|
|
|
</span>
|
|
|
|
</t>
|
2011-10-04 11:55:55 +00:00
|
|
|
</div>
|
|
|
|
<div class="product-name">
|
|
|
|
<t t-esc="name"/>
|
|
|
|
</div>
|
2011-10-04 11:39:32 +00:00
|
|
|
</a>
|
|
|
|
</t>
|
|
|
|
<t t-name="pos-orderline-template">
|
2011-10-04 11:55:55 +00:00
|
|
|
<td>
|
|
|
|
<t t-esc="name"/>
|
|
|
|
</td>
|
|
|
|
<td>
|
2011-12-14 14:54:26 +00:00
|
|
|
<t t-esc="format_amount(list_price.toFixed(2))"/>
|
2011-10-04 11:55:55 +00:00
|
|
|
</td>
|
|
|
|
<td>
|
|
|
|
<t t-esc="discount.toFixed(2)"/>
|
|
|
|
</td>
|
|
|
|
<td>
|
2012-05-06 21:34:39 +00:00
|
|
|
<t t-if="weighted">
|
|
|
|
<t t-esc="Math.round(quantity*100)/100+' Kg'"/>
|
|
|
|
</t>
|
|
|
|
<t t-if="!weighted">
|
|
|
|
<t t-esc="Math.round(quantity*100)/100"/>
|
|
|
|
</t>
|
2011-10-04 11:55:55 +00:00
|
|
|
</td>
|
|
|
|
<td>
|
2011-12-14 14:54:26 +00:00
|
|
|
<t t-esc="format_amount((list_price * (1 - discount/100) * quantity).toFixed(2))"/>
|
2011-10-04 11:55:55 +00:00
|
|
|
</td>
|
2011-10-04 11:39:32 +00:00
|
|
|
</t>
|
|
|
|
<t t-name="pos-paymentline-template">
|
2011-10-06 15:02:31 +00:00
|
|
|
<td class="paymentline-type">
|
2011-10-04 11:55:55 +00:00
|
|
|
<t t-esc="name"/>
|
2011-10-06 15:02:31 +00:00
|
|
|
</td>
|
2012-02-06 11:50:20 +00:00
|
|
|
<td class="paymentline-amount pos-right-align">
|
2011-10-04 11:55:55 +00:00
|
|
|
<input type="text" t-att-value="amount.toFixed(2)" />
|
2011-12-19 13:17:50 +00:00
|
|
|
<a href='javascript:void(0)' class='delete-payment-line'><img src="/point_of_sale/static/src/img/search_reset.gif" /></a>
|
2011-10-06 15:02:31 +00:00
|
|
|
</td>
|
2011-10-04 11:39:32 +00:00
|
|
|
</t>
|
|
|
|
<t t-name="pos-payment-button-template">
|
2011-10-04 11:55:55 +00:00
|
|
|
<button class="payment-button" t-att-cash-register-id="id">
|
|
|
|
<t t-esc="name"/>
|
|
|
|
</button>
|
|
|
|
<br />
|
2011-10-04 11:39:32 +00:00
|
|
|
</t>
|
|
|
|
<t t-name="pos-order-selector-button-template">
|
2012-01-03 10:07:53 +00:00
|
|
|
<button class="select-order"><t t-esc="widget.order.get('creationDate').toString('t')"/></button>
|
2011-10-04 11:39:32 +00:00
|
|
|
</t>
|
2011-12-15 15:14:42 +00:00
|
|
|
<t t-name="pos-ticket">
|
|
|
|
<div class="pos-sale-ticket">
|
2012-02-06 11:50:20 +00:00
|
|
|
<div class="pos-right-align"><t t-esc="new Date().toString(Date.CultureInfo.formatPatterns.shortDate + ' ' +
|
2011-12-15 15:14:42 +00:00
|
|
|
Date.CultureInfo.formatPatterns.longTime)"/></div>
|
|
|
|
<br />
|
2011-12-15 16:49:12 +00:00
|
|
|
<t t-esc="widget.company.name"/><br />
|
|
|
|
Phone: <t t-esc="widget.company.phone || ''"/><br />
|
|
|
|
User: <t t-esc="widget.user.name"/><br />
|
|
|
|
Shop: <t t-esc="widget.shop_obj.name"/><br />
|
|
|
|
<br />
|
2011-12-15 15:44:04 +00:00
|
|
|
<table>
|
|
|
|
<tr t-foreach="widget.currentOrderLines.toArray()" t-as="order">
|
|
|
|
<td>
|
2011-12-15 15:14:42 +00:00
|
|
|
<t t-esc="order.get('name')"/>
|
|
|
|
</td>
|
2012-02-06 11:50:20 +00:00
|
|
|
<td class="pos-right-align">
|
2011-12-15 15:44:04 +00:00
|
|
|
<t t-esc="order.get('quantity').toFixed(0)"/>
|
|
|
|
</td>
|
2012-02-06 11:50:20 +00:00
|
|
|
<td class="pos-right-align">
|
2011-12-15 15:14:42 +00:00
|
|
|
<t t-esc="format_amount((order.get('list_price') * (1 - order.get('discount')/100) * order.get('quantity')).toFixed(2))"/>
|
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
</table>
|
|
|
|
<br />
|
|
|
|
<table>
|
2012-02-06 11:50:20 +00:00
|
|
|
<tr><td>Tax:</td><td class="pos-right-align">
|
2011-12-15 15:14:42 +00:00
|
|
|
<t t-esc="format_amount(widget.currentOrder.getTax().toFixed(2))"/>
|
|
|
|
</td></tr>
|
2012-02-06 11:50:20 +00:00
|
|
|
<tr><td>Total:</td><td class="pos-right-align">
|
2011-12-15 15:44:04 +00:00
|
|
|
<t t-esc="format_amount(widget.currentOrder.getTotal().toFixed(2))"/>
|
|
|
|
</td></tr>
|
|
|
|
</table>
|
|
|
|
<br />
|
|
|
|
<table>
|
|
|
|
<tr t-foreach="widget.currentPaymentLines.toArray()" t-as="pline">
|
|
|
|
<td>
|
|
|
|
<t t-esc="pline.get('journal_id')[1]"/>
|
|
|
|
</td>
|
2012-02-06 11:50:20 +00:00
|
|
|
<td class="pos-right-align">
|
2011-12-15 15:44:04 +00:00
|
|
|
<t t-esc="format_amount((pline.getAmount()).toFixed(2))"/>
|
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
</table>
|
|
|
|
<br />
|
|
|
|
<table>
|
2012-02-06 11:50:20 +00:00
|
|
|
<tr><td>Change:</td><td class="pos-right-align">
|
2011-12-15 15:14:42 +00:00
|
|
|
<t t-esc="format_amount((widget.currentOrder.getPaidTotal() - widget.currentOrder.getTotal()).toFixed(2))"/>
|
|
|
|
</td></tr>
|
|
|
|
</table>
|
|
|
|
</div>
|
|
|
|
</t>
|
2012-05-04 12:24:48 +00:00
|
|
|
<t t-name="ActionBarWidget">
|
2012-04-18 14:11:44 +00:00
|
|
|
<div class="pos-actionbar">
|
2012-05-04 12:24:48 +00:00
|
|
|
<div class="pos-actionbar-left-pane">
|
|
|
|
<div class="button help-button">
|
2012-05-06 21:34:39 +00:00
|
|
|
<div class='icon'>
|
|
|
|
<img src="/point_of_sale/static/src/img/icons/png48/help.png" />
|
|
|
|
<div class='iconlabel'>Help</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="button logout-button">
|
|
|
|
<div class='icon'>
|
|
|
|
<img src="/point_of_sale/static/src/img/icons/png48/system-log-out.png" />
|
|
|
|
<div class='iconlabel'>Exit</div>
|
|
|
|
</div>
|
2012-05-04 12:24:48 +00:00
|
|
|
</div>
|
|
|
|
<p class="total">
|
2012-05-07 12:39:32 +00:00
|
|
|
Total: <span class="value"> 0 </span>€
|
2012-05-04 12:24:48 +00:00
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
<ul class="pos-actionbar-button-list">
|
2012-04-18 14:11:44 +00:00
|
|
|
<!-- <li class="button">BUTTOOON</li>
|
|
|
|
<li class="button">JEEENKIINS</li>
|
|
|
|
<li class="button rightalign">ARGH</li> -->
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
</t>
|
2012-05-06 21:34:39 +00:00
|
|
|
|
2012-04-18 14:11:44 +00:00
|
|
|
<t t-name="pos-action-button">
|
|
|
|
<li t-att-class=" 'button '+ (widget.rightalign ? 'rightalign ' : '')">
|
2012-04-18 15:53:14 +00:00
|
|
|
<div class='label'>
|
|
|
|
<t t-esc="widget.label" />
|
|
|
|
</div>
|
|
|
|
</li>
|
|
|
|
</t>
|
|
|
|
<t t-name="pos-action-button-with-icon">
|
|
|
|
<li t-att-class=" 'button '+ (widget.rightalign ? 'rightalign ' : '')">
|
|
|
|
<div class='icon'>
|
|
|
|
<img t-att-src="widget.icon" />
|
|
|
|
<div class='iconlabel'><t t-esc="widget.label" /></div>
|
|
|
|
</div>
|
2012-04-18 14:11:44 +00:00
|
|
|
</li>
|
|
|
|
</t>
|
2012-04-05 12:58:43 +00:00
|
|
|
<!-- Onscreen Keyboard :
|
|
|
|
http://net.tutsplus.com/tutorials/javascript-ajax/creating-a-keyboard-with-css-and-jquery/ -->
|
|
|
|
<t t-name="pos-onscreen-keyboard-full-template">
|
|
|
|
<div class="keyboard_frame">
|
|
|
|
<ul class="keyboard full_keyboard">
|
|
|
|
<li class="symbol"><span class="off">`</span><span class="on">~</span></li>
|
|
|
|
<li class="symbol"><span class="off">1</span><span class="on">!</span></li>
|
|
|
|
<li class="symbol"><span class="off">2</span><span class="on">@</span></li>
|
|
|
|
<li class="symbol"><span class="off">3</span><span class="on">#</span></li>
|
|
|
|
<li class="symbol"><span class="off">4</span><span class="on">$</span></li>
|
|
|
|
<li class="symbol"><span class="off">5</span><span class="on">%</span></li>
|
|
|
|
<li class="symbol"><span class="off">6</span><span class="on">^</span></li>
|
|
|
|
<li class="symbol"><span class="off">7</span><span class="on">&</span></li>
|
|
|
|
<li class="symbol"><span class="off">8</span><span class="on">*</span></li>
|
|
|
|
<li class="symbol"><span class="off">9</span><span class="on">(</span></li>
|
|
|
|
<li class="symbol"><span class="off">0</span><span class="on">)</span></li>
|
|
|
|
<li class="symbol"><span class="off">-</span><span class="on">_</span></li>
|
|
|
|
<li class="symbol"><span class="off">=</span><span class="on">+</span></li>
|
|
|
|
<li class="delete lastitem">delete</li>
|
|
|
|
<li class="tab firstitem">tab</li>
|
|
|
|
<li class="letter">q</li>
|
|
|
|
<li class="letter">w</li>
|
|
|
|
<li class="letter">e</li>
|
|
|
|
<li class="letter">r</li>
|
|
|
|
<li class="letter">t</li>
|
|
|
|
<li class="letter">y</li>
|
|
|
|
<li class="letter">u</li>
|
|
|
|
<li class="letter">i</li>
|
|
|
|
<li class="letter">o</li>
|
|
|
|
<li class="letter">p</li>
|
|
|
|
<li class="symbol"><span class="off">[</span><span class="on">{</span></li>
|
|
|
|
<li class="symbol"><span class="off">]</span><span class="on">}</span></li>
|
|
|
|
<li class="symbol lastitem"><span class="off">\</span><span class="on">|</span></li>
|
|
|
|
<li class="capslock firstitem">caps lock</li>
|
|
|
|
<li class="letter">a</li>
|
|
|
|
<li class="letter">s</li>
|
|
|
|
<li class="letter">d</li>
|
|
|
|
<li class="letter">f</li>
|
|
|
|
<li class="letter">g</li>
|
|
|
|
<li class="letter">h</li>
|
|
|
|
<li class="letter">j</li>
|
|
|
|
<li class="letter">k</li>
|
|
|
|
<li class="letter">l</li>
|
|
|
|
<li class="symbol"><span class="off">;</span><span class="on">:</span></li>
|
|
|
|
<li class="symbol"><span class="off">'</span><span class="on">"</span></li>
|
|
|
|
<li class="return lastitem">return</li>
|
|
|
|
<li class="left-shift firstitem">shift</li>
|
|
|
|
<li class="letter">z</li>
|
|
|
|
<li class="letter">x</li>
|
|
|
|
<li class="letter">c</li>
|
|
|
|
<li class="letter">v</li>
|
|
|
|
<li class="letter">b</li>
|
|
|
|
<li class="letter">n</li>
|
|
|
|
<li class="letter">m</li>
|
|
|
|
<li class="symbol"><span class="off">,</span><span class="on"><</span></li>
|
|
|
|
<li class="symbol"><span class="off">.</span><span class="on">></span></li>
|
|
|
|
<li class="symbol"><span class="off">/</span><span class="on">?</span></li>
|
|
|
|
<li class="right-shift lastitem">shift</li>
|
|
|
|
<li class="space firstitem lastitem">&nbsp;</li>
|
|
|
|
</ul>
|
|
|
|
<p class="close_button">close</p>
|
|
|
|
</div>
|
|
|
|
</t>
|
|
|
|
<t t-name="pos-onscreen-keyboard-simple-template">
|
|
|
|
<div class="keyboard_frame">
|
|
|
|
<ul class="keyboard simple_keyboard">
|
|
|
|
<li class="symbol firstitem row_qwerty"><span class="off">q</span><span class="on">1</span></li>
|
|
|
|
<li class="symbol"><span class="off">w</span><span class="on">2</span></li>
|
|
|
|
<li class="symbol"><span class="off">e</span><span class="on">3</span></li>
|
|
|
|
<li class="symbol"><span class="off">r</span><span class="on">4</span></li>
|
|
|
|
<li class="symbol"><span class="off">t</span><span class="on">5</span></li>
|
|
|
|
<li class="symbol"><span class="off">y</span><span class="on">6</span></li>
|
|
|
|
<li class="symbol"><span class="off">u</span><span class="on">7</span></li>
|
|
|
|
<li class="symbol"><span class="off">i</span><span class="on">8</span></li>
|
|
|
|
<li class="symbol"><span class="off">o</span><span class="on">9</span></li>
|
|
|
|
<li class="symbol lastitem"><span class="off">p</span><span class="on">0</span></li>
|
|
|
|
|
|
|
|
<li class="symbol firstitem row_asdf"><span class="off">a</span><span class="on">@</span></li>
|
|
|
|
<li class="symbol"><span class="off">s</span><span class="on">#</span></li>
|
|
|
|
<li class="symbol"><span class="off">d</span><span class="on">%</span></li>
|
|
|
|
<li class="symbol"><span class="off">f</span><span class="on">*</span></li>
|
|
|
|
<li class="symbol"><span class="off">g</span><span class="on">/</span></li>
|
|
|
|
<li class="symbol"><span class="off">h</span><span class="on">-</span></li>
|
|
|
|
<li class="symbol"><span class="off">j</span><span class="on">+</span></li>
|
|
|
|
<li class="symbol"><span class="off">k</span><span class="on">(</span></li>
|
|
|
|
<li class="symbol lastitem"><span class="off">l</span><span class="on">)</span></li>
|
|
|
|
|
|
|
|
<li class="symbol firstitem row_zxcv"><span class="off">z</span><span class="on">?</span></li>
|
|
|
|
<li class="symbol"><span class="off">x</span><span class="on">!</span></li>
|
|
|
|
<li class="symbol"><span class="off">c</span><span class="on">"</span></li>
|
|
|
|
<li class="symbol"><span class="off">v</span><span class="on">'</span></li>
|
|
|
|
<li class="symbol"><span class="off">b</span><span class="on">:</span></li>
|
|
|
|
<li class="symbol"><span class="off">n</span><span class="on">;</span></li>
|
|
|
|
<li class="symbol"><span class="off">m</span><span class="on">,</span></li>
|
|
|
|
<li class="delete lastitem">delete</li>
|
|
|
|
|
|
|
|
<li class="numlock firstitem row_space"><span class="off">123</span><span class="on">ABC</span></li>
|
|
|
|
<li class="space">&nbsp;</li>
|
|
|
|
<li class="symbol"><span class="off">.</span><span class="on">.</span></li>
|
|
|
|
<li class="return lastitem">return</li>
|
|
|
|
</ul>
|
|
|
|
<p class="close_button">close</p>
|
|
|
|
</div>
|
|
|
|
</t>
|
2012-02-09 14:23:55 +00:00
|
|
|
</templates>
|