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.

326 lines
21 KiB

5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <odoo>
  3. <template id="point_retrait_choose">
  4. <a class="card-link " data-toggle="collapse" t-att-href="'#slots_point_retrait_%i' % point_retrait.id" t-att-id="'point_retrait_%i' % point_retrait.id">
  5. <input t-att-value="point_retrait.id" t-att-id="'point_retrait2_%i' % point_retrait.id" type="radio" name="point_retrait_type" t-att-checked="order.vracoop_point_retrait_id and order.vracoop_point_retrait_id.id == point_retrait.id and 'checked' or False" t-att-class="'d-none' if point_retrait_nb == 1 else ''"/>
  6. </a>
  7. <label class="label-optional" t-field="point_retrait.name" t-att-for="'point_retrait2_%i' % point_retrait.id"/>
  8. <div class="collapse" data-parent="#retrait_method" t-att-id="'slots_point_retrait_%i' % point_retrait.id">
  9. <h5>Sélectionner le jour et le créneau pour votre retrait</h5>
  10. <t t-set="list_slots" t-value="point_retrait.slot_calculate()"/>
  11. <div class="top-content mt-4 mb-4">
  12. <div class="container-fluid">
  13. <div t-att-id="'carousel_%i' % point_retrait.id" class="carousel slide" data-ride="carousel" data-interval="false">
  14. <ul class="nav nav-tabs carousel-inner row w-100 mx-auto" role="tablist">
  15. <t t-foreach="list_slots" t-as="slot">
  16. <t t-if="slot_first">
  17. <li class="nav-item carousel-item col-12 col-sm-6 col-md-4 col-lg-3 active">
  18. <a data-toggle="tab" class="nav-link active btn btn-primary" t-attf-href='##{slot[1].strftime("%A")}#{point_retrait.id}'>
  19. <label class=" label_radio_button" role="radio">
  20. <input t-attf-id='#{slot[1].day}-#{slot[1].month}-#{point_retrait.id}' name="day_select" type="radio" class="radio_hide" t-attf-value='#{slot[1].day}-#{slot[1].month}-#{point_retrait.id}'/>
  21. <span class="span_radio_button">
  22. <t class="week_day" t-esc="slot[0]"/><br/>
  23. <t t-esc="slot[1].day"/><br/>
  24. <t t-esc="slot[2]"/>
  25. </span>
  26. </label>
  27. </a>
  28. </li>
  29. </t>
  30. <t t-else="">
  31. <li class="nav-item carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
  32. <a data-toggle="tab" class="nav-link btn btn-primary" t-attf-href='##{slot[1].strftime("%A")}#{point_retrait.id}'>
  33. <label class=" label_radio_button" role="radio">
  34. <input t-attf-id='#{slot[1].day}-#{slot[1].month}-#{point_retrait.id}' name="day_select" type="radio" class="radio_hide" t-attf-value='#{slot[1].day}-#{slot[1].month}-#{point_retrait.id}'/>
  35. <span class="span_radio_button">
  36. <t class="week_day" t-esc="slot[0]"/><br/>
  37. <t t-esc="slot[1].day"/><br/>
  38. <t t-esc="slot[2]"/>
  39. </span>
  40. </label>
  41. </a>
  42. </li>
  43. </t>
  44. </t>
  45. </ul>
  46. <a class="carousel-control-prev" t-att-href="'#carousel_%i' % point_retrait.id" role="button" data-slide="prev">
  47. <span class="carousel-control-prev-icon"></span>
  48. <span class="sr-only">Previous</span>
  49. </a>
  50. <a class="carousel-control-next" t-att-href="'#carousel_%i' % point_retrait.id" role="button" data-slide="next">
  51. <span class="carousel-control-next-icon" ></span>
  52. <span class="sr-only">Next</span>
  53. </a>
  54. </div>
  55. </div>
  56. </div>
  57. <div class="tab-content">
  58. <t t-foreach="list_slots" t-as="slot">
  59. <t t-if="slot_first">
  60. <div class="container tab-pane active" t-attf-id='#{slot[1].strftime("%A")}#{point_retrait.id}'>
  61. <t t-foreach="slot[3]" t-as="slot_by_day">
  62. <label class="label_radio_button" role="radio">
  63. <input name="hour_select" type="radio" class="radio_hide" t-att-value="slot_by_day[0]" t-attf-id="#{slot_by_day_index}"/>
  64. <span class="btn btn-outline-primary span_radio_button">
  65. <t t-esc="slot_by_day[0]"/> :
  66. <t t-esc="slot_by_day[1]"/>
  67. </span>
  68. </label>
  69. </t>
  70. </div>
  71. </t>
  72. <t t-else="">
  73. <div class="container tab-pane fade" t-attf-id='#{slot[1].strftime("%A")}#{point_retrait.id}'>
  74. <t t-foreach="slot[3]" t-as="slot_by_day">
  75. <label class=" label_radio_button" role="radio">
  76. <input t-attf-id="#{slot_by_day_index}" name="hour_select" type="radio" class="radio_hide" t-att-value="slot_by_day[0]"/>
  77. <span class="btn btn-outline-primary span_radio_button">
  78. <t t-esc="slot_by_day[0]"/> :
  79. <t t-esc="slot_by_day[1]"/>
  80. </span>
  81. </label>
  82. </t>
  83. </div>
  84. </t>
  85. </t>
  86. </div>
  87. </div>
  88. <!-- <input t-att-value="point_retrait.id" t-att-id="'point_retrait2_%i' % point_retrait.id" type="radio" name="point_retrait_type" t-att-checked="order.vracoop_point_retrait_id and order.vracoop_point_retrait_id.id == point_retrait.id and 'checked' or False" t-att-class="'d-none' if point_retrait_nb == 1 else ''"/>
  89. <label class="label-optional" t-field="point_retrait.name" t-att-for="'point_retrait2_%i' % point_retrait.id"/>
  90. <t t-if="point_retrait.street">
  91. <br/><span><t t-esc="point_retrait.street"/></span><br/>
  92. </t>
  93. <t t-if="point_retrait.street2">
  94. <span><t t-esc="point_retrait.street2"/></span><br/>
  95. </t>
  96. <span><t t-esc="point_retrait.city"/>
  97. <t t-esc="point_retrait.zip"/></span>
  98. <div t-att-id="'slots_point_retrait_%i' % point_retrait.id">
  99. <h5>Sélectionner le jour et le créneau pour votre retrait</h5>
  100. <t t-set="list_slots" t-value="point_retrait.slot_calculate()"/>
  101. <div class="top-content mt-4 mb-4">
  102. <div class="container-fluid">
  103. <div t-att-id="'carousel_%i' % point_retrait.id" class="carousel slide" data-ride="carousel" data-interval="false">
  104. <ul class="nav nav-tabs carousel-inner row w-100 mx-auto" role="tablist">
  105. <t t-foreach="list_slots" t-as="slot">
  106. <t t-if="slot_first">
  107. <li class="nav-item carousel-item col-12 col-sm-6 col-md-4 col-lg-3 active">
  108. <a data-toggle="tab" class="nav-link active btn btn-primary" t-attf-href='##{slot[1].strftime("%A")}#{point_retrait.id}'>
  109. <label class=" label_radio_button" role="radio">
  110. <input t-attf-id='#{slot[1].day}-#{slot[1].month}-#{point_retrait.id}' name="day_select" type="radio" class="radio_hide" t-attf-value='#{slot[1].day}-#{slot[1].month}-#{point_retrait.id}'/>
  111. <span class="span_radio_button">
  112. <t class="week_day" t-esc="slot[0]"/><br/>
  113. <t t-esc="slot[1].day"/><br/>
  114. <t t-esc="slot[2]"/>
  115. </span>
  116. </label>
  117. </a>
  118. </li>
  119. </t>
  120. <t t-else="">
  121. <li class="nav-item carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
  122. <a data-toggle="tab" class="nav-link btn btn-primary" t-attf-href='##{slot[1].strftime("%A")}#{point_retrait.id}'>
  123. <label class=" label_radio_button" role="radio">
  124. <input t-attf-id='#{slot[1].day}-#{slot[1].month}-#{point_retrait.id}' name="day_select" type="radio" class="radio_hide" t-attf-value='#{slot[1].day}-#{slot[1].month}-#{point_retrait.id}'/>
  125. <span class="span_radio_button">
  126. <t class="week_day" t-esc="slot[0]"/><br/>
  127. <t t-esc="slot[1].day"/><br/>
  128. <t t-esc="slot[2]"/>
  129. </span>
  130. </label>
  131. </a>
  132. </li>
  133. </t>
  134. </t>
  135. </ul>
  136. <a class="carousel-control-prev" t-att-href="'#carousel_%i' % point_retrait.id" role="button" data-slide="prev">
  137. <span class="carousel-control-prev-icon"></span>
  138. <span class="sr-only">Previous</span>
  139. </a>
  140. <a class="carousel-control-next" t-att-href="'#carousel_%i' % point_retrait.id" role="button" data-slide="next">
  141. <span class="carousel-control-next-icon" ></span>
  142. <span class="sr-only">Next</span>
  143. </a>
  144. </div>
  145. </div>
  146. </div>
  147. <div class="tab-content">
  148. <t t-foreach="list_slots" t-as="slot">
  149. <t t-if="slot_first">
  150. <div class="container tab-pane active" t-attf-id='#{slot[1].strftime("%A")}#{point_retrait.id}'>
  151. <t t-foreach="slot[3]" t-as="slot_by_day">
  152. <label class="label_radio_button" role="radio">
  153. <input name="hour_select" type="radio" class="radio_hide" t-att-value="slot_by_day[0]" t-attf-id="#{slot_by_day_index}"/>
  154. <span class="btn btn-outline-primary span_radio_button">
  155. <t t-esc="slot_by_day[0]"/> :
  156. <t t-esc="slot_by_day[1]"/>
  157. </span>
  158. </label>
  159. </t>
  160. </div>
  161. </t>
  162. <t t-else="">
  163. <div class="container tab-pane fade" t-attf-id='#{slot[1].strftime("%A")}#{point_retrait.id}'>
  164. <t t-foreach="slot[3]" t-as="slot_by_day">
  165. <label class=" label_radio_button" role="radio">
  166. <input t-attf-id="#{slot_by_day_index}" name="hour_select" type="radio" class="radio_hide" t-att-value="slot_by_day[0]"/>
  167. <span class="btn btn-outline-primary span_radio_button">
  168. <t t-esc="slot_by_day[0]"/> :
  169. <t t-esc="slot_by_day[1]"/>
  170. </span>
  171. </label>
  172. </t>
  173. </div>
  174. </t>
  175. </t>
  176. </div>
  177. </div>
  178. -->
  179. </template>
  180. <template id="point_retrait_one">
  181. <!-- Si 1 seul point relais -->
  182. <a class="card-link point_retrait_type" t-att-href="'#slots_point_retrait_%i' % point_retrait.id" t-att-id="'point_retrait_%i' % point_retrait.id">
  183. <label class="label-optional" t-field="point_retrait.name" t-att-for="'point_retrait_%i' % point_retrait.id">
  184. <!-- <input t-att-value="point_retrait.id" t-att-id="'point_retrait_%i' % point_retrait.id" type="radio" name="point_retrait_type" t-att-checked="order.vracoop_point_retrait_id and order.vracoop_point_retrait_id.id == point_retrait.id and 'checked' or False"/> -->
  185. <input t-att-value="point_retrait.id" t-att-id="'point_retrait2_%i' % point_retrait.id" type="radio" name="point_retrait_type" t-att-checked="order.vracoop_point_retrait_id and order.vracoop_point_retrait_id.id == point_retrait.id and 'checked' or False" t-att-class="'d-none' if point_retrait_nb == 1 else ''"/>
  186. <span class="span_radio_button">
  187. <t t-esc="point_retrait.name"/><br/>
  188. </span>
  189. </label>
  190. <t t-if="point_retrait.street">
  191. <br/><span><t t-esc="point_retrait.street"/></span><br/>
  192. </t>
  193. <t t-if="point_retrait.street2">
  194. <span><t t-esc="point_retrait.street2"/></span><br/>
  195. </t>
  196. <span><t t-esc="point_retrait.city"/>
  197. <t t-esc="point_retrait.zip"/></span>
  198. </a>
  199. <div t-att-id="'slots_point_retrait_%i' % point_retrait.id">
  200. <h5>Sélectionner le jour et le créneau pour votre retrait</h5>
  201. <t t-set="list_slots" t-value="point_retrait.slot_calculate()"/>
  202. <div class="top-content mt-4 mb-4">
  203. <div class="container-fluid">
  204. <div t-att-id="'carousel_%i' % point_retrait.id" class="carousel slide" data-ride="carousel" data-interval="false">
  205. <ul class="nav nav-tabs carousel-inner row w-100 mx-auto" role="tablist">
  206. <t t-foreach="list_slots" t-as="slot">
  207. <t t-if="slot_first">
  208. <li class="nav-item carousel-item col-12 col-sm-6 col-md-4 col-lg-3 active">
  209. <a data-toggle="tab" class="nav-link active btn btn-primary" t-attf-href='##{slot[1].strftime("%A")}#{point_retrait.id}'>
  210. <label class=" label_radio_button" role="radio">
  211. <input t-attf-id='#{slot[1].day}-#{slot[1].month}-#{point_retrait.id}' name="day_select" type="radio" class="radio_hide" t-attf-value='#{slot[1].day}-#{slot[1].month}-#{point_retrait.id}'/>
  212. <span class="span_radio_button">
  213. <t class="week_day" t-esc="slot[0]"/><br/>
  214. <t t-esc="slot[1].day"/><br/>
  215. <t t-esc="slot[2]"/>
  216. </span>
  217. </label>
  218. </a>
  219. </li>
  220. </t>
  221. <t t-else="">
  222. <li class="nav-item carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
  223. <a data-toggle="tab" class="nav-link btn btn-primary" t-attf-href='##{slot[1].strftime("%A")}#{point_retrait.id}'>
  224. <label class=" label_radio_button" role="radio">
  225. <input t-attf-id='#{slot[1].day}-#{slot[1].month}-#{point_retrait.id}' name="day_select" type="radio" class="radio_hide" t-attf-value='#{slot[1].day}-#{slot[1].month}-#{point_retrait.id}'/>
  226. <span class="span_radio_button">
  227. <t class="week_day" t-esc="slot[0]"/><br/>
  228. <t t-esc="slot[1].day"/><br/>
  229. <t t-esc="slot[2]"/>
  230. </span>
  231. </label>
  232. </a>
  233. </li>
  234. </t>
  235. </t>
  236. </ul>
  237. <a class="carousel-control-prev" t-att-href="'#carousel_%i' % point_retrait.id" role="button" data-slide="prev">
  238. <span class="carousel-control-prev-icon"></span>
  239. <span class="sr-only">Previous</span>
  240. </a>
  241. <a class="carousel-control-next" t-att-href="'#carousel_%i' % point_retrait.id" role="button" data-slide="next">
  242. <span class="carousel-control-next-icon" ></span>
  243. <span class="sr-only">Next</span>
  244. </a>
  245. </div>
  246. </div>
  247. </div>
  248. <div class="tab-content">
  249. <t t-foreach="list_slots" t-as="slot">
  250. <t t-if="slot_first">
  251. <div class="container tab-pane active" t-attf-id='#{slot[1].strftime("%A")}#{point_retrait.id}'>
  252. <t t-foreach="slot[3]" t-as="slot_by_day">
  253. <label class="label_radio_button" role="radio">
  254. <input name="hour_select" type="radio" class="radio_hide" t-att-value="slot_by_day[0]" t-attf-id="#{slot_by_day_index}"/>
  255. <span class="btn btn-outline-primary span_radio_button">
  256. <t t-esc="slot_by_day[0]"/> :
  257. <t t-esc="slot_by_day[1]"/>
  258. </span>
  259. </label>
  260. </t>
  261. </div>
  262. </t>
  263. <t t-else="">
  264. <div class="container tab-pane fade" t-attf-id='#{slot[1].strftime("%A")}#{point_retrait.id}'>
  265. <t t-foreach="slot[3]" t-as="slot_by_day">
  266. <label class=" label_radio_button" role="radio">
  267. <input t-attf-id="#{slot_by_day_index}" name="hour_select" type="radio" class="radio_hide" t-att-value="slot_by_day[0]"/>
  268. <span class="btn btn-outline-primary span_radio_button">
  269. <t t-esc="slot_by_day[0]"/> :
  270. <t t-esc="slot_by_day[1]"/>
  271. </span>
  272. </label>
  273. </t>
  274. </div>
  275. </t>
  276. </t>
  277. </div>
  278. </div>
  279. </template>
  280. <template id="vracoop_payment_delivery" inherit_id="website_sale_delivery.payment_delivery">
  281. <xpath expr="//div[@id='payment_method']" position="before">
  282. <div t-if="points_retrait" id="point_retrait" class="d-none mt-3">
  283. <t t-set="point_retrait_nb" t-value="len(points_retrait)"/>
  284. <h3 t-if="point_retrait_nb" class="mb24">Choisir un point de retrait</h3>
  285. <div t-if="point_retrait_nb &gt; 1" class="card border-0" id="retrait_method">
  286. <ul class="list-group">
  287. <t t-foreach="points_retrait" t-as="point_retrait">
  288. <li class="list-group-item">
  289. <t t-call="vracoop_click_and_collect.point_retrait_choose"/>
  290. </li>
  291. </t>
  292. </ul>
  293. </div>
  294. <div t-if="point_retrait_nb == 1" class="card border-0" id="retrait_method">
  295. <ul class="list-group">
  296. <t t-foreach="points_retrait" t-as="point_retrait">
  297. <li class="list-group-item">
  298. <t t-call="vracoop_click_and_collect.point_retrait_one"/>
  299. </li>
  300. </t>
  301. </ul>
  302. </div>
  303. </div>
  304. </xpath>
  305. </template>
  306. </odoo>