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.
 
 
 

219 lines
15 KiB

<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="vracoop_wizard_checkout" inherit_id="website_sale.wizard_checkout">
<xpath expr="//div[@class='row']" position="replace">
<div class="row">
<div class="col-xl">
<div class="wizard">
<div class="progress-wizard">
<a class="no-decoration" t-att-href="step&gt;=10 and '/shop/cart' or '#'">
<div id="wizard-step10" t-att-class="'progress-wizard-step %s' % (step == 10 and 'active' or step&gt;10 and 'complete' or 'disabled')">
<div class="progress-wizard-bar d-none d-md-block"/>
<span class="progress-wizard-dot d-none d-md-inline-block"></span>
<div class="text-center progress-wizard-steplabel">Review Order</div>
</div>
</a>
<a class="no-decoration" t-att-href="step&gt;=20 and '/shop/checkout' or '#'">
<div id="wizard-step20" t-att-class="'progress-wizard-step %s' % (step == 20 and 'active' or step&gt;20 and 'complete' or 'disabled')">
<div class="progress-wizard-bar d-none d-md-block"/>
<span class="progress-wizard-dot d-none d-md-inline-block"></span>
<div class="text-center progress-wizard-steplabel">Address</div>
</div>
</a>
<a class="no-decoration" t-att-href="step&gt;=30 and '/shop/retrait' or '#'">
<div id="wizard-step30" t-att-class="'progress-wizard-step %s' % (step == 30 and 'active' or step&gt;30 and 'complete' or 'disabled')">
<div class="progress-wizard-bar d-none d-md-block"/>
<span class="progress-wizard-dot d-none d-md-inline-block"></span>
<div class="text-center progress-wizard-steplabel">Retrait</div>
</div>
</a>
<a class="no-decoration" t-att-href="step&gt;=40 and '/shop/payment' or '#'">
<div id="wizard-step40" t-att-class="'progress-wizard-step %s' % (step == 40 and 'active' or step&gt;40 and 'complete' or 'disabled')">
<div class="progress-wizard-bar d-none d-md-block"/>
<span class="progress-wizard-dot d-none d-md-inline-block"></span>
<div class="text-center progress-wizard-steplabel">Confirm Order</div>
</div>
</a>
</div>
</div>
</div>
</div>
</xpath>
</template>
<template id="vracoop_retrait" name="Retrait">
<t t-set="no_footer">1</t>
<t t-call="website.layout">
<div id="wrap">
<div class="container oe_website_sale py-2">
<div class="row">
<div class="col-12">
<t t-call="website_sale.wizard_checkout">
<t t-set="step" t-value="30" />
</t>
</div>
</div>
<div class="row">
<div class="col-12 col-xl-auto order-xl-2 d-none d-xl-block">
<!-- <t t-call="website_sale.cart_summary"/> -->
</div>
<div class="col-12 col-xl order-xl-1 oe_cart">
<div>
<form action="/shop/retrait" method="post" class="checkout_autoformat">
<h2>Selectionner un point de retrait</h2>
<div class="row all_shipping">
<div class="col-lg-12">
<div class="row mt8">
<t t-foreach="points_retrait" t-as="point_retrait">
<div class="col-md-12 col-lg-6 one_kanban">
<div t-attf-class="card #{selected and 'border_primary' or 'js_change_shipping'}">
<div class='card-body' style='min-height: 130px;'>
<t t-esc="point_retrait.name" /><br/>
<t t-esc="point_retrait.street" /><br/>
<t t-esc="point_retrait.street2" /><br/>
<t t-esc="point_retrait.zip" /><t t-esc="point_retrait.city" />
</div>
<div class='card-footer' t-if='not readonly'>
<span class='btn-ship' t-att-style="'' if not selected else 'display:none;'">
<a role="button" t-attf-href="##{point_retrait}" class="btn btn-block btn-secondary">
Sélectonner ce point de relais
</a>
</span>
</div>
</div>
</div>
</t>
</div>
</div>
</div>
<h3>Selectionner un jour de retrait</h3>
<t t-foreach="points_retrait" t-as="point_retrait">
<!-- <div class="container"> -->
<!-- <div id="carouselExample" class="carousel slide w-100 " data-ride="carousel" data-interval="false">
<div class="carousel-inner w-100 d-flex" role="listbox">
<t t-set="list_slots" t-value="point_retrait.slot_calculate()"/>
<t t-foreach="list_slots" t-as="slot">
<t t-if="slot_first">
<div class="carousel-item active">
<a data-toggle="tab" class="nav-link active btn btn-primary" t-attf-href='##{slot[1].strftime("%A")}#{point_retrait.id}'>
<t class="week_day" t-esc="slot[0]"/><br/>
<t t-esc="slot[1].day"/><br/>
<t t-esc="slot[2]"/>
</a>
</div>
</t>
<t t-else="">
<div class="carousel-item ">
<a data-toggle="tab" class="nav-link active btn btn-primary" t-attf-href='##{slot[1].strftime("%A")}#{point_retrait.id}'>
<t class="week_day" t-esc="slot[0]"/><br/>
<t t-esc="slot[1].day"/><br/>
<t t-esc="slot[2]"/>
</a>
</div>
</t>
</t>
</div>
<a class="carousel-control-prev" href="#carouselExample" role="button" data-slide="prev">
<i class="fa fa-chevron-left fa-lg text-muted"></i>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next text-faded" href="#carouselExample" role="button" data-slide="next">
<i class="fa fa-chevron-right fa-lg text-muted"></i>
<span class="sr-only">Next</span>
</a>
</div> -->
<!-- </div> -->
<div class="card">
<t t-set="list_slots" t-value="point_retrait.slot_calculate()"/>
<ul class="nav nav-tabs justify-content-center" role="tablist">
<t t-foreach="list_slots" t-as="slot">
<t t-if="slot_first">
<li class="nav-item">
<a data-toggle="tab" class="nav-link active btn btn-primary" t-attf-href='##{slot[1].strftime("%A")}#{point_retrait.id}'>
<t class="week_day" t-esc="slot[0]"/><br/>
<t t-esc="slot[1].day"/><br/>
<t t-esc="slot[2]"/>
</a>
</li>
</t>
<t t-else="">
<li class="nav-item">
<a data-toggle="tab" class="nav-link btn btn-primary" t-attf-href='##{slot[1].strftime("%A")}#{point_retrait.id}'>
<t class="week_day" t-esc="slot[0]"/><br/>
<t t-esc="slot[1].day"/><br/>
<t t-esc="slot[2]"/>
</a>
</li>
</t>
</t>
</ul>
<div class="tab-content">
<t t-foreach="list_slots" t-as="slot">
<t t-if="slot_first">
<div class="container tab-pane active" t-attf-id='#{slot[1].strftime("%A")}#{point_retrait.id}'>
<t t-foreach="slot[3]" t-as="slot_by_day">
<label class="label_radio_button" role="radio">
<input name="hour_select" type="radio" class="radio_hide" value="10:00" t-attf-id="#{slot_by_day_index}"/>
<span class="btn btn-outline-primary span_radio_button">
<t t-esc="slot_by_day[0]"/> :
<t t-esc="slot_by_day[1]"/>
</span>
</label>
</t>
</div>
</t>
<t t-else="">
<div class="container tab-pane fade" t-attf-id='#{slot[1].strftime("%A")}#{point_retrait.id}'>
<t t-foreach="slot[3]" t-as="slot_by_day">
<label class=" label_radio_button" role="radio">
<input t-attf-id="#{slot_by_day_index}" name="hour_select" type="radio" class="radio_hide" value="10:00"/>
<span class="btn btn-outline-primary span_radio_button">
<t t-esc="slot_by_day[0]"/> :
<t t-esc="slot_by_day[1]"/>
</span>
</label>
</t>
</div>
</t>
</t>
</div>
</div>
</t>
<input type="hidden" name="submitted" value="1" />
<div class="d-flex justify-content-between">
<a role="button" t-att-href="mode == ('new', 'billing') and '/shop/cart' or '/shop/checkout'" class="btn btn-secondary mb32">
<i class="fa fa-chevron-left"/>
<span>Back</span>
</a>
<a role="button" href="/shop/confirm_order" class="btn btn-primary mb32">
<span>Confirm</span>
<i class="fa fa-chevron-right"/>
</a>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</t>
</template>
<template id="vracoop_checkout" inherit_id="website_sale.checkout">
<xpath expr="//div[@class='d-flex justify-content-between mt-3']" position="replace">
<div class="d-flex justify-content-between mt-3">
<a role="button" href="/shop/cart" class="btn btn-secondary mb32">
<i class="fa fa-chevron-left"/>
<span>Return to Cart</span>
</a>
<a role="button" href="/shop/retrait" class="btn btn-primary mb32">
<span>Confirm</span>
<i class="fa fa-chevron-right"/>
</a>
</div>
</xpath>
</template>
</odoo>