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.

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