You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

325 lines
13 KiB

4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
3 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <templates id="template" xml:space="preserve">
  3. <t t-extend="Chrome">
  4. <t t-jquery='.pos-topheader' t-operation='after'>
  5. <div class="pos-topheader-title">
  6. <span class="close-button-bls">close</span>
  7. <span class="placeholder-ShopnameWidget"></span>
  8. <span class="placeholder-ShopimageWidget"></span>
  9. </div>
  10. </t>
  11. </t>
  12. <t t-name="PresentationScreenWidget">
  13. <div class='presentation-screen screen'>
  14. <div class="pos-topheader-bal ">
  15. <div class="pos-header-custo">
  16. <div class="">
  17. <span class='button back'>
  18. <i class='fa fa-angle-double-left'></i>
  19. Retour
  20. </span>
  21. </div>
  22. <div id="pos-header-text-selec" class="oe_hidden pos-text ">
  23. <ul>
  24. <li class="li-active"><span>1. Scanner l'étiquette</span></li>
  25. <li><span>2</span></li>
  26. <li><span>3</span></li>
  27. </ul>
  28. </div>
  29. </div>
  30. </div>
  31. <div class='screen-content-flexbox'>
  32. <div class='page-first' >
  33. <div class='pos-text'>
  34. Scanner l’étiquette et poser sur la balance<br/>
  35. </div>
  36. <div>
  37. <img class="logo-scan" src="/vracoop_pos_free_balance_v2/static/src/img/logo-scan.png" />
  38. </div>
  39. <div class='button bypass-container oe_hidden'>
  40. Transaction sans contenant
  41. </div>
  42. </div>
  43. </div>
  44. </div>
  45. </t>
  46. <t t-name="ShopnameWidget">
  47. <h1 class="shop-name">
  48. <t t-esc="widget.get_shopname()" />
  49. </h1>
  50. </t>
  51. <t t-name="ShopimageWidget">
  52. <img class="pos-logo-balance" t-att-src='widget.pos.config.logo_path' alt="Logo"/>
  53. </t>
  54. <t t-name="BalanceContainerScaleScreenWidget">
  55. <div class="pos-topheader-bal oe_hidden" id="pos-topheader-scale-cont">
  56. <div class="pos-header-custo">
  57. <div class="top-content">
  58. <span class='button back'>
  59. <i class='fa fa-angle-double-left'></i>
  60. Retour
  61. </span>
  62. </div>
  63. <div class="pos-text">
  64. <ul>
  65. <li><span>1</span></li>
  66. <li class="li-active"><span>2. Peser le contenant et valider</span></li>
  67. <li><span>3</span></li>
  68. </ul>
  69. </div>
  70. </div>
  71. </div>
  72. <div class="balancecontainerscale-screen screen">
  73. <div class="pos-bottom">
  74. <div class="pos-confirm" id="validation-bloc-cont">
  75. <h1 class='product-name'>Poser votre contenant sur la balance puis enregistrer</h1>
  76. <div class='add-container'>
  77. Enregistrer
  78. <i class='fa fa-angle-double-right'></i>
  79. </div>
  80. </div>
  81. <div class="centered-content-flex">
  82. <div class="flex-poids">
  83. <div class="label-scale div-net margin-top">Poids Net</div>
  84. <div class='weight js-weight'>
  85. <t t-esc="widget.get_product_weight_string()" />
  86. </div>
  87. </div>
  88. <div class="flex-poids">
  89. <div class="label-scale div-net margin-top">Prix</div>
  90. <div class='computed-price'>
  91. 0.00 €
  92. </div>
  93. </div>
  94. <div class="flex-poids">
  95. <div>
  96. <div class="label-scale">Poids Brut total:</div>
  97. <div class='weight-brut'>
  98. 0.000 kg
  99. </div>
  100. </div>
  101. <div>
  102. <div class="label-scale">Tare contenant: </div>
  103. <div class="label-scale">
  104. 0.000 kg
  105. </div>
  106. </div>
  107. </div>
  108. </div>
  109. </div>
  110. </div>
  111. </t>
  112. <t t-name="BalanceScaleScreenWidget">
  113. <div class="scale-screen scale-screen-custo screen">
  114. <div class="pos-bottom">
  115. <div class="centered-content-flex">
  116. <div class="flex-poids">
  117. <div class="label-scale div-net margin-top">Poids Net</div>
  118. <div class='weight js-weight'>
  119. <t t-esc="widget.get_product_weight_string()" />
  120. </div>
  121. </div>
  122. <div class="flex-poids">
  123. <div class="label-scale div-net margin-top">Prix</div>
  124. <div class='computed-price'>
  125. 0.00 €
  126. </div>
  127. </div>
  128. <div class="flex-poids">
  129. <div>
  130. <div class="label-scale">Poids Brut total:</div>
  131. <div class='weight-brut'>
  132. 0.000 kg
  133. </div>
  134. </div>
  135. <div>
  136. <div class="label-scale ">Tare contenant: </div>
  137. <div class='label-scale tare-container'>
  138. 0.000 kg
  139. </div>
  140. </div>
  141. </div>
  142. </div>
  143. </div>
  144. </div>
  145. </t>
  146. <t t-name="ConfirmationScreen">
  147. <div class="confirmation-screen screen">
  148. <div class="pos-topheader-bal">
  149. <div class="pos-header-custo">
  150. <div class="">
  151. <span class='button back'>
  152. <i class='fa fa-angle-double-left'></i>
  153. Retour
  154. </span>
  155. </div>
  156. <div id="pos-header-text-confirm" class="pos-text oe_hidden">
  157. <ul>
  158. <li><span>1</span></li>
  159. <li><span>2</span></li>
  160. <li class="li-active"><span>3. Pesée confirmée</span></li>
  161. </ul>
  162. </div>
  163. </div>
  164. </div>
  165. <div class="pos-bottom pos-bottom-confirm">
  166. <div class="pos-confirm-screen">
  167. <p class="text-center">Merci.<br/>
  168. Vous pouvez passer en caisse</p>
  169. <div class='back-presentation'>
  170. <img class="logo-scan mb-3" src="/vracoop_pos_free_balance_v2/static/src/img/picto-confirm.png" />
  171. </div>
  172. <h1 class='product-name'><t t-esc="widget.get_product_name()" /></h1>
  173. <div class='product-price'>
  174. à <t t-esc="widget.format_currency(widget.get_product_price()) + '/' + widget.get_product_uom()" />
  175. </div>
  176. <div class='back-presentation btn-back'>
  177. Nouvelle pesée
  178. <i class='fa fa-angle-double-right'></i>
  179. </div>
  180. </div>
  181. </div>
  182. </div>
  183. </t>
  184. <t t-name="CheckBarcodePopupDoublon">
  185. <div role="dialog" class="modal-dialog">
  186. <div class="popup popup-barcode">
  187. <header class="title"><t t-esc="widget.options.title" />
  188. </header>
  189. <main class="body">
  190. <div class="doublon-body">
  191. <span class='barcode'><t t-esc="widget.name" /></span><br/>
  192. <span class='barcode'><t t-esc="widget.weight_net" /> kg NET à </span>
  193. <span class='barcode'><t t-esc="widget.price_product" /></span> € / kg<br/>
  194. -----------
  195. <br/>
  196. <span class='barcode'><t t-esc="widget.price_net" /></span>
  197. </div>
  198. <p class="text-foot">Peser de nouveau? </p>
  199. </main>
  200. <footer class="footer">
  201. <div class="button cancel">
  202. Non
  203. </div>
  204. <div class="button confirm">
  205. Oui
  206. </div>
  207. </footer>
  208. </div>
  209. </div>
  210. </t>
  211. <t t-name="ConfirmPopupWidgetPesee">
  212. <div role="dialog" class="modal-dialog">
  213. <div class="popup popup-confirm">
  214. <header class="title"><t t-esc=" widget.options.title || 'Confirm ?' " /></header>
  215. <main class="body"><t t-esc=" widget.options.body || '' "/></main>
  216. <footer class="footer confirm-center">
  217. <div class="button confirm">
  218. Ok
  219. </div>
  220. </footer>
  221. </div>
  222. </div>
  223. </t>
  224. <t t-extend="ErrorBarcodePopupWidget">
  225. <t t-jquery='.modal-dialog' t-operation='replace'>
  226. <div role="dialog" class="modal-dialog">
  227. <div class="popup popup-barcode">
  228. <header class="title">Code-barre non reconnu
  229. </header>
  230. <main class="body">
  231. Merci d'utiliser les étiquettes mises à votre disposition
  232. </main>
  233. <footer class="footer">
  234. <div class="button cancel">
  235. Ok
  236. </div>
  237. </footer>
  238. </div>
  239. </div>
  240. </t>
  241. </t>
  242. <t t-name="ProductBalanceScreenWidget">
  243. <div class="product-balance-screen screen">
  244. <div class="pos-topheader-bal">
  245. <div class="pos-header-custo">
  246. <div class="">
  247. <span class='button back'>
  248. <i class='fa fa-angle-double-left'></i>
  249. Retour
  250. </span>
  251. </div>
  252. <div class='button add-new-container oe_hidden' id="add-new-container">
  253. Créer un contenant
  254. </div>
  255. <div id="pos-header-text-prod" class=" pos-text oe_hidden">
  256. <ul>
  257. <li><span>1</span></li>
  258. <li class="li-active"><span>2. Sélectionner un produit</span></li>
  259. <li><span>3</span></li>
  260. </ul>
  261. </div>
  262. </div>
  263. </div>
  264. <div class="leftpane">
  265. <div class='window'>
  266. <div class='subwindow'>
  267. <div class='subwindow-container'>
  268. <div class='subwindow-container-fix'>
  269. <div class="placeholder-OrderWidget"></div>
  270. </div>
  271. </div>
  272. </div>
  273. <div class='subwindow collapsed'>
  274. <div class='subwindow-container'>
  275. <div class='subwindow-container-fix pads'>
  276. <div class="control-buttons oe_hidden"></div>
  277. <div class="placeholder-ActionpadWidget"></div>
  278. <div class="placeholder-NumpadWidget"></div>
  279. </div>
  280. </div>
  281. </div>
  282. </div>
  283. </div>
  284. <div class="rightpane">
  285. <table class="layout-table">
  286. <tr class="header-row">
  287. <td class="header-cell">
  288. <span class="placeholder-ProductCategoriesWidget" />
  289. </td>
  290. </tr>
  291. <tr class="content-row">
  292. <td class="content-cell">
  293. <div class="content-container">
  294. <span class="placeholder-ProductListWidget" />
  295. </div>
  296. </td>
  297. </tr>
  298. </table>
  299. </div>
  300. </div>
  301. </t>
  302. </templates>