Cybrosys Technologies
9 months ago
81 changed files with 2139 additions and 0 deletions
@ -0,0 +1,46 @@ |
|||||
|
.. image:: https://img.shields.io/badge/license-AGPL--3-blue.svg |
||||
|
:target: https://www.gnu.org/licenses/agpl-3.0-standalone.html |
||||
|
:alt: License: AGPL-3 |
||||
|
|
||||
|
One Page Checkout |
||||
|
================= |
||||
|
* Condensed ecommerce checkout into a single page. |
||||
|
|
||||
|
Configuration |
||||
|
============= |
||||
|
* No additional configurations needed |
||||
|
|
||||
|
License |
||||
|
------- |
||||
|
AFFERO GENERAL PUBLIC LICENSE, Version 3 (AGPL v3). |
||||
|
(https://www.gnu.org/licenses/agpl-3.0-standalone.html) |
||||
|
|
||||
|
Company |
||||
|
------- |
||||
|
* `Cybrosys Techno Solutions <https://cybrosys.com/>`__ |
||||
|
|
||||
|
Credits |
||||
|
------- |
||||
|
* Developer: (V17) Afra K, Contact: odoo@cybrosys.com |
||||
|
|
||||
|
Contacts |
||||
|
-------- |
||||
|
* Mail Contact : odoo@cybrosys.com |
||||
|
* Website : https://cybrosys.com |
||||
|
|
||||
|
Bug Tracker |
||||
|
----------- |
||||
|
Bugs are tracked on GitHub Issues. In case of trouble, please check there if your issue has already been reported. |
||||
|
|
||||
|
Maintainer |
||||
|
========== |
||||
|
.. image:: https://cybrosys.com/images/logo.png |
||||
|
:target: https://cybrosys.com |
||||
|
|
||||
|
This module is maintained by Cybrosys Technologies. |
||||
|
|
||||
|
For support and more information, please visit `Our Website <https://cybrosys.com/>`__ |
||||
|
|
||||
|
Further information |
||||
|
=================== |
||||
|
HTML Description: `<static/description/index.html>`__ |
||||
@ -0,0 +1,22 @@ |
|||||
|
# -*- coding: utf-8 -*- |
||||
|
############################################################################# |
||||
|
# |
||||
|
# Cybrosys Technologies Pvt. Ltd. |
||||
|
# |
||||
|
# Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>). |
||||
|
# Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>) |
||||
|
# |
||||
|
# You can modify it under the terms of the GNU AFFERO |
||||
|
# GENERAL PUBLIC LICENSE (AGPL v3), Version 3. |
||||
|
# |
||||
|
# This program is distributed in the hope that it will be useful, |
||||
|
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
||||
|
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
||||
|
# GNU AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details. |
||||
|
# |
||||
|
# You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE |
||||
|
# (AGPL v3) along with this program. |
||||
|
# If not, see <https://www.gnu.org/licenses/>. |
||||
|
# |
||||
|
############################################################################# |
||||
|
from . import controllers |
||||
@ -0,0 +1,61 @@ |
|||||
|
# -*- coding: utf-8 -*- |
||||
|
############################################################################# |
||||
|
# |
||||
|
# Cybrosys Technologies Pvt. Ltd. |
||||
|
# |
||||
|
# Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>). |
||||
|
# Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>) |
||||
|
# |
||||
|
# You can modify it under the terms of the GNU AFFERO |
||||
|
# GENERAL PUBLIC LICENSE (AGPL v3), Version 3. |
||||
|
# |
||||
|
# This program is distributed in the hope that it will be useful, |
||||
|
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
||||
|
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
||||
|
# GNU AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details. |
||||
|
# |
||||
|
# You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE |
||||
|
# (AGPL v3) along with this program. |
||||
|
# If not, see <https://www.gnu.org/licenses/>. |
||||
|
# |
||||
|
############################################################################# |
||||
|
{ |
||||
|
'name': 'One Page Checkout', |
||||
|
'version': '17.0.1.0.0', |
||||
|
'category': 'eCommerce', |
||||
|
'summary': """ |
||||
|
Simplifies ecommerce checkout by condensing it into a single, |
||||
|
user-friendly page. |
||||
|
""", |
||||
|
'description': """ |
||||
|
Condenses the entire ecommerce checkout process into a single, |
||||
|
user-friendly page, simplifying the steps and enhancing the user |
||||
|
experience. |
||||
|
""", |
||||
|
'author': 'Cybrosys Techno Solutions', |
||||
|
'company': 'Cybrosys Techno Solutions', |
||||
|
'maintainer': 'Cybrosys Techno Solutions', |
||||
|
'website': 'https://www.cybrosys.com', |
||||
|
'images': ['static/description/banner.jpg'], |
||||
|
'depends': ['base', 'website', 'website_sale', 'payment_demo'], |
||||
|
'data': [ |
||||
|
'views/address_column_templates.xml', |
||||
|
'views/address_form_templates.xml', |
||||
|
'views/extra_info_templates.xml', |
||||
|
'views/payment_templates.xml', |
||||
|
'views/website_sale_templates.xml', |
||||
|
], |
||||
|
'assets': { |
||||
|
'web.assets_frontend': [ |
||||
|
'one_page_checkout/static/src/css/style.css', |
||||
|
'one_page_checkout/static/src/js/website_sale.js', |
||||
|
'one_page_checkout/static/src/js/checkout_form.js', |
||||
|
'one_page_checkout/static/src/js/website_sale_delivery.js', |
||||
|
'one_page_checkout/static/src/js/payment_demo.js' |
||||
|
], |
||||
|
}, |
||||
|
'license': 'AGPL-3', |
||||
|
'installable': True, |
||||
|
'auto_install': False, |
||||
|
'application': False, |
||||
|
} |
||||
@ -0,0 +1,23 @@ |
|||||
|
# -*- coding: utf-8 -*- |
||||
|
############################################################################# |
||||
|
# |
||||
|
# Cybrosys Technologies Pvt. Ltd. |
||||
|
# |
||||
|
# Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>). |
||||
|
# Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>) |
||||
|
# |
||||
|
# You can modify it under the terms of the GNU AFFERO |
||||
|
# GENERAL PUBLIC LICENSE (AGPL v3), Version 3. |
||||
|
# |
||||
|
# This program is distributed in the hope that it will be useful, |
||||
|
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
||||
|
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
||||
|
# GNU AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details. |
||||
|
# |
||||
|
# You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE |
||||
|
# (AGPL v3) along with this program. |
||||
|
# If not, see <https://www.gnu.org/licenses/>. |
||||
|
# |
||||
|
############################################################################# |
||||
|
from . import website_form |
||||
|
from . import website_sale |
||||
@ -0,0 +1,56 @@ |
|||||
|
# -*- coding: utf-8 -*- |
||||
|
############################################################################# |
||||
|
# |
||||
|
# Cybrosys Technologies Pvt. Ltd. |
||||
|
# |
||||
|
# Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>). |
||||
|
# Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>) |
||||
|
# |
||||
|
# You can modify it under the terms of the GNU AFFERO |
||||
|
# GENERAL PUBLIC LICENSE (AGPL v3), Version 3. |
||||
|
# |
||||
|
# This program is distributed in the hope that it will be useful, |
||||
|
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
||||
|
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
||||
|
# GNU AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details. |
||||
|
# |
||||
|
# You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE |
||||
|
# (AGPL v3) along with this program. |
||||
|
# If not, see <https://www.gnu.org/licenses/>. |
||||
|
# |
||||
|
############################################################################# |
||||
|
from odoo import http |
||||
|
from odoo.http import request |
||||
|
from odoo.addons.website.controllers.form import WebsiteForm |
||||
|
|
||||
|
|
||||
|
class WebsiteSaleForm(WebsiteForm): |
||||
|
""" |
||||
|
Class representing a form for ecommerce checkout. |
||||
|
Inherits: |
||||
|
WebsiteForm: The base class for website forms, providing common |
||||
|
functionalities. |
||||
|
Usage: |
||||
|
1. Create an instance of `WebsiteSaleForm` and customize it as needed. |
||||
|
2. Use the instance to handle the checking out in your shop. |
||||
|
""" |
||||
|
|
||||
|
@http.route('/website/form/shop.sale.order', type='http', auth="public", |
||||
|
methods=['POST'], website=True) |
||||
|
def website_form_saleorder(self, **kwargs): |
||||
|
""" |
||||
|
This function is called when the user submits the checkout form for a |
||||
|
sales order on the website. It first calls the parent method `website_ |
||||
|
form_sale_order` to handle the submission of the form and create the |
||||
|
sales order. Then, it retrieves the created sales order from the |
||||
|
website session and stores its ID in the user's session. Finally, |
||||
|
it redirects the user to the payment status page. |
||||
|
|
||||
|
:param kwargs: Optional keyword arguments. |
||||
|
:return: A redirect to the payment status page. |
||||
|
""" |
||||
|
super(WebsiteSaleForm, self).website_form_saleorder(**kwargs) |
||||
|
order = request.website.sale_get_order() |
||||
|
if request.session.get('sale_last_order_id') is None and order: |
||||
|
request.session['sale_last_order_id'] = order.id |
||||
|
return request.redirect('/payment/status') |
||||
@ -0,0 +1,137 @@ |
|||||
|
# -*- coding: utf-8 -*- |
||||
|
############################################################################# |
||||
|
# |
||||
|
# Cybrosys Technologies Pvt. Ltd. |
||||
|
# |
||||
|
# Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>). |
||||
|
# Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>) |
||||
|
# |
||||
|
# You can modify it under the terms of the GNU AFFERO |
||||
|
# GENERAL PUBLIC LICENSE (AGPL v3), Version 3. |
||||
|
# |
||||
|
# This program is distributed in the hope that it will be useful, |
||||
|
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
||||
|
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
||||
|
# GNU AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details. |
||||
|
# |
||||
|
# You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE |
||||
|
# (AGPL v3) along with this program. |
||||
|
# If not, see <https://www.gnu.org/licenses/>. |
||||
|
# |
||||
|
############################################################################# |
||||
|
from odoo import http |
||||
|
from odoo.http import request |
||||
|
from odoo.addons.website_sale.controllers.main import WebsiteSale |
||||
|
|
||||
|
|
||||
|
class WebsiteSaleEcom(WebsiteSale): |
||||
|
""" |
||||
|
Customized version of the website sale controller for e-commerce. |
||||
|
This class is a subclass of `WebsiteSale` and provides additional |
||||
|
customizations and overrides specific to e-commerce functionality on the |
||||
|
website. It extends the base functionality of `WebsiteSale` to cater to the |
||||
|
specific needs of an e-commerce website. |
||||
|
|
||||
|
Inherits: |
||||
|
WebsiteSale: The base class for the website sale controller. |
||||
|
Usage: |
||||
|
1. Create an instance of `WebsiteSaleEcom` and customize it as needed. |
||||
|
2. Use the instance to handle e-commerce functionality on your website. |
||||
|
""" |
||||
|
|
||||
|
def _get_address_values(self, **post): |
||||
|
""" |
||||
|
This method overrides the default `address()` method of the |
||||
|
`WebsiteSale` class to get additional context values related to the |
||||
|
customer's address. |
||||
|
|
||||
|
:param post: A dictionary containing the form data submitted by the |
||||
|
user. |
||||
|
:type post: dict |
||||
|
|
||||
|
:return: A dictionary containing the updated q-context values related |
||||
|
to the customer's address. |
||||
|
:rtype: dict |
||||
|
""" |
||||
|
return super(WebsiteSaleEcom, self).address(**post).qcontext |
||||
|
|
||||
|
@http.route(['/shop/address'], type='http', methods=['GET', 'POST'], |
||||
|
auth="public", website=True, sitemap=False) |
||||
|
def address(self, **kw): |
||||
|
""" |
||||
|
Renders the checkout address page for the current website sale order. |
||||
|
If the request is a POST, updates the current order's delivery and |
||||
|
invoice addresses with the provided data. |
||||
|
|
||||
|
If the current user is authenticated and the order's partner matches |
||||
|
the authenticated user's partner, redirects to the payment page. |
||||
|
|
||||
|
:return: An HTTP response with the rendered checkout address page or a |
||||
|
redirection to the login or payment page. |
||||
|
:rtype: werkzeug.wrappers.Response |
||||
|
""" |
||||
|
res = super(WebsiteSaleEcom, self).address(**kw) |
||||
|
order = res.qcontext.get('website_sale_order') |
||||
|
if order: |
||||
|
user = request.website.user_id.sudo() |
||||
|
if order.partner_id.id == user.partner_id.id: |
||||
|
return request.redirect('/shop/payment') |
||||
|
else: |
||||
|
return res |
||||
|
return res |
||||
|
|
||||
|
@http.route(['/shop/extra_info'], type='http', auth="public", website=True, |
||||
|
sitemap=False) |
||||
|
def extra_info(self): |
||||
|
""" |
||||
|
Overwrites the existing extra_info function. |
||||
|
Redirects the current request to the checkout payment page. |
||||
|
|
||||
|
:return: An HTTP response redirecting to the checkout payment page. |
||||
|
:rtype: werkzeug.wrappers.Response |
||||
|
""" |
||||
|
return request.redirect('/shop/payment') |
||||
|
|
||||
|
@http.route('/shop/payment', type='http', auth='public', website=True, |
||||
|
sitemap=False) |
||||
|
def shop_payment(self, **post): |
||||
|
""" |
||||
|
Overwrites the existing shop_payment function. |
||||
|
Removed the redirection if there is no address for user. |
||||
|
This page proposes several payment means based on available |
||||
|
payment.provider. State at this point : |
||||
|
|
||||
|
- a draft sales order with lines; otherwise, clean context / session |
||||
|
and back to the shop |
||||
|
- no transaction in context / session, or only a draft one, if the |
||||
|
customer did go to a payment.provider webshop_paymentsite but |
||||
|
closed the tab without paying / canceling |
||||
|
""" |
||||
|
post.update({'partner_id': -1}) |
||||
|
order = request.website.sale_get_order() |
||||
|
render_values = self._get_shop_payment_values(order, **post) |
||||
|
render_values['only_services'] = order and order.only_services or False |
||||
|
address_values = self._get_address_values(**post) |
||||
|
# Included /address values to the /payment and its template |
||||
|
render_values.update({ |
||||
|
'account_on_checkout': address_values.get('account_on_checkout'), |
||||
|
'country_states': address_values.get('country_states', []), |
||||
|
'is_public_user': address_values.get('is_public_user'), |
||||
|
'only_services': address_values.get('only_services'), |
||||
|
'countries': address_values.get('countries', []), |
||||
|
'country': address_values.get('country', []), |
||||
|
'checkout': address_values.get('checkout'), |
||||
|
'error': address_values.get('error'), |
||||
|
'mode': address_values.get('mode'), |
||||
|
'deliveries': order._get_delivery_methods().sudo(), |
||||
|
'delivery_action_id': request.env.ref( |
||||
|
'delivery.action_delivery_carrier_form' |
||||
|
).id, |
||||
|
'sale_order_id': order.id |
||||
|
|
||||
|
}) |
||||
|
if render_values['errors']: |
||||
|
render_values.pop('providers', '') |
||||
|
render_values.pop('tokens', '') |
||||
|
request.session['sale_last_order_id'] = order.id |
||||
|
return request.render("website_sale.payment", render_values) |
||||
@ -0,0 +1,7 @@ |
|||||
|
## Module <one_page_checkout> |
||||
|
|
||||
|
#### 10.07.2024 |
||||
|
#### Version 17.0.1.0.0 |
||||
|
#### ADD |
||||
|
|
||||
|
- Initial Commit for One Page Checkout |
||||
|
After Width: | Height: | Size: 36 KiB |
|
After Width: | Height: | Size: 3.6 KiB |
|
After Width: | Height: | Size: 310 B |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 576 B |
|
After Width: | Height: | Size: 733 B |
|
After Width: | Height: | Size: 911 B |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 673 B |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 878 B |
|
After Width: | Height: | Size: 653 B |
|
After Width: | Height: | Size: 905 B |
|
After Width: | Height: | Size: 839 B |
|
After Width: | Height: | Size: 427 B |
|
After Width: | Height: | Size: 627 B |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 988 B |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 80 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 4.4 KiB |
|
After Width: | Height: | Size: 3.2 KiB |
|
After Width: | Height: | Size: 589 B |
|
After Width: | Height: | Size: 3.4 KiB |
|
After Width: | Height: | Size: 565 B |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 967 B |
|
After Width: | Height: | Size: 26 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 43 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 3.8 KiB |
|
After Width: | Height: | Size: 4.0 KiB |
|
After Width: | Height: | Size: 38 KiB |
|
After Width: | Height: | Size: 5.0 KiB |
|
After Width: | Height: | Size: 4.3 KiB |
|
After Width: | Height: | Size: 912 KiB |
|
After Width: | Height: | Size: 228 KiB |
|
After Width: | Height: | Size: 46 KiB |
|
After Width: | Height: | Size: 49 KiB |
|
After Width: | Height: | Size: 85 KiB |
|
After Width: | Height: | Size: 81 KiB |
|
After Width: | Height: | Size: 46 KiB |
|
After Width: | Height: | Size: 67 KiB |
|
After Width: | Height: | Size: 77 KiB |
|
After Width: | Height: | Size: 85 KiB |
|
After Width: | Height: | Size: 88 KiB |
|
After Width: | Height: | Size: 237 KiB |
|
After Width: | Height: | Size: 108 KiB |
|
After Width: | Height: | Size: 138 KiB |
|
After Width: | Height: | Size: 99 KiB |
|
After Width: | Height: | Size: 99 KiB |
|
After Width: | Height: | Size: 80 KiB |
|
After Width: | Height: | Size: 12 KiB |
@ -0,0 +1,655 @@ |
|||||
|
<!DOCTYPE html> |
||||
|
<html lang="en"> |
||||
|
<head> |
||||
|
<meta charset="UTF-8"> |
||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
||||
|
<title>Odoo App 3 Index</title> |
||||
|
<!-- Bootstrap CSS --> |
||||
|
<link rel="stylesheet" |
||||
|
href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css" |
||||
|
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" |
||||
|
crossorigin="anonymous"> |
||||
|
<link rel="stylesheet" |
||||
|
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css"> |
||||
|
<link rel="preconnect" href="https://fonts.googleapis.com"> |
||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> |
||||
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" |
||||
|
rel="stylesheet"> |
||||
|
</head> |
||||
|
<body> |
||||
|
<section> |
||||
|
<div class="container" |
||||
|
style="font-family: 'Inter', sans-serif !important;background-color: #fff !important;"> |
||||
|
<div class="row"> |
||||
|
<div class="col-sm-12 col-md-12 col-lg-12 d-flex justify-content-between flex-wrap align-items-sm-center" |
||||
|
style="border-bottom:1px solid rgba(0, 0, 0, 0.22)"> |
||||
|
<div class="my-3"> |
||||
|
<img src="assets/misc/Cybrosys R.png" |
||||
|
style="width:auto !important; height:40px !important"> |
||||
|
</div> |
||||
|
<div class="my-3 d-flex align-items-center"> |
||||
|
<div class="text-center" |
||||
|
style="background-color:#017E84 !important;font-size: 0.8rem !important; color:#fff !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:50px !important; min-width: 120px !important;"> |
||||
|
Community |
||||
|
</div> |
||||
|
<div class="text-center" |
||||
|
style="background-color:#875A7B !important; color:#fff !important;font-size: 0.8rem !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:50px !important;min-width: 120px !important;"> |
||||
|
Enterprise |
||||
|
</div> |
||||
|
<div class="text-center" |
||||
|
style="background-color:#7C7BAD !important; color:#fff !important;font-size: 0.8rem !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:50px !important; min-width: 120px !important;"> |
||||
|
Odoo.sh |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="row"> |
||||
|
<div class="col-sm-12 col-md-12 col-lg-12 text-center d-flex align-items-center flex-column" |
||||
|
style="margin: 80px 0px !important;"> |
||||
|
<h1 style="font-size: 2.8rem;font-weight: 700; color: |
||||
|
#1A202C;"> |
||||
|
One Page Checkout</h1> |
||||
|
<p class="my-3 mb-4" |
||||
|
style="max-width: 80%; font-weight: 400 !important; line-height: 32px; color: #718096;"> |
||||
|
This Module simplifies ecommerce checkout by condensing it into a single, user-friendly page. |
||||
|
</p> |
||||
|
<div style="width: 80%; margin-top: 3rem;"> |
||||
|
<img src="assets/screenshots/hero.gif" |
||||
|
class="img-responsive" width="100%" height="auto"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="container mt-5 mb-5"> |
||||
|
<div class="col-lg-12 d-flex flex-column justify-content-center align-items-center mt-4"> |
||||
|
<p class="m-0" |
||||
|
style="font-weight: 600; font-size: 24px; color:#714b67 !important"> |
||||
|
Key Highlights |
||||
|
</p> |
||||
|
</div> |
||||
|
<div class="row py-4"> |
||||
|
<div class="col-md-6 col-sm-12 p-3"> |
||||
|
<div class="d-flex h-100" style="padding: 30px;border-radius: 12px; |
||||
|
background: #FFF; |
||||
|
box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.25); "> |
||||
|
<div style="width: 36px; height: 36px; border-radius: 50%; background: #714B67; |
||||
|
display: flex; justify-content: center; align-items: center; |
||||
|
margin-right: 10px; flex-shrink: 0;"> |
||||
|
<i class="fa-solid fa-star " |
||||
|
style="color: #fff;font-size:14px;"></i> |
||||
|
</div> |
||||
|
<div> |
||||
|
<p style="color: #1A202C;font-weight: 600; |
||||
|
font-size: 1.2rem; margin-bottom: 2px;"> |
||||
|
Simplifies the ecommerce checkout process into single step. </p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-md-6 col-sm-12 p-3"> |
||||
|
<div class="d-flex h-100" style="padding: 30px;border-radius: 12px; |
||||
|
background: #FFF; |
||||
|
box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.25); "> |
||||
|
<div style="width: 36px; height: 36px; border-radius: 50%; background: #714B67; |
||||
|
display: flex; justify-content: center; align-items: center; |
||||
|
margin-right: 10px; flex-shrink: 0;"> |
||||
|
<i class="fa-solid fa-star " |
||||
|
style="color: #fff;font-size:14px;"></i> |
||||
|
</div> |
||||
|
<div> |
||||
|
<p style="color: #1A202C;font-weight: 600; |
||||
|
font-size: 1.2rem; margin-bottom: 2px;"> |
||||
|
Create a new address and select existing address.</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="container rounded"> |
||||
|
<ul class="nav nav-tabs d-flex" |
||||
|
style="width: fit-content;margin: 0 auto;gap: 1rem;"> |
||||
|
<li class="col text-center py-2 text-nowrap " |
||||
|
style="color: #fff; background-color: #714B67;border-radius: 6px 6px 0px 0px;"> |
||||
|
<a |
||||
|
class="active show" data-toggle="tab" href="#tab1" |
||||
|
style="color: #fff;font-weight: 500; background-color: #714B67; text-decoration: none;"> |
||||
|
<i class="fa-regular fa-image pr-2" |
||||
|
style="color: #fff;"></i> |
||||
|
Screenshots</a></li> |
||||
|
<li class="col text-center py-2 text-nowrap " |
||||
|
style="color: #fff; background-color: #714B67;border-radius: 6px 6px 0px 0px;"> |
||||
|
<a |
||||
|
data-toggle="tab" href="#tab2" |
||||
|
style="color: #fff;font-weight: 500; text-decoration: none;"><i |
||||
|
class="fa-solid fa-star pr-2" |
||||
|
style="color: #fff;"></i>Features</a></li> |
||||
|
<li class="col text-center py-2 text-nowrap " |
||||
|
style="color: #fff; background-color: #714B67;border-radius: 6px 6px 0px 0px;"> |
||||
|
<a |
||||
|
data-toggle="tab" href="#tab3" |
||||
|
style="color: #fff;font-weight: 500; text-decoration: none; background-color: #714B67;"><i |
||||
|
class="fa-solid fa-book-open pr-2" |
||||
|
style="color: #fff;"></i>Released Notes</a></li> |
||||
|
</ul> |
||||
|
<div class="tab-content" |
||||
|
style="background-color: rgba(121, 113, 119, 0.04);"> |
||||
|
<div id="tab1" class="tab-pane fade in active show"> |
||||
|
<div class="col-lg-12 py-2" |
||||
|
style="padding: 1rem 4rem !important;"> |
||||
|
<div |
||||
|
style="border: 1px solid #d8d6d6; border-radius: 4px; background: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);"> |
||||
|
<div class="row justify-content-center p-3 w-100 m-0"> |
||||
|
<img src="assets/screenshots/image1.png" |
||||
|
class="img-responsive" width="100%" |
||||
|
height="auto"> |
||||
|
</div> |
||||
|
<div class="px-3"> |
||||
|
<h4 class="mt-2" |
||||
|
style=" font-weight:600 !important; color:#282F33 !important; font-size:1.3rem !important"> |
||||
|
Checking out with Login User.</h4> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-lg-12 py-2" |
||||
|
style="padding: 1rem 4rem !important;"> |
||||
|
<div |
||||
|
style="border: 1px solid #d8d6d6; border-radius: 4px; background: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);"> |
||||
|
<div class="row justify-content-center p-3 w-100 m-0"> |
||||
|
<img src="assets/screenshots/image2.png" |
||||
|
class="img-responsive" width="100%" |
||||
|
height="auto"> |
||||
|
</div> |
||||
|
<div class="px-3"> |
||||
|
<h4 class="mt-2" |
||||
|
style=" font-weight:600 !important; color:#282F33 !important; font-size:1.3rem !important"> |
||||
|
Checking out with Public User.</h4> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-lg-12 py-2" |
||||
|
style="padding: 1rem 4rem !important;"> |
||||
|
<div |
||||
|
style="border: 1px solid #d8d6d6; border-radius: 4px; background: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);"> |
||||
|
<div class="row justify-content-center p-3 w-100 m-0"> |
||||
|
<img src="assets/screenshots/image3.png" |
||||
|
class="img-responsive" width="100%" |
||||
|
height="auto"> |
||||
|
</div> |
||||
|
<div class="px-3"> |
||||
|
<h4 class="mt-2" |
||||
|
style=" font-weight:600 !important; color:#282F33 !important; font-size:1.3rem !important"> |
||||
|
Form validation for Public User.</h4> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div id="tab2" class="tab-pane fade"> |
||||
|
<div class="col-mg-12" style="padding: 1rem 4rem;"> |
||||
|
<ul style="list-style: none; padding: 1rem 0;font-weight: 500;"> |
||||
|
<li class="py-3" |
||||
|
style="font-weight: 500;background-color: #fff; border-radius: 4px; padding: 1rem; margin-bottom: 1rem; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);"> |
||||
|
<span style="margin-right: 12px;"><img |
||||
|
src="assets/misc/star (1) 2.svg" |
||||
|
alt="" |
||||
|
width="16px"></span>Support in Community, Enterprise & Odoo.sh. |
||||
|
</li> |
||||
|
<li class="py-3" |
||||
|
style="font-weight: 500;background-color: #fff; border-radius: 4px; padding: 1rem; margin-bottom: 1rem; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);"> |
||||
|
<span style="margin-right: 12px;"><img |
||||
|
src="assets/misc/star (1) 2.svg" |
||||
|
alt="" |
||||
|
width="16px"></span>Select any delivery method. |
||||
|
</li> |
||||
|
<li class="py-3" |
||||
|
style="font-weight: 500;background-color: #fff; border-radius: 4px; padding: 1rem; margin-bottom: 1rem; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);"> |
||||
|
<span style="margin-right: 12px;"><img |
||||
|
src="assets/misc/star (1) 2.svg" |
||||
|
alt="" |
||||
|
width="16px"></span>Create a new address and select existing address. |
||||
|
</li> |
||||
|
<li class="py-3" |
||||
|
style="font-weight: 500;background-color: #fff; border-radius: 4px; padding: 1rem; margin-bottom: 1rem; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);"> |
||||
|
<span style="margin-right: 12px;"><img |
||||
|
src="assets/misc/star (1) 2.svg" |
||||
|
alt="" |
||||
|
width="16px"></span>Apply your promo-codes. |
||||
|
</li> |
||||
|
<li class="py-3" |
||||
|
style="font-weight: 500;background-color: #fff; border-radius: 4px; padding: 1rem; margin-bottom: 1rem; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);"> |
||||
|
<span style="margin-right: 12px;"><img |
||||
|
src="assets/misc/star (1) 2.svg" |
||||
|
alt="" |
||||
|
width="16px"></span>Inline validation for public users. |
||||
|
</li> |
||||
|
|
||||
|
</ul> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div id="tab3" class="tab-pane fade"> |
||||
|
<div class="col-mg-12 active" style="padding: 1rem 4rem;"> |
||||
|
<div class="py-3" |
||||
|
style="font-weight: 500;background-color: #fff; border-radius: 4px; padding: 1rem; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);"> |
||||
|
<div class="d-flex mb-3" |
||||
|
style="font-size: 0.8rem; font-weight: 500;"><span>Version |
||||
|
17.0.1.0.0</span><span |
||||
|
class="px-2">|</span><span |
||||
|
style="color: #714B67;font-weight: 600;">Released on:25th Jan 2024</span> |
||||
|
</div> |
||||
|
<p class="m-0" |
||||
|
style=" color:#718096!important; font-size:1rem !important;line-height: 28px;"> |
||||
|
Initial commit for One Page Checkout </p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="container mt-5"> |
||||
|
<div class="col-lg-12 d-flex flex-column justify-content-center align-items-center mt-5"> |
||||
|
<p class="m-0" |
||||
|
style="font-weight: 600; font-size: 24px; color:#000 !important"> |
||||
|
Related Products</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div id="myCarousel" class="carousel slide py-3" data-ride="carousel"> |
||||
|
<div class="carousel-inner"> |
||||
|
<div class="carousel-item active"> |
||||
|
<div class="row p-4"> |
||||
|
<div class="col"> |
||||
|
<div class="p-3"> |
||||
|
<a href="https://apps.odoo.com/apps/modules/17.0/base_accounting_kit/" style="color: #000; text-decoration: none;"> |
||||
|
<div style="border:1px solid #CBCBCB !important;border-radius: 4px;"> |
||||
|
<div style="width: 300px; "> |
||||
|
<img src="assets/modules/1.gif" alt="" width="100%" height="auto"> |
||||
|
|
||||
|
</div> |
||||
|
<p class="text-center pt-2 text-black font-weight-bold">Odoo 17 Full Accounting Kit</p> |
||||
|
</div> |
||||
|
</a> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col"> |
||||
|
<div class="p-3"> |
||||
|
<a href="https://apps.odoo.com/apps/modules/17.0/invoice_format_editor/" style="color: #000; text-decoration: none;"> |
||||
|
<div style="border:1px solid #CBCBCB !important;border-radius: 4px;"> |
||||
|
<div style="width: 300px; "> |
||||
|
<img src="assets/modules/2.png" alt="" width="100%" height="auto"> |
||||
|
|
||||
|
</div> |
||||
|
<p class="text-center pt-2 text-black font-weight-bold">Invoice Format Editor</p> |
||||
|
</div> |
||||
|
</a> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col"> |
||||
|
<div class="p-3"> |
||||
|
<a href="https://apps.odoo.com/apps/modules/17.0/inventory_barcode_scanning/" style="color: #000; text-decoration: none;"> |
||||
|
<div style="border:1px solid #CBCBCB !important;border-radius: 4px;"> |
||||
|
<div style="width: 300px; "> |
||||
|
<img src="assets/modules/3.png" alt="" width="100%" height="auto"> |
||||
|
|
||||
|
</div> |
||||
|
<p class="text-center pt-2 text-black font-weight-bold">Barcode scanning in Inventory</p> |
||||
|
</div> |
||||
|
</a> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="carousel-item"> |
||||
|
<div class="row p-4"> |
||||
|
<div class="col"> |
||||
|
<div class="p-3"> |
||||
|
<a href="https://apps.odoo.com/apps/modules/17.0/whatsapp_redirect/" style="color: #000; text-decoration: none;"> |
||||
|
<div style="border:1px solid #CBCBCB !important;border-radius: 4px;"> |
||||
|
<div style="width: 300px; "> |
||||
|
<img src="assets/modules/4.jpg" alt="" width="100%" height="auto"> |
||||
|
|
||||
|
</div> |
||||
|
<p class="text-center pt-2 text-black font-weight-bold">Send Whatsapp Message</p> |
||||
|
</div> |
||||
|
</a> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col"> |
||||
|
<div class="p-3"> |
||||
|
<a href="https://apps.odoo.com/apps/modules/17.0/base_account_budget/" style="color: #000; text-decoration: none;"> |
||||
|
<div style="border:1px solid #CBCBCB !important;border-radius: 4px;"> |
||||
|
<div style="width: 300px;"> |
||||
|
<img src="assets/modules/5.jpg" alt="" width="100%" height="auto"> |
||||
|
|
||||
|
</div> |
||||
|
<p class="text-center pt-2 text-black font-weight-bold">Budget Management</p> |
||||
|
</div> |
||||
|
</a> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col"> |
||||
|
<div class="p-3"> |
||||
|
<a href="https://apps.odoo.com/apps/modules/17.0/product_barcode/" style="color: #000; text-decoration: none;"> |
||||
|
<div style="border:1px solid #CBCBCB !important;border-radius: 4px;"> |
||||
|
<div style="width: 300px;"> |
||||
|
<img src="assets/modules/6.png" alt="" width="100%" height="auto"> |
||||
|
</div> |
||||
|
<p class="text-center pt-2 text-black font-weight-bold">Product Barcode Generator</p> |
||||
|
</div> |
||||
|
</a> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<a class="carousel-control-prev" href="#myCarousel" data-slide="prev" style="width: 35px; color: #000;"> |
||||
|
<span class="carousel-control-prev-icon"> |
||||
|
<i class="fa fa-chevron-left" style="font-size: 24px;"></i> |
||||
|
</span> |
||||
|
</a> |
||||
|
<a class="carousel-control-next" href="#myCarousel" data-slide="next" style="width: 35px; color: #000;"> |
||||
|
<span class="carousel-control-next-icon"> |
||||
|
<i class="fa fa-chevron-right" style="font-size: 24px;"></i> |
||||
|
</span> |
||||
|
</a> |
||||
|
</div> |
||||
|
<div class="container mt-5"> |
||||
|
<div class="col-lg-12 d-flex flex-column justify-content-center align-items-center mt-4"> |
||||
|
<p class="m-0" |
||||
|
style="font-weight: 600; font-size: 24px; color:#000 !important"> |
||||
|
Our Services</p> |
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="container my-5"> |
||||
|
<div class="row py-3"> |
||||
|
<div class="col-md-4 col-sm-6 px-4 py-4"> |
||||
|
<div |
||||
|
style="background-color: #fff; padding: 25px; text-align: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; position: relative;border-radius: 4px;"> |
||||
|
<div style="position: absolute; top: 0%; left: 50%; transform: translate(-50%, -50%);"> |
||||
|
<div style="background-color:#13EA36 ; border-radius: 50%; padding: 15px; width: 68px; |
||||
|
height: 68px; display: inline-block; box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);"> |
||||
|
<img src="assets/icons/cogs.png" |
||||
|
alt="service-icon" width="38px" |
||||
|
height="auto"> |
||||
|
</div> |
||||
|
</div> |
||||
|
<p style="margin-top: 20px; font-weight: bold;">Odoo |
||||
|
Customization</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-md-4 col-sm-6 px-4 py-4"> |
||||
|
<div |
||||
|
style="background-color: #fff; padding: 25px; text-align: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; position: relative;border-radius: 4px;"> |
||||
|
<div style="position: absolute; top: 0%; left: 50%; transform: translate(-50%, -50%);"> |
||||
|
<div style="background-color:#DBC711; border-radius: 50%; padding: 15px; width: 68px; |
||||
|
height: 68px; display: inline-block; box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);"> |
||||
|
<img src="assets/icons/wrench.png" |
||||
|
alt="service-icon" width="38px" |
||||
|
height="auto"> |
||||
|
</div> |
||||
|
</div> |
||||
|
<p style="margin-top: 20px; font-weight: bold;">Odoo |
||||
|
Implementation</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-md-4 col-sm-6 px-4 py-4"> |
||||
|
<div |
||||
|
style="background-color: #fff; padding: 25px; text-align: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; position: relative; border-radius: 4px;"> |
||||
|
<div style="position: absolute; top: 0%; left: 50%; transform: translate(-50%, -50%);"> |
||||
|
<div style="background-color:#FF6B6B ; border-radius: 50%; padding: 15px; width: 68px; |
||||
|
height: 68px; display: inline-block; box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);"> |
||||
|
<img src="assets/icons/lifebuoy.png" |
||||
|
alt="service-icon" width="38px" |
||||
|
height="auto"> |
||||
|
</div> |
||||
|
</div> |
||||
|
<p style="margin-top: 20px; font-weight: bold;">Odoo |
||||
|
Support</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-md-4 col-sm-6 px-4 py-4"> |
||||
|
<div |
||||
|
style="background-color: #fff; padding: 25px; text-align: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; position: relative; border-radius: 4px;"> |
||||
|
<div style="position: absolute; top: 0%; left: 50%; transform: translate(-50%, -50%);"> |
||||
|
<div style="background-color:#FFA801 ; border-radius: 50%; padding: 15px; width: 68px; |
||||
|
height: 68px; display: inline-block; box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);"> |
||||
|
<img src="assets/icons/user.png" |
||||
|
alt="service-icon" width="38px" |
||||
|
height="auto"> |
||||
|
</div> |
||||
|
</div> |
||||
|
<p style="margin-top: 20px; font-weight: bold;">Hire |
||||
|
Odoo Developer</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-md-4 col-sm-6 px-4 py-4"> |
||||
|
<div |
||||
|
style="background-color: #fff; padding: 25px; text-align: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; position: relative; border-radius: 4px;"> |
||||
|
|
||||
|
<div style="position: absolute; top: 0%; left: 50%; transform: translate(-50%, -50%);"> |
||||
|
<div style="background-color:#54A0FF; border-radius: 50%; padding: 15px; width: 68px; |
||||
|
height: 68px; display: inline-block; box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);"> |
||||
|
<img src="assets/icons/puzzle.png" |
||||
|
alt="service-icon" width="38px" |
||||
|
height="auto"> |
||||
|
</div> |
||||
|
</div> |
||||
|
<p style="margin-top: 20px; font-weight: bold;">Odoo |
||||
|
Integration</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-md-4 col-sm-6 px-4 py-4"> |
||||
|
<div |
||||
|
style="background-color: #fff; padding: 25px; text-align: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; position: relative;border-radius: 4px;"> |
||||
|
<div style="position: absolute; top: 0%; left: 50%; transform: translate(-50%, -50%);"> |
||||
|
<div style="background-color:#6D7680 ; border-radius: 50%; padding: 15px; width: 68px; |
||||
|
height: 68px; display: inline-block; box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);"> |
||||
|
<img src="assets/icons/update.png" |
||||
|
alt="service-icon" width="38px" |
||||
|
height="auto"> |
||||
|
</div> |
||||
|
</div> |
||||
|
<p style="margin-top: 20px; font-weight: bold;">Odoo |
||||
|
Migration</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-md-4 col-sm-6 px-4 py-4"> |
||||
|
<div |
||||
|
style="background-color: #fff; padding: 25px; text-align: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; position: relative;border-radius: 4px;"> |
||||
|
<div style="position: absolute; top: 0%; left: 50%; transform: translate(-50%, -50%);"> |
||||
|
<div style="background-color:#786FA6 ; border-radius: 50%; padding: 15px; width: 68px; |
||||
|
height: 68px; display: inline-block; box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);"> |
||||
|
<img src="assets/icons/consultation.png" |
||||
|
alt="service-icon" width="38px" |
||||
|
height="auto"> |
||||
|
</div> |
||||
|
</div> |
||||
|
<p style="margin-top: 20px; font-weight: bold;">Odoo |
||||
|
Consultancy</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-md-4 col-sm-6 px-4 py-4"> |
||||
|
<div |
||||
|
style="background-color: #fff; padding: 25px; text-align: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;position: relative;border-radius: 4px;"> |
||||
|
<div style="position: absolute; top: 0%; left: 50%; transform: translate(-50%, -50%);"> |
||||
|
<div style="background-color:#F8A5C2 ; border-radius: 50%; padding: 15px; width: 68px; |
||||
|
height: 68px; display: inline-block; box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);"> |
||||
|
<img src="assets/icons/training.png" |
||||
|
alt="service-icon" width="38px" |
||||
|
height="auto"> |
||||
|
</div> |
||||
|
</div> |
||||
|
<p style="margin-top: 20px; font-weight: bold;">Odoo |
||||
|
Implementation</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-md-4 col-sm-6 px-4 py-4"> |
||||
|
<div |
||||
|
style="background-color: #fff; padding: 25px; text-align: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; position: relative;border-radius: 4px;"> |
||||
|
<div style="position: absolute; top: 0%; left: 50%; transform: translate(-50%, -50%);"> |
||||
|
<div style="background-color:#E6BE26; border-radius: 50%; padding: 15px; width: 68px; |
||||
|
height: 68px; display: inline-block; box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);"> |
||||
|
<img src="assets/icons/license.png" |
||||
|
alt="service-icon" width="38px" |
||||
|
height="auto"> |
||||
|
</div> |
||||
|
</div> |
||||
|
<p style="margin-top: 20px; font-weight: bold;">Odoo |
||||
|
Licensing Consultancy</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="container mt-5"> |
||||
|
<div class="col-lg-12 d-flex flex-column justify-content-center align-items-center mt-4"> |
||||
|
<p class="m-0" |
||||
|
style="font-weight: 600; font-size: 24px; color:#000 !important"> |
||||
|
Our Industries</p> |
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="container"> |
||||
|
<div class="row my-5 py-4"> |
||||
|
<div class="col-md-3 col-sm-6 p-0"> |
||||
|
<div class="d-flex flex-column h-100 " |
||||
|
style="border-right: 1px solid rgb(209, 209, 209); border-bottom: 1px solid rgb(209, 209, 209); padding: 30px; box-shadow: 6px 0 10px rgba(228, 227, 227, 0.373);"> |
||||
|
<img src="assets/icons/trading-black.png" width="42px" |
||||
|
height="auto" alt=""> |
||||
|
<p style="color: #714B67;font-weight: 600; margin-top: 10px; |
||||
|
font-size: 1.2rem; margin-bottom: 2px;">Trading</p> |
||||
|
<p>Easily procure and sell your products</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-md-3 col-sm-6 p-0"> |
||||
|
<div class="d-flex flex-column h-100" |
||||
|
style="border-right: 1px solid rgb(209, 209, 209);border-bottom: 1px solid rgb(209, 209, 209); padding: 30px;"> |
||||
|
<img src="assets/icons/pos-black.png" width="42px" |
||||
|
height="auto" alt=""> |
||||
|
<p style="color: #714B67;font-weight: 600; margin-top: 10px; |
||||
|
font-size: 1.2rem; margin-bottom: 2px;">POS</p> |
||||
|
<p>Easy configuration and convivial experience</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-md-3 col-sm-6 p-0"> |
||||
|
<div class="d-flex flex-column h-100" |
||||
|
style="border-right: 1px solid rgb(209, 209, 209);border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding: 30px; box-shadow: 0 5px 10px rgba(228, 227, 227, 0.373)"> |
||||
|
<img src="assets/icons/education-black.png" width="42px" |
||||
|
height="auto" alt=""> |
||||
|
<p style="color: #714B67;font-weight: 600; margin-top: 10px; |
||||
|
font-size: 1.2rem; margin-bottom: 2px;"> |
||||
|
Education</p> |
||||
|
<p>A platform for educational management</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-md-3 col-sm-6 p-0"> |
||||
|
<div class="d-flex flex-column h-100" |
||||
|
style="border-bottom: 1px solid rgb(209, 209, 209); padding: 30px; "> |
||||
|
<img src="assets/icons/manufacturing-black.png" |
||||
|
width="42px" height="auto" alt=""> |
||||
|
<p style="color: #714B67;font-weight: 600; margin-top: 10px; |
||||
|
font-size: 1.2rem; margin-bottom: 2px;"> |
||||
|
Manufacturing</p> |
||||
|
<p>Plan, track and schedule your operations</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-md-3 col-sm-6 p-0"> |
||||
|
<div class="d-flex flex-column h-100" |
||||
|
style="border-right: 1px solid rgb(209, 209, 209); padding: 30px;"> |
||||
|
<img src="assets/icons/ecom-black.png" width="42px" |
||||
|
height="auto" alt=""> |
||||
|
<p style="color: #714B67;font-weight: 600; margin-top: 10px; |
||||
|
font-size: 1.2rem; margin-bottom: 2px;">E-commerce & |
||||
|
Website</p> |
||||
|
<p>Mobile friendly, awe-inspiring product pages</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-md-3 col-sm-6 p-0"> |
||||
|
<div class="d-flex flex-column h-100" |
||||
|
style="border-right: 1px solid rgb(209, 209, 209); padding: 30px;box-shadow: 0 -5px 10px rgba(228, 227, 227, 0.373);"> |
||||
|
<img src="assets/icons/service-black.png" width="42px" |
||||
|
height="auto" alt=""> |
||||
|
<p style="color: #714B67;font-weight: 600; margin-top: 10px; |
||||
|
font-size: 1.2rem; margin-bottom: 2px;">Service |
||||
|
Management</p> |
||||
|
<p>Keep track of services and invoice</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-md-3 col-sm-6 p-0"> |
||||
|
<div class="d-flex flex-column h-100" |
||||
|
style="border-right: 1px solid rgb(209, 209, 209); padding: 30px; "> |
||||
|
<img src="assets/icons/restaurant-black.png" |
||||
|
width="42px" height="auto" alt=""> |
||||
|
<p style="color: #714B67;font-weight: 600; margin-top: 10px; |
||||
|
font-size: 1.2rem; margin-bottom: 2px;"> |
||||
|
Restaurant</p> |
||||
|
<p>Run your bar or restaurant methodically</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-md-3 col-sm-6 p-0"> |
||||
|
<div class="d-flex flex-column h-100" |
||||
|
style=" padding: 30px;box-shadow: -5px 0 10px rgba(228, 227, 227, 0.373);"> |
||||
|
<img src="assets/icons/hotel-black.png" width="42px" |
||||
|
height="auto" alt=""> |
||||
|
<p style="color: #714B67;font-weight: 600; margin-top: 10px; |
||||
|
font-size: 1.2rem; margin-bottom: 2px;">Hotel |
||||
|
Management</p> |
||||
|
<p>An all-inclusive hotel management application</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="container mt-5"> |
||||
|
<div class="col-lg-12 d-flex flex-column justify-content-center align-items-center mt-5"> |
||||
|
<p class="m-0" |
||||
|
style="font-weight: 600; font-size: 24px; color:#000 !important"> |
||||
|
Support</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="container my-5"> |
||||
|
<div class="row" style="background-color: #FFFAFE;"> |
||||
|
<div class="col-md-6 pb-4 d-flex align-items-center justify-content-center" |
||||
|
style="border-right: 1px solid #D9D9D9;"> |
||||
|
<div style="padding: 30px;"> |
||||
|
<div class="d-flex align-items-center"> |
||||
|
<img src="assets/misc/support (1) 1.svg" alt="" |
||||
|
width="60px" style="margin-right: 12px;"> |
||||
|
<div style="padding: 0px 8px;"> |
||||
|
<span |
||||
|
style="color: #714B67;font-size: 24px;font-weight: 600;padding-bottom: 1rem;">Need |
||||
|
Help?</span> |
||||
|
<p class="m-0" style="color:#718096;">Got |
||||
|
questions or need help? Get in touch.</p> |
||||
|
<div style="font-weight: 400;"><span><img |
||||
|
src="assets/misc/support-email.svg" |
||||
|
alt="" |
||||
|
width="18px" |
||||
|
style="filter: invert(1);margin-right: 0.8rem;"></span>odoo@cybrosys.com |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-md-6 pb-4 d-flex align-items-center justify-content-center"> |
||||
|
<div style="padding: 30px;"> |
||||
|
<div class="d-flex align-items-center"> |
||||
|
<img src="assets/misc/whatsapp 1.svg" alt="" |
||||
|
width="60px" style="margin-right: 12px;"> |
||||
|
<div> |
||||
|
<span style="color: #714B67;font-size: 24px;font-weight: 600;">WhatsApp</span> |
||||
|
<p class="m-0" style="color:#718096;">Say hi to |
||||
|
us on WhatsApp!</p> |
||||
|
<div style="font-weight: 400; font-size: 16px;"><span><img |
||||
|
src="assets/misc/phone.svg" |
||||
|
alt="" width="14px" |
||||
|
style="filter: invert(1); margin-right: 0.8rem;"></span>+91 |
||||
|
99456767686 |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</section> |
||||
|
<!-- Optional JavaScript --> |
||||
|
<!-- jQuery first, then Popper.js, then Bootstrap JS --> |
||||
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> |
||||
|
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script> |
||||
|
</body> |
||||
|
</html> |
||||
@ -0,0 +1,38 @@ |
|||||
|
/* Column Responsive CSS for including three templates in a single page */ |
||||
|
.single_pg_checkout_layout{ |
||||
|
width:90%; |
||||
|
max-width:1400px; |
||||
|
margin: 0 auto; |
||||
|
} |
||||
|
.single_pg_checkout_layout .column { |
||||
|
float: left; |
||||
|
width: 33.33%; |
||||
|
} |
||||
|
.block-ui{ |
||||
|
pointer-events:none; |
||||
|
opacity:0.5; |
||||
|
} |
||||
|
/* Clear floats after the columns */ |
||||
|
.single_pg_checkout_layout:after { |
||||
|
content: ""; |
||||
|
display: table; |
||||
|
clear: both; |
||||
|
} |
||||
|
@media screen and (max-width: 1000px) { |
||||
|
.single_pg_checkout_layout .column { |
||||
|
width: 80%; |
||||
|
margin: 15px auto; |
||||
|
} |
||||
|
} |
||||
|
@media screen and (max-width: 750px) { |
||||
|
.single_pg_checkout_layout .column { |
||||
|
width: 90%; |
||||
|
margin: 15px auto; |
||||
|
} |
||||
|
} |
||||
|
@media screen and (max-width: 500px) { |
||||
|
.single_pg_checkout_layout .column { |
||||
|
width: 97%; |
||||
|
margin: 15px auto; |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,24 @@ |
|||||
|
/** @odoo-module **/ |
||||
|
import { _t } from '@web/core/l10n/translation'; |
||||
|
import { Component } from '@odoo/owl'; |
||||
|
import PaymentForm from '@payment/js/payment_form'; |
||||
|
|
||||
|
|
||||
|
PaymentForm.include({ |
||||
|
events: Object.assign({}, PaymentForm.prototype.events || {}, { |
||||
|
'click button[name="o_payment_submit_button"]': '_onClickPayment', |
||||
|
}), |
||||
|
init: function () { |
||||
|
this._super(...arguments); |
||||
|
}, |
||||
|
/** |
||||
|
* OnePagePaymentForm widget. Enhances the payment form by adding a click |
||||
|
* event listener that submits the extra_info_form along with the payment form. |
||||
|
* |
||||
|
* @extends paymentFormMixin |
||||
|
*/ |
||||
|
_onClickPayment: async function (ev) { |
||||
|
this.$el('#extra_info_form').submit() |
||||
|
}, |
||||
|
}); |
||||
|
|
||||
@ -0,0 +1,16 @@ |
|||||
|
/** @odoo-module **/ |
||||
|
|
||||
|
import publicWidget from "@web/legacy/js/public/public_widget"; |
||||
|
import { jsonrpc } from "@web/core/network/rpc_service"; |
||||
|
publicWidget.registry.determine_checkout = publicWidget.Widget.extend({ |
||||
|
selector: '#wrap', |
||||
|
init() { |
||||
|
this._super(...arguments); |
||||
|
this.rpc = this.bindService("rpc"); |
||||
|
}, |
||||
|
willStart: function () { |
||||
|
var self = this; |
||||
|
this.$el.find('#o_demo_express_checkout_container_6').css('display', 'none') |
||||
|
return this._super(...arguments); |
||||
|
}, |
||||
|
}); |
||||
@ -0,0 +1,215 @@ |
|||||
|
/** @odoo-module **/ |
||||
|
|
||||
|
import wSaleUtils from "@website_sale/js/website_sale_utils"; |
||||
|
import VariantMixin from "@website_sale/js/sale_variant_mixin"; |
||||
|
import publicWidget from '@web/legacy/js/public/public_widget'; |
||||
|
import { cartHandlerMixin } from '@website_sale/js/website_sale_utils'; |
||||
|
import { WebsiteSale } from '@website_sale/js/website_sale'; |
||||
|
import { _t } from "@web/core/l10n/translation"; |
||||
|
|
||||
|
publicWidget.registry.OnePageCheckoutWebsiteSale = publicWidget.Widget.extend( |
||||
|
VariantMixin, cartHandlerMixin, { |
||||
|
selector: '.single_pg_checkout_layout', |
||||
|
events: Object.assign({}, VariantMixin.events || {}, { |
||||
|
'click .a-submit': '_onClickSubmit', |
||||
|
'click .show_coupon': '_onClickShowCoupon', |
||||
|
'change select[name="country_id"]': '_onChangeCountry', |
||||
|
'click span[title="Details"]': '_onCartDetailClick', |
||||
|
}), |
||||
|
/** |
||||
|
* Initializes the widget. |
||||
|
* Sets the `isWebsite` property to `true`. |
||||
|
*/ |
||||
|
init: function () { |
||||
|
this._super.apply(this, arguments); |
||||
|
this.isWebsite = true; |
||||
|
this.rpc = this.bindService("rpc"); |
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* Starts the widget. |
||||
|
* Calls the super method and returns the resulting promise. |
||||
|
* @returns {Promise} A promise representing the start of the widget. |
||||
|
*/ |
||||
|
start() { |
||||
|
const def = this._super(...arguments); |
||||
|
return def; |
||||
|
}, |
||||
|
/** |
||||
|
* Destroys the widget. |
||||
|
* Calls the super method and performs any necessary cleanup. |
||||
|
*/ |
||||
|
destroy() { |
||||
|
this._super.apply(this, arguments); |
||||
|
this._cleanupZoom(); |
||||
|
}, |
||||
|
/** |
||||
|
* Changes the country and updates the corresponding fields |
||||
|
based on the selected country. |
||||
|
*/ |
||||
|
_changeCountry: function () { |
||||
|
var self = this |
||||
|
if (!this.$el.find("#country_id").val()) { |
||||
|
return; |
||||
|
} |
||||
|
return this.rpc("/shop/country_infos/" + $("#country_id").val(), { |
||||
|
mode: this.$el.find("#country_id").attr('mode'), |
||||
|
}).then(function (data) { |
||||
|
// placeholder phone_code
|
||||
|
self.$el.find("input[name='phone']").attr('placeholder', data.phone_code !== 0 ? '+'+ data.phone_code : ''); |
||||
|
|
||||
|
// populate states and display
|
||||
|
var selectStates = self.$el.find("select[name='state_id']"); |
||||
|
// dont reload state at first loading (done in qweb)
|
||||
|
if (selectStates.data('init')===0 || selectStates.find('option').length===1) { |
||||
|
if (data.states.length || data.state_required) { |
||||
|
selectStates.html(''); |
||||
|
data.states.forEach((x) => { |
||||
|
var opt = self.$el.find('<option>').text(x[1]) |
||||
|
.attr('value', x[0]) |
||||
|
.attr('data-code', x[2]); |
||||
|
selectStates.append(opt); |
||||
|
}); |
||||
|
selectStates.parent('div').show(); |
||||
|
} else { |
||||
|
selectStates.val('').parent('div').hide(); |
||||
|
} |
||||
|
selectStates.data('init', 0); |
||||
|
} else { |
||||
|
selectStates.data('init', 0); |
||||
|
} |
||||
|
|
||||
|
// manage fields order / visibility
|
||||
|
if (data.fields) { |
||||
|
if (data.fields.indexOf("zip") > data.fields.indexOf("city")){ |
||||
|
self.$el.find(".div_zip").before(self.$el.find(".div_city")); |
||||
|
} else { |
||||
|
self.$el.find(".div_zip").after(self.$el.find(".div_city")); |
||||
|
} |
||||
|
var all_fields = ["street", "zip", "city", "country_name"]; // "state_code"];
|
||||
|
all_fields.forEach((field) => { |
||||
|
self.$el.find(".checkout_autoformat .div_" + field.split('_')[0]).toggle(data.fields.indexOf(field)>=0); |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
if (self.$el.find("label[for='zip']").length) { |
||||
|
self.$el.find("label[for='zip']").toggleClass('label-optional', !data.zip_required); |
||||
|
self.$el.find("label[for='zip']").get(0).toggleAttribute('required', !!data.zip_required); |
||||
|
} |
||||
|
if (self.$el.find("label[for='zip']").length) { |
||||
|
self.$el.find("label[for='state_id']").toggleClass('label-optional', !data.state_required); |
||||
|
self.$el.find("label[for='state_id']").get(0).toggleAttribute('required', !!data.state_required); |
||||
|
} |
||||
|
}); |
||||
|
}, |
||||
|
/** |
||||
|
* Handles the click event on submit buttons and performs the necessary actions. |
||||
|
* @param {Event} ev - The click event. |
||||
|
* @param {boolean} forceSubmit - Determines whether to force the submission |
||||
|
even if certain conditions are not met. |
||||
|
*/ |
||||
|
_onClickSubmit: function (ev, forceSubmit) { |
||||
|
if (this.$(ev.currentTarget).is('#products_grid .a-submit') && !forceSubmit) { |
||||
|
return; |
||||
|
} |
||||
|
var $aSubmit = this.$(ev.currentTarget); |
||||
|
if (!ev.isDefaultPrevented() && !$aSubmit.is(".disabled")) { |
||||
|
ev.preventDefault(); |
||||
|
$aSubmit.closest('form').submit(); |
||||
|
} |
||||
|
if ($aSubmit.hasClass('a-submit-loading')) { |
||||
|
var loading = '<span class="fa fa-cog fa-spin"/>'; |
||||
|
var fa_span = $aSubmit.find('span[class*="fa"]'); |
||||
|
if (fa_span.length) { |
||||
|
fa_span.replaceWith(loading); |
||||
|
} else { |
||||
|
$aSubmit.append(loading); |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
/** |
||||
|
* Handles the click event to show the coupon form by hiding the |
||||
|
"show coupon" button and displaying the coupon form. |
||||
|
* @param {Event} ev - The click event. |
||||
|
*/ |
||||
|
_onClickShowCoupon: function (ev) { |
||||
|
this.$el.find(".show_coupon").hide(); |
||||
|
this.$el.find('.coupon_form').removeClass('d-none'); |
||||
|
}, |
||||
|
/** |
||||
|
* Handles the change event on the country field and triggers the country |
||||
|
change functionality. |
||||
|
* If the checkout_autoformat element is not present, the function does |
||||
|
nothing. |
||||
|
* This function internally calls the _changeCountry function. |
||||
|
* @param {Event} ev - The change event. |
||||
|
*/ |
||||
|
_onChangeCountry: function (ev) { |
||||
|
if (!this.$('.checkout_autoformat').length) { |
||||
|
return; |
||||
|
} |
||||
|
this._changeCountry(); |
||||
|
}, |
||||
|
/** |
||||
|
* Handles the click event on the cart detail element. |
||||
|
* Toggles the chevron icon and shows/hides the summary div accordingly. |
||||
|
* @param {Event} ev - The click event. |
||||
|
*/ |
||||
|
_onCartDetailClick: function(ev) { |
||||
|
var $elem = this.$(ev.currentTarget); |
||||
|
if ($elem.hasClass('fa-chevron-down')) { |
||||
|
$elem.removeClass('fa-chevron-down'); |
||||
|
$elem.addClass('fa-chevron-up'); |
||||
|
} else { |
||||
|
$elem.removeClass('fa-chevron-up'); |
||||
|
$elem.addClass('fa-chevron-down'); |
||||
|
} |
||||
|
var $summary_div = this.$el.find('.toggle_summary_div'); |
||||
|
$summary_div.toggleClass('d-none'); |
||||
|
} |
||||
|
}); |
||||
|
/** |
||||
|
* This widget is used for the one-page checkout cart functionality. |
||||
|
* It adds events to change shipping and edit address. |
||||
|
*/ |
||||
|
publicWidget.registry.OnePageCheckoutWebsiteSaleCart = publicWidget.Widget.extend({ |
||||
|
selector: '.single_pg_checkout_layout .oe_cart', |
||||
|
events: { |
||||
|
'click .js_change_shipping': '_onClickChangeShipping', |
||||
|
'click .js_edit_address': '_onClickEditAddress', |
||||
|
}, |
||||
|
/** |
||||
|
* Handles the click event on the "Change Shipping" element. |
||||
|
* Updates the shipping options by toggling visibility and applying CSS classes. |
||||
|
* Performs a POST request to update the selected shipping option via AJAX. |
||||
|
* @param {Event} ev - The click event. |
||||
|
*/ |
||||
|
_onClickChangeShipping: function (ev) { |
||||
|
var $old = this.$el.find('.all_shipping').find('.card.border.border-primary'); |
||||
|
$old.find('.btn-ship').toggle(); |
||||
|
$old.addClass('js_change_shipping'); |
||||
|
$old.removeClass('border border-primary'); |
||||
|
|
||||
|
var $new = this.$(ev.currentTarget).parent('div.one_kanban').find('.card'); |
||||
|
$new.find('.btn-ship').toggle(); |
||||
|
$new.removeClass('js_change_shipping'); |
||||
|
$new.addClass('border border-primary'); |
||||
|
|
||||
|
var $form = this.$(ev.currentTarget).parent('div.one_kanban').find('form.d-none'); |
||||
|
this.$.post($form.attr('action'), $form.serialize()+'&xhr=1'); |
||||
|
}, |
||||
|
/** |
||||
|
* Handles the click event on the "Edit Address" element. |
||||
|
* Prevents the default action of the click event. |
||||
|
* Updates the action attribute of the corresponding form and submits it. |
||||
|
* @param {Event} ev - The click event. |
||||
|
*/ |
||||
|
_onClickEditAddress: function (ev) { |
||||
|
ev.preventDefault(); |
||||
|
this.$(ev.currentTarget).closest('div.one_kanban').find('form.d-none').attr('action', '/shop/address').submit(); |
||||
|
} |
||||
|
}); |
||||
|
return { |
||||
|
OnePageCheckoutWebsiteSale: publicWidget.registry.OnePageCheckoutWebsiteSale, |
||||
|
OnePageCheckoutWebsiteSaleCart: publicWidget.registry.OnePageCheckoutWebsiteSaleCart, |
||||
|
}; |
||||
@ -0,0 +1,148 @@ |
|||||
|
/** @odoo-module **/ |
||||
|
|
||||
|
import publicWidget from "@web/legacy/js/public/public_widget"; |
||||
|
import { _t } from "@web/core/l10n/translation"; |
||||
|
import { renderToElement } from "@web/core/utils/render"; |
||||
|
import { KeepLast } from "@web/core/utils/concurrency"; |
||||
|
import { Component } from "@odoo/owl"; |
||||
|
import '@website_sale/js/website_sale_delivery'; |
||||
|
|
||||
|
publicWidget.registry.websiteSaleDelivery.include({ |
||||
|
_getCurrentLocation: async function () { |
||||
|
const data = await this.rpc("/shop/access_point/get"); |
||||
|
const carriers = this.$el.find('.o_delivery_carrier_select') |
||||
|
for (let carrier of carriers) { |
||||
|
const deliveryType = this.$el.find('input[type="radio"]').attr("delivery_type"); |
||||
|
const deliveryName = this.$el.find('.o_delivery_carrier_select label').text(); |
||||
|
const showLoc = this.$el.find(".o_show_pickup_locations"); |
||||
|
if (!showLoc) { |
||||
|
continue; |
||||
|
} |
||||
|
const orderLoc = this.$el.find(".o_order_location"); |
||||
|
if (data[deliveryType + '_access_point'] && data.delivery_name == deliveryName) { |
||||
|
this.$el.find(".o_order_location_name").text = data.name |
||||
|
this.$el.find(".o_order_location_address").text = data[deliveryType + '_access_point'] |
||||
|
orderLoc.parent().removeClass('new-parent-class'); |
||||
|
showLoc.addClass("d-none"); |
||||
|
break; |
||||
|
} else { |
||||
|
orderLoc.parent().addClass("d-none"); |
||||
|
showLoc.removeClass("d-none"); |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* @private |
||||
|
* @param {jQuery} $carrierInput |
||||
|
*/ |
||||
|
_showLoading: function (carrierInput) { |
||||
|
const priceTag = this.$el.find('.o_wsale_delivery_badge_price') |
||||
|
while (priceTag.firstChild) { |
||||
|
priceTag.removeChild(priceTag.lastChild); |
||||
|
} |
||||
|
const loadingCircle = priceTag.append(document.createElement('span')); |
||||
|
loadingCircle.addClass("fa", "fa-circle-o-notch", "fa-spin"); |
||||
|
}, |
||||
|
/** |
||||
|
* Update the total cost according to the selected shipping method |
||||
|
* @private |
||||
|
* @param {float} amount : The new total amount of to be paid |
||||
|
*/ |
||||
|
_getCarrierRateShipment: async function(carrierInput) { |
||||
|
const result = await this.rpc('/shop/carrier_rate_shipment', { |
||||
|
'carrier_id': carrierInput.value, |
||||
|
}); |
||||
|
}, |
||||
|
_handleCarrierUpdateResult: async function (carrierInput) { |
||||
|
//---updating carrier input function
|
||||
|
const result = await this.rpc('/shop/update_carrier', { |
||||
|
'carrier_id': carrierInput.value, |
||||
|
}) |
||||
|
this.result = result; |
||||
|
result.status = true |
||||
|
this._handleCarrierUpdateResultBadge(result); |
||||
|
if (carrierInput.checked) { |
||||
|
var amountDelivery = this.$el.find('#order_delivery .monetary_field'); |
||||
|
var amountUntaxed = this.$el.find('#order_total_untaxed .monetary_field'); |
||||
|
var amountTax = this.$el.find('#order_total_taxes .monetary_field'); |
||||
|
var amountTotal = this.$el.find('#order_total .monetary_field, #amount_total_summary.monetary_field'); |
||||
|
if(amountDelivery){ |
||||
|
amountDelivery.html = result.new_amount_delivery; |
||||
|
} |
||||
|
if(amountUntaxed){ |
||||
|
amountUntaxed.html = result.new_amount_untaxed; |
||||
|
} |
||||
|
if(amountTax){ |
||||
|
amountTax.html = result.new_amount_tax; |
||||
|
} |
||||
|
amountTotal.each(function() { |
||||
|
this.html = result.new_amount_total; |
||||
|
}); |
||||
|
if (result.new_amount_total_raw !== undefined) { |
||||
|
this._updateShippingCost(result.new_amount_total_raw); |
||||
|
// reload page only when amount_total switches between zero and not zero
|
||||
|
const hasPaymentMethod = this.$el.find( |
||||
|
"div[name='o_website_sale_free_cart']" |
||||
|
) === null; |
||||
|
const shouldDisplayPaymentMethod = result.new_amount_total_raw !== 0; |
||||
|
} |
||||
|
this._updateShippingCost(result.new_amount_delivery); |
||||
|
} |
||||
|
this._enableButton(result.status); |
||||
|
let currentId = result.carrier_id |
||||
|
const showLocations = this.$el.find(".o_show_pickup_locations"); |
||||
|
for (const showLoc of showLocations) { |
||||
|
const currentCarrierId = showLoc.closest("li").find("input")[0].value; |
||||
|
if (currentCarrierId == currentId) { |
||||
|
this._specificDropperDisplay(showLoc); |
||||
|
break; |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
_onCarrierClick: async function (ev) { |
||||
|
//----on carrier click
|
||||
|
const radio = this.$el.find('.o_delivery_carrier_select')[0].firstElementChild |
||||
|
if (radio.checked && !this._shouldDisplayPickupLocations(ev) && !this.forceClickCarrier) { |
||||
|
return; |
||||
|
} |
||||
|
this.forceClickCarrier = false; |
||||
|
this._disablePayButton(); |
||||
|
this._showLoading(radio); |
||||
|
radio.checked = true; |
||||
|
await this._onClickShowLocations(ev); |
||||
|
await this._handleCarrierUpdateResult(radio); |
||||
|
this._disablePayButtonNoPickupPoint(ev); |
||||
|
}, |
||||
|
/** |
||||
|
* Handles the result of the carrier update and updates the relevant elements on the order summary. |
||||
|
* Updates the carrier badge, delivery amount, untaxed amount, tax amount, total amount, and shipping cost (if applicable). |
||||
|
* @param {Object} result - The result of the carrier update. |
||||
|
*/ |
||||
|
_enableButton(status){ |
||||
|
//----enabling payment button
|
||||
|
var PayButton = this.$el.find('[name="o_payment_submit_button"]'); |
||||
|
PayButton.removeAttr('disabled'); |
||||
|
}, |
||||
|
/** |
||||
|
* Handles the change event on the address selection element. |
||||
|
* Determines whether to show the available shipping countries for billing or all countries. |
||||
|
* Updates the visibility and disabled state of the country and state selection elements accordingly. |
||||
|
* @param {Event} ev - The change event. |
||||
|
*/ |
||||
|
_onSetAddress: function (ev) { |
||||
|
var value = $(ev.currentTarget).val(); |
||||
|
var $providerFree = this.$el.find('select[name="country_id"]:not(.o_provider_restricted), select[name="state_id"]:not(.o_provider_restricted)'); |
||||
|
var $providerRestricted = this.$el.find('select[name="country_id"].o_provider_restricted, select[name="state_id"].o_provider_restricted'); |
||||
|
if (value === 0) { |
||||
|
// Ship to the same address: only show shipping countries available for billing
|
||||
|
$providerFree.hide().attr('disabled', true); |
||||
|
$providerRestricted.show().attr('disabled', false).change(); |
||||
|
} else { |
||||
|
// Create a new address: show all countries available for billing
|
||||
|
$providerFree.show().attr('disabled', false).change(); |
||||
|
$providerRestricted.hide().attr('disabled', true); |
||||
|
} |
||||
|
}, |
||||
|
}); |
||||
@ -0,0 +1,93 @@ |
|||||
|
<?xml version="1.0" encoding="utf-8"?> |
||||
|
<odoo> |
||||
|
<!-- Template for the address column --> |
||||
|
<template id="address_column" name="Address Column"> |
||||
|
<div class="col-12 col-xl order-xl-1 oe_cart"> |
||||
|
<div class="row" |
||||
|
t-if="not only_services and not is_public_user"> |
||||
|
<div class="col-lg-12"> |
||||
|
<h3 class="o_page_header mt8"> |
||||
|
Billing Address |
||||
|
</h3> |
||||
|
</div> |
||||
|
<!-- Call the address_kanban template for the billing address --> |
||||
|
<div class="col-lg-12 one_kanban"> |
||||
|
<t t-call="website_sale.address_kanban"> |
||||
|
<t t-set='contact' |
||||
|
t-value="order.partner_id"/> |
||||
|
<t t-set='selected' t-value="1"/> |
||||
|
<t t-set='readonly' t-value="1"/> |
||||
|
<t t-set='allow_edit' t-value="1"/> |
||||
|
</t> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- Display the shipping address header if the user is not a |
||||
|
public user and has permission to access the delivery/invoice address group --> |
||||
|
<t t-if="not only_services and not is_public_user" |
||||
|
groups="account.group_delivery_invoice_address"> |
||||
|
<div class="row"> |
||||
|
<div class="col-lg-12"> |
||||
|
<h3 class="o_page_header mt16 mb4"> |
||||
|
Shipping Address |
||||
|
</h3> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-lg-12 one_kanban"> |
||||
|
<t t-call="website_sale.address_kanban"> |
||||
|
<t t-set='contact' |
||||
|
t-value="order.partner_shipping_id"/> |
||||
|
<t t-set='selected' t-value="1"/> |
||||
|
<t t-set='readonly' t-value="1"/> |
||||
|
<t t-set='allow_edit' t-value="1"/> |
||||
|
</t> |
||||
|
</div> |
||||
|
<div class="row all_shipping"> |
||||
|
<div class="col-lg-12"> |
||||
|
<div class="row mt8"> |
||||
|
<!-- Display a button to add a new shipping address --> |
||||
|
<div class="col-md-12 col-lg-12 one_kanban"> |
||||
|
<form action="/shop/address" |
||||
|
method="post" |
||||
|
class=''> |
||||
|
<input type="hidden" |
||||
|
name="csrf_token" |
||||
|
t-att-value="request.csrf_token()" |
||||
|
t-nocache="The csrf token must always be up to date."/> |
||||
|
<a role="button" |
||||
|
href="#" |
||||
|
class='a-submit btn btn-secondary mb-2 btn-block'> |
||||
|
<i class="fa fa-plus-square"/> |
||||
|
<span> |
||||
|
Add an address |
||||
|
</span> |
||||
|
</a> |
||||
|
</form> |
||||
|
</div> |
||||
|
<!-- Loop over each shipping address and call |
||||
|
the address_kanban template for each address --> |
||||
|
<t t-foreach="shippings" |
||||
|
t-as="ship"> |
||||
|
<div class="col-md-12 col-lg-6 one_kanban mb-2"> |
||||
|
<t t-call="website_sale.address_kanban"> |
||||
|
<t t-set='contact' |
||||
|
t-value="ship"/> |
||||
|
<t t-set='selected' |
||||
|
t-value="order.partner_shipping_id==ship"/> |
||||
|
<t t-set='readonly' |
||||
|
t-value="bool(len(shippings)==1)"/> |
||||
|
<t t-set='edit_billing' |
||||
|
t-value="bool(ship==order.partner_id)"/> |
||||
|
<t t-set="allow_edit" |
||||
|
t-value="not order.partner_id or (ship.id in order.partner_id.child_ids.ids)"/> |
||||
|
</t> |
||||
|
</div> |
||||
|
</t> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</t> |
||||
|
<!-- Call the one_page_checkout.address_form template --> |
||||
|
<t t-call="one_page_checkout.address_form"/> |
||||
|
</div> |
||||
|
</template> |
||||
|
</odoo> |
||||
@ -0,0 +1,262 @@ |
|||||
|
<?xml version="1.0" encoding="utf-8"?> |
||||
|
<odoo> |
||||
|
<!-- Template for the address form --> |
||||
|
<template id="address_form" name="Address Form"> |
||||
|
<div class="row"> |
||||
|
<!-- Form for public users to enter their payment information --> |
||||
|
<form t-if="is_public_user" |
||||
|
action="/shop/payment" method="post" |
||||
|
class="checkout_autoformat"> |
||||
|
<div class="row"> |
||||
|
<t t-set="error_message" t-value="error.get('error_message', False)"/> |
||||
|
<t t-if="error_message"> |
||||
|
<h5 class="text-danger" t-esc="error_message[0]"/> |
||||
|
</t> |
||||
|
<div t-attf-class="mb-3 col-lg-12 div_name"> |
||||
|
<label class="col-form-label" |
||||
|
for="name">Name |
||||
|
</label> |
||||
|
<input type="text" name="name" |
||||
|
t-attf-class="form-control #{'is-invalid' if error.get('name', '') != '' else 'valid'}" |
||||
|
t-att-value="'name' in checkout and checkout['name']"/> |
||||
|
</div> |
||||
|
<div class="w-100"/> |
||||
|
<div t-attf-class="mb-3 col-lg-6" |
||||
|
id="div_email"> |
||||
|
<label t-attf-class="col-form-label #{mode[1] == 'shipping' and 'label-optional' or ''}" |
||||
|
for="email">Email |
||||
|
</label> |
||||
|
<input type="email" |
||||
|
name="email" |
||||
|
t-attf-class="form-control #{'is-invalid' if error.get('email', '') != '' else 'valid'}" |
||||
|
t-att-value="'email' in checkout and checkout['email']"/> |
||||
|
</div> |
||||
|
<div t-attf-class="mb-3 col-lg-6" |
||||
|
id="div_phone"> |
||||
|
<label class="col-form-label" |
||||
|
for="phone">Phone |
||||
|
</label> |
||||
|
<input type="tel" name="phone" |
||||
|
t-attf-class="form-control #{'is-invalid' if error.get('name', '') != '' else 'valid'}" |
||||
|
t-att-value="'phone' in checkout and checkout['phone']"/> |
||||
|
</div> |
||||
|
<!-- Input fields for company name and VAT number if in B2B mode --> |
||||
|
<t t-if="website._display_partner_b2b_fields()"> |
||||
|
<div class="w-100"/> |
||||
|
<t t-set='vat_warning' |
||||
|
t-value="'vat' in checkout and checkout['vat'] and not can_edit_vat"/> |
||||
|
<t t-if="mode == ('new', 'billing') or (mode == ('edit', 'billing') and (can_edit_vat or 'vat' in checkout and checkout['vat']))"> |
||||
|
<div t-attf-class="mb-3 col-lg-6 mb-0"> |
||||
|
<label class="col-form-label fw-normal label-optional" |
||||
|
for="company_name"> |
||||
|
Company Name |
||||
|
</label> |
||||
|
<input type="text" |
||||
|
name="company_name" |
||||
|
t-attf-class="form-control" |
||||
|
t-att-value="'commercial_company_name' in checkout and checkout['commercial_company_name'] or 'company_name' in checkout and checkout['company_name']" |
||||
|
t-att-readonly="'1' if vat_warning else None"/> |
||||
|
<small t-if="vat_warning" |
||||
|
class="form-text text-muted d-block d-lg-none"> |
||||
|
Changing company |
||||
|
name is not allowed |
||||
|
once document(s) |
||||
|
have been issued |
||||
|
for your account. |
||||
|
Please contact us |
||||
|
directly for this |
||||
|
operation. |
||||
|
</small> |
||||
|
</div> |
||||
|
<div t-attf-class="mb-3 col-lg-6 div_vat mb-0"> |
||||
|
<label class="col-form-label fw-normal label-optional" |
||||
|
for="vat">TIN / |
||||
|
VAT |
||||
|
</label> |
||||
|
<input type="text" |
||||
|
name="vat" |
||||
|
t-attf-class="form-control" |
||||
|
t-att-value="'vat' in checkout and checkout['vat']" |
||||
|
t-att-readonly="'1' if vat_warning else None"/> |
||||
|
<small t-if="vat_warning" |
||||
|
class="form-text text-muted d-block d-lg-none"> |
||||
|
Changing VAT number |
||||
|
is not allowed once |
||||
|
document(s) have |
||||
|
been issued for |
||||
|
your account. |
||||
|
Please contact us |
||||
|
directly for this |
||||
|
operation. |
||||
|
</small> |
||||
|
</div> |
||||
|
<div t-if="vat_warning" |
||||
|
class="col-12 d-none d-lg-block mb-1"> |
||||
|
<small class="form-text text-muted"> |
||||
|
Changing company |
||||
|
name or VAT number |
||||
|
is not allowed once |
||||
|
document(s) have |
||||
|
been issued for |
||||
|
your account. |
||||
|
Please contact us |
||||
|
directly for this |
||||
|
operation. |
||||
|
</small> |
||||
|
</div> |
||||
|
</t> |
||||
|
</t> |
||||
|
<div class="w-100"/> |
||||
|
<div t-attf-class="mb-3 col-lg-12 div_street"> |
||||
|
<label class="col-form-label" |
||||
|
for="street">Street |
||||
|
<span class="d-none d-md-inline"> |
||||
|
and Number |
||||
|
</span> |
||||
|
</label> |
||||
|
<input type="text" |
||||
|
name="street" |
||||
|
t-attf-class="form-control #{'is-invalid' if error.get('street', '') != '' else 'valid'}" |
||||
|
t-att-value="'street' in checkout and checkout['street']"/> |
||||
|
</div> |
||||
|
<div t-attf-class="mb-3 col-lg-12 div_street2"> |
||||
|
<label class="col-form-label label-optional" |
||||
|
for="street2">Street 2 |
||||
|
</label> |
||||
|
<input type="text" |
||||
|
name="street2" |
||||
|
t-attf-class="form-control" |
||||
|
t-att-value="'street2' in checkout and checkout['street2']"/> |
||||
|
</div> |
||||
|
<div class="w-100"/> |
||||
|
<t t-set='zip_city' |
||||
|
t-value='country and [x for x in country.get_address_fields() if x in ["zip", "city"]] or ["city", "zip"]'/> |
||||
|
<t t-if="'zip' in zip_city and zip_city.index('zip') < zip_city.index('city')"> |
||||
|
<div t-attf-class="mb-3 col-md-4 div_zip"> |
||||
|
<label class="col-form-label label-optional" |
||||
|
for="zip">Zip Code |
||||
|
</label> |
||||
|
<input type="text" |
||||
|
name="zip" |
||||
|
t-attf-class="form-control" |
||||
|
t-att-value="'zip' in checkout and checkout['zip']"/> |
||||
|
</div> |
||||
|
</t> |
||||
|
<div t-attf-class="mb-3 col-md-8 div_city"> |
||||
|
<label class="col-form-label" |
||||
|
for="city">City |
||||
|
</label> |
||||
|
<input type="text" name="city" |
||||
|
t-attf-class="form-control #{'is-invalid' if error.get('city', '') != '' else 'valid'}" |
||||
|
t-att-value="'city' in checkout and checkout['city']"/> |
||||
|
</div> |
||||
|
<t t-if="'zip' in zip_city and zip_city.index('zip') > zip_city.index('city')"> |
||||
|
<div t-attf-class="mb-3 col-md-4 div_zip"> |
||||
|
<label class="col-form-label label-optional" |
||||
|
for="zip">Zip Code |
||||
|
</label> |
||||
|
<input type="text" |
||||
|
name="zip" |
||||
|
t-attf-class="form-control" |
||||
|
t-att-value="'zip' in checkout and checkout['zip']"/> |
||||
|
</div> |
||||
|
</t> |
||||
|
<div class="w-100"/> |
||||
|
<div t-attf-class="mb-3 and 'o_has_error' or ''} col-lg-6 div_country"> |
||||
|
<label class="col-form-label" |
||||
|
for="country_id">Country |
||||
|
</label> |
||||
|
<select id="country_id" |
||||
|
name="country_id" |
||||
|
t-attf-class="form-select" |
||||
|
t-att-mode="mode[1]"> |
||||
|
<option value=""> |
||||
|
Country... |
||||
|
</option> |
||||
|
<t t-foreach="countries" |
||||
|
t-as="c"> |
||||
|
<option t-att-value="c.id" |
||||
|
t-att-selected="c.id == (country and country.id or -1)"> |
||||
|
<t t-esc="c.name"/> |
||||
|
</option> |
||||
|
</t> |
||||
|
</select> |
||||
|
</div> |
||||
|
<div t-attf-class="mb-3 col-lg-6 div_state" |
||||
|
t-att-style="(not country or not country.state_ids) and 'display: none'"> |
||||
|
<label class="col-form-label" for="state_id"> |
||||
|
State / Province |
||||
|
</label> |
||||
|
<select name="state_id" t-attf-class="form-select" |
||||
|
data-init="1"> |
||||
|
<option value=""> |
||||
|
State / Province... |
||||
|
</option> |
||||
|
<t t-foreach="country_states" t-as="s"> |
||||
|
<option t-att-value="s.id" |
||||
|
t-att-selected="s.id == ('state_id' in checkout and country and checkout['state_id'] != '' and int(checkout['state_id']))"> |
||||
|
<t t-esc="s.name"/> |
||||
|
</option> |
||||
|
</t> |
||||
|
</select> |
||||
|
</div> |
||||
|
<div class="w-100"/> |
||||
|
<!-- Checkbox to choose whether to ship to the same address as billing --> |
||||
|
<t t-if="mode == ('new', 'billing') and not only_services"> |
||||
|
<div class="col-lg-12"> |
||||
|
<div class="checkbox"> |
||||
|
<label> |
||||
|
<input type="checkbox" |
||||
|
id='shipping_use_same' |
||||
|
class="mr8" |
||||
|
name='use_same' |
||||
|
value="1" |
||||
|
checked='checked'/> |
||||
|
Ship to the same |
||||
|
address |
||||
|
<span class='ship_to_other text-muted' |
||||
|
style="display: none"> |
||||
|
&nbsp;( |
||||
|
<i>Your |
||||
|
shipping |
||||
|
address |
||||
|
will be |
||||
|
requested |
||||
|
later) |
||||
|
</i> |
||||
|
</span> |
||||
|
</label> |
||||
|
</div> |
||||
|
</div> |
||||
|
</t> |
||||
|
</div> |
||||
|
<input type="hidden" name="csrf_token" |
||||
|
t-att-value="request.csrf_token()" |
||||
|
t-nocache="The csrf token must always be up to date."/> |
||||
|
<input type="hidden" name="submitted" |
||||
|
value="1"/> |
||||
|
<input type="hidden" name="partner_id" |
||||
|
t-att-value="partner_id or '0'"/> |
||||
|
<input type="hidden" name="callback" |
||||
|
t-att-value="callback"/> |
||||
|
<input type="hidden" |
||||
|
name="field_required" |
||||
|
t-att-value="'phone,name'"/> |
||||
|
<!-- Navigation --> |
||||
|
<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="submit " href="#" |
||||
|
class="btn btn-primary mb32 a-submit a-submit-disable a-submit-loading"> |
||||
|
<span>Confirm</span> |
||||
|
<i class="fa fa-chevron-right"/> |
||||
|
</a> |
||||
|
</div> |
||||
|
</form> |
||||
|
</div> |
||||
|
</template> |
||||
|
</odoo> |
||||
@ -0,0 +1,74 @@ |
|||||
|
<?xml version="1.0" encoding="utf-8"?> |
||||
|
<odoo> |
||||
|
<!-- Template for the extra info --> |
||||
|
<template id="extra_info" name="Extra Info"> |
||||
|
<form action="/website/form/shop.sale.order" method="post" |
||||
|
id="extra_info_form" |
||||
|
enctype="multipart/form-data" |
||||
|
t-attf-class="o_mark_required s_website_form_no_recaptcha #{'block-ui' if website_sale_order.partner_id.active == False else ''}" |
||||
|
data-mark="*" data-force_action="shop.sale.order" |
||||
|
data-model_name="sale.order" data-success-mode="redirect" |
||||
|
data-success-page="/payment/status" hide-change-model="true"> |
||||
|
<!-- Create a hidden input field with name "csrf_token" and |
||||
|
value from request.csrf_token() --> |
||||
|
<input type="hidden" name="csrf_token" |
||||
|
t-att-value="request.csrf_token()"/> |
||||
|
<div class="s_website_form_rows row s_col_no_bgcolor"> |
||||
|
<!-- Create a form field for a text input with name "client_order_ref" --> |
||||
|
<div class="mb-0 py-2 col-12 s_website_form_field" |
||||
|
data-type="char" data-name="Field"> |
||||
|
<div class="row s_col_no_resize s_col_no_bgcolor"> |
||||
|
<label class="col-form-label col-sm-auto s_website_form_label" |
||||
|
style="width: 200px" for="sale1"> |
||||
|
<span class="s_website_form_label_content"> |
||||
|
Your Reference |
||||
|
</span> |
||||
|
</label> |
||||
|
<!-- Create a text input field with id "sale1" and |
||||
|
class "form-control s_website_form_input" --> |
||||
|
<div class="col-sm"> |
||||
|
<input id="sale1" type="text" |
||||
|
class="form-control s_website_form_input" |
||||
|
name="client_order_ref"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="mb-0 py-2 col-12 s_website_form_field s_website_form_custom" |
||||
|
data-type="text" data-name="Field"> |
||||
|
<div class="row s_col_no_resize s_col_no_bgcolor"> |
||||
|
<label class="col-form-label col-sm-auto s_website_form_label" |
||||
|
style="width: 200px" for="sale2"> |
||||
|
<span class="s_website_form_label_content">Give |
||||
|
us your feedback |
||||
|
</span> |
||||
|
</label> |
||||
|
<!-- Create a textarea input field with id "sale2" |
||||
|
and class "form-control s_website_form_input" --> |
||||
|
<div class="col-sm"> |
||||
|
<textarea id="sale2" |
||||
|
class="form-control s_website_form_input" |
||||
|
name="Give us your feedback"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- Create a form field for a binary input with name "a_document" --> |
||||
|
<div class="mb-0 py-2 col-12 s_website_form_field s_website_form_custom" |
||||
|
data-type="binary" data-name="Field"> |
||||
|
<div class="row s_col_no_resize s_col_no_bgcolor"> |
||||
|
<label class="col-form-label col-sm-auto s_website_form_label" |
||||
|
style="width: 200px" for="sale3"> |
||||
|
<span class="s_website_form_label_content"> |
||||
|
Upload a document |
||||
|
</span> |
||||
|
</label> |
||||
|
<div class="col-sm"> |
||||
|
<input id="sale3" type="file" |
||||
|
class="form-control s_website_form_input" |
||||
|
name="a_document"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</form> |
||||
|
</template> |
||||
|
</odoo> |
||||
@ -0,0 +1,77 @@ |
|||||
|
<?xml version="1.0" encoding="utf-8"?> |
||||
|
<odoo> |
||||
|
<!-- Template for the payment --> |
||||
|
<template id="payment" name="Payment"> |
||||
|
<!--- Section for selecting the delivery method, which is |
||||
|
only shown if there is more than one delivery option available. --> |
||||
|
<div t-if="deliveries" id="delivery_carrier"> |
||||
|
<t t-set="delivery_nb" t-value="len(deliveries)"/> |
||||
|
<h3 class="mb24">Choose a |
||||
|
delivery method |
||||
|
</h3> |
||||
|
<div |
||||
|
class="card border-0" id="delivery_method"> |
||||
|
<ul class="list-group"> |
||||
|
<t t-foreach="deliveries" t-as="delivery"> |
||||
|
<li class="list-group-item o_delivery_carrier_select"> |
||||
|
<t t-call="website_sale.payment_delivery_methods"/> |
||||
|
</li> |
||||
|
</t> |
||||
|
</ul> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- Section for selecting the payment method, which is shown |
||||
|
if there is a total amount to be paid. --> |
||||
|
<div class="col-12 col-xl order-xl-1 oe_cart"> |
||||
|
<div class="oe_structure clearfix mt-3" |
||||
|
id="oe_structure_website_sale_payment_1"/> |
||||
|
<t t-if="website_sale_order.amount_total"> |
||||
|
<div t-if="payment_methods_sudo or tokens_sudo" |
||||
|
id="payment_method" |
||||
|
class="mt-4"> |
||||
|
<t t-call="payment.form"/> |
||||
|
</div> |
||||
|
<!-- If there are payment providers available, the user is |
||||
|
presented with the option to choose a payment method. |
||||
|
Otherwise, a message is displayed saying that no suitable |
||||
|
payment option could be found. --> |
||||
|
<div t-else="" class="alert alert-warning"> |
||||
|
<strong>No suitable payment option could be |
||||
|
found. |
||||
|
</strong> |
||||
|
<br/> |
||||
|
If you believe that it is an error, please |
||||
|
contact the website administrator. |
||||
|
</div> |
||||
|
</t> |
||||
|
|
||||
|
<div t-if="not providers" class="mt-2"> |
||||
|
<a role="button" class="btn-link" |
||||
|
groups="base.group_system" |
||||
|
t-attf-href="/web#action=#{payment_action_id}"> |
||||
|
<i class="fa fa-arrow-right"/> |
||||
|
Add payment providers |
||||
|
</a> |
||||
|
</div> |
||||
|
<div class="js_payment mt-3" |
||||
|
t-if="not website_sale_order.amount_total" |
||||
|
id="payment_method" |
||||
|
name="o_website_sale_free_cart"> |
||||
|
<form target="_self" |
||||
|
action="/shop/payment/validate" |
||||
|
method="post"> |
||||
|
<input type="hidden" name="csrf_token" |
||||
|
t-att-value="request.csrf_token()" |
||||
|
t-nocache="The csrf token must always be up to date."/> |
||||
|
<!-- If there is no amount to be paid (i.e., the cart is free), |
||||
|
a confirmation button is displayed instead of the payment methods section. --> |
||||
|
<t t-call="website_sale.payment_footer"> |
||||
|
<t t-set="submit_button_label">Confirm |
||||
|
Order |
||||
|
</t> |
||||
|
</t> |
||||
|
</form> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
</odoo> |
||||
@ -0,0 +1,66 @@ |
|||||
|
<?xml version="1.0" encoding="utf-8"?> |
||||
|
<odoo> |
||||
|
<!-- This template inherits from the website_sale.payment template and |
||||
|
is used for the one-page checkout payment step. --> |
||||
|
<template id="one_page_checkout_payment" inherit_id="website_sale.payment"> |
||||
|
<xpath expr="//t[@t-call='website_sale.checkout_layout']" position="replace"> |
||||
|
<t t-call="website_sale.checkout_layout"> |
||||
|
<div class="single_pg_checkout_layout"> |
||||
|
<div class='col-auto'> |
||||
|
<!-- This sets the step to 20 if the partner is inactive, |
||||
|
or 40 if the partner is active. --> |
||||
|
<t t-if="website_sale_order.partner_id.active == False"> |
||||
|
<t t-set="step" t-value="20"/> |
||||
|
</t> |
||||
|
<t t-else=""> |
||||
|
<t t-set="step" t-value="40"/> |
||||
|
</t> |
||||
|
</div> |
||||
|
|
||||
|
<div class='col-12'> |
||||
|
<div class="col-12"> |
||||
|
<!-- This calls the payment template for the right column. |
||||
|
If the partner is inactive, it adds the "block-ui" class to the column. --> |
||||
|
<div t-attf-class="column #{'block-ui' if website_sale_order.partner_id.active == False else ''}"> |
||||
|
<t t-call="one_page_checkout.payment"/> |
||||
|
<!-- This calls the cart_summary and extra_info templates for the left column. --> |
||||
|
<div class="row"> |
||||
|
<t t-call="one_page_checkout.extra_info"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="row"> |
||||
|
<!-- This calls the address column template for the middle column. --> |
||||
|
<div class="col-12"> |
||||
|
<t t-call="one_page_checkout.address_column"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- This displays any errors that occur during checkout. --> |
||||
|
<div class="col-12" t-if="errors"> |
||||
|
<t t-foreach="errors" t-as="error"> |
||||
|
<div class="alert alert-danger" t-if="error" role="alert"> |
||||
|
<h4> |
||||
|
<t t-esc="error[0]"/> |
||||
|
</h4> |
||||
|
<t t-esc="error[1]"/> |
||||
|
</div> |
||||
|
</t> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</t> |
||||
|
</xpath> |
||||
|
</template> |
||||
|
<!-- This template inherits from the website_sale.cart template and is |
||||
|
used for the one-page checkout cart feature. --> |
||||
|
<template id="one_page_checkout_checkout" |
||||
|
inherit_id="website_sale.checkout"> |
||||
|
<!-- This XPath expression finds the "redirect_url" element and |
||||
|
replaces it with a new value. --> |
||||
|
<xpath expr="//t[@t-set='redirect']" position="replace"> |
||||
|
<!-- This sets the "redirect_url" variable to the new URL for |
||||
|
the one-page checkout. --> |
||||
|
<t t-set="redirect" t-value="'/shop/checkout?express=1'"/> |
||||
|
</xpath> |
||||
|
</template> |
||||
|
</odoo> |
||||
Loading…
Reference in new issue