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
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>=10 and '/shop/cart' or '#'">
|
|
<div id="wizard-step10" t-att-class="'progress-wizard-step %s' % (step == 10 and 'active' or step>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>=20 and '/shop/checkout' or '#'">
|
|
<div id="wizard-step20" t-att-class="'progress-wizard-step %s' % (step == 20 and 'active' or step>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>=30 and '/shop/retrait' or '#'">
|
|
<div id="wizard-step30" t-att-class="'progress-wizard-step %s' % (step == 30 and 'active' or step>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>=40 and '/shop/payment' or '#'">
|
|
<div id="wizard-step40" t-att-class="'progress-wizard-step %s' % (step == 40 and 'active' or step>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>
|