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.

289 lines
12 KiB

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