525 lines
28 KiB
XML
525 lines
28 KiB
XML
<?xml version="1.0" encoding="utf-8"?>
|
|
<odoo>
|
|
<!-- Custom Address Form - Remove Company/VAT and Rename Zip to Postal Code -->
|
|
<!-- Increased priority to 99 to ensure it overrides other theme or base overrides -->
|
|
<template id="chennora_address_custom" inherit_id="website_sale.address" name="Chennora Address Custom" priority="99">
|
|
|
|
<!-- 1. Remove Company Name Field -->
|
|
<xpath expr="//div[label[@for='company_name']]" position="replace"/>
|
|
|
|
<!-- 2. Remove VAT Field -->
|
|
<xpath expr="//div[label[@for='vat']]" position="replace"/>
|
|
|
|
<!-- 3. Remove VAT Warning Message if it exists (Optional/Resilient) -->
|
|
<!-- <xpath expr="//small[contains(text(), 'VAT number is not allowed')]/.." position="replace"/> -->
|
|
|
|
<!-- 4. Rename ALL Zip Code Labels to Postal Code (Handles both layout versions) -->
|
|
<xpath expr="(//label[@for='zip'])[1]" position="replace">
|
|
<label class="col-form-label label-optional" for="zip">Postal Code</label>
|
|
</xpath>
|
|
<xpath expr="(//label[@for='zip'])[2]" position="replace">
|
|
<label class="col-form-label label-optional" for="zip">Postal Code</label>
|
|
</xpath>
|
|
|
|
<!-- 6. Update Placeholder for Zip Input -->
|
|
<xpath expr="//input[@name='zip']" position="attributes">
|
|
<attribute name="placeholder">Postal Code</attribute>
|
|
</xpath>
|
|
|
|
|
|
|
|
<!-- 8. Change "Shipping address" / "Billing address" title to just "Address Details" -->
|
|
<xpath expr="//h3[contains(., 'address')]" position="replace">
|
|
<h3 class="mb-3">Address Details</h3>
|
|
</xpath>
|
|
|
|
<!-- Pickup / Delivery Order Type Toggle -->
|
|
<xpath expr="//form[contains(@class, 'checkout_autoformat')]" position="before">
|
|
<div class="checkout-order-type-selector mb-5 mt-4">
|
|
<style>
|
|
.order-type-card {
|
|
border: 2px solid #e9ecef;
|
|
border-radius: 10px;
|
|
padding: 15px;
|
|
cursor: pointer;
|
|
transition: all 0.3s ease;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 15px;
|
|
background: #fff;
|
|
}
|
|
.order-type-card:hover {
|
|
border-color: #FECD4F;
|
|
background: #fffbf0;
|
|
}
|
|
.order-type-input:checked + .order-type-card {
|
|
border-color: #2BB1A5;
|
|
background: #f0fdfc;
|
|
box-shadow: 0 4px 15px rgba(43, 177, 165, 0.15);
|
|
}
|
|
.order-type-icon {
|
|
width: 50px;
|
|
height: 50px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
background: #f8f9fa;
|
|
border-radius: 50%;
|
|
font-size: 20px;
|
|
color: #04121D;
|
|
}
|
|
.order-type-input:checked + .order-type-card .order-type-icon {
|
|
background: #2BB1A5;
|
|
color: #fff;
|
|
}
|
|
|
|
/* Aggressive hiding for pickup fields to prevent empty space */
|
|
form.is-pickup-mode .div_street,
|
|
form.is-pickup-mode .div_street2,
|
|
form.is-pickup-mode .div_city,
|
|
form.is-pickup-mode .div_zip,
|
|
form.is-pickup-mode .div_country,
|
|
form.is-pickup-mode .div_state,
|
|
form.is-pickup-mode div:has(> label[for="street"]),
|
|
form.is-pickup-mode div:has(> label[for="street2"]),
|
|
form.is-pickup-mode div:has(> label[for="city"]),
|
|
form.is-pickup-mode div:has(> label[for="zip"]),
|
|
form.is-pickup-mode div:has(> label[for="country_id"]),
|
|
form.is-pickup-mode div:has(> label[for="state_id"]) {
|
|
display: none !important;
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
height: 0 !important;
|
|
opacity: 0 !important;
|
|
overflow: hidden !important;
|
|
}
|
|
|
|
.uber-status-badge {
|
|
padding: 10px 15px;
|
|
border-radius: 8px;
|
|
font-weight: 600;
|
|
margin-top: 10px;
|
|
display: none;
|
|
}
|
|
.uber-status-available {
|
|
background: #d1f7ec;
|
|
color: #0e6245;
|
|
border: 1px solid #a2eed9;
|
|
}
|
|
.uber-status-unavailable {
|
|
background: #fee2e2;
|
|
color: #b91c1c;
|
|
border: 1px solid #fecaca;
|
|
}
|
|
</style>
|
|
<div class="row align-items-center justify-content-center">
|
|
<div class="col-md-6 mb-3 mb-md-0" t-if="website.enable_delivery_option">
|
|
<input type="radio" name="delivery_method_switch" id="method_delivery" class="d-none order-type-input" value="delivery" t-att-checked="'checked' if website.enable_delivery_option else False"/>
|
|
<label for="method_delivery" class="order-type-card w-100 m-0">
|
|
<div class="order-type-icon">
|
|
<i class="fa fa-truck"></i>
|
|
</div>
|
|
<div>
|
|
<h5 class="mb-1 fw-bold" style="color: #04121D;">Delivery</h5>
|
|
<small class="text-muted">Deliver to my address</small>
|
|
</div>
|
|
</label>
|
|
</div>
|
|
<div t-attf-class="{{'col-md-6' if website.enable_delivery_option else 'col-md-12'}}">
|
|
<input type="radio" name="delivery_method_switch" id="method_pickup" class="d-none order-type-input" value="pickup" t-att-checked="'checked' if not website.enable_delivery_option else False"/>
|
|
<label for="method_pickup" class="order-type-card w-100 m-0">
|
|
<div class="order-type-icon">
|
|
<i class="fa fa-shopping-bag"></i>
|
|
</div>
|
|
<div>
|
|
<h5 class="mb-1 fw-bold" style="color: #04121D;">Store Pickup</h5>
|
|
<small class="text-muted">Pick up at the restaurant</small>
|
|
</div>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Uber Coverage Status Badge -->
|
|
<div id="uber_status_badge" class="uber-status-badge">
|
|
<div class="d-flex align-items-center">
|
|
<div id="uber_loader" class="spinner-border spinner-border-sm me-2" role="status" style="display: none;"></div>
|
|
<i id="uber_icon" class="fa fa-info-circle me-2"></i>
|
|
<span id="uber_msg">Checking delivery availability...</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script type="text/javascript">
|
|
document.addEventListener("DOMContentLoaded", function() {
|
|
const typeDelivery = document.getElementById('method_delivery');
|
|
const typePickup = document.getElementById('method_pickup');
|
|
const streetInput = document.querySelector('input[name="street"]');
|
|
const cityInput = document.querySelector('input[name="city"]');
|
|
const zipInput = document.querySelector('input[name="zip"]');
|
|
const countrySelect = document.querySelector('select[name="country_id"]');
|
|
const stateSelect = document.querySelector('select[name="state_id"]');
|
|
const formElement = document.querySelector('form.checkout_autoformat');
|
|
const uberBadge = document.getElementById('uber_status_badge');
|
|
const uberMsg = document.getElementById('uber_msg');
|
|
const uberIcon = document.getElementById('uber_icon');
|
|
const uberLoader = document.getElementById('uber_loader');
|
|
|
|
// The checkout submit button
|
|
const submitBtn = document.querySelector('.a-submit');
|
|
|
|
const allRequiredInputs = [streetInput, cityInput, zipInput, countrySelect, stateSelect];
|
|
|
|
let quoteTimer;
|
|
|
|
const setSubmitDisabled = (disabled) => {
|
|
if (!submitBtn) return;
|
|
if (disabled) {
|
|
submitBtn.classList.add('disabled');
|
|
submitBtn.style.pointerEvents = 'none';
|
|
submitBtn.style.opacity = '0.5';
|
|
} else {
|
|
submitBtn.classList.remove('disabled');
|
|
submitBtn.style.pointerEvents = 'auto';
|
|
submitBtn.style.opacity = '1';
|
|
}
|
|
};
|
|
|
|
function runUberQuote() {
|
|
if (!typeDelivery || !typeDelivery.checked) {
|
|
setSubmitDisabled(false);
|
|
return;
|
|
}
|
|
|
|
// Start as disabled for delivery until we get a successful quote
|
|
setSubmitDisabled(true);
|
|
|
|
if (!streetInput || !zipInput || !cityInput) return;
|
|
if (!streetInput.value || !zipInput.value || !cityInput.value) {
|
|
uberBadge.style.display = 'none';
|
|
return;
|
|
}
|
|
|
|
uberBadge.style.display = 'block';
|
|
uberBadge.className = 'uber-status-badge alert alert-info';
|
|
uberLoader.style.display = 'inline-block';
|
|
uberIcon.style.display = 'none';
|
|
uberMsg.innerText = 'Calculating delivery fee...';
|
|
|
|
const addressData = {
|
|
street: streetInput.value,
|
|
city: cityInput.value,
|
|
zip: zipInput.value,
|
|
country: countrySelect && countrySelect.selectedIndex >= 0 ? countrySelect.options[countrySelect.selectedIndex].text : ''
|
|
};
|
|
|
|
fetch('/shop/uber/quote', {
|
|
method: 'POST',
|
|
headers: { 'Content-Type': 'application/json' },
|
|
body: JSON.stringify({ params: { address_data: addressData } }),
|
|
// Short timeout for better UX
|
|
signal: AbortSignal.timeout(10000)
|
|
})
|
|
.then(res => res.json())
|
|
.then(data => {
|
|
uberLoader.style.display = 'none';
|
|
uberIcon.style.display = 'inline-block';
|
|
if (data.result && data.result.success) {
|
|
uberBadge.className = 'uber-status-badge uber-status-available';
|
|
uberIcon.className = 'fa fa-check-circle me-2';
|
|
uberMsg.innerText = 'Delivery available! Fee: $' + data.result.fee.toFixed(2);
|
|
|
|
// ENABLE ONLY ON SUCCESS
|
|
setSubmitDisabled(false);
|
|
} else {
|
|
const errorMsg = (data.result && data.result.error) ? data.result.error : 'Location out of delivery range or Uber address error.';
|
|
uberBadge.className = 'uber-status-badge uber-status-unavailable';
|
|
uberIcon.className = 'fa fa-times-circle me-2';
|
|
uberMsg.innerText = 'Sorry: ' + errorMsg;
|
|
|
|
// STAY DISABLED ON ERROR
|
|
setSubmitDisabled(true);
|
|
}
|
|
})
|
|
.catch(err => {
|
|
console.error("Uber Fetch Error:", err);
|
|
uberLoader.style.display = 'none';
|
|
uberBadge.className = 'uber-status-badge uber-status-unavailable';
|
|
uberIcon.className = 'fa fa-exclamation-triangle me-2';
|
|
uberMsg.innerText = 'Unable to verify delivery address.';
|
|
|
|
// STAY DISABLED ON NETWORK ERROR
|
|
setSubmitDisabled(true);
|
|
});
|
|
}
|
|
|
|
function debounceQuote() {
|
|
clearTimeout(quoteTimer);
|
|
quoteTimer = setTimeout(runUberQuote, 1000);
|
|
}
|
|
|
|
function applyMethod() {
|
|
if(typePickup && typePickup.checked) {
|
|
if(formElement) formElement.classList.add('is-pickup-mode');
|
|
uberBadge.style.display = 'none';
|
|
|
|
// Remove "required" so HTML5 validation doesn't block submission
|
|
allRequiredInputs.forEach(input => {
|
|
if (input) {
|
|
if (input.hasAttribute('required') || input.dataset.wasRequired) {
|
|
input.dataset.wasRequired = 'true';
|
|
input.removeAttribute('required');
|
|
input.classList.remove('s_website_form_required');
|
|
}
|
|
}
|
|
});
|
|
|
|
// Add dummy values exactly when they are blank
|
|
if(streetInput && !streetInput.value) { streetInput.value = 'In-Store Pickup'; }
|
|
if(cityInput && !cityInput.value) { cityInput.value = 'Brampton'; }
|
|
if(zipInput && (!zipInput.value || zipInput.value === '')) { zipInput.value = 'L6Y0N1'; }
|
|
|
|
// For country, just select Canada or first available if blank
|
|
if(countrySelect && (!countrySelect.value || countrySelect.value == "")) {
|
|
let caOption = Array.from(countrySelect.options).find(o => o.text.includes('Canada'));
|
|
if (caOption) {
|
|
countrySelect.value = caOption.value;
|
|
} else if (countrySelect.options.length > 1) {
|
|
countrySelect.selectedIndex = 1;
|
|
}
|
|
countrySelect.dispatchEvent(new Event('change'));
|
|
}
|
|
|
|
// ENABLE ALWAYS FOR PICKUP
|
|
setSubmitDisabled(false);
|
|
} else {
|
|
if(formElement) formElement.classList.remove('is-pickup-mode');
|
|
|
|
// Restore required state
|
|
allRequiredInputs.forEach(input => {
|
|
if (input && input.dataset.wasRequired === 'true') {
|
|
input.setAttribute('required', 'required');
|
|
input.classList.add('s_website_form_required');
|
|
}
|
|
});
|
|
|
|
// Revert dummy values so user can type real ones
|
|
if(streetInput && streetInput.value === 'In-Store Pickup') { streetInput.value = ''; }
|
|
if(cityInput && cityInput.value === 'Brampton') { cityInput.value = ''; }
|
|
if(zipInput && zipInput.value === 'L6Y0N1') { zipInput.value = ''; }
|
|
|
|
// DISABLE UNTIL QUOTE SUCCESSFUL
|
|
setSubmitDisabled(true);
|
|
debounceQuote();
|
|
}
|
|
}
|
|
|
|
if (typePickup) {
|
|
if (typeDelivery) typeDelivery.addEventListener('change', applyMethod);
|
|
typePickup.addEventListener('change', applyMethod);
|
|
|
|
[streetInput, cityInput, zipInput].forEach(el => {
|
|
if (el) el.addEventListener('input', debounceQuote);
|
|
if (el) el.addEventListener('change', runUberQuote);
|
|
});
|
|
|
|
// Remember state if validation fails
|
|
const savedMethod = sessionStorage.getItem('chennora_checkout_method');
|
|
if (savedMethod === 'pickup') {
|
|
typePickup.checked = true;
|
|
} else if (!typeDelivery) {
|
|
typePickup.checked = true;
|
|
}
|
|
|
|
applyMethod();
|
|
|
|
typePickup.addEventListener('change', () => sessionStorage.setItem('chennora_checkout_method', 'pickup'));
|
|
if (typeDelivery) typeDelivery.addEventListener('change', () => sessionStorage.setItem('chennora_checkout_method', 'delivery'));
|
|
}
|
|
});
|
|
</script>
|
|
</xpath>
|
|
|
|
|
|
|
|
<!-- 9. Remove the "Be aware!" warning box completely -->
|
|
<xpath expr="//div[@role='alert' and .//h4[contains(text(), 'Be aware')]]" position="replace"/>
|
|
</template>
|
|
|
|
<!-- Change Billing & Shipping Label on Payment Page -->
|
|
<template id="chennora_address_on_payment_custom" inherit_id="website_sale.address_on_payment" name="Chennora Address Label Custom" priority="99">
|
|
<!-- Customize address display for Pickup orders -->
|
|
<xpath expr="//div[@id='shipping_and_billing']" position="replace">
|
|
<div id="shipping_and_billing" class="mt-4">
|
|
<div>
|
|
<b t-if="not order.partner_id.street == 'In-Store Pickup'">Billing: </b>
|
|
<b t-else="">Customer: </b>
|
|
|
|
<t t-if="order.partner_id.street == 'In-Store Pickup'">
|
|
<span t-out="order.partner_id" t-options='{"widget": "contact", "fields": ["name", "phone"], "no_marker": True}'/>
|
|
</t>
|
|
<t t-else="">
|
|
<span t-out="order.partner_id" t-options='{"widget": "contact", "fields": ["address", "name", "phone"], "no_marker": True}'/>
|
|
</t>
|
|
</div>
|
|
</div>
|
|
</xpath>
|
|
</template>
|
|
|
|
<!-- Custom Checkout Page - Remove Shipping Section entirely -->
|
|
<template id="chennora_checkout_custom" inherit_id="website_sale.checkout" name="Chennora Checkout Custom" priority="99">
|
|
<!-- 1. Remove the "Billing" sub-header -->
|
|
<xpath expr="//h4[contains(., 'Billing')]" position="replace"/>
|
|
|
|
<!-- 2. Rename the "Shipping Address" header if it exists -->
|
|
<xpath expr="//h4[contains(., 'Shipping')]" position="replace">
|
|
<h4 class="mb-0">Address Details</h4>
|
|
</xpath>
|
|
|
|
<!-- 3. Completely remove the "Shipping" section block -->
|
|
<xpath expr="//t[@groups='account.group_delivery_invoice_address']" position="replace"/>
|
|
|
|
<!-- 4. UBER QUOTE RELOAD SCRIPT (Ensures fee is applied on page load) -->
|
|
<xpath expr="//h3" position="after">
|
|
<div id="uber_error" class="alert alert-danger d-none my-3" role="alert">
|
|
<!-- Error message will be injected here -->
|
|
</div>
|
|
<script type="text/javascript">
|
|
document.addEventListener("DOMContentLoaded", function() {
|
|
const btn = document.querySelector('a[name="website_sale_main_button"]');
|
|
const errorDiv = document.getElementById('uber_error');
|
|
|
|
// Helper to disable button
|
|
const disableButton = () => {
|
|
if (btn) {
|
|
btn.classList.add('disabled', 'btn-secondary');
|
|
btn.classList.remove('btn-primary');
|
|
btn.style.pointerEvents = 'none';
|
|
}
|
|
};
|
|
|
|
// Helper to enable button
|
|
const enableButton = () => {
|
|
if (btn) {
|
|
btn.classList.remove('disabled', 'btn-secondary');
|
|
btn.classList.add('btn-primary');
|
|
btn.style.pointerEvents = 'auto';
|
|
}
|
|
};
|
|
|
|
// Only run if the order is for delivery
|
|
const isDelivery = "<t t-esc='order.fulfilment_type'/>" === "delivery";
|
|
if (!isDelivery) {
|
|
enableButton();
|
|
return;
|
|
}
|
|
|
|
// For delivery, disable by default until quoted
|
|
disableButton();
|
|
|
|
// Address data for re-calculating quote
|
|
const addressData = {
|
|
street: "<t t-esc='order.partner_shipping_id.street'/>",
|
|
city: "<t t-esc='order.partner_shipping_id.city'/>",
|
|
zip: "<t t-esc='order.partner_shipping_id.zip'/>",
|
|
country: "<t t-esc='order.partner_shipping_id.country_id.name'/>"
|
|
};
|
|
|
|
if (addressData.street && addressData.zip) {
|
|
fetch('/shop/uber/quote', {
|
|
method: 'POST',
|
|
headers: {'Content-Type': 'application/json'},
|
|
body: JSON.stringify({
|
|
params: { address_data: addressData }
|
|
})
|
|
}).then(r => r.json()).then(data => {
|
|
console.log("Uber Quote Result:", data.result);
|
|
if (data.result && data.result.success) {
|
|
enableButton();
|
|
if (errorDiv) errorDiv.classList.add('d-none');
|
|
|
|
if (data.result.fee >= 0) {
|
|
// Refresh page once to show the fee in the sidebar if not already present
|
|
const hasFee = <t t-esc="any(l.product_id.name == 'Uber Delivery Fee' for l in website_sale_order.order_line) and 'true' or 'false'"/>;
|
|
if (!hasFee && window.location.search.indexOf('quoted=1') === -1) {
|
|
window.location.href = window.location.pathname + '?quoted=1';
|
|
}
|
|
}
|
|
} else {
|
|
disableButton();
|
|
if (errorDiv) {
|
|
errorDiv.innerText = (data.result && data.result.error) ? data.result.error : "Uber delivery is not available for this location.";
|
|
errorDiv.classList.remove('d-none');
|
|
}
|
|
}
|
|
}).catch(err => {
|
|
console.error("Uber Quote Fetch Error:", err);
|
|
disableButton();
|
|
});
|
|
} else {
|
|
if (errorDiv) {
|
|
errorDiv.innerText = "Please provide a valid street address and ZIP code for delivery.";
|
|
errorDiv.classList.remove('d-none');
|
|
}
|
|
}
|
|
});
|
|
</script>
|
|
</xpath>
|
|
</template>
|
|
|
|
<!-- 2. CART SUMMARY OVERRIDES FOR UBER -->
|
|
<!-- Hide Uber fee from the list of items in the sidebar summary -->
|
|
<template id="chennora_cart_summary_uber_hide" inherit_id="website_sale.checkout_layout" name="Chennora Cart Summary Uber Hide">
|
|
<xpath expr="//table[@id='cart_products']//tr" position="attributes">
|
|
<attribute name="t-if">line.product_id.name != 'Uber Delivery Fee'</attribute>
|
|
</xpath>
|
|
</template>
|
|
|
|
<!-- Display Uber fee in the 'Delivery' row of the total summary -->
|
|
<template id="chennora_total_uber_display" inherit_id="website_sale.total" name="Chennora Total Uber Display">
|
|
<!-- Intercept Subtotal to subtract Uber fee if it was included -->
|
|
<xpath expr="//tr[@id='order_total_untaxed']//span[@t-field='website_sale_order.amount_untaxed']" position="replace">
|
|
<t t-set="uber_line" t-value="website_sale_order.order_line.filtered(lambda l: l.product_id.name == 'Uber Delivery Fee')"/>
|
|
<t t-set="uber_fee" t-value="sum(uber_line.mapped('price_subtotal')) if uber_line else 0.0"/>
|
|
<span t-esc="website_sale_order.amount_untaxed - uber_fee" t-options='{"widget": "monetary", "display_currency": website_sale_order.currency_id}' class="monetary_field"/>
|
|
</xpath>
|
|
|
|
<!-- Add/Update Delivery Row -->
|
|
<xpath expr="//tr[@id='order_total_untaxed']" position="after">
|
|
<t t-set="uber_line" t-value="website_sale_order.order_line.filtered(lambda l: l.product_id.name == 'Uber Delivery Fee')"/>
|
|
<tr t-if="uber_line">
|
|
<td class="border-0 pb-2 ps-0 pt-0 text-start text-muted" colspan="2">Uber Delivery Fee</td>
|
|
<td class="text-end border-0 pb-2 pe-0 pt-0">
|
|
<span t-field="uber_line[0].price_subtotal" t-options='{"widget": "monetary", "display_currency": website_sale_order.currency_id}' class="monetary_field"/>
|
|
</td>
|
|
</tr>
|
|
</xpath>
|
|
</template>
|
|
|
|
|
|
|
|
<!-- Custom Wizard - Rename Shipping step to Billing safely without python errors -->
|
|
<template id="chennora_wizard_checkout_custom" inherit_id="website_sale.wizard_checkout" name="Chennora Wizard Custom" priority="99">
|
|
<xpath expr="//*[@t-call='website.step_wizard']" position="after">
|
|
<script type="text/javascript">
|
|
document.addEventListener("DOMContentLoaded", function() {
|
|
const steps = document.querySelectorAll('.nav-wizard .nav-item .nav-link .text-truncate, .nav-wizard .text-truncate');
|
|
steps.forEach(node => {
|
|
if (node.innerText.trim() === 'Shipping') {
|
|
node.innerText = 'Billing';
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
</xpath>
|
|
</template>
|
|
|
|
<!-- Custom Address Kanban - Hide address for Pickup in the cards -->
|
|
<template id="chennora_address_kanban_custom" inherit_id="website_sale.address_kanban" name="Chennora Address Kanban Custom" priority="99">
|
|
<xpath expr="//*[@t-options]" position="attributes">
|
|
<attribute name="t-options">
|
|
{'widget': 'contact', 'fields': contact.street == 'In-Store Pickup' and ['name', 'phone'] or ['address', 'name', 'phone'], 'no_marker': True}
|
|
</attribute>
|
|
</xpath>
|
|
</template>
|
|
</odoo>
|