addons/point_of_sale/static/src/xml/pos.xml

   1 <?xml version="1.0" encoding="UTF-8"?>
   2 <!-- vim:fdl=1:
   3 -->
   4 <templates id="template" xml:space="preserve">
   5
   6     <t t-name="PosWidget">
   7         <div class="pos">
   8             <div class="pos-topheader">
   9                 <div class="pos-branding">
  10                     <img class="pos-logo" src="/point_of_sale/static/src/img/logo.png" />
  11                     <span class="placeholder-UsernameWidget"></span>
  12                 </div>
  13                 <div class="pos-rightheader">
  14                     <span class="placeholder-OrderSelectorWidget"></span>
  15                     <!-- here goes header buttons -->
  16                 </div>
  17             </div>
  18
  19             <div class="pos-content">
  20
  21                 <div class="pos-leftpane">
  22                     <div class='window'>
  23                         <div class='subwindow'>
  24                             <div class='subwindow-container'>
  25                                 <div class='subwindow-container-fix'>
  26                                     <div class="placeholder-OrderWidget"></div>
  27                                 </div>
  28                             </div>
  29                         </div>
  30
  31                         <div class='subwindow collapsed'>
  32                             <div class='subwindow-container'>
  33                                 <div class='subwindow-container-fix pads'>
  34                                     <div class="control-buttons oe_hidden"></div>
  35                                     <div class="placeholder-ActionpadWidget"></div>
  36                                     <div class="placeholder-NumpadWidget"></div>
  37                                 </div>
  38                             </div>
  39                         </div>
  40
  41                     </div>
  42                 </div>
  43
  44                 <div class="rightpane">
  45                     <div class='window'>
  46                         <div class='subwindow'>
  47                             <div class='subwindow-container'>
  48                                 <div class='subwindow-container-fix screens'>
  49                                 </div>
  50                             </div>
  51                         </div>
  52                     </div>
  53                 </div>
  54
  55                 <div class="placeholder-OnscreenKeyboardWidget"></div>
  56             </div>
  57
  58             <div class="loader">
  59                 <div class='loader-feedback oe_hidden'>
  60                     <h1 class='message'>Loading</h1>
  61                     <div class='progressbar'>
  62                         <div class='progress' width='50%'></div>
  63                     </div>
  64                     <div class='oe_hidden button skip'>
  65                         Skip
  66                     </div>
  67                 </div>
  68             </div>
  69
  70             &lt;!--[if IE]&gt;
  71             <div class='not-supported-browser'>
  72                 <div class='message'>
  73                     <img src='/point_of_sale/static/src/img/pos_screenshot.jpg' />
  74                     <p>
  75                         The Point of Sale is not supported by Microsoft Internet Explorer. Please use
  76                         a modern browser like <a href="http://www.mozilla.org/firefox/" target="_blank">Mozilla Firefox</a>
  77                         or <a href="http://www.google.com/chrome" target="_blank">Google Chrome</a>.
  78                     </p>
  79                 </div>
  80             </div>
  81             &lt;![endif]--&gt;
  82         </div>
  83     </t>
  84
  85     <t t-name="SynchNotificationWidget">
  86         <div class="oe_status js_synch">
  87             <span class='js_msg oe_hidden'>0</span>
  88             <div class="js_connected oe_icon oe_green">
  89                 <i class='fa fa-fw fa-wifi'></i>
  90             </div>
  91             <div class="js_connecting oe_icon oe_hidden">
  92                 <i class='fa fa-fw fa-spin fa-spinner'></i>
  93             </div>
  94             <div class="js_disconnected oe_icon oe_red oe_hidden">
  95                 <i class='fa fa-fw fa-wifi'></i>
  96             </div>
  97         </div>
  98     </t>
  99
 100     <t t-name="ProxyStatusWidget">
 101         <div class="oe_status js_proxy">
 102             <span class='js_msg oe_orange oe_hidden'></span>
 103             <div class="js_connected oe_icon oe_green">
 104                 <i class='fa fa-fw fa-sitemap'></i>
 105             </div>
 106             <div class="js_connecting oe_icon oe_hidden">
 107                 <i class='fa fa-fw fa-spin fa-spinner'></i>
 108             </div>
 109             <div class="js_warning oe_icon oe_orange oe_hidden">
 110                 <i class='fa fa-fw fa-sitemap'></i>
 111             </div>
 112             <div class="js_disconnected oe_icon oe_red oe_hidden">
 113                 <i class='fa fa-fw fa-sitemap'></i>
 114             </div>
 115         </div>
 116     </t>
 117
 118     <t t-name="HeaderButtonWidget">
 119         <div class="header-button">
 120             <t t-esc="widget.label" />
 121         </div>
 122     </t>
 123
 124     <t t-name="PosCloseWarning">
 125         <div>There are pending operations that could not be saved into the database, are you sure you want to exit?</div>
 126     </t>
 127
 128     <t t-name="ActionpadWidget">
 129         <div class="actionpad">
 130             <button class='button set-customer'>
 131                 <i class='fa fa-user' /> Customer
 132             </button>
 133             <button class='button pay'>
 134                 <i class='fa fa-chevron-right' /> Payment
 135             </button>
 136         </div>
 137     </t>
 138
 139     <t t-name="NumpadWidget">
 140         <div class="numpad">
 141             <button class="input-button number-char">1</button>
 142             <button class="input-button number-char">2</button>
 143             <button class="input-button number-char">3</button>
 144             <button class="mode-button" data-mode='quantity'>Qty</button>
 145             <br />
 146             <button class="input-button number-char">4</button>
 147             <button class="input-button number-char">5</button>
 148             <button class="input-button number-char">6</button>
 149             <button class="mode-button" data-mode='discount'>Disc</button>
 150             <br />
 151             <button class="input-button number-char">7</button>
 152             <button class="input-button number-char">8</button>
 153             <button class="input-button number-char">9</button>
 154             <button class="mode-button" data-mode='price'>Price</button>
 155             <br />
 156             <button class="input-button numpad-minus" >+/-</button>
 157             <button class="input-button number-char">0</button>
 158             <button class="input-button number-char">.</button>
 159             <button class="input-button numpad-backspace">
 160                 <img src="/point_of_sale/static/src/img/backspace.png" width="24" height="21" />
 161             </button>
 162             <br />
 163         </div>
 164     </t>
 165
 166     <t t-name="CategoryButton">
 167         <span class='category-button js-category-switch' t-att-data-category-id="category.id" >
 168             <div class="category-img">
 169                 <img t-att-src="image_url" />
 170             </div>
 171             <div class="category-name">
 172                 <t t-esc="category.name"/>
 173             </div>
 174         </span>
 175     </t>
 176
 177     <t t-name="CategorySimpleButton">
 178         <span class='category-simple-button js-category-switch' t-att-data-category-id="category.id" >
 179             <t t-esc="category.name"/>
 180         </span>
 181     </t>
 182
 183     <t t-name="ProductCategoriesWidget">
 184         <div>
 185         <header class='rightpane-header'>
 186             <div class="breadcrumbs">
 187                 <span class="breadcrumb">
 188                     <span class=" breadcrumb-button js-category-switch">
 189                         <img src="/point_of_sale/static/src/img/home.png" class="breadcrumb-homeimg" />
 190                     </span>
 191                 </span>
 192                 <t t-foreach="widget.breadcrumb" t-as="category">
 193                     <span class="breadcrumb">
 194                         <img src="/point_of_sale/static/src/img/bc-arrow-big.png" class="breadcrumb-arrow" />
 195                         <span class="breadcrumb-button js-category-switch" t-att-data-category-id="category.id">
 196                             <t t-esc="category.name"/>
 197                         </span>
 198                     </span>
 199                 </t>
 200             </div>
 201             <div class="searchbox">
 202                 <input placeholder="Search Products" />
 203                 <span class="search-clear"></span>
 204             </div>
 205         </header>
 206         <t t-if="widget.subcategories.length > 0">
 207             <div class="categories">
 208                 <div class="category-list">
 209                 </div>
 210             </div>
 211         </t>
 212         </div>
 213     </t>
 214
 215     <t t-name="ProductListWidget">
 216         <div class='product-list-container'>
 217             <div class="product-list-scroller touch-scrollable">
 218                 <div class="product-list">
 219                 </div>
 220             </div>
 221             <span class="placeholder-ScrollbarWidget" />
 222         </div>
 223     </t>
 224
 225     <t t-name="ProductScreenWidget">
 226         <div class="product-screen screen">
 227             <table class="layout-table">
 228
 229                 <tr class="header-row">
 230                     <td class="header-cell">
 231                         <span class="placeholder-ProductCategoriesWidget" />
 232                     </td>
 233                 </tr>
 234
 235                 <tr class="content-row">
 236                     <td class="content-cell">
 237                         <div class="content-container">
 238                             <span class="placeholder-ProductListWidget" />
 239                         </div>
 240                     </td>
 241                 </tr>
 242
 243             </table>
 244         </div>
 245     </t>
 246
 247     <t t-name="ScaleScreenWidget">
 248         <div class="scale-screen screen">
 249             <div class="screen-content">
 250                 <div class="top-content">
 251                     <span class='button back'>
 252                         <i class='fa fa-angle-double-left'></i>
 253                         Back
 254                     </span>
 255                     <h1 class='product-name'><t t-esc="widget.get_product_name()" /></h1>
 256                 </div>
 257                 <div class="centered-content">
 258                     <div class='weight js-weight'>
 259                         <t t-esc="widget.get_product_weight_string()" />
 260                     </div>
 261                     <div class='product-price'>
 262                         <t t-esc="widget.format_currency(widget.get_product_price()) + '/Kg'" />
 263                     </div>
 264                     <div class='computed-price'>
 265                         123.14 €
 266                     </div>
 267                     <div class='buy-product'>
 268                         Order
 269                         <i class='fa fa-angle-double-right'></i>
 270                     </div>
 271                 </div>
 272             </div>
 273         </div>
 274     </t>
 275
 276     <t t-name="ClientLine">
 277         <tr class='client-line' t-att-data-id='partner.id'>
 278             <td><t t-esc='partner.name' /></td>
 279             <td><t t-esc='partner.address' /></td>
 280             <td><t t-esc='partner.phone or partner.mobile or ""' /></td>
 281         </tr>
 282     </t>
 283
 284     <t t-name="ClientDetailsEdit">
 285         <section class='client-details edit'>
 286             <div class='client-picture'>
 287                 <t t-if='!partner.id'>
 288                     <i class='fa fa-camera'></i>
 289                 </t>
 290                 <t t-if='partner.id'>
 291                     <img t-att-src='widget.partner_icon_url(partner.id)' />
 292                 </t>
 293                 <input type='file' class='image-uploader'></input>
 294             </div>
 295             <input class='detail client-name' name='name' t-att-value='partner.name' placeholder='Name'></input>
 296             <div class='edit-buttons'>
 297                 <div class='button undo'><i class='fa fa-undo' /></div>
 298                 <div class='button save'><i class='fa fa-floppy-o' /></div>
 299             </div>
 300             <div class='client-details-box clearfix'>
 301                 <div class='client-details-left'>
 302                     <div class='client-detail'>
 303                         <span class='label'>Street</span>
 304                         <input class='detail client-address-street' name='street'       t-att-value='partner.street' placeholder='Street'></input>
 305                     </div>
 306                     <div class='client-detail'>
 307                         <span class='label'>City</span>
 308                         <input class='detail client-address-city'   name='city'         t-att-value='partner.city' placeholder='City'></input>
 309                     </div>
 310                     <div class='client-detail'>
 311                         <span class='label'>Postcode</span>
 312                         <input class='detail client-address-zip'    name='zip'          t-att-value='partner.zip' placeholder='ZIP'></input>
 313                     </div>
 314                     <div class='client-detail'>
 315                         <span class='label'>Country</span>
 316                         <select class='detail client-address-country' name='country_id'>
 317                             <option value=''>None</option>
 318                             <t t-foreach='widget.pos.countries' t-as='country'>
 319                                 <option t-att-value='country.id' t-att-selected="partner_country_id ? ((country.id === partner.country_id[0]) ? true : undefined) : undefined">
 320                                     <t t-esc='country.name'/>
 321                                 </option>
 322                             </t>
 323                         </select>
 324                     </div>
 325                 </div>
 326                 <div class='client-details-right'>
 327                     <div class='client-detail'>
 328                         <span class='label'>Email</span>
 329                         <input class='detail client-email'  name='email'    type='email'    t-att-value='partner.email || ""'></input>
 330                     </div>
 331                     <div class='client-detail'>
 332                         <span class='label'>Phone</span>
 333                         <input class='detail client-phone'  name='phone'    type='tel'      t-att-value='partner.phone || ""'></input>
 334                     </div>
 335                     <div class='client-detail'>
 336                         <span class='label'>Barcode</span>
 337                         <input class='detail barcode'       name='barcode'    t-att-value='partner.barcode || ""'></input>
 338                     </div>
 339                     <div class='client-detail'>
 340                         <span class='label'>Tax ID</span>
 341                         <input class='detail vat'           name='vat'     t-att-value='partner.vat || ""'></input>
 342                     </div>
 343                 </div>
 344             </div>
 345         </section>
 346     </t>
 347     <t t-name="ClientDetails">
 348         <section class='client-details'>
 349             <div class='client-picture'>
 350                 <img t-att-src='widget.partner_icon_url(partner.id)' />
 351             </div>
 352             <div class='client-name'><t t-esc='partner.name' /></div>
 353             <div class='edit-buttons'>
 354                 <div class='button edit'><i class='fa fa-pencil-square' /></div>
 355             </div>
 356             <div class='client-details-box clearfix'>
 357                 <div class='client-details-left'>
 358                     <div class='client-detail'>
 359                         <span class='label'>Address</span>
 360                         <span class='detail client-address'><t t-esc='partner.address' /></span>
 361                     </div>
 362                     <div class='client-detail'>
 363                         <span class='label'>Email</span>
 364                         <span class='detail client-email'><t t-esc='partner.email' /></span>
 365                     </div>
 366                     <div class='client-detail'>
 367                         <span class='label'>Phone</span>
 368                         <t t-if='partner.phone'>
 369                             <span class='detail client-phone'><t t-esc='partner.phone' /></span>
 370                         </t>
 371                         <t t-if='!partner.phone'>
 372                             <span class='detail client-phone empty'>N/A</span>
 373                         </t>
 374                     </div>
 375                 </div>
 376                 <div class='client-details-right'>
 377                     <div class='client-detail'>
 378                         <span class='label'>Barcode</span>
 379                         <t t-if='partner.barcode'>
 380                             <span class='detail client-id'><t t-esc='partner.barcode'/></span>
 381                         </t>
 382                         <t t-if='!partner.barcode'>
 383                             <span class='detail client-id empty'>N/A</span>
 384                         </t>
 385                     </div>
 386                     <div class='client-detail'>
 387                         <span class='label'>Tax ID</span>
 388                         <t t-if='partner.vat'>
 389                             <span class='detail vat'><t t-esc='partner.vat'/></span>
 390                         </t>
 391                         <t t-if='!partner.vat'>
 392                             <span class='detail vat empty'>N/A</span>
 393                         </t>
 394                     </div>
 395                 </div>
 396             </div>
 397         </section>
 398     </t>
 399
 400     <t t-name="ClientListScreenWidget">
 401         <div class="clientlist-screen screen">
 402             <div class="screen-content">
 403                 <section class="top-content">
 404                     <span class='button back'>
 405                         <i class='fa fa-angle-double-left'></i>
 406                         Cancel
 407                     </span>
 408                     <span class='searchbox'>
 409                         <input placeholder='Search Customers' />
 410                         <span class='search-clear'></span>
 411                     </span>
 412                     <span class='searchbox'></span>
 413                     <span class='button new-customer'>
 414                         <i class='fa fa-user'></i>
 415                         <i class='fa fa-plus'></i>
 416                     </span>
 417                     <span class='button next oe_hidden highlight'>
 418                         Select Customer
 419                         <i class='fa fa-angle-double-right'></i>
 420                     </span>
 421                 </section>
 422                 <section class="full-content">
 423                     <div class='window'>
 424                         <section class='subwindow collapsed'>
 425                             <div class='subwindow-container'>
 426                                 <div class='subwindow-container-fix client-details-contents'>
 427                                 </div>
 428                             </div>
 429                         </section>
 430                         <section class='subwindow'>
 431                             <div class='subwindow-container'>
 432                                 <div class='subwindow-container-fix touch-scrollable scrollable-y'>
 433                                     <table class='client-list'>
 434                                         <thead>
 435                                             <tr>
 436                                                 <th>Name</th>
 437                                                 <th>Address</th>
 438                                                 <th>Phone</th>
 439                                             </tr>
 440                                         </thead>
 441                                         <tbody class='client-list-contents'>
 442                                         </tbody>
 443                                     </table>
 444                                 </div>
 445                             </div>
 446                         </section>
 447                     </div>
 448                 </section>
 449             </div>
 450         </div>
 451     </t>
 452
 453     <t t-name="PaymentScreen-Paymentlines">
 454         <t t-if="!paymentlines.length">
 455             <div class='paymentlines-empty'>
 456                 <div class='total'>
 457                     <t t-esc="widget.format_currency(order.get_total_with_tax())"/>
 458                 </div>
 459                 <div class='message'>
 460                     Please select a payment method.
 461                 </div>
 462             </div>
 463         </t>
 464
 465         <t t-if="paymentlines.length">
 466             <table class='paymentlines'>
 467                 <colgroup>
 468                     <col class='due' />
 469                     <col class='tendered' />
 470                     <col class='change' />
 471                     <col class='method' />
 472                     <col class='controls' />
 473                 </colgroup>
 474                 <thead>
 475                     <tr class='label'>
 476                         <th>Due</th>
 477                         <th>Tendered</th>
 478                         <th>Change</th>
 479                         <th>Method</th>
 480                         <th></th>
 481                     </tr>
 482                 </thead>
 483                 <tbody>
 484                     <t t-foreach='paymentlines' t-as='line'>
 485                         <t t-if='line.selected'>
 486                             <tr class='paymentline selected'>
 487                                 <td class='col-due'> <t t-esc='widget.format_currency_no_symbol(order.get_due(line))' /> </td>
 488                                 <td class='col-tendered edit'>
 489                                     <t t-esc='widget.inputbuffer' />
 490                                     <!-- <t t-esc='line.get_amount()' /> -->
 491                                 </td>
 492                                 <t t-if='order.get_change(line)'>
 493                                     <td class='col-change highlight' >
 494                                         <t t-esc='widget.format_currency_no_symbol(order.get_change(line))' />
 495                                     </td>
 496                                 </t>
 497                                 <t t-if='!order.get_change(line)'>
 498                                     <td class='col-change' ></td>
 499                                 </t>
 500
 501                                 <td class='col-name' > <t t-esc='line.name' /> </td>
 502                                 <td class='delete-button' t-att-data-cid='line.cid'> <i class='fa fa-times-circle' /> </td>
 503                             </tr>
 504                         </t>
 505                         <t t-if='!line.selected'>
 506                             <tr class='paymentline' t-att-data-cid='line.cid'>
 507                                 <td class='col-due'> <t t-esc='widget.format_currency_no_symbol(order.get_due(line))' /> </td>
 508                                 <td class='col-tendered'> <t t-esc='widget.format_currency_no_symbol(line.get_amount())' /> </td>
 509                                 <td class='col-change'>
 510                                     <t t-if='order.get_change(line)'>
 511                                         <t t-esc='widget.format_currency_no_symbol(order.get_change(line))' />
 512                                      </t>
 513                                 </td>
 514                                 <td class='col-name'> <t t-esc='line.name' /> </td>
 515                                 <td class='delete-button' t-att-data-cid='line.cid'> <i class='fa fa-times-circle' /> </td>
 516                             </tr>
 517                         </t>
 518                     </t>
 519                 </tbody>
 520             </table>
 521         </t>
 522
 523     </t>
 524
 525     <t t-name="PaymentScreen-Numpad">
 526         <div class="numpad">
 527             <button class="input-button number-char" data-action='1'>1</button>
 528             <button class="input-button number-char" data-action='2'>2</button>
 529             <button class="input-button number-char" data-action='3'>3</button>
 530             <button class="mode-button" data-action='+10'>+10</button>
 531             <br />
 532             <button class="input-button number-char" data-action='4'>4</button>
 533             <button class="input-button number-char" data-action='5'>5</button>
 534             <button class="input-button number-char" data-action='6'>6</button>
 535             <button class="mode-button" data-action='+20'>+20</button>
 536             <br />
 537             <button class="input-button number-char" data-action='7'>7</button>
 538             <button class="input-button number-char" data-action='8'>8</button>
 539             <button class="input-button number-char" data-action='9'>9</button>
 540             <button class="mode-button" data-action='+50'>+50</button>
 541             <br />
 542             <button class="input-button numpad-char" data-action='CLEAR' >C</button>
 543             <button class="input-button number-char" data-action='0'>0</button>
 544             <button class="input-button number-char" data-action='.'>.</button>
 545             <button class="input-button numpad-backspace" data-action='BACKSPACE' >
 546                 <img src="/point_of_sale/static/src/img/backspace.png" width="24" height="21" />
 547             </button>
 548             <br />
 549         </div>
 550     </t>
 551
 552     <t t-name="PaymentScreen-Paymentmethods">
 553         <div class='paymentmethods'>
 554             <t t-foreach="widget.pos.cashregisters" t-as="cashregister">
 555                 <div class="button paymentmethod" t-att-data-id="cashregister.journal_id[0]">
 556                     <t t-esc="cashregister.journal_id[1]" />
 557                 </div>
 558             </t>
 559         </div>
 560
 561     </t>
 562
 563     <t t-name="PaymentScreenWidget">
 564         <div class='payment-screen screen'>
 565             <div class='screen-content'>
 566                 <div class='top-content'>
 567                     <span class='button back'>
 568                         <i class='fa fa-angle-double-left'></i>
 569                         Back
 570                     </span>
 571                     <h1>Payment</h1>
 572                     <span class='button next'>
 573                         Validate
 574                         <i class='fa fa-angle-double-right'></i>
 575                     </span>
 576                 </div>
 577                 <div class='left-content pc40 touch-scrollable scrollable-y'>
 578
 579                     <div class='paymentmethods-container'>
 580                     </div>
 581
 582                 </div>
 583                 <div class='right-content pc60 touch-scrollable scrollable-y'>
 584
 585                     <section class='paymentlines-container'>
 586                     </section>
 587
 588                     <section class='payment-numpad'>
 589                     </section>
 590
 591                     <div class='payment-buttons'>
 592                         <div class='button js_set_customer'>
 593                             <i class='fa fa-user' />Customer
 594                         </div>
 595                         <t t-if='widget.pos.config.iface_invoicing'>
 596                             <t t-if='widget.pos.get_order()'>
 597                                 <div t-attf-class='button js_invoice #{ widget.pos.get_order().is_to_invoice() ? "highlight" : ""} '>
 598                                     <i class='fa fa-file-text-o' /> Invoice
 599                                 </div>
 600                             </t>
 601                         </t>
 602                         <t t-if='widget.pos.config.iface_cashdrawer'>
 603                             <div class='button js_invoice'>
 604                                 <i class='fa fa-archive' /> Open Cashbox
 605                             </div>
 606                         </t>
 607                      </div>
 608                  </div>
 609              </div>
 610          </div>
 611      </t>
 612
 613     <t t-name="ReceiptScreenWidget">
 614         <div class='receipt-screen screen'>
 615             <div class='screen-content'>
 616                 <div class='top-content'>
 617                     <h1>Receipt</h1>
 618                     <span class='button next'>
 619                         Next Order
 620                         <i class='fa fa-angle-double-right'></i>
 621                     </span>
 622                 </div>
 623                 <div class="centered-content">
 624                     <div class="button print">
 625                         <i class='fa fa-print'></i> Print
 626                     </div>
 627                     <div class="pos-receipt-container">
 628                     </div>
 629                 </div>
 630             </div>
 631         </div>
 632     </t>
 633
 634     <t t-name="XmlReceipt">
 635         <receipt align='center' width='40' value-thousands-separator='' >
 636             <t t-if='receipt.company.logo'>
 637                 <img t-att-src='receipt.company.logo' />
 638                 <br/>
 639             </t>
 640             <t t-if='!receipt.company.logo'>
 641                 <h1><t t-esc='receipt.company.name' /></h1>
 642                 <br/>
 643             </t>
 644             <div font='b'>
 645                 <t t-if='receipt.shop.name'>
 646                     <div><t t-esc='receipt.shop.name' /></div>
 647                 </t>
 648                 <t t-if='receipt.company.contact_address'>
 649                     <div><t t-esc='receipt.company.contact_address' /></div>
 650                 </t>
 651                 <t t-if='receipt.company.phone'>
 652                     <div>Tel:<t t-esc='receipt.company.phone' /></div>
 653                 </t>
 654                 <t t-if='receipt.company.vat'>
 655                     <div>VAT:<t t-esc='receipt.company.vat' /></div>
 656                 </t>
 657                 <t t-if='receipt.company.email'>
 658                     <div><t t-esc='receipt.company.email' /></div>
 659                 </t>
 660                 <t t-if='receipt.company.website'>
 661                     <div><t t-esc='receipt.company.website' /></div>
 662                 </t>
 663                 <t t-if='receipt.header_xml'>
 664                     <t t-raw='receipt.header_xml' />
 665                 </t>
 666                 <t t-if='!receipt.header_xml and receipt.header'>
 667                     <div><t t-esc='receipt.header' /></div>
 668                 </t>
 669                 <t t-if='receipt.cashier'>
 670                     <div class='cashier'>
 671                         <div>--------------------------------</div>
 672                         <div>Served by <t t-esc='receipt.cashier' /></div>
 673                     </div>
 674                 </t>
 675             </div>
 676             <br /><br />
 677
 678             <!-- Orderlines -->
 679
 680             <div class='orderlines' line-ratio='0.6'>
 681                 <t t-foreach='receipt.orderlines' t-as='line'>
 682                     <t t-set='simple' t-value='line.discount === 0 and line.unit_name === "Unit(s)" and line.quantity === 1' />
 683                     <t t-if='simple'>
 684                         <line>
 685                             <left><t t-esc='line.product_name' /></left>
 686                             <right><value><t t-esc='line.price_display' /></value></right>
 687                         </line>
 688                     </t>
 689                     <t t-if='!simple'>
 690                         <line><left><t t-esc='line.product_name' /></left></line>
 691                         <t t-if='line.discount !== 0'>
 692                             <line indent='1'><left>Discount: <t t-esc='line.discount' />%</left></line>
 693                         </t>
 694                         <line indent='1'>
 695                             <left>
 696                                 <value value-decimals='3' value-autoint='on'>
 697                                     <t t-esc='line.quantity' />
 698                                 </value>
 699                                 <t t-if='line.unit_name !== "Unit(s)"'>
 700                                     <t t-esc='line.unit_name' />
 701                                 </t>
 702                                 x
 703                                 <value value-decimals='2'>
 704                                     <t t-esc='line.price' />
 705                                 </value>
 706                             </left>
 707                             <right>
 708                                 <value><t t-esc='line.price_display' /></value>
 709                             </right>
 710                         </line>
 711                     </t>
 712                 </t>
 713             </div>
 714
 715             <!-- Subtotal -->
 716
 717             <t t-set='taxincluded' t-value='Math.abs(receipt.subtotal - receipt.total_with_tax) &lt;= 0.000001' />
 718             <t t-if='!taxincluded'>
 719                 <line><right>--------</right></line>
 720                 <line><left>Subtotal</left><right> <value><t t-esc="receipt.subtotal" /></value></right></line>
 721                 <t t-foreach='receipt.tax_details' t-as='tax'>
 722                     <line>
 723                         <left><t t-esc='tax.name' /></left>
 724                         <right><value><t t-esc='tax.amount' /></value></right>
 725                     </line>
 726                 </t>
 727             </t>
 728
 729             <!-- Total -->
 730
 731             <line><right>--------</right></line>
 732             <line class='total' size='double-height'>
 733                 <left><pre>        TOTAL</pre></left>
 734                 <right><value><t t-esc='receipt.total_with_tax' /></value></right>
 735             </line>
 736             <br/><br/>
 737
 738             <!-- Payment Lines -->
 739
 740             <t t-foreach='receipt.paymentlines' t-as='line'>
 741                 <line>
 742                     <left><t t-esc='line.journal' /></left>
 743                     <right><value><t t-esc='line.amount'/></value></right>
 744                 </line>
 745             </t>
 746             <br/>
 747
 748             <line size='double-height'>
 749                 <left><pre>        CHANGE</pre></left>
 750                 <right><value><t t-esc='receipt.change' /></value></right>
 751             </line>
 752             <br/>
 753
 754             <!-- Extra Payment Info -->
 755
 756             <t t-if='receipt.total_discount'>
 757                 <line>
 758                     <left>Discounts</left>
 759                     <right><value><t t-esc='receipt.total_discount'/></value></right>
 760                 </line>
 761             </t>
 762             <t t-if='taxincluded'>
 763                 <t t-foreach='receipt.tax_details' t-as='tax'>
 764                     <line>
 765                         <left><t t-esc='tax.name' /></left>
 766                         <right><value><t t-esc='tax.amount' /></value></right>
 767                     </line>
 768                 </t>
 769             </t>
 770
 771             <div class='before-footer' />
 772
 773             <!-- Footer -->
 774             <t t-if='receipt.footer_xml'>
 775                 <t t-raw='receipt.footer_xml' />
 776             </t>
 777
 778             <t t-if='!receipt.footer_xml and receipt.footer'>
 779                 <br/>
 780                 <t t-esc='receipt.footer' />
 781                 <br/>
 782                 <br/>
 783             </t>
 784
 785             <div class='after-footer' />
 786
 787             <br/>
 788             <div font='b'>
 789                 <div><t t-esc='receipt.name' /></div>
 790                 <div><t t-esc='receipt.date.localestring' /></div>
 791             </div>
 792
 793         </receipt>
 794     </t>
 795
 796     <t t-name="FullscreenPopupWidget">
 797         <div class="modal-dialog">
 798             <div class="popup popup-fullscreen">
 799                 <p class="message">Fullscreen Setup</p>
 800
 801                 <t t-if='widget.ismobile()'>
 802                     <p class="comment">
 803                         The best way to make the point of sale fullscreen on mobile
 804                         devices is to add the point of sale to your home screen. On
 805                         iPhone and iPad this is done by tapping <img src='/point_of_sale/static/src/img/ios-share-icon.png' />
 806                         and then <i>Add to Homescreen</i>
 807                     </p>
 808                     <p class='comment'>
 809                         This also works on Android with the Chrome Beta Browser, using the <i>Add to Homescreen</i> option
 810                         in the browser's menu.
 811                     </p>
 812                     <p class='comment'>
 813                         If you want to work in fullscreen just this time tap the <i>Go Fullscreen</i> button.
 814                     </p>
 815                 </t>
 816
 817                 <t t-if='!widget.ismobile()'>
 818                     <p class="comment">
 819                         The best way to make the point of sale fullscreen on desktop
 820                         and laptops is to launch your browser in kiosk mode. Please
 821                         refer to your browser's documentation for the specific
 822                         instructions.
 823                     </p>
 824                     <p class="comment">
 825                         If you want to work in fullscreen just this time, click the <i> Go Fullscreen</i> button.
 826                     </p>
 827                 </t>
 828
 829                 <div class="footer">
 830                     <div class="button fullscreen">
 831                         Go Fullscreen
 832                     </div>
 833                     <div class="button cancel">
 834                         Cancel
 835                     </div>
 836                 </div>
 837             </div>
 838         </div>
 839     </t>
 840
 841     <t t-name="ErrorInvoiceTransferPopupWidget">
 842         <div class="modal-dialog">
 843             <div class="popup popup-invoice">
 844                 <p class="message">The Order could not be sent to the server for invoicing. Invoices cannot be generated
 845                     in offline mode. Please check your internet connection and try again.</p>
 846                 <div class="footer">
 847                     <div class="button">
 848                         Ok
 849                     </div>
 850                 </div>
 851             </div>
 852         </div>
 853     </t>
 854
 855     <t t-name="ErrorPopupWidget">
 856         <div class="modal-dialog">
 857             <div class="popup popup-error">
 858                 <p class="message"><t t-esc=" widget.message || 'Error' " /></p>
 859                 <p class="comment"><t t-esc=" widget.comment || '' "/></p>
 860                 <div class="footer">
 861                     <div class="button">
 862                         Ok
 863                     </div>
 864                 </div>
 865             </div>
 866         </div>
 867     </t>
 868
 869     <t t-name="ErrorTracebackPopupWidget">
 870         <div class="modal-dialog">
 871             <div class="popup popup-error">
 872                 <p class="message"><t t-esc=" widget.message || 'Error' " /></p>
 873                 <p class="comment traceback"><t t-esc=" widget.comment || '' "/></p>
 874                 <div class="footer">
 875                     <div class="button">
 876                         Ok
 877                     </div>
 878                 </div>
 879             </div>
 880         </div>
 881     </t>
 882
 883     <t t-name="ErrorTracebackPopupWidget">
 884         <div class="modal-dialog">
 885             <div class="popup popup-error">
 886                 <p class="message"><t t-esc=" widget.message || 'Error' " /></p>
 887                 <p class="comment traceback"><t t-esc=" widget.comment || '' "/></p>
 888                 <div class="footer">
 889                     <div class="button">
 890                         Ok
 891                     </div>
 892                 </div>
 893             </div>
 894         </div>
 895     </t>
 896
 897     <t t-name="ErrorBarcodePopupWidget">
 898         <div class="modal-dialog">
 899             <div class="popup popup-barcode">
 900                 <p class="message">Unknown Barcode
 901                     <br />
 902                     <span class='barcode'><t t-esc="widget.barcode" /></span>
 903                 </p>
 904                 <p class="comment">
 905                     The Point of Sale could not find any product, client, employee
 906                     or action associated with the scanned barcode.
 907                 </p>
 908                 <div class="footer">
 909                     <div class="button">
 910                         Ok
 911                     </div>
 912                 </div>
 913             </div>
 914         </div>
 915     </t>
 916
 917     <t t-name="ConfirmPopupWidget">
 918         <div class="modal-dialog">
 919             <div class="popup popup-confirm">
 920                 <p class="message"><t t-esc=" widget.message || 'Confirm ?' " /></p>
 921                 <p class="comment"><t t-esc=" widget.comment || '' "/></p>
 922                 <div class="footer">
 923                     <div class="button confirm">
 924                         Confirm
 925                     </div>
 926                     <div class="button cancel">
 927                         Cancel
 928                     </div>
 929                 </div>
 930             </div>
 931         </div>
 932     </t>
 933
 934     <t t-name="TextInputPopupWidget">
 935         <div class="modal-dialog">
 936             <div class="popup popup-textinput">
 937                 <p class="message"><t t-esc=" widget.message || '' " /></p>
 938                 <input type='text' t-att-value="widget.value || ''"></input>
 939                 <div class="footer">
 940                     <div class="button confirm">
 941                         Ok
 942                     </div>
 943                     <div class="button cancel">
 944                         Cancel
 945                     </div>
 946                 </div>
 947             </div>
 948         </div>
 949     </t>
 950
 951     <t t-name="TextAreaPopupWidget">
 952         <div class="modal-dialog">
 953             <div class="popup popup-textinput">
 954                 <p class="message"><t t-esc=" widget.message || '' " /></p>
 955                 <textarea rows="15" cols="50" t-att-value="widget.value || ''"></textarea>
 956                 <div class="footer">
 957                     <div class="button confirm">
 958                         Ok
 959                     </div>
 960                     <div class="button cancel">
 961                         Cancel
 962                     </div>
 963                 </div>
 964             </div>
 965         </div>
 966     </t>
 967
 968     <t t-name="UnsentOrdersPopupWidget">
 969         <div class="modal-dialog">
 970             <div class="popup popup-unsent-orders">
 971                 <p class="message">Unsent Orders</p>
 972                 <t t-if='widget.pos.db.get_orders().length === 0'>
 973                     <p class='comment'>
 974                         There are no unsent orders
 975                     </p>
 976                 </t>
 977                 <t t-if='widget.pos.db.get_orders().length > 0'>
 978                     <p class='comment traceback'>
 979                         <t t-esc='JSON.stringify(widget.pos.db.get_orders(),null,2)' />
 980                     </p>
 981                 </t>
 982                 <div class="footer">
 983                     <div class="button confirm">
 984                         Ok
 985                     </div>
 986                 </div>
 987             </div>
 988         </div>
 989     </t>
 990
 991     <t t-name="UnpaidOrdersPopupWidget">
 992         <div class="modal-dialog">
 993             <div class="popup popup-unpaid-orders">
 994                 <p class="message">Unpaid Orders</p>
 995                 <t t-if='widget.pos.db.get_unpaid_orders().length === 0'>
 996                     <p class='comment'>
 997                         There are no unpaid orders
 998                     </p>
 999                 </t>
1000                 <t t-if='widget.pos.db.get_unpaid_orders().length > 0'>
1001                     <p class='comment traceback'>
1002                         <t t-esc='JSON.stringify(widget.pos.db.get_unpaid_orders(),null,2)' />
1003                     </p>
1004                 </t>
1005                 <div class="footer">
1006                     <div class="button confirm">
1007                         Ok
1008                     </div>
1009                 </div>
1010             </div>
1011         </div>
1012     </t>
1013
1014     <t t-name="SelectionPopupWidget">
1015         <div class="modal-dialog">
1016             <div class="popup popup-selection">
1017                 <p class="message"><t t-esc=" widget.message || 'Select' " /></p>
1018                 <div class='selection scrollable-y touch-scrollable'>
1019                     <t t-foreach="widget.list || []" t-as="item">
1020                         <div class='selection-item' t-att-data-item-index='item_index'>
1021                             <t t-esc='item.label'/>
1022                         </div>
1023                     </t>
1024                 </div>
1025                 <div class="footer">
1026                     <div class="button cancel">
1027                         Cancel
1028                     </div>
1029                 </div>
1030             </div>
1031         </div>
1032     </t>
1033
1034     <t t-name="NumberPopupWidget">
1035         <div class="modal-dialog">
1036             <div class="popup popup-number">
1037                 <p class="message"><t t-esc=" widget.message || '' " /></p>
1038                 <div class='popup-input value active'>
1039                     <t t-esc='widget.inputbuffer' />
1040                 </div>
1041                 <div class='popup-numpad'>
1042                     <button class="input-button number-char" data-action='1'>1</button>
1043                     <button class="input-button number-char" data-action='2'>2</button>
1044                     <button class="input-button number-char" data-action='3'>3</button>
1045                     <button class="mode-button add" data-action='+10'>+10</button>
1046                     <br />
1047                     <button class="input-button number-char" data-action='4'>4</button>
1048                     <button class="input-button number-char" data-action='5'>5</button>
1049                     <button class="input-button number-char" data-action='6'>6</button>
1050                     <button class="mode-button add" data-action='+20'>+20</button>
1051                     <br />
1052                     <button class="input-button number-char" data-action='7'>7</button>
1053                     <button class="input-button number-char" data-action='8'>8</button>
1054                     <button class="input-button number-char" data-action='9'>9</button>
1055                     <button class="mode-button add" data-action='+50'>+50</button>
1056                     <br />
1057                     <button class="input-button numpad-char" data-action='CLEAR' >C</button>
1058                     <button class="input-button number-char" data-action='0'>0</button>
1059                     <button class="input-button number-char dot" data-action='.'>.</button>
1060                     <button class="input-button numpad-backspace" data-action='BACKSPACE' >
1061                         <img src="/point_of_sale/static/src/img/backspace.png" width="24" height="21" />
1062                     </button>
1063                     <br />
1064                 </div>
1065                 <div class="footer">
1066                     <div class="button confirm">
1067                         Ok
1068                     </div>
1069                     <div class="button cancel">
1070                         Cancel
1071                     </div>
1072                 </div>
1073             </div>
1074         </div>
1075     </t>
1076
1077     <t t-name="Product">
1078         <span class='product' t-att-data-product-id="product.id">
1079             <div class="product-img">
1080                 <img t-att-src='image_url' />
1081                 <t t-if="!product.to_weight">
1082                     <span class="price-tag">
1083                         <t t-esc="widget.format_currency(product.price,'Product Price')"/>
1084                     </span>
1085                 </t>
1086                 <t t-if="product.to_weight">
1087                     <span class="price-tag">
1088                         <t t-esc="widget.format_currency(product.price,'Product Price')+'/Kg'"/>
1089                     </span>
1090                 </t>
1091             </div>
1092             <div class="product-name">
1093                 <t t-esc="product.display_name"/>
1094             </div>
1095         </span>
1096     </t>
1097
1098     <t t-name="Orderline">
1099         <li t-attf-class="orderline #{ line.selected ? 'selected' : '' }">
1100             <span class="product-name">
1101                 <t t-esc="line.get_product().display_name"/>
1102             </span>
1103             <span class="price">
1104                 <t t-esc="widget.format_currency(line.get_display_price())"/>
1105             </span>
1106             <ul class="info-list">
1107                 <t t-if="line.get_quantity_str() !== '1' || line.selected ">
1108                     <li class="info">
1109                         <em>
1110                             <t t-esc="line.get_quantity_str()" />
1111                         </em>
1112                         <t t-esc="line.get_unit().name" />
1113                         at
1114                         <t t-esc="widget.format_currency(line.get_unit_display_price(),'Product Price')" />
1115                         /
1116                         <t t-esc="line.get_unit().name" />
1117                     </li>
1118                 </t>
1119                 <t t-if="line.get_discount_str() !== '0'">
1120                     <li class="info">
1121                         With a
1122                         <em>
1123                             <t t-esc="line.get_discount_str()" />%
1124                         </em>
1125                         discount
1126                     </li>
1127                 </t>
1128             </ul>
1129         </li>
1130     </t>
1131
1132     <t t-name="OrderWidget">
1133         <div class="order-container">
1134             <div class="order-scroller touch-scrollable">
1135                 <div class="order">
1136                     <ul class="orderlines">
1137                         <t t-if="orderlines.length === 0">
1138                             <li class="orderline empty">
1139                                 Your shopping cart is empty
1140                             </li>
1141                         </t>
1142                     </ul>
1143                     <div class="summary clearfix">
1144                         <div t-attf-class="line #{orderlines.length === 0 ? 'empty' : ''}">
1145                             <div class='entry total'>
1146                                 <span class="label">Total: </span> <span class="value">0.00 €</span>
1147                                 <div class='subentry'>Taxes: <span class="value">0.00€</span></div>
1148                             </div>
1149                         </div>
1150                     </div>
1151                 </div>
1152             </div>
1153         </div>
1154     </t>
1155
1156
1157
1158     <t t-name="DebugWidget">
1159         <div class="debug-widget">
1160             <h1>Debug Window</h1>
1161             <div class="toggle">▾</div>
1162             <div class="content">
1163                 <p class="category">Electronic Scale</p>
1164                 <ul>
1165                     <li><input type="text" class="weight"></input></li>
1166                     <li class="button set_weight">Set Weight</li>
1167                     <li class="button reset_weight">Reset</li>
1168                 </ul>
1169
1170                 <p class="category">Barcode Scanner</p>
1171                 <ul>
1172                     <li><input type="text" class="ean"></input></li>
1173                     <li class="button custom_ean">Custom Ean13</li>
1174                     <li class="button admin_badge">Admin Badge</li>
1175                     <li class="button client_badge">Client Badge</li>
1176                     <li class="button soda_33cl">Soda 33cl</li>
1177                     <li class="button oranges_kg">3.141Kg Oranges</li>
1178                     <li class="button lemon_price">1.54€ Lemon</li>
1179                     <li class="button unknown_product">Unknown Product</li>
1180                     <li class="button invalid_ean">Invalid Ean</li>
1181                     <li class="button reference">Reference</li>
1182                 </ul>
1183
1184                 <p class="category">Unsent Orders</p>
1185                 <ul>
1186                     <li class="button show_orders">Show All Unsent Orders</li>
1187                     <li class="button delete_orders">Delete All Unsent Orders</li>
1188                 </ul>
1189                 <p class="category">Unpaid Orders</p>
1190                 <ul>
1191                     <li class="button show_unpaid_orders">Show All Unpaid Orders</li>
1192                     <li class="button delete_unpaid_orders">Delete All Unpaid Orders</li>
1193                 </ul>
1194
1195                 <p class="category">Hardware Status</p>
1196                 <ul>
1197                     <li class="status weighting">Weighting</li>
1198                 </ul>
1199                 <p class="category">Hardware Events</p>
1200                 <ul>
1201                     <li class="event open_cashbox">Open Cashbox</li>
1202                     <li class="event print_receipt">Print Receipt</li>
1203                     <li class="event scale_read">Read Weighting Scale</li>
1204                 </ul>
1205             </div>
1206         </div>
1207     </t>
1208
1209
1210     <t t-name="Paymentline">
1211         <div t-attf-class="paymentline #{line.selected ? 'selected' : ''}">
1212             <div class='paymentline-name'>
1213                 <t t-esc="line.name"/>
1214             </div>
1215             <input class='paymentline-input' type="number" step="0.01" t-att-value="line.get_amount_str()" />
1216             <span  class='paymentline-delete'>
1217                 <img src="/point_of_sale/static/src/img/search_reset.gif" />
1218             </span>
1219         </div>
1220     </t>
1221
1222     <t t-name="PaymentlineOld">
1223         <tr t-attf-class="paymentline #{line.selected ? 'selected' : ''}">
1224             <td class="paymentline-type">
1225                 <t t-esc="line.name"/>
1226             </td>
1227             <td class="paymentline-amount pos-right-align">
1228                 <input type="number" step="0.01" t-att-value="line.get_amount_str()" />
1229                 <span class='delete-payment-line'><img src="/point_of_sale/static/src/img/search_reset.gif" /></span>
1230             </td>
1231         </tr>
1232     </t>
1233
1234     <t t-name="OrderSelectorWidget">
1235         <div class="order-selector">
1236             <span class="orders touch-scrollable">
1237
1238                 <t t-foreach="widget.pos.get_order_list()" t-as="order">
1239                     <t t-if='order === widget.pos.get_order()'>
1240                         <span class="order-button select-order selected" t-att-data-uid="order.uid">
1241                             <span class='order-sequence'>
1242                                 <t t-esc='order.sequence_number' />
1243                             </span>
1244                             <t t-if="order.get_client()">
1245                                 <i class='fa fa-user'/>
1246                             </t>
1247                             <t t-esc="(order.get_client() ? order.get_client_name()+' : ':'') + order.creation_date.toString('t')"/>
1248                         </span>
1249                     </t>
1250                     <t t-if='order !== widget.pos.get_order()'>
1251                         <span class="order-button select-order" t-att-data-uid="order.uid">
1252                             <span class='order-sequence'>
1253                                 <t t-esc='order.sequence_number' />
1254                             </span>
1255                         </span>
1256                     </t>
1257                 </t>
1258
1259             </span>
1260             <span class="order-button square neworder-button">
1261                 <i class='fa fa-plus' />
1262             </span>
1263             <span class="order-button square deleteorder-button">
1264                 <i class='fa fa-minus' />
1265             </span>
1266         </div>
1267     </t>
1268
1269     <t t-name="UsernameWidget">
1270         <span class="username">
1271             <t t-esc="widget.get_name()" />
1272         </span>
1273     </t>
1274
1275     <t t-name="PosTicket">
1276         <div class="pos-sale-ticket">
1277
1278             <div class="pos-center-align"><t t-esc="moment().format('L LT')"/> <t t-esc="order.name"/></div>
1279             <br />
1280             <t t-esc="widget.pos.company.name"/><br />
1281             Phone: <t t-esc="widget.pos.company.phone || ''"/><br />
1282             User: <t t-esc="widget.pos.cashier ? widget.pos.cashier.name : widget.pos.user.name"/><br />
1283             Shop: <t t-esc="widget.pos.shop.name"/><br />
1284             <br />
1285             <t t-if="receipt.header">
1286                 <div style='text-align:center'>
1287                     <t t-esc="receipt.header" />
1288                 </div>
1289                 <br />
1290             </t>
1291             <table>
1292                 <colgroup>
1293                     <col width='50%' />
1294                     <col width='25%' />
1295                     <col width='25%' />
1296                 </colgroup>
1297                 <tr t-foreach="orderlines" t-as="orderline">
1298                     <td>
1299                         <t t-esc="orderline.get_product().display_name"/>
1300                          <t t-if="orderline.get_discount() > 0">
1301                             <div class="pos-disc-font">
1302                                 With a <t t-esc="orderline.get_discount()"/>% discount
1303                             </div>
1304                         </t>
1305                     </td>
1306                     <td class="pos-right-align">
1307                         <t t-esc="orderline.get_quantity_str_with_unit()"/>
1308                     </td>
1309                     <td class="pos-right-align">
1310                         <t t-esc="widget.format_currency(orderline.get_display_price())"/>
1311                     </td>
1312                 </tr>
1313             </table>
1314             <br />
1315             <table>
1316                 <tr>
1317                     <td>Subtotal:</td>
1318                     <td class="pos-right-align">
1319                         <t t-esc="widget.format_currency(order.get_subtotal())"/>
1320                     </td>
1321                 </tr>
1322                 <t t-foreach="order.get_tax_details()" t-as="taxdetail">
1323                     <tr>
1324                         <td><t t-esc="taxdetail.name" /></td>
1325                         <td class="pos-right-align">
1326                             <t t-esc="widget.format_currency(taxdetail.amount)" />
1327                         </td>
1328                     </tr>
1329                 </t>
1330                 <tr>
1331                     <td>Discount:</td>
1332                     <td class="pos-right-align">
1333                         <t t-esc="widget.format_currency(order.get_total_discount())"/>
1334                     </td>
1335                 </tr>
1336                 <tr class="emph">
1337                     <td>Total:</td>
1338                     <td class="pos-right-align">
1339                         <t t-esc="widget.format_currency(order.get_total_with_tax())"/>
1340                     </td>
1341                 </tr>
1342             </table>
1343             <br />
1344             <table>
1345                 <tr t-foreach="paymentlines" t-as="line">
1346                     <td>
1347                         <t t-esc="line.name"/>
1348                     </td>
1349                     <td class="pos-right-align">
1350                         <t t-esc="widget.format_currency(line.get_amount())"/>
1351                     </td>
1352                 </tr>
1353             </table>
1354             <br />
1355             <table>
1356                 <tr><td>Change:</td><td class="pos-right-align">
1357                     <t t-esc="widget.format_currency(order.get_change())"/>
1358                     </td></tr>
1359             </table>
1360             <t t-if="receipt.footer">
1361                 <br />
1362                 <div style='text-align:center'>
1363                     <t t-esc="receipt.footer" />
1364                 </div>
1365             </t>
1366         </div>
1367     </t>
1368
1369     <!-- Onscreen Keyboard :
1370          http://net.tutsplus.com/tutorials/javascript-ajax/creating-a-keyboard-with-css-and-jquery/ -->
1371     <t t-name="OnscreenKeyboardFull">
1372         <div class="keyboard_frame">
1373             <ul class="keyboard full_keyboard">
1374                 <li class="symbol"><span class="off">`</span><span class="on">~</span></li>
1375                 <li class="symbol"><span class="off">1</span><span class="on">!</span></li>
1376                 <li class="symbol"><span class="off">2</span><span class="on">@</span></li>
1377                 <li class="symbol"><span class="off">3</span><span class="on">#</span></li>
1378                 <li class="symbol"><span class="off">4</span><span class="on">$</span></li>
1379                 <li class="symbol"><span class="off">5</span><span class="on">%</span></li>
1380                 <li class="symbol"><span class="off">6</span><span class="on">^</span></li>
1381                 <li class="symbol"><span class="off">7</span><span class="on">&amp;</span></li>
1382                 <li class="symbol"><span class="off">8</span><span class="on">*</span></li>
1383                 <li class="symbol"><span class="off">9</span><span class="on">(</span></li>
1384                 <li class="symbol"><span class="off">0</span><span class="on">)</span></li>
1385                 <li class="symbol"><span class="off">-</span><span class="on">_</span></li>
1386                 <li class="symbol"><span class="off">=</span><span class="on">+</span></li>
1387                 <li class="delete lastitem">delete</li>
1388                 <li class="tab firstitem">tab</li>
1389                 <li class="letter">q</li>
1390                 <li class="letter">w</li>
1391                 <li class="letter">e</li>
1392                 <li class="letter">r</li>
1393                 <li class="letter">t</li>
1394                 <li class="letter">y</li>
1395                 <li class="letter">u</li>
1396                 <li class="letter">i</li>
1397                 <li class="letter">o</li>
1398                 <li class="letter">p</li>
1399                 <li class="symbol"><span class="off">[</span><span class="on">{</span></li>
1400                 <li class="symbol"><span class="off">]</span><span class="on">}</span></li>
1401                 <li class="symbol lastitem"><span class="off">\</span><span class="on">|</span></li>
1402                 <li class="capslock firstitem">caps lock</li>
1403                 <li class="letter">a</li>
1404                 <li class="letter">s</li>
1405                 <li class="letter">d</li>
1406                 <li class="letter">f</li>
1407                 <li class="letter">g</li>
1408                 <li class="letter">h</li>
1409                 <li class="letter">j</li>
1410                 <li class="letter">k</li>
1411                 <li class="letter">l</li>
1412                 <li class="symbol"><span class="off">;</span><span class="on">:</span></li>
1413                 <li class="symbol"><span class="off">'</span><span class="on">&quot;</span></li>
1414                 <li class="return lastitem">return</li>
1415                 <li class="left-shift firstitem">shift</li>
1416                 <li class="letter">z</li>
1417                 <li class="letter">x</li>
1418                 <li class="letter">c</li>
1419                 <li class="letter">v</li>
1420                 <li class="letter">b</li>
1421                 <li class="letter">n</li>
1422                 <li class="letter">m</li>
1423                 <li class="symbol"><span class="off">,</span><span class="on">&lt;</span></li>
1424                 <li class="symbol"><span class="off">.</span><span class="on">&gt;</span></li>
1425                 <li class="symbol"><span class="off">/</span><span class="on">?</span></li>
1426                 <li class="right-shift lastitem">shift</li>
1427                 <li class="space firstitem lastitem">&amp;nbsp;</li>
1428             </ul>
1429             <p class="close_button">close</p>
1430         </div>
1431     </t>
1432
1433     <t t-name="OnscreenKeyboardSimple">
1434         <div class="keyboard_frame">
1435             <ul class="keyboard simple_keyboard">
1436                 <li class="symbol firstitem row_qwerty"><span class="off">q</span><span class="on">1</span></li>
1437                 <li class="symbol"><span class="off">w</span><span class="on">2</span></li>
1438                 <li class="symbol"><span class="off">e</span><span class="on">3</span></li>
1439                 <li class="symbol"><span class="off">r</span><span class="on">4</span></li>
1440                 <li class="symbol"><span class="off">t</span><span class="on">5</span></li>
1441                 <li class="symbol"><span class="off">y</span><span class="on">6</span></li>
1442                 <li class="symbol"><span class="off">u</span><span class="on">7</span></li>
1443                 <li class="symbol"><span class="off">i</span><span class="on">8</span></li>
1444                 <li class="symbol"><span class="off">o</span><span class="on">9</span></li>
1445                 <li class="symbol lastitem"><span class="off">p</span><span class="on">0</span></li>
1446
1447                 <li class="symbol firstitem row_asdf"><span class="off">a</span><span class="on">@</span></li>
1448                 <li class="symbol"><span class="off">s</span><span class="on">#</span></li>
1449                 <li class="symbol"><span class="off">d</span><span class="on">%</span></li>
1450                 <li class="symbol"><span class="off">f</span><span class="on">*</span></li>
1451                 <li class="symbol"><span class="off">g</span><span class="on">/</span></li>
1452                 <li class="symbol"><span class="off">h</span><span class="on">-</span></li>
1453                 <li class="symbol"><span class="off">j</span><span class="on">+</span></li>
1454                 <li class="symbol"><span class="off">k</span><span class="on">(</span></li>
1455                 <li class="symbol lastitem"><span class="off">l</span><span class="on">)</span></li>
1456
1457                 <li class="symbol firstitem row_zxcv"><span class="off">z</span><span class="on">?</span></li>
1458                 <li class="symbol"><span class="off">x</span><span class="on">!</span></li>
1459                 <li class="symbol"><span class="off">c</span><span class="on">"</span></li>
1460                 <li class="symbol"><span class="off">v</span><span class="on">'</span></li>
1461                 <li class="symbol"><span class="off">b</span><span class="on">:</span></li>
1462                 <li class="symbol"><span class="off">n</span><span class="on">;</span></li>
1463                 <li class="symbol"><span class="off">m</span><span class="on">,</span></li>
1464                 <li class="delete lastitem">delete</li>
1465
1466                 <li class="numlock firstitem row_space"><span class="off">123</span><span class="on">ABC</span></li>
1467                 <li class="space">&amp;nbsp;</li>
1468                 <li class="symbol"><span class="off">.</span><span class="on">.</span></li>
1469                 <li class="return lastitem">return</li>
1470             </ul>
1471             <p class="close_button">close</p>
1472         </div>
1473     </t>
1474
1475 </templates>