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.

329 lines
13 KiB

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