Cybrosys Technologies
8 months ago
56 changed files with 1099 additions and 0 deletions
@ -0,0 +1,50 @@ |
|||||
|
.. 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 |
||||
|
|
||||
|
POS Cross-Selling |
||||
|
================= |
||||
|
This module allow to Manage POS Cross Selling products and use them in |
||||
|
Point of Sales in Odoo. |
||||
|
|
||||
|
Configuration |
||||
|
============= |
||||
|
The user should be added to the security group: Administrator(Point of Sale) |
||||
|
inorder to get access to the new menu. |
||||
|
|
||||
|
License |
||||
|
======= |
||||
|
GNU AFFERO GENERAL PUBLIC LICENSE, Version 3 (AGPLv3) |
||||
|
(http://www.gnu.org/licenses/agpl-3.0-standalone.html) |
||||
|
|
||||
|
Company |
||||
|
------- |
||||
|
* `Cybrosys Techno Solutions <https://cybrosys.com/>`__ |
||||
|
|
||||
|
Credits |
||||
|
------- |
||||
|
Developer: (V16) Megha K @cybrosys, |
||||
|
(V15) Sabeel B @cybrosys, |
||||
|
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,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>) |
||||
|
# |
||||
|
# This program is free software: you can modify |
||||
|
# it under the terms of the GNU Affero General Public License (AGPL) as |
||||
|
# published by the Free Software Foundation, either version 3 of the |
||||
|
# License, or (at your option) any later version. |
||||
|
# |
||||
|
# 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 for more details. |
||||
|
# |
||||
|
# You should have received a copy of the GNU Affero General Public License |
||||
|
# along with this program. If not, see <https://www.gnu.org/licenses/>. |
||||
|
# |
||||
|
############################################################################# |
||||
|
from . import models |
||||
@ -0,0 +1,54 @@ |
|||||
|
# -*- 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>) |
||||
|
# |
||||
|
# This program is free software: you can modify |
||||
|
# it under the terms of the GNU Affero General Public License (AGPL) as |
||||
|
# published by the Free Software Foundation, either version 3 of the |
||||
|
# License, or (at your option) any later version. |
||||
|
# |
||||
|
# 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 for more details. |
||||
|
# |
||||
|
# You should have received a copy of the GNU Affero General Public License |
||||
|
# along with this program. If not, see <https://www.gnu.org/licenses/>. |
||||
|
# |
||||
|
############################################################################# |
||||
|
{ |
||||
|
'name': 'POS Cross-Selling', |
||||
|
'version': '15.0.1.0.0', |
||||
|
'category': 'Point Of Sale', |
||||
|
'summary': 'Cross Selling products in pos', |
||||
|
'description': "This module is used for cross selling products in pos. " |
||||
|
"We can manage and use the cross-selling product in pos", |
||||
|
'author': 'Cybrosys Techno Solutions', |
||||
|
'company': 'Cybrosys Techno Solutions', |
||||
|
'maintainer': 'Cybrosys Techno Solutions', |
||||
|
'website': 'https://www.cybrosys.com', |
||||
|
'depends': ['point_of_sale'], |
||||
|
'data': [ |
||||
|
'security/ir.model.access.csv', |
||||
|
'views/pos_cross_selling_views.xml', |
||||
|
], |
||||
|
'assets': { |
||||
|
'point_of_sale.assets': [ |
||||
|
'/pos_pro_cross_selling/static/src/js/CrossProduct.js', |
||||
|
'/pos_pro_cross_selling/static/src/js/ProductItem.js', |
||||
|
'/pos_pro_cross_selling/static/src/scss/cross_product.scss' |
||||
|
], |
||||
|
'web.assets_qweb': [ |
||||
|
'pos_pro_cross_selling/static/src/xml/cross_product_templates.xml', |
||||
|
], |
||||
|
}, |
||||
|
'images': ['static/description/banner.png'], |
||||
|
'license': 'AGPL-3', |
||||
|
'installable': True, |
||||
|
'auto_install': False, |
||||
|
'application': False, |
||||
|
} |
||||
@ -0,0 +1,7 @@ |
|||||
|
## Module <pos_pro_cross_selling> |
||||
|
|
||||
|
#### 02.08.2024 |
||||
|
#### Version 15.0.1.0.0 |
||||
|
#### ADD |
||||
|
|
||||
|
- Initial commit for POS Cross-Selling |
||||
@ -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>) |
||||
|
# |
||||
|
# This program is free software: you can modify |
||||
|
# it under the terms of the GNU Affero General Public License (AGPL) as |
||||
|
# published by the Free Software Foundation, either version 3 of the |
||||
|
# License, or (at your option) any later version. |
||||
|
# |
||||
|
# 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 for more details. |
||||
|
# |
||||
|
# You should have received a copy of the GNU Affero General Public License |
||||
|
# along with this program. If not, see <https://www.gnu.org/licenses/>. |
||||
|
# |
||||
|
############################################################################# |
||||
|
from . import pos_cross_selling |
||||
@ -0,0 +1,97 @@ |
|||||
|
# -*- 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>) |
||||
|
# |
||||
|
# This program is free software: you can modify |
||||
|
# it under the terms of the GNU Affero General Public License (AGPL) as |
||||
|
# published by the Free Software Foundation, either version 3 of the |
||||
|
# License, or (at your option) any later version. |
||||
|
# |
||||
|
# 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 for more details. |
||||
|
# |
||||
|
# You should have received a copy of the GNU Affero General Public License |
||||
|
# along with this program. If not, see <https://www.gnu.org/licenses/>. |
||||
|
# |
||||
|
############################################################################# |
||||
|
from odoo import api, fields, models, _ |
||||
|
from odoo.exceptions import ValidationError |
||||
|
|
||||
|
|
||||
|
class PosCrossSelling(models.Model): |
||||
|
"""Model Pos Cross-Selling Products""" |
||||
|
_name = 'pos.cross.selling' |
||||
|
_description = 'POS Cross-Selling' |
||||
|
_rec_name = 'product_id' |
||||
|
|
||||
|
product_id = fields.Many2one('product.product', |
||||
|
domain=[('available_in_pos', '=', 'True')], |
||||
|
required=True, string='Product Name', |
||||
|
help="Product details") |
||||
|
active = fields.Boolean(string='Active', |
||||
|
help="To check the cross selling is active or not", |
||||
|
default=True) |
||||
|
pos_cross_product_ids = fields.One2many('pos.cross.selling.line', |
||||
|
'pos_cross_product_id', |
||||
|
string='Pos Cross products', |
||||
|
help="Pos Cross products") |
||||
|
|
||||
|
@api.constrains('product_id') |
||||
|
def _check_product_id(self): |
||||
|
"""This method for avoid multiple creation of pos |
||||
|
cross-selling products""" |
||||
|
for rec in self: |
||||
|
pos = self.env['pos.cross.selling'].search( |
||||
|
[('product_id', '=', rec.product_id.id)]) |
||||
|
if len(pos) > 1: |
||||
|
raise ValidationError(_('Already exist a cross product with the' |
||||
|
' %s product ') % rec.product_id.name) |
||||
|
|
||||
|
@api.constrains('pos_cross_product_ids') |
||||
|
def _check_pos_cross_product_ids(self): |
||||
|
"""This method for add cross product lines""" |
||||
|
for rec in self: |
||||
|
if len(rec.pos_cross_product_ids) < 0: |
||||
|
raise ValidationError(_("Please add the cross products lines")) |
||||
|
|
||||
|
def get_cross_selling_products(self, product_id): |
||||
|
""" |
||||
|
Getting the required values for the tables |
||||
|
and return the values to that template |
||||
|
""" |
||||
|
cross = self.env['pos.cross.selling'].search( |
||||
|
[('product_id', '=', product_id)]) |
||||
|
vals = [] |
||||
|
for rec in cross.pos_cross_product_ids: |
||||
|
vals.append({ |
||||
|
'id': rec.product_id.id, |
||||
|
'image': '/web/image?model=product.product&field=image_128&id=' |
||||
|
+ str(rec.product_id.id), |
||||
|
'name': rec.product_id.name, |
||||
|
'symbol': rec.product_id.cost_currency_id.symbol, |
||||
|
'price': rec.product_id.lst_price, |
||||
|
'selected': False}) |
||||
|
return vals |
||||
|
|
||||
|
|
||||
|
class PosCrossSellingLine(models.Model): |
||||
|
"""Pos Cross-Selling Products Line""" |
||||
|
_name = 'pos.cross.selling.line' |
||||
|
_description = 'POS Cross-Selling Product Line' |
||||
|
|
||||
|
product_id = fields.Many2one('product.product', |
||||
|
domain=[('available_in_pos', '=', 'True')], |
||||
|
required=True, string='Product Name', |
||||
|
help="Product details") |
||||
|
active = fields.Boolean(string='Active', |
||||
|
help="To check the cross selling is active or not", |
||||
|
default=True) |
||||
|
pos_cross_product_id = fields.Many2one('pos.cross.selling', |
||||
|
string='Pos Cross products', |
||||
|
help="Pos Cross products") |
||||
|
|
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.2 KiB |
|
After Width: | Height: | Size: 3.4 KiB |
|
After Width: | Height: | Size: 673 B |
|
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: 46 KiB |
|
After Width: | Height: | Size: 64 KiB |
|
After Width: | Height: | Size: 311 KiB |
|
After Width: | Height: | Size: 315 KiB |
|
After Width: | Height: | Size: 438 KiB |
|
After Width: | Height: | Size: 46 KiB |
|
After Width: | Height: | Size: 8.6 KiB |
|
After Width: | Height: | Size: 22 KiB |
|
After Width: | Height: | Size: 259 KiB |
|
After Width: | Height: | Size: 3.4 KiB |
|
After Width: | Height: | Size: 59 KiB |
|
After Width: | Height: | Size: 60 KiB |
|
After Width: | Height: | Size: 60 KiB |
|
After Width: | Height: | Size: 60 KiB |
|
After Width: | Height: | Size: 56 KiB |
|
After Width: | Height: | Size: 58 KiB |
|
After Width: | Height: | Size: 266 KiB |
|
After Width: | Height: | Size: 199 KiB |
|
After Width: | Height: | Size: 336 KiB |
|
After Width: | Height: | Size: 276 KiB |
|
After Width: | Height: | Size: 276 KiB |
|
After Width: | Height: | Size: 349 KiB |
|
After Width: | Height: | Size: 80 KiB |
@ -0,0 +1,612 @@ |
|||||
|
<div class="container" style="padding: 1rem !important; margin-bottom: 1.5rem !important;"> |
||||
|
<div class="row"> |
||||
|
<div class="col-sm-12 col-md-12 col-lg-12 d-flex justify-content-between" |
||||
|
style="border-bottom: 1px solid #d5d5d5;"> |
||||
|
<div class="my-3"> |
||||
|
<img src="./images/logo.png" style="width: auto !important; height: 40px !important;"> |
||||
|
</div> |
||||
|
<div class="my-3 d-flex align-items-center"> |
||||
|
<div |
||||
|
style="background-color: #7C7BAD !important; color: #fff !important; font-weight: 600 !important; padding: 5px 15px 8px !important; margin: 0 5px !important;"> |
||||
|
<i class="fa fa-check mr-1"></i>Community |
||||
|
</div> |
||||
|
<div |
||||
|
style="background-color: #875A7B !important; color: #fff !important; font-weight: 600 !important; padding: 5px 15px 8px !important; margin: 0 5px !important;"> |
||||
|
<i class="fa fa-check mr-1"></i>Enterprise |
||||
|
</div> |
||||
|
<div |
||||
|
style="background-color: #4C7BAD !important; color: #fff !important; font-weight: 600 !important; padding: 5px 15px 8px !important; margin: 0 5px !important;"> |
||||
|
<i class="fa fa-check mr-1"></i>Odoo.sh |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div style="padding: 3.5rem 1.5rem !important; background-color: #ffffff !important;"> |
||||
|
<div class="container"> |
||||
|
<!-- HERO --> |
||||
|
<div class="row"> |
||||
|
<div class="col-lg-12 d-flex flex-column justify-content-center" |
||||
|
style="text-align: center; padding: 1rem !important;"> |
||||
|
<h1 class="text-center" style="color: #212121 !important; font-size: 3.5rem !important;"><span |
||||
|
style="font-weight: 700 !important;"> POS Cross-Selling</span></h1> |
||||
|
<p class="text-center" |
||||
|
style="color: #212529 !important; font-size: 1.5rem !important; letter-spacing: 1px !important;"> |
||||
|
POS Cross-Selling Products |
||||
|
</p> |
||||
|
<img src="./images/hero.gif" class="img-responsive"> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- END OF HERO --> |
||||
|
|
||||
|
<!-- OVERVIEW --> |
||||
|
<div class="row"> |
||||
|
<div class="col-lg-12 d-flex flex-column justify-content-center" |
||||
|
style="text-align: center; padding: 2.5rem 1rem !important;"> |
||||
|
<h2 style="color: #212529 !important;">Overview</h2> |
||||
|
<hr |
||||
|
style="border: 3px solid #AC1015 !important; background-color: #AC1015 !important; width: 80px !important; margin-bottom: 2rem !important;" /> |
||||
|
<p class="text-center" style="color: #212529 !important; font-size: 1.5rem !important;"> |
||||
|
This module is used to manage different POS Cross-Selling and use them in Point of Sales in Odoo. |
||||
|
</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- END OF OVERVIEW --> |
||||
|
|
||||
|
|
||||
|
<!-- KEY FEATURES --> |
||||
|
<div class="row"> |
||||
|
<div class="col-lg-12 d-flex flex-column justify-content-center" style="padding: 2.5rem 1rem !important;"> |
||||
|
<h2 class="text-center" style="color: #212529 !important;">Key Features</h2> |
||||
|
<hr |
||||
|
style="border: 3px solid #AC1015 !important; background-color: #AC1015 !important; width: 80px !important; margin-bottom: 2rem !important;" /> |
||||
|
<div class="row"> |
||||
|
|
||||
|
|
||||
|
<div class="col-lg-12"> |
||||
|
|
||||
|
<div class="d-flex deep-2" |
||||
|
style="height: 60px !important; padding: 1rem 1.5rem !important; border-radius: 0 !important; margin: 1.5rem 0"> |
||||
|
<img src="./images/checked.png" style="height: 24px !important; width: 24px !important;" |
||||
|
class="mt-1 mr-2" height="24px" width="24px"> |
||||
|
<p style="color: #212529 !important; font-size: 1.3rem !important;"> |
||||
|
Enterprise and Community compatible. |
||||
|
</p> |
||||
|
</div> |
||||
|
|
||||
|
<div class="d-flex deep-2" |
||||
|
style="height: 60px !important; padding: 1rem 1.5rem !important; border-radius: 0 !important; margin: 1.5rem 0"> |
||||
|
<img src="./images/checked.png" style="height: 24px !important; width: 24px !important;" |
||||
|
class="mt-1 mr-2" height="24px" width="24px"> |
||||
|
<p style="color: #212529 !important; font-size: 1.3rem !important;"> |
||||
|
Create & Configure Cross-Selling Products. |
||||
|
</p> |
||||
|
</div> |
||||
|
|
||||
|
<div class="d-flex deep-2" |
||||
|
style="height: 60px !important; padding: 1rem 1.5rem !important; border-radius: 0 !important; margin: 1.5rem 0"> |
||||
|
<img src="./images/checked.png" style="height: 24px !important; width: 24px !important;" |
||||
|
class="mt-1 mr-2" height="24px" width="24px"> |
||||
|
<p style="color: #212529 !important; font-size: 1.3rem !important;"> |
||||
|
Cross-Selling Apply on POS. |
||||
|
</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<!-- END OF KEY FEATURES --> |
||||
|
|
||||
|
<!-- SCREENSHOTS --> |
||||
|
<div class="row"> |
||||
|
<div class="col-lg-12 d-flex flex-column justify-content-center" style="padding: 2.5rem 1rem !important;"> |
||||
|
<h2 style="text-align: center; color: #212529 !important;">Screenshots</h2> |
||||
|
<hr |
||||
|
style="border: 3px solid #AC1015 !important; background-color: #AC1015 !important; width: 80px !important; margin-bottom: 2rem !important;" /> |
||||
|
|
||||
|
<!-- img --> |
||||
|
<div class="d-flex m-0" style="border-bottom: 1px solid #e5e5e5 !important;"> |
||||
|
<div class="mr-3"> |
||||
|
<h3 |
||||
|
style="font-size: 2rem !important; font-weight: 800 !important; color: #ffffff !important; background-color: #AC1015 !important; padding: 1rem !important; width: 70px !important; height: 75px !important;"> |
||||
|
01</h3> |
||||
|
</div> |
||||
|
<div> |
||||
|
<h3 style="font-size: 1.7rem !important; font-weight: 600 !important;"> |
||||
|
POS Cross-Selling |
||||
|
</h3> |
||||
|
<p |
||||
|
style="color: #212529 !important; font-size: 1.3rem !important; font-weight: 300 !important;"> |
||||
|
Under Point of Sale --> Configuration-->POS Cross-Selling. From this menu configure Cross-selling Products. |
||||
|
</p> |
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<img src="assets/screenshots/scrn_01.png" class="img-responsive border" |
||||
|
style="margin-top: -15px !important; margin-top: 1rem !important; margin-bottom: 4rem !important;"> |
||||
|
<!-- endo of img --> |
||||
|
|
||||
|
<!-- img--> |
||||
|
<div class="d-flex m-0" style="border-bottom: 1px solid #e5e5e5 !important;"> |
||||
|
<div class="mr-3"> |
||||
|
<h3 |
||||
|
style="font-size: 2rem !important; font-weight: 800 !important; color: #ffffff !important; background-color: #AC1015 !important; padding: 1rem !important; width: 70px !important; height: 75px !important;"> |
||||
|
02</h3> |
||||
|
</div> |
||||
|
<div> |
||||
|
<h3 style="font-size: 1.7rem !important; font-weight: 600 !important;"> |
||||
|
Cross-Selling Product Configuration. |
||||
|
|
||||
|
</h3> |
||||
|
<p |
||||
|
style="color: #212529 !important; font-size: 1.3rem !important; font-weight: 300 !important;"> |
||||
|
Configure the cross-selling products. |
||||
|
|
||||
|
</p> |
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
<img src="assets/screenshots/scrn_02.png" class="img-responsive border" |
||||
|
style="margin-top: -15px !important; margin-top: 1rem !important; margin-bottom: 4rem !important;"> |
||||
|
<!-- endo of img--> |
||||
|
|
||||
|
<!-- img--> |
||||
|
<div class="d-flex m-0" style="border-bottom: 1px solid #e5e5e5 !important;"> |
||||
|
<div class="mr-3"> |
||||
|
<h3 |
||||
|
style="font-size: 2rem !important; font-weight: 800 !important; color: #ffffff !important; background-color: #AC1015 !important; padding: 1rem !important; width: 70px !important; height: 75px !important;"> |
||||
|
03</h3> |
||||
|
</div> |
||||
|
<div> |
||||
|
<h3 style="font-size: 1.7rem !important; font-weight: 600 !important;"> |
||||
|
POS Screen |
||||
|
</h3> |
||||
|
<p |
||||
|
style="color: #212529 !important; font-size: 1.3rem !important; font-weight: 300 !important;"> |
||||
|
When we click on a product, if it has cross-selling products, a popup will open. |
||||
|
|
||||
|
</p> |
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
<img src="assets/screenshots/scrn_03.png" class="img-responsive border" |
||||
|
style="margin-top: -15px !important; margin-top: 1rem !important; margin-bottom: 4rem !important;"> |
||||
|
<!-- endo of img--> |
||||
|
|
||||
|
<!-- img--> |
||||
|
<div class="d-flex m-0" style="border-bottom: 1px solid #e5e5e5 !important;"> |
||||
|
<div class="mr-3"> |
||||
|
<h3 |
||||
|
style="font-size: 2rem !important; font-weight: 800 !important; color: #ffffff !important; background-color: #AC1015 !important; padding: 1rem !important; width: 70px !important; height: 75px !important;"> |
||||
|
04</h3> |
||||
|
</div> |
||||
|
<div> |
||||
|
<h3 style="font-size: 1.7rem !important; font-weight: 600 !important;"> |
||||
|
Select the Products |
||||
|
</h3> |
||||
|
<p |
||||
|
style="color: #212529 !important; font-size: 1.3rem !important; font-weight: 300 !important;"> |
||||
|
Select the products in the popup, then click the confirm button. |
||||
|
</p> |
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
<img src="assets/screenshots/scrn_04.png" class="img-responsive border" |
||||
|
style="margin-top: -15px !important; margin-top: 1rem !important; margin-bottom: 4rem !important;"> |
||||
|
<!-- end of img--> |
||||
|
|
||||
|
|
||||
|
<!-- img--> |
||||
|
<div class="d-flex m-0" style="border-bottom: 1px solid #e5e5e5 !important;"> |
||||
|
<div class="mr-3"> |
||||
|
<h3 |
||||
|
style="font-size: 2rem !important; font-weight: 800 !important; color: #ffffff !important; background-color: #AC1015 !important; padding: 1rem !important; width: 70px !important; height: 75px !important;"> |
||||
|
05</h3> |
||||
|
</div> |
||||
|
<div> |
||||
|
<h3 style="font-size: 1.7rem !important; font-weight: 600 !important;"> |
||||
|
Cross-Selling Products In oder line . |
||||
|
</h3> |
||||
|
<p |
||||
|
style="color: #212529 !important; font-size: 1.3rem !important; font-weight: 300 !important;"> |
||||
|
In the order line we can view the Cross-Selling Products. |
||||
|
</p> |
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
<img src="assets/screenshots/scrn_05.png" class="img-responsive border" |
||||
|
style="margin-top: -15px !important; margin-top: 1rem !important; margin-bottom: 4rem !important;"> |
||||
|
|
||||
|
<!-- <img>--> |
||||
|
|
||||
|
|
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- END OF SCREENSHOTS --> |
||||
|
|
||||
|
|
||||
|
<!-- SUGGESTED PRODUCTS --> |
||||
|
<div class="row"> |
||||
|
<div class="col-lg-12 d-flex flex-column justify-content-center" |
||||
|
style="text-align: center; padding: 2.5rem 1rem !important;"> |
||||
|
<h2 style="color: #212529 !important;">Suggested Products</h2> |
||||
|
<hr |
||||
|
style="border: 3px solid #AC1015 !important; background-color: #AC1015 !important; width: 80px !important; margin-bottom: 2rem !important;" /> |
||||
|
|
||||
|
<div id="demo1" class="row carousel slide" data-ride="carousel"> |
||||
|
<!-- The slideshow --> |
||||
|
<div class="carousel-inner"> |
||||
|
<div class="carousel-item active" style="min-height:0px"> |
||||
|
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left"> |
||||
|
<a href="https://apps.odoo.com/apps/modules/15.0/base_account_budget/" target="_blank"> |
||||
|
<div style="border-radius:10px"> |
||||
|
<img class="img img-responsive center-block" |
||||
|
style="border-top-left-radius:10px; border-top-right-radius:10px" |
||||
|
src="./images/modules/1.png"> |
||||
|
</div> |
||||
|
</a> |
||||
|
</div> |
||||
|
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left"> |
||||
|
<a href="https://apps.odoo.com/apps/modules/15.0/sales_credit_limit/" target="_blank"> |
||||
|
<div style="border-radius:10px"> |
||||
|
<img class="img img-responsive center-block" |
||||
|
style="border-top-left-radius:10px; border-top-right-radius:10px" |
||||
|
src="./images/modules/2.png"> |
||||
|
</div> |
||||
|
</a> |
||||
|
</div> |
||||
|
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left"> |
||||
|
<a href="https://apps.odoo.com/apps/modules/15.0/employee_documents_expiry/" target="_blank"> |
||||
|
<div style="border-radius:10px"> |
||||
|
<img class="img img-responsive center-block" |
||||
|
style="border-top-left-radius:10px; border-top-right-radius:10px" |
||||
|
src="./images/modules/3.png"> |
||||
|
</div> |
||||
|
</a> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="carousel-item" style="min-height:0px"> |
||||
|
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left"> |
||||
|
<a href="https://apps.odoo.com/apps/modules/15.0/export_stockinfo_xls/"> |
||||
|
<div style="border-radius:10px"> |
||||
|
<img class="img img-responsive center-block" |
||||
|
style="border-top-left-radius:10px; border-top-right-radius:10px" |
||||
|
src="./images/modules/4.png"> |
||||
|
</div> |
||||
|
</a> |
||||
|
</div> |
||||
|
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left"> |
||||
|
<a href="https://apps.odoo.com/apps/modules/15.0/custom_gantt_view/"> |
||||
|
<div style="border-radius:10px"> |
||||
|
<img class="img img-responsive center-block" |
||||
|
style="border-top-left-radius:10px; border-top-right-radius:10px" |
||||
|
src="./images/modules/5.png"> |
||||
|
</div> |
||||
|
</a> |
||||
|
</div> |
||||
|
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left"> |
||||
|
<a href="https://apps.odoo.com/apps/modules/15.0/product_to_quotation"> |
||||
|
<div style="border-radius:10px"> |
||||
|
<img class="img img-responsive center-block" |
||||
|
style="border-top-left-radius:10px; border-top-right-radius:10px" |
||||
|
src="./images/modules/6.png"> |
||||
|
</div> |
||||
|
</a> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- Left and right controls --> |
||||
|
<a class="carousel-control-prev" href="#demo1" data-slide="prev" |
||||
|
style="left:-25px;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="#demo1" data-slide="next" |
||||
|
style="right:-25px;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> |
||||
|
</div> |
||||
|
<!-- END OF SUGGESTED PRODUCTS --> |
||||
|
|
||||
|
<!-- OUR SERVICES --> |
||||
|
<section class="container" style="margin-top: 6rem !important;"> |
||||
|
<div class="row"> |
||||
|
<div class="col-lg-12 d-flex flex-column justify-content-center align-items-center"> |
||||
|
<h2 style="color: #212529 !important;">Our Services</h2> |
||||
|
<hr |
||||
|
style="border: 3px solid #AC1015 !important; background-color: #AC1015 !important; width: 80px !important; margin-bottom: 2rem !important;" /> |
||||
|
</div> |
||||
|
|
||||
|
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4"> |
||||
|
<div class="d-flex justify-content-center align-items-center mx-3 my-3" |
||||
|
style="background-color: #1dd1a1 !important; border-radius: 15px !important; height: 80px; width: 80px;"> |
||||
|
<img src="assets/icons/cogs.png" class="img-responsive" height="48px" width="48px"> |
||||
|
</div> |
||||
|
<h6 class="text-center" |
||||
|
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">Odoo |
||||
|
Customization</h6> |
||||
|
</div> |
||||
|
|
||||
|
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4"> |
||||
|
<div class="d-flex justify-content-center align-items-center mx-3 my-3" |
||||
|
style="background-color: #ff6b6b !important; border-radius: 15px !important; height: 80px; width: 80px;"> |
||||
|
<img src="assets/icons/wrench.png" class="img-responsive" height="48px" width="48px"> |
||||
|
</div> |
||||
|
<h6 class="text-center" |
||||
|
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">Odoo |
||||
|
Implementation</h6> |
||||
|
</div> |
||||
|
|
||||
|
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4"> |
||||
|
<div class="d-flex justify-content-center align-items-center mx-3 my-3" |
||||
|
style="background-color: #6462CD !important; border-radius: 15px !important; height: 80px; width: 80px;"> |
||||
|
<img src="assets/icons/lifebuoy.png" class="img-responsive" height="48px" width="48px"> |
||||
|
</div> |
||||
|
<h6 class="text-center" |
||||
|
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">Odoo |
||||
|
Support</h6> |
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4"> |
||||
|
<div class="d-flex justify-content-center align-items-center mx-3 my-3" |
||||
|
style="background-color: #ffa801 !important; border-radius: 15px !important; height: 80px; width: 80px;"> |
||||
|
<img src="assets/icons/user.png" class="img-responsive" height="48px" width="48px"> |
||||
|
</div> |
||||
|
<h6 class="text-center" |
||||
|
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">Hire |
||||
|
Odoo |
||||
|
Developer</h6> |
||||
|
</div> |
||||
|
|
||||
|
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4"> |
||||
|
<div class="d-flex justify-content-center align-items-center mx-3 my-3" |
||||
|
style="background-color: #54a0ff !important; border-radius: 15px !important; height: 80px; width: 80px;"> |
||||
|
<img src="assets/icons/puzzle.png" class="img-responsive" height="48px" width="48px"> |
||||
|
</div> |
||||
|
<h6 class="text-center" |
||||
|
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">Odoo |
||||
|
Integration</h6> |
||||
|
</div> |
||||
|
|
||||
|
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4"> |
||||
|
<div class="d-flex justify-content-center align-items-center mx-3 my-3" |
||||
|
style="background-color: #6d7680 !important; border-radius: 15px !important; height: 80px; width: 80px;"> |
||||
|
<img src="assets/icons/update.png" class="img-responsive" height="48px" width="48px"> |
||||
|
</div> |
||||
|
<h6 class="text-center" |
||||
|
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">Odoo |
||||
|
Migration</h6> |
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4"> |
||||
|
<div class="d-flex justify-content-center align-items-center mx-3 my-3" |
||||
|
style="background-color: #786fa6 !important; border-radius: 15px !important; height: 80px; width: 80px;"> |
||||
|
<img src="assets/icons/consultation.png" class="img-responsive" height="48px" width="48px"> |
||||
|
</div> |
||||
|
<h6 class="text-center" |
||||
|
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">Odoo |
||||
|
Consultancy</h6> |
||||
|
</div> |
||||
|
|
||||
|
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4"> |
||||
|
<div class="d-flex justify-content-center align-items-center mx-3 my-3" |
||||
|
style="background-color: #f8a5c2 !important; border-radius: 15px !important; height: 80px; width: 80px;"> |
||||
|
<img src="assets/icons/training.png" class="img-responsive" height="48px" width="48px"> |
||||
|
</div> |
||||
|
<h6 class="text-center" |
||||
|
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">Odoo |
||||
|
Implementation</h6> |
||||
|
</div> |
||||
|
|
||||
|
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4"> |
||||
|
<div class="d-flex justify-content-center align-items-center mx-3 my-3" |
||||
|
style="background-color: #e6be26 !important; border-radius: 15px !important; height: 80px; width: 80px;"> |
||||
|
<img src="assets/icons/license.png" class="img-responsive" height="48px" width="48px"> |
||||
|
</div> |
||||
|
<h6 class="text-center" |
||||
|
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">Odoo |
||||
|
Licensing Consultancy</h6> |
||||
|
</div> |
||||
|
</div> |
||||
|
</section> |
||||
|
<!-- END OF END OF OUR SERVICES --> |
||||
|
|
||||
|
<!-- OUR INDUSTRIES --> |
||||
|
<section class="container" style="margin-top: 6rem !important;"> |
||||
|
<div class="row"> |
||||
|
<div class="col-lg-12 d-flex flex-column justify-content-center align-items-center"> |
||||
|
<h2 style="color: #212529 !important;">Our Industries</h2> |
||||
|
<hr |
||||
|
style="border: 3px solid #AC1015 !important; background-color: #AC1015 !important; width: 80px !important; margin-bottom: 2rem !important;" /> |
||||
|
</div> |
||||
|
|
||||
|
<div class="col-lg-3"> |
||||
|
<div class="my-4 d-flex flex-column justify-content-center" |
||||
|
style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;"> |
||||
|
<img src="./assets/icons/trading-black.png" class="img-responsive mb-3" height="48px" |
||||
|
width="48px"> |
||||
|
<h5 |
||||
|
style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;"> |
||||
|
Trading |
||||
|
</h5> |
||||
|
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;"> |
||||
|
Easily procure |
||||
|
and |
||||
|
sell your products</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="col-lg-3"> |
||||
|
<div class="my-4 d-flex flex-column justify-content-center" |
||||
|
style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;"> |
||||
|
<img src="./assets/icons/pos-black.png" class="img-responsive mb-3" height="48px" width="48px"> |
||||
|
<h5 |
||||
|
style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;"> |
||||
|
POS |
||||
|
</h5> |
||||
|
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;"> |
||||
|
Easy |
||||
|
configuration |
||||
|
and convivial experience</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="col-lg-3"> |
||||
|
<div class="my-4 d-flex flex-column justify-content-center" |
||||
|
style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;"> |
||||
|
<img src="./assets/icons/education-black.png" class="img-responsive mb-3" height="48px" |
||||
|
width="48px"> |
||||
|
<h5 |
||||
|
style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;"> |
||||
|
Education |
||||
|
</h5> |
||||
|
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;"> |
||||
|
A platform for |
||||
|
educational management</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="col-lg-3"> |
||||
|
<div class="my-4 d-flex flex-column justify-content-center" |
||||
|
style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;"> |
||||
|
<img src="./assets/icons/manufacturing-black.png" class="img-responsive mb-3" height="48px" |
||||
|
width="48px"> |
||||
|
<h5 |
||||
|
style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;"> |
||||
|
Manufacturing |
||||
|
</h5> |
||||
|
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;"> |
||||
|
Plan, track and |
||||
|
schedule your operations</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="col-lg-3"> |
||||
|
<div class="my-4 d-flex flex-column justify-content-center" |
||||
|
style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;"> |
||||
|
<img src="./assets/icons/ecom-black.png" class="img-responsive mb-3" height="48px" width="48px"> |
||||
|
<h5 |
||||
|
style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;"> |
||||
|
E-commerce & Website |
||||
|
</h5> |
||||
|
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;"> |
||||
|
Mobile |
||||
|
friendly, |
||||
|
awe-inspiring product pages</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="col-lg-3"> |
||||
|
<div class="my-4 d-flex flex-column justify-content-center" |
||||
|
style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;"> |
||||
|
<img src="./assets/icons/service-black.png" class="img-responsive mb-3" height="48px" |
||||
|
width="48px"> |
||||
|
<h5 |
||||
|
style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;"> |
||||
|
Service Management |
||||
|
</h5> |
||||
|
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;"> |
||||
|
Keep track of |
||||
|
services and invoice</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="col-lg-3"> |
||||
|
<div class="my-4 d-flex flex-column justify-content-center" |
||||
|
style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;"> |
||||
|
<img src="./assets/icons/restaurant-black.png" class="img-responsive mb-3" height="48px" |
||||
|
width="48px"> |
||||
|
<h5 |
||||
|
style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;"> |
||||
|
Restaurant |
||||
|
</h5> |
||||
|
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;"> |
||||
|
Run your bar or |
||||
|
restaurant methodically</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="col-lg-3"> |
||||
|
<div class="my-4 d-flex flex-column justify-content-center" |
||||
|
style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;"> |
||||
|
<img src="./assets/icons/hotel-black.png" class="img-responsive mb-3" height="48px" |
||||
|
width="48px"> |
||||
|
<h5 |
||||
|
style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;"> |
||||
|
Hotel Management |
||||
|
</h5> |
||||
|
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;"> |
||||
|
An |
||||
|
all-inclusive |
||||
|
hotel management application</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
</section> |
||||
|
|
||||
|
<!-- END OF END OF OUR INDUSTRIES --> |
||||
|
|
||||
|
<!-- FOOTER --> |
||||
|
<!-- Footer Section --> |
||||
|
<section class="container" style="margin: 5rem auto 2rem;"> |
||||
|
<div class="row" style="max-width:1540px;"> |
||||
|
<div class="col-lg-12 d-flex flex-column justify-content-center align-items-center"> |
||||
|
<h2 style="color: #212529 !important;">Need Help?</h2> |
||||
|
<hr |
||||
|
style="border: 3px solid #AC1015 !important; background-color: #AC1015 !important; width: 80px !important; margin-bottom: 2rem !important;" /> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<!-- Contact Cards --> |
||||
|
<div class="row d-flex justify-content-center align-items-center" |
||||
|
style="max-width:1540px; margin: 0 auto 2rem auto;"> |
||||
|
|
||||
|
<div class="col-lg-12" style="padding: 0rem 3rem 2rem; border-radius: 10px; margin-right: 3rem; "> |
||||
|
|
||||
|
<div class="row mt-4"> |
||||
|
<div class="col-lg-6"> |
||||
|
<a href="mailto:odoo@cybrosys.com" target="_blank" class="btn btn-block mb-2 deep_hover" |
||||
|
style="text-decoration: none; background-color: #4d4d4d; color: #FFF; border-radius: 4px;"><i |
||||
|
class="fa fa-envelope mr-2"></i>odoo@cybrosys.com</a> |
||||
|
</div> |
||||
|
<div class="col-lg-6"> |
||||
|
<a href="https://api.whatsapp.com/send?phone=918606827707" target="_blank" |
||||
|
class="btn btn-block mb-2 deep_hover" |
||||
|
style="text-decoration: none; background-color: #25D366; color: #FFF; border-radius: 4px;"><i |
||||
|
class="fa fa-whatsapp mr-2"></i>WhatsApp</a> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
<!-- End of Contact Cards --> |
||||
|
</section> |
||||
|
<!-- Footer --> |
||||
|
<section class="oe_container" style="padding: 2rem 3rem 1rem;"> |
||||
|
<div class="row" style="max-width:1540px; margin: 0 auto; margin-right: 3rem; "> |
||||
|
<!-- Logo --> |
||||
|
<div class="col-lg-12 d-flex justify-content-center align-items-center" style="margin-top: 3rem;"> |
||||
|
<img src="https://www.cybrosys.com/images/logo.png" width="200px" height="auto" /> |
||||
|
</div> |
||||
|
<!-- End of Logo --> |
||||
|
<div class="col-lg-12"> |
||||
|
<hr |
||||
|
style="margin-top: 3rem;background: linear-gradient(90deg, rgba(2,0,36,0) 0%, rgba(229,229,229,1) 33%, rgba(229,229,229,1) 58%, rgba(0,212,255,0) 100%); height: 2px; border-style: none;"> |
||||
|
<!-- End of Footer Section --> |
||||
|
</div> |
||||
|
</div> |
||||
|
</section> |
||||
|
<!-- END OF FOOTER --> |
||||
|
|
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
@ -0,0 +1,56 @@ |
|||||
|
odoo.define('pos_pro_cross_selling.CrossProducts', function (require) { |
||||
|
'use strict'; |
||||
|
|
||||
|
const AbstractAwaitablePopup = require('point_of_sale.AbstractAwaitablePopup'); |
||||
|
const Registries = require('point_of_sale.Registries'); |
||||
|
const { |
||||
|
useListener |
||||
|
} = require("@web/core/utils/hooks"); |
||||
|
const PosComponent = require('point_of_sale.PosComponent'); |
||||
|
const ProductItem = require('point_of_sale.ProductItem'); |
||||
|
var models = require('point_of_sale.models'); |
||||
|
|
||||
|
class CrossProducts extends AbstractAwaitablePopup { |
||||
|
constructor() { |
||||
|
super(...arguments); |
||||
|
useListener('click-product', this._onClickOrder); |
||||
|
} |
||||
|
|
||||
|
confirm() { |
||||
|
// Adding Products into the order line
|
||||
|
super.confirm(); |
||||
|
var product = this.props.products |
||||
|
for (var i = 0; i < product.length; i++) { |
||||
|
if (product[i].selected == true) { |
||||
|
this.env.pos.get_order().add_product(this.env.pos.db.product_by_id[product[i].id]); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
_onClickOrder(event, product) { |
||||
|
// Selecting or deselecting cross-sell products
|
||||
|
const products = this.props.products; |
||||
|
const id = product.id; |
||||
|
const $ribbonElements = $(".ribbon-3"); |
||||
|
|
||||
|
products.forEach(prod => { |
||||
|
if (prod.id === id) { |
||||
|
prod.selected = !prod.selected; // Toggle selected state
|
||||
|
$ribbonElements.each(function () { |
||||
|
const $element = $(this); |
||||
|
if ($element.data('id') === id) { |
||||
|
$element.css('display', prod.selected ? 'block' : 'none'); |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
} |
||||
|
//products popup template
|
||||
|
CrossProducts.template = 'CrossProducts'; |
||||
|
CrossProducts.defaultProps = { |
||||
|
cancelKey: false |
||||
|
}; |
||||
|
Registries.Component.add(CrossProducts); |
||||
|
return CrossProducts; |
||||
|
}); |
||||
@ -0,0 +1,33 @@ |
|||||
|
odoo.define('pos_pro_cross_selling.product_addons', function (require) { |
||||
|
"use strict"; |
||||
|
const Registries = require('point_of_sale.Registries'); |
||||
|
var rpc = require('web.rpc'); |
||||
|
const ProductScreen = require('point_of_sale.ProductScreen'); |
||||
|
// Class for pos products
|
||||
|
const PosProductAddons = (ProductScreen) => |
||||
|
class extends ProductScreen { |
||||
|
constructor() { |
||||
|
super(...arguments); |
||||
|
} |
||||
|
async _clickProduct(event) { |
||||
|
// Click Function for the products, It opens the pop up
|
||||
|
super._clickProduct(...arguments) |
||||
|
const product = event.detail; |
||||
|
var self = this; |
||||
|
rpc.query({ |
||||
|
model: 'pos.cross.selling', |
||||
|
method: 'get_cross_selling_products', |
||||
|
args: [[],product.id], |
||||
|
}).then(function (result) { |
||||
|
if (result.length > 0) { |
||||
|
self.showPopup('CrossProducts',{ |
||||
|
products: result, |
||||
|
}); |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
Registries.Component.extend(ProductScreen, PosProductAddons); |
||||
|
return ProductScreen; |
||||
|
}); |
||||
@ -0,0 +1,20 @@ |
|||||
|
|
||||
|
.extra-price{ |
||||
|
position: absolute; |
||||
|
top: 2px; |
||||
|
right: 2px; |
||||
|
vertical-align: top; |
||||
|
color: white; |
||||
|
line-height: 13px; |
||||
|
background: #ff6a6a; |
||||
|
padding: 2px 5px; |
||||
|
border-radius: 2px; |
||||
|
} |
||||
|
.ribbon-3 { |
||||
|
width: 30%; |
||||
|
color: white; |
||||
|
background: #5c723f; |
||||
|
} |
||||
|
.cross-price-tag{ |
||||
|
font-size: 15px; |
||||
|
} |
||||
@ -0,0 +1,51 @@ |
|||||
|
<?xml version="1.0" encoding="UTF-8" ?> |
||||
|
<!--Template for pos cross-selling--> |
||||
|
<templates id="template" xml:space="preserve"> |
||||
|
<t t-name="CrossProducts" owl="1"> |
||||
|
<div role="dialog" class="modal-dialog"> |
||||
|
<div class="popup popup-selection"> |
||||
|
<header class="title drag-handle"> |
||||
|
Cross Selling Products |
||||
|
</header> |
||||
|
<br/> |
||||
|
<section class="full-content"> |
||||
|
<div class="partner-window" style="overflow: auto; height: 540px; display: block ruby;"> |
||||
|
<section class="list"> |
||||
|
<div class="container"> |
||||
|
<div class="subwindow-container-fix scrollable-y"> |
||||
|
<t t-foreach="props.products" t-as="product" |
||||
|
t-key="product.id" t-att-data-id="product.id" |
||||
|
t-on-click="() => this._onClickOrder(order)"> |
||||
|
<div class="cross-product product" style="line-height: 30px; height: 188px;" |
||||
|
t-on-click="(event) => this._onClickOrder(event, product)"> |
||||
|
<center> |
||||
|
<div class="ribbon-3" t-key="product.id" t-att-data-id="product.id" style="display: none; line-height: 18px; width: 100px;">Selected</div> |
||||
|
</center> |
||||
|
<div class="product-img cross-img"> |
||||
|
<img t-att-src="product.image" t-att-alt="product.name"/> |
||||
|
</div> |
||||
|
<div class="product-content" style="line-height: 17px;"> |
||||
|
<div class="product-name cross-product-name" style="position: unset; line-height: 16px; "> |
||||
|
<t t-esc="product.name"/> |
||||
|
</div> |
||||
|
<span class="cross-price-tag"> |
||||
|
<t t-esc="product.symbol"/> |
||||
|
<t t-esc="product.price"/> |
||||
|
</span> |
||||
|
</div> |
||||
|
</div> |
||||
|
</t> |
||||
|
</div> |
||||
|
</div> |
||||
|
</section> |
||||
|
</div> |
||||
|
</section> |
||||
|
|
||||
|
<footer class="footer"> |
||||
|
<div class="button" t-on-click="confirm">Confirm</div> |
||||
|
<div class="button" t-on-click="cancel">Close</div> |
||||
|
</footer> |
||||
|
</div> |
||||
|
</div> |
||||
|
</t> |
||||
|
</templates> |
||||
@ -0,0 +1,68 @@ |
|||||
|
<?xml version="1.0" encoding="UTF-8" ?> |
||||
|
<odoo> |
||||
|
<!--View for pos cross-selling--> |
||||
|
<record id="pos_cross_selling_action" model="ir.actions.act_window"> |
||||
|
<field name="name">POS Cross-Selling</field> |
||||
|
<field name="res_model">pos.cross.selling</field> |
||||
|
<field name="view_mode">tree,form</field> |
||||
|
<field name="help" type="html"> |
||||
|
<p class="o_view_nocontent_smiling_face"> |
||||
|
Create a new record for pos cross-selling |
||||
|
</p> |
||||
|
</field> |
||||
|
</record> |
||||
|
<record id="pos_cross_selling_view_form" model="ir.ui.view"> |
||||
|
<field name="name">pos.cross.selling.view.form</field> |
||||
|
<field name="model">pos.cross.selling</field> |
||||
|
<field name="arch" type="xml"> |
||||
|
<form> |
||||
|
<header> |
||||
|
</header> |
||||
|
<sheet> |
||||
|
<group> |
||||
|
<group> |
||||
|
<field name="product_id"/> |
||||
|
</group> |
||||
|
<group> |
||||
|
<field name="active" widget="boolean_toggle"/> |
||||
|
</group> |
||||
|
</group> |
||||
|
<notebook> |
||||
|
<page string="Cross Selling Products"> |
||||
|
<field name="pos_cross_product_ids"> |
||||
|
<tree editable="bottom"> |
||||
|
<field name="product_id"/> |
||||
|
<field name="active" |
||||
|
widget="boolean_toggle"/> |
||||
|
</tree> |
||||
|
</field> |
||||
|
</page> |
||||
|
</notebook> |
||||
|
</sheet> |
||||
|
</form> |
||||
|
</field> |
||||
|
</record> |
||||
|
<record id="pos_cross_selling_view_tree" model="ir.ui.view"> |
||||
|
<field name="name">pos.cross.selling.view.tree</field> |
||||
|
<field name="model">pos.cross.selling</field> |
||||
|
<field name="arch" type="xml"> |
||||
|
<tree> |
||||
|
<field name="product_id"/> |
||||
|
<field name="active"/> |
||||
|
</tree> |
||||
|
</field> |
||||
|
</record> |
||||
|
<record id="pos_cross_selling_view_search" model="ir.ui.view"> |
||||
|
<field name="model">pos.cross.selling</field> |
||||
|
<field name="arch" type="xml"> |
||||
|
<search string="Filters"> |
||||
|
<filter string="Archived" name="inactive" |
||||
|
domain="[('active', '=', False)]"/> |
||||
|
</search> |
||||
|
</field> |
||||
|
</record> |
||||
|
<menuitem id="pos_cross_selling_menu" name="POS Cross-Selling" |
||||
|
parent="point_of_sale.pos_menu_products_configuration" |
||||
|
groups="point_of_sale.group_pos_manager" |
||||
|
sequence="8" action="pos_cross_selling_action"/> |
||||
|
</odoo> |
||||
Loading…
Reference in new issue