Risvana Cybro
6 days ago
@ -0,0 +1,51 @@ |
|||
.. image:: https://img.shields.io/badge/license-LGPL--3-green.svg |
|||
:target: https://www.gnu.org/licenses/lgpl-3.0-standalone.html |
|||
:alt: License: LGPL-3 |
|||
|
|||
Product Sale Report Graph View |
|||
============================== |
|||
Sale Report of Individual Products in Graph view. |
|||
|
|||
Configuration |
|||
============= |
|||
* No additional configurations needed |
|||
|
|||
Company |
|||
------- |
|||
* `Cybrosys Techno Solutions <https://cybrosys.com/>`__ |
|||
|
|||
License |
|||
------- |
|||
General Public License, Version 3 (LGPL v3). |
|||
(https://www.gnu.org/licenses/lgpl-3.0-standalone.html) |
|||
|
|||
Credits |
|||
------- |
|||
Developer: (V18) Mufeeda Shirin, Nivedhya T |
|||
(V16) Neenu Merlin Jo, |
|||
(V17) Gayathri v, |
|||
(V15) Akshay ck, |
|||
(V14) Muhammed Nafih, |
|||
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) 2025-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
|||
# Author: Cybrosys Techno Solutions (odoo@cybrosys.com) |
|||
# |
|||
# You can modify it under the terms of the GNU LESSER |
|||
# GENERAL PUBLIC LICENSE (LGPL 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 LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. |
|||
# |
|||
# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE |
|||
# (LGPL v3) along with this program. |
|||
# If not, see <http://www.gnu.org/licenses/>. |
|||
# |
|||
############################################################################# |
|||
from . import models |
|||
@ -0,0 +1,43 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################# |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# |
|||
# Copyright (C) 2025-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
|||
# Author: Cybrosys Techno Solutions (odoo@cybrosys.com) |
|||
# |
|||
# You can modify it under the terms of the GNU LESSER |
|||
# GENERAL PUBLIC LICENSE (LGPL 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 LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. |
|||
# |
|||
# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE |
|||
# (LGPL v3) along with this program. |
|||
# If not, see <http://www.gnu.org/licenses/>. |
|||
# |
|||
############################################################################# |
|||
{ |
|||
'name': 'Product Sale Report Graph View', |
|||
'version': '18.0.1.0.0', |
|||
'category': 'Sales', |
|||
'summary': """Sale Report of Individual Products in Graph view""", |
|||
'description': "This module helps to enhance sales analysis by allowing users to view " |
|||
"product-wise sales data in bar, line, or pie chart formats.", |
|||
'author': 'Cybrosys Techno Solutions', |
|||
'company': 'Cybrosys Techno Solutions', |
|||
'maintainer': 'Cybrosys Techno Solutions', |
|||
'website': "https://www.cybrosys.com", |
|||
'depends': ['sale_management'], |
|||
'data': [ |
|||
'views/product_template_views.xml', |
|||
'views/product_product_views.xml', |
|||
], |
|||
"images": ['static/description/banner.jpg'], |
|||
'license': 'LGPL-3', |
|||
'installable': True, |
|||
'auto_install': False, |
|||
'application': False, |
|||
} |
|||
@ -0,0 +1,6 @@ |
|||
## Module <individual_product_report> |
|||
|
|||
#### 11.07.2025 |
|||
#### Version 18.0.1.0.0 |
|||
#### ADD |
|||
- Initial commit for Product Sale Report Graph View |
|||
@ -0,0 +1,23 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################# |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# |
|||
# Copyright (C) 2025-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
|||
# Author: Cybrosys Techno Solutions (odoo@cybrosys.com) |
|||
# |
|||
# You can modify it under the terms of the GNU LESSER |
|||
# GENERAL PUBLIC LICENSE (LGPL 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 LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. |
|||
# |
|||
# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE |
|||
# (LGPL v3) along with this program. |
|||
# If not, see <http://www.gnu.org/licenses/>. |
|||
# |
|||
############################################################################# |
|||
from . import product_product |
|||
from . import product_template |
|||
@ -0,0 +1,43 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################# |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# |
|||
# Copyright (C) 2025-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
|||
# Author: Cybrosys Techno Solutions (odoo@cybrosys.com) |
|||
# |
|||
# You can modify it under the terms of the GNU LESSER |
|||
# GENERAL PUBLIC LICENSE (LGPL 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 LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. |
|||
# |
|||
# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE |
|||
# (LGPL v3) along with this program. |
|||
# If not, see <http://www.gnu.org/licenses/>. |
|||
# |
|||
############################################################################# |
|||
from odoo import models |
|||
|
|||
|
|||
class ProductProduct(models.Model): |
|||
""" Inheriting product.product to add Sale Report Smart button""" |
|||
_inherit = 'product.product' |
|||
|
|||
def action_view_sales_report(self): |
|||
""" To view the graph view on click of Sales Report Button in |
|||
product.product model""" |
|||
action = self.env.ref('individual_product_report' |
|||
'.report_sales_product_graph').read()[0] |
|||
action['domain'] = [('product_id', 'in', self.ids)] |
|||
action['context'] = { |
|||
'graph_measure': ['product_uom_qty'], |
|||
'active_id': self._context.get('active_id'), |
|||
'active_model': 'sale.report', |
|||
'search_default_Sales': 1, |
|||
'time_ranges': {'field': 'date', 'range': 'last_365_days'}, |
|||
'groupby': 'date' |
|||
} |
|||
return action |
|||
@ -0,0 +1,43 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################# |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# |
|||
# Copyright (C) 2025-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
|||
# Author: Cybrosys Techno Solutions (odoo@cybrosys.com) |
|||
# |
|||
# You can modify it under the terms of the GNU LESSER |
|||
# GENERAL PUBLIC LICENSE (LGPL 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 LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. |
|||
# |
|||
# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE |
|||
# (LGPL v3) along with this program. |
|||
# If not, see <http://www.gnu.org/licenses/>. |
|||
# |
|||
############################################################################# |
|||
from odoo import models |
|||
|
|||
|
|||
class ProductTemplate(models.Model): |
|||
"""Inheriting the model product template to |
|||
add the Sale Report Smart button""" |
|||
_inherit = 'product.template' |
|||
|
|||
def action_view_sales_report(self): |
|||
""" To view the graph view on click of Sales Report Button in |
|||
product.template model""" |
|||
action = self.env.ref('individual_product_report.report_sales_product_graph').read()[0] |
|||
action['domain'] = [('product_tmpl_id', 'in', self.ids)] |
|||
action['context'] = { |
|||
'graph_measure': ['product_uom_qty'], |
|||
'active_id': self._context.get('active_id'), |
|||
'active_model': 'sale.report', |
|||
'search_default_Sales': 1, |
|||
'time_ranges': {'field': 'date', 'range': 'last_365_days'}, |
|||
'groupby': 'date', |
|||
} |
|||
return action |
|||
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 28 KiB |
|
After Width: | Height: | Size: 628 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 210 KiB |
|
After Width: | Height: | Size: 209 KiB |
|
After Width: | Height: | Size: 109 KiB |
|
After Width: | Height: | Size: 495 B |
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 624 B |
|
After Width: | Height: | Size: 136 KiB |
|
After Width: | Height: | Size: 214 KiB |
|
After Width: | Height: | Size: 36 KiB |
|
After Width: | Height: | Size: 3.6 KiB |
|
After Width: | Height: | Size: 310 B |
|
After Width: | Height: | Size: 929 B |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 3.3 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 542 B |
|
After Width: | Height: | Size: 576 B |
|
After Width: | Height: | Size: 733 B |
|
After Width: | Height: | Size: 4.3 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 4.0 KiB |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 82 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 911 B |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 600 B |
|
After Width: | Height: | Size: 673 B |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 462 B |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 926 B |
|
After Width: | Height: | Size: 9.0 KiB |
|
After Width: | Height: | Size: 23 KiB |
|
After Width: | Height: | Size: 7.0 KiB |
|
After Width: | Height: | Size: 878 B |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 653 B |
|
After Width: | Height: | Size: 800 B |
|
After Width: | Height: | Size: 905 B |
|
After Width: | Height: | Size: 189 KiB |
|
After Width: | Height: | Size: 4.3 KiB |
|
After Width: | Height: | Size: 839 B |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 5.9 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 34 KiB |
|
After Width: | Height: | Size: 26 KiB |
|
After Width: | Height: | Size: 3.8 KiB |
|
After Width: | Height: | Size: 23 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 427 B |
|
After Width: | Height: | Size: 627 B |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 988 B |
|
After Width: | Height: | Size: 3.7 KiB |
|
After Width: | Height: | Size: 5.0 KiB |
|
After Width: | Height: | Size: 875 B |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 92 KiB |
|
After Width: | Height: | Size: 92 KiB |
|
After Width: | Height: | Size: 722 KiB |
|
After Width: | Height: | Size: 87 KiB |
|
After Width: | Height: | Size: 131 KiB |
|
After Width: | Height: | Size: 726 KiB |
|
After Width: | Height: | Size: 136 KiB |
|
After Width: | Height: | Size: 55 KiB |
|
After Width: | Height: | Size: 47 KiB |
|
After Width: | Height: | Size: 55 KiB |
|
After Width: | Height: | Size: 753 KiB |
|
After Width: | Height: | Size: 40 KiB |
@ -0,0 +1,642 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<title>Product Sale Report Graph View</title> |
|||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"> |
|||
<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=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet"> |
|||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"> |
|||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css"> |
|||
<style> |
|||
:root { |
|||
--primary-color: #7f54b3; |
|||
--bg-white: #fff; |
|||
--text-color: #121212; |
|||
--text-color-light: #64728f; |
|||
} |
|||
|
|||
body { |
|||
font-family: "Montserrat", sans-serif; |
|||
} |
|||
|
|||
.nav-tabs .nav-item.show .nav-link, |
|||
.nav-tabs .nav-link.active { |
|||
color: var(--text-color); |
|||
font-size: 16px; |
|||
font-weight: 500; |
|||
border-radius: 30px; |
|||
background-color: #f5f5f5; |
|||
border: none; |
|||
padding: 12px 24px; |
|||
text-transform: capitalize; |
|||
} |
|||
|
|||
.nav-tabs .nav-link:focus, |
|||
.nav-tabs .nav-link:hover { |
|||
border-color: transparent; |
|||
isolation: isolate; |
|||
} |
|||
|
|||
.nav-tabs .nav-link:focus-visible { |
|||
border-color: transparent; |
|||
box-shadow: none; |
|||
} |
|||
|
|||
.owl-carousel .owl-nav { |
|||
position: absolute; |
|||
top: 42%; |
|||
width: 100%; |
|||
display: flex; |
|||
justify-content: space-between; |
|||
transform: translateY(-42%); |
|||
} |
|||
|
|||
.owl-carousel .owl-nav button.owl-prev, |
|||
.owl-carousel .owl-nav button.owl-next { |
|||
font-size: 28px; |
|||
background-color: #e4e4e4; |
|||
border-radius: 20px; |
|||
width: 40px; |
|||
height: 40px; |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
} |
|||
|
|||
.owl-carousel .owl-nav button.owl-prev { |
|||
right: -36px; |
|||
} |
|||
|
|||
.owl-carousel .owl-nav button.owl-next { |
|||
left: -36px; |
|||
} |
|||
|
|||
.version-badge { |
|||
background-color: #017e84; |
|||
color: #fff; |
|||
font-size: 0.8rem; |
|||
font-weight: 500; |
|||
padding: 4px; |
|||
margin: 0 3px; |
|||
border-radius: 50px; |
|||
min-width: 120px; |
|||
text-align: center; |
|||
} |
|||
|
|||
.contact-btn { |
|||
display: inline-flex; |
|||
align-items: center; |
|||
gap: 7px; |
|||
padding: 7px 33px; |
|||
border-radius: 35px; |
|||
text-decoration: none; |
|||
font-family: Montserrat; |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.key-highlight-card { |
|||
border-radius: 12px; |
|||
border: 1px solid #b6bccd; |
|||
background: #fff; |
|||
padding: 32px; |
|||
display: flex; |
|||
flex-direction: column; |
|||
gap: 16px; |
|||
} |
|||
|
|||
.section-card { |
|||
border-radius: 16px; |
|||
border: 1px solid #ebeef2; |
|||
background: #f5f5f7; |
|||
box-shadow: 0px 5px 20px -11px rgba(0, 0, 0, 0.25); |
|||
padding: 60px 40px; |
|||
} |
|||
|
|||
.screenshot-section { |
|||
border-radius: 10px; |
|||
background-color: #f4f4f4; |
|||
padding: 3rem; |
|||
} |
|||
</style> |
|||
</head> |
|||
<body> |
|||
<div class="container my-5"> |
|||
<!-- Version Support --> |
|||
<div class="d-flex align-items-center justify-content-end my-3"> |
|||
<div class="version-badge" style="background-color: #017e84;">Community</div> |
|||
<div class="version-badge" style="background-color: #875a7b;">Enterprise</div> |
|||
<div class="version-badge" style="background-color: #7c7bad;">Odoo.sh</div> |
|||
</div> |
|||
|
|||
<!-- Hero Section --> |
|||
<div class="tab-content" id="my_TabContent"> |
|||
<div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab"> |
|||
<div class="position-relative" style="border-radius: 16px; background: #f8f8f8; padding: 20px 0;"> |
|||
<div class="row" style="padding: 2rem 0;"> |
|||
<div class="col-lg-8 mx-auto d-flex flex-column align-items-center gap-4"> |
|||
<p class="my-1 text-center text-uppercase" style="letter-spacing: 4px; color: var(--primary-color); font-weight: 600; font-size: 14px;"> |
|||
Get the sale report of individual products in graph view. |
|||
</p> |
|||
<h1 class="text-center text-uppercase my-0" style="color: var(--text-color); font-size: 46px; font-weight: 700;"> |
|||
Product Sale Report Graph View |
|||
</h1> |
|||
</div> |
|||
<div class="col-lg-12 d-flex justify-content-center align-items-center" style="margin: 3rem 0;"> |
|||
<img src="./assets/icons/brand-pair.svg" class="img-responsive" style="width: 50%;" alt="Brand Pair"> |
|||
</div> |
|||
<div class="col-md-12 text-center"> |
|||
<a href="mailto:odoo@cybrosys.com" class="contact-btn" style="border: 1px solid var(--primary-color); color: var(--primary-color);"> |
|||
<img src="./assets/icons/mail.svg" style="width: 24px;" alt="Mail"> |
|||
<span style="vertical-align: middle;">Email Us</span> |
|||
</a> |
|||
<a href="skype:cybroopenerp?chat" class="contact-btn" style="background-color: #7f289b; border: 1px solid #7f289b; color: #fff;"> |
|||
<img src="./assets/icons/skype-fill.svg" style="width: 24px;" alt="Skype"> |
|||
<span style="vertical-align: middle;">Skype Us</span> |
|||
</a> |
|||
</div> |
|||
<div class="d-flex justify-content-center mt-2"> |
|||
<img src="./assets/icons/hero.gif" class="w-100" style="z-index: 3; height: auto;" alt="Hero"> |
|||
</div> |
|||
</div> |
|||
<div class="position-absolute bottom-0 w-100" style="z-index: 1;"> |
|||
<img src="./assets/icons/banner-bg.svg" class="img-fluid w-100" alt="Banner Background"> |
|||
</div> |
|||
<div class="position-absolute bottom-0 end-0" style="z-index: 2;"> |
|||
<img src="./assets/icons/patter.svg" alt="Pattern"> |
|||
</div> |
|||
</div> |
|||
|
|||
<!-- Key Highlights --> |
|||
<div class="section-card"> |
|||
<div class="row"> |
|||
<div class="col-lg-12 d-flex flex-column justify-content-center align-items-center"> |
|||
<h2 style="color: var(--text-color); font-size: 40px; font-weight: 700; text-transform: uppercase; padding-bottom: 50px;"> |
|||
Key Highlights |
|||
</h2> |
|||
</div> |
|||
<div class="col-lg-4"> |
|||
<div class="key-highlight-card"> |
|||
<div class="d-flex justify-content-center align-items-center" style="background-color: #7847d9; border-radius: 8px; height: 42px; width: 42px;"> |
|||
<img src="./assets/icons/feature-icon.svg" class="img-responsive" height="26" width="26" alt="Feature"> |
|||
</div> |
|||
<h5 style="color: #000; font-weight: bold;">Sale Report of Individual Products</h5> |
|||
<p style="color: var(--text-color-light); font-size: 16px; font-weight: 400;"> |
|||
Get the sale report of individual products in graph view. |
|||
</p> |
|||
</div> |
|||
</div> |
|||
<div class="col-lg-4"> |
|||
<div class="key-highlight-card"> |
|||
<div class="d-flex justify-content-center align-items-center" style="background-color: #7847d9; border-radius: 8px; height: 42px; width: 42px;"> |
|||
<img src="./assets/icons/feature-icon.svg" class="img-responsive" height="26" width="26" alt="Feature"> |
|||
</div> |
|||
<h5 style="color: #000; font-weight: bold;">Line Chart</h5> |
|||
<p style="color: var(--text-color-light); font-size: 16px; font-weight: 400;"> |
|||
Individual product sale report in Line chart. |
|||
</p> |
|||
</div> |
|||
</div> |
|||
<div class="col-lg-4"> |
|||
<div class="key-highlight-card"> |
|||
<div class="d-flex justify-content-center align-items-center" style="background-color: #7847d9; border-radius: 8px; height: 42px; width: 42px;"> |
|||
<img src="./assets/icons/feature-icon.svg" class="img-responsive" height="26" width="26" alt="Feature"> |
|||
</div> |
|||
<h5 style="color: #000; font-weight: bold;">Bar Chart</h5> |
|||
<p style="color: var(--text-color-light); font-size: 16px; font-weight: 400;"> |
|||
Individual product sale report in Bar chart. |
|||
</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<!-- Contact Section --> |
|||
<div class="my-5"> |
|||
<div class="position-relative" style="padding: 5rem 4rem; background-color: #0a1425; border-radius: 12px;"> |
|||
<div class="d-flex flex-column gap-4"> |
|||
<span style="font-size: 40px; font-weight: 700; color: #fff; line-height: 60px; text-transform: capitalize; width: 450px;"> |
|||
Product Sale Report Graph View |
|||
</span> |
|||
<h3 style="font-size: 20px; font-weight: 400; color: #fff; line-height: 32px;"> |
|||
Are you ready to make your business more organized?<br>Improve now! |
|||
</h3> |
|||
<div class="d-flex gap-3"> |
|||
<a href="mailto:odoo@cybrosys.com" class="shop-btn" style="border-radius: 16px; border: 1px solid #ffffff33; background-color: #ffffff14; backdrop-filter: blur(10px); color: #fff; padding: 12px 16px; text-decoration: none;"> |
|||
<span style="border-radius: 12px; background-color: #ffffff1a; backdrop-filter: blur(6px); padding: 12px;"> |
|||
<img src="./assets/icons/banner-mail.svg" alt="Mail"> |
|||
</span> |
|||
<span style="font-weight: 500;">odoo@cybrosys.com</span> |
|||
</a> |
|||
<a href="tel:+91 9074270811" class="shop-btn" style="border-radius: 16px; border: 1px solid #ffffff33; background-color: #ffffff14; backdrop-filter: blur(10px); color: #fff; padding: 12px 22px 12px 18px; text-decoration: none;"> |
|||
<span style="border-radius: 12px; background-color: #ffffff1a; backdrop-filter: blur(6px); padding: 12px;"> |
|||
<img src="./assets/icons/banner-call.svg" alt="Call"> |
|||
</span> |
|||
<span style="font-weight: 500;">+91 9074270811</span> |
|||
</a> |
|||
</div> |
|||
</div> |
|||
<div class="position-absolute bottom-0 end-0"> |
|||
<img src="./assets/icons/banner-pattern.svg" style="width: 540px;" alt="Pattern"> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<!-- Tabs Section --> |
|||
<div class="mb-4 bg-white" style="border: 1px solid #ebeef2; border-radius: 6px; box-shadow: 0px 8px 20px -4px rgba(0, 0, 0, 0.10);"> |
|||
<ul class="nav nav-tabs justify-content-center bg-white py-2" id="myTab" role="tablist" style="border-radius: 6px 6px 0 0;"> |
|||
<li class="nav-item"> |
|||
<a class="nav-link active" id="overview-tab" data-bs-toggle="tab" href="#overview" role="tab" style="color: var(--text-color); font-weight: 500; font-size: 16px;">Screenshots</a> |
|||
</li> |
|||
<li class="nav-item"> |
|||
<a class="nav-link" id="feature-tab" data-bs-toggle="tab" href="#feature" role="tab" style="color: var(--text-color); font-weight: 500; font-size: 16px;">Features</a> |
|||
</li> |
|||
<li class="nav-item"> |
|||
<a class="nav-link" id="faq-tab" data-bs-toggle="tab" href="#faq" role="tab" style="color: var(--text-color); font-weight: 500; font-size: 16px;">FAQs</a> |
|||
</li> |
|||
<li class="nav-item"> |
|||
<a class="nav-link" id="releases-tab" data-bs-toggle="tab" href="#releases" role="tab" style="color: var(--text-color); font-weight: 500; font-size: 16px;">Releases</a> |
|||
</li> |
|||
</ul> |
|||
<div class="tab-content p-md-5 p-2 py-3" id="myTabContent"> |
|||
<!-- Screenshots Tab --> |
|||
<div class="tab-pane fade show active" id="overview" role="tabpanel" aria-labelledby="overview-tab"> |
|||
<div class="position-relative mb-4" style="border-radius: 10px;"> |
|||
<img src="//apps.odoocdn.com/apps/assets/17.0/ks_dashboard_ninja/ai-img/o3.png?007008f" class="w-100 h-100 position-absolute img-fluid" loading="lazy" alt="Background"> |
|||
</div> |
|||
<div class="screenshot-section"> |
|||
<div class="row"> |
|||
<div class="col-md-12"> |
|||
<h1 style="font-size: 40px; font-weight: 700; text-align: center; text-transform: capitalize;"> |
|||
<span style="color: var(--text-color);">Sales Report </span> |
|||
<span style="color: var(--primary-color);">Smart button.</span> |
|||
</h1> |
|||
</div> |
|||
<div class="col-md-12 text-center"> |
|||
<div class="d-inline-block p-3 shadow-sm" style="background-color: #fff; border-radius: 10px;"> |
|||
<img src="./assets/screenshots/screenshot1.png" class="img-fluid" loading="lazy" alt="Screenshot 1"> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="screenshot-section"> |
|||
<div class="row"> |
|||
<div class="col-md-12"> |
|||
<h1 style="font-size: 40px; font-weight: 700; text-align: center; text-transform: capitalize;"> |
|||
<span style="color: var(--text-color);">Product Sale Report in </span> |
|||
<span style="color: var(--primary-color);">Line chart.</span> |
|||
</h1> |
|||
</div> |
|||
<div class="col-md-12 text-center"> |
|||
<div class="d-inline-block p-3 shadow-sm" style="background-color: #fff; border-radius: 10px;"> |
|||
<img src="./assets/screenshots/screenshot2.png" class="img-fluid" loading="lazy" alt="Screenshot 2"> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="screenshot-section"> |
|||
<div class="row"> |
|||
<div class="col-md-12"> |
|||
<h1 style="font-size: 40px; font-weight: 700; text-align: center; text-transform: capitalize;"> |
|||
<span style="color: var(--text-color);">Product Sale Report in </span> |
|||
<span style="color: var(--primary-color);">Bar chart.</span> |
|||
</h1> |
|||
</div> |
|||
<div class="col-md-12 text-center"> |
|||
<div class="d-inline-block p-3 shadow-sm" style="background-color: #fff; border-radius: 10px;"> |
|||
<img src="./assets/screenshots/screenshot3.png" class="img-fluid" loading="lazy" alt="Screenshot 3"> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="screenshot-section"> |
|||
<div class="row"> |
|||
<div class="col-md-12"> |
|||
<h1 style="font-size: 40px; font-weight: 700; text-align: center; text-transform: capitalize;"> |
|||
<span style="color: var(--text-color);">Product Sale Report in </span> |
|||
<span style="color: var(--primary-color);">Pie chart.</span> |
|||
</h1> |
|||
</div> |
|||
<div class="col-md-12 text-center"> |
|||
<div class="d-inline-block p-3 shadow-sm" style="background-color: #fff; border-radius: 10px;"> |
|||
<img src="./assets/screenshots/screenshot4.png" class="img-fluid" loading="lazy" alt="Screenshot 4"> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<!-- Features Tab --> |
|||
<div class="tab-pane fade py-1" id="feature" role="tabpanel" aria-labelledby="feature-tab"> |
|||
<div class="row py-4"> |
|||
<div class="col-md-6 col-sm-12 p-3"> |
|||
<div class="d-flex flex-column align-items-start h-100" style="padding: 30px; border-radius: 12px; background-color: #faf8ff;"> |
|||
<div class="d-flex align-items-center"> |
|||
<div class="d-flex align-items-center justify-content-center" style="width: 36px; height: 36px; border-radius: 50%; background-color: #7847d9; margin-right: 10px;"> |
|||
<i class="fa fa-star" style="color: #fff; font-size: 14px;"></i> |
|||
</div> |
|||
<p style="color: #1a202c; font-weight: 600; font-size: 1.2rem; margin-bottom: 2px;"> |
|||
Available in Odoo Community and Enterprise. |
|||
</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="col-md-6 col-sm-12 p-3"> |
|||
<div class="d-flex flex-column align-items-start h-100" style="padding: 30px; border-radius: 12px; background-color: #faf8ff;"> |
|||
<div class="d-flex align-items-center"> |
|||
<div class="d-flex align-items-center justify-content-center" style="width: 36px; height: 36px; border-radius: 50%; background-color: #7847d9; margin-right: 10px;"> |
|||
<i class="fa fa-star" style="color: #fff; font-size: 14px;"></i> |
|||
</div> |
|||
<p style="color: #1a202c; font-weight: 600; font-size: 1.2rem; margin-bottom: 2px;"> |
|||
This module is used to get the sale report of individual products in graph view. |
|||
</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="col-md-6 col-sm-12 p-3"> |
|||
<div class="d-flex flex-column align-items-start h-100" style="padding: 30px; border-radius: 12px; background-color: #faf8ff;"> |
|||
<div class="d-flex align-items-center"> |
|||
<div class="d-flex align-items-center justify-content-center" style="width: 36px; height: 36px; border-radius: 50%; background-color: #7847d9; margin-right: 10px;"> |
|||
<i class="fa fa-star" style="color: #fff; font-size: 14px;"></i> |
|||
</div> |
|||
<p style="color: #1a202c; font-weight: 600; font-size: 1.2rem; margin-bottom: 2px;"> |
|||
Can view the report in line, bar, and pie chart. |
|||
</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<!-- FAQs Tab --> |
|||
<div class="tab-pane fade" id="faq" role="tabpanel" aria-labelledby="faq-tab"> |
|||
<div class="row" style="background-color: #fff;"> |
|||
<div class="col-md-12"> |
|||
<div class="accordion mb-4" id="accordion_faq"> |
|||
<div style="margin: 1rem 0;"> |
|||
<div class="card-header collapsed" data-bs-toggle="collapse" data-bs-target="#collapseFAQOne" aria-expanded="false" aria-controls="collapseFAQOne" style="cursor: pointer; background-color: #f8f8f8; border: none; border-top-right-radius: 10px; border-top-left-radius: 10px; padding: 12px 24px;"> |
|||
<a class="card-title text-decoration-none" style="font-size: 18px; line-height: 30px; font-weight: 500; color: #040f3a;"> |
|||
What does the Individual Product Sale Report module do? |
|||
<img alt="" |
|||
class="float-end" |
|||
src="//apps.odoocdn.com/apps/assets/16.0/index_test_odoo/assets/icons/down.svg?6ef7fd7" |
|||
width="25px"> |
|||
</a> |
|||
</div> |
|||
<div id="collapseFAQOne" class="accordion-collapse collapse" aria-labelledby="collapseFAQOne" data-bs-parent="#accordion_faq" style="box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px; border: 1px solid #f8f8f8; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;"> |
|||
<p style="padding: 0.75rem 1.25rem; font-size: 16px; line-height: 27px; color: #888; font-weight: normal;"> |
|||
This module provides a graphical representation of sales data for each individual product. Users can filter and analyze product-wise sales trends over specific periods using line, bar, or pie charts. |
|||
</p> |
|||
</div> |
|||
</div> |
|||
<div style="margin: 1rem 0;"> |
|||
<div class="card-header collapsed" data-bs-toggle="collapse" data-bs-target="#collapseFAQThree" aria-expanded="false" aria-controls="collapseFAQThree" style="cursor: pointer; background-color: #f8f8f8; border: 1px solid #f8f8f8; border-top-right-radius: 10px; border-top-left-radius: 10px; padding: 12px 24px;"> |
|||
<a class="card-title text-decoration-none" style="font-size: 18px; line-height: 30px; font-weight: 500; color: #040f3a;"> |
|||
Does this report consider cancelled or draft sale orders? |
|||
<img alt="" |
|||
class="float-end" |
|||
src="//apps.odoocdn.com/apps/assets/16.0/index_test_odoo/assets/icons/down.svg?6ef7fd7" |
|||
width="25px"> |
|||
</a> |
|||
</div> |
|||
<div id="collapseFAQThree" class="accordion-collapse collapse" aria-labelledby="collapseFAQThree" data-bs-parent="#accordion_faq" style="box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px; border: 1px solid #f8f8f8; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;"> |
|||
<p style="padding: 0.75rem 1.25rem; font-size: 16px; line-height: 27px; color: #888; font-weight: normal;"> |
|||
No, the report only includes confirmed and done sale orders. |
|||
</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<!-- Releases Tab --> |
|||
<div class="tab-pane fade" id="releases" role="tabpanel" aria-labelledby="releases-tab"> |
|||
<div class="row pt-5 m-0"> |
|||
<div class="col-md-3"> |
|||
<h4 style="font-size: 16px; font-weight: 600; color: #514f4f; margin: 0; line-height: 26px;"> |
|||
Latest Release 18.0.1.0.0 |
|||
</h4> |
|||
<span style="font-size: 14px; color: #7a7979; display: block; margin-bottom: 20px;"> |
|||
11th July, 2025 |
|||
</span> |
|||
</div> |
|||
<div class="col-md-8"> |
|||
<div style="padding: 0 0 40px;"> |
|||
<div style="margin: 0 0 10px;"> |
|||
<div style="display: inline-block; padding: 0px 8px; color: #514f4f; background-color: #ffd8d8; border-radius: 20px;"> |
|||
Add |
|||
</div> |
|||
</div> |
|||
<div class="d-flex m-0" style="color: #7a7979;"> |
|||
<ul class="pl-3 mb-0"> |
|||
<li>Initial Commit</li> |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
<div style="border-bottom: 1px solid #e3e3e3;"></div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<!-- Related Products --> |
|||
<section class="oe_container mt32"> |
|||
<h2 style="color: #091e42; font-family: Montserrat; text-align: center; margin: 25px auto; text-transform: uppercase;"> |
|||
<b>Related Products</b> |
|||
</h2> |
|||
<div id="demo" class="row carousel slide mt64 mb32" data-bs-ride="carousel"> |
|||
<div class="carousel-inner"> |
|||
<div class="carousel-item active"> |
|||
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left; padding: 10px;"> |
|||
<a href="https://apps.odoo.com/apps/modules/18.0/sale_discount_total" target="_blank" style="color: #000; text-decoration: none;"> |
|||
<div style="border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;" class="shadow-sm"> |
|||
<img class="img img-responsive center-block" style="max-width: 100%;" src="./assets/modules/b1.png" alt="Sale Discount"> |
|||
<h4 class="mt0 text-truncate" style="text-align: center; font-weight: 600; padding-top: 16px; font-size: 18px; padding-bottom: 8px; margin-bottom: 0;"> |
|||
Sale Discount on Total Amount |
|||
</h4> |
|||
</div> |
|||
</a> |
|||
</div> |
|||
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left; padding: 10px;"> |
|||
<a href="https://apps.odoo.com/apps/modules/18.0/sale_report_advanced" target="_blank" style="color: #000; text-decoration: none;"> |
|||
<div style="border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;" class="shadow-sm"> |
|||
<img class="img img-responsive center-block" style="max-width: 100%;" src="./assets/modules/b2.png" alt="Advanced Sales"> |
|||
<h4 class="mt0 text-truncate" style="text-align: center; font-weight: 600; padding-top: 16px; font-size: 18px; padding-bottom: 8px; margin-bottom: 0;"> |
|||
Advanced Sales Reports |
|||
</h4> |
|||
</div> |
|||
</a> |
|||
</div> |
|||
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left; padding: 10px;"> |
|||
<a href="https://apps.odoo.com/apps/modules/18.0/subscription_package" target="_blank" style="color: #000; text-decoration: none;"> |
|||
<div style="border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;" class="shadow-sm"> |
|||
<img class="img img-responsive center-block" style="max-width: 100%;" src="./assets/modules/b3.png" alt="Subscription"> |
|||
<h4 class="mt0 text-truncate" style="text-align: center; font-weight: 600; padding-top: 16px; font-size: 18px; padding-bottom: 8px; margin-bottom: 0;"> |
|||
Subscription Management |
|||
</h4> |
|||
</div> |
|||
</a> |
|||
</div> |
|||
</div> |
|||
<div class="carousel-item"> |
|||
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left; padding: 10px;"> |
|||
<a href="https://apps.odoo.com/apps/modules/18.0/sale_product_image" target="_blank" style="color: #000; text-decoration: none;"> |
|||
<div style="border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;" class="shadow-sm"> |
|||
<img class="img img-responsive center-block" style="max-width: 100%;" src="./assets/modules/b4.png" alt="Product Image"> |
|||
<h4 class="mt0 text-truncate" style="text-align: center; font-weight: 600; padding-top: 16px; font-size: 18px; padding-bottom: 8px; margin-bottom: 0;"> |
|||
Sale Order Line Images |
|||
</h4> |
|||
</div> |
|||
</a> |
|||
</div> |
|||
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left; padding: 10px;"> |
|||
<a href="https://apps.odoo.com/apps/modules/18.0/product_multi_uom" target="_blank" style="color: #000; text-decoration: none;"> |
|||
<div style="border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;" class="shadow-sm"> |
|||
<img class="img img-responsive center-block" style="max-width: 100%;" src="./assets/modules/b5.png" alt="Multi UoM"> |
|||
<h4 class="mt0 text-truncate" style="text-align: center; font-weight: 600; padding-top: 16px; font-size: 18px; padding-bottom: 8px; margin-bottom: 0;"> |
|||
Product Multi UoM |
|||
</h4> |
|||
</div> |
|||
</a> |
|||
</div> |
|||
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left; padding: 10px;"> |
|||
<a href="https://apps.odoo.com/apps/modules/18.0/automatic_invoice_and_post" target="_blank" style="color: #000; text-decoration: none;"> |
|||
<div style="border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;" class="shadow-sm"> |
|||
<img class="img img-responsive center-block" style="max-width: 100%;" src="./assets/modules/b6.png" alt="Invoice"> |
|||
<h4 class="mt0 text-truncate" style="text-align: center; font-weight: 600; padding-top: 16px; font-size: 18px; padding-bottom: 8px; margin-bottom: 0;"> |
|||
Automatic Invoice And Post |
|||
</h4> |
|||
</div> |
|||
</a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<a class="carousel-control-prev" href="#demo" data-bs-slide="prev" style="margin-left: -30px; 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="#demo" data-bs-slide="next" style="margin-right: -30px; width: 35px; color: #000;"> |
|||
<span class="carousel-control-next-icon"> |
|||
<i class="fa fa-chevron-right" style="font-size: 24px;"></i> |
|||
</span> |
|||
</a> |
|||
</div> |
|||
</section> |
|||
|
|||
<!-- Services Section --> |
|||
<section id="services" class="mt-5 section-card"> |
|||
<div class="text-center mt-4"> |
|||
<h3 style="color: #000; font-family: Montserrat; font-size: 40px; font-weight: 700; text-transform: uppercase; padding-bottom: 50px;"> |
|||
Our Services |
|||
</h3> |
|||
</div> |
|||
<div class="row mt-3"> |
|||
<div class="col-lg-3 col-sm-12 mb-3"> |
|||
<a href="#" style="text-decoration: none;"> |
|||
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" style="background-color: #ffe2e5; gap: 16px; border-radius: 8px;"> |
|||
<div class="d-flex justify-content-center align-items-center" style="background-color: #fa5a7d; border-radius: 50%; height: 56px; width: 56px;"> |
|||
<img src="./assets/icons/gear.svg" class="img-responsive" height="28" width="28" alt="Gear"> |
|||
</div> |
|||
<span style="font-size: 18px; color: var(--text-color); font-weight: 600;">Odoo Customization</span> |
|||
</div> |
|||
</a> |
|||
</div> |
|||
<div class="col-lg-3 col-sm-12 mb-3"> |
|||
<a href="#" style="text-decoration: none;"> |
|||
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" style="background-color: #fff4de; gap: 16px; border-radius: 8px;"> |
|||
<div class="d-flex justify-content-center align-items-center" style="background-color: #ff947a; border-radius: 50%; height: 56px; width: 56px;"> |
|||
<img src="./assets/icons/wrench-icon.svg" class="img-responsive" height="28" width="28" alt="Wrench"> |
|||
</div> |
|||
<span style="font-size: 18px; color: var(--text-color); font-weight: 600;">Odoo Implementation</span> |
|||
</div> |
|||
</a> |
|||
</div> |
|||
<div class="col-lg-3 col-sm-12 mb-3"> |
|||
<a href="#" style="text-decoration: none;"> |
|||
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" style="background-color: #dcfce7; gap: 16px; border-radius: 8px;"> |
|||
<div class="d-flex justify-content-center align-items-center" style="background-color: #3cd856; border-radius: 50%; height: 56px; width: 56px;"> |
|||
<img src="./assets/icons/life-ring-icon.svg" class="img-responsive" height="28" width="28" alt="Life Ring"> |
|||
</div> |
|||
<span style="font-size: 18px; color: var(--text-color); font-weight: 600;">Odoo Support</span> |
|||
</div> |
|||
</a> |
|||
</div> |
|||
<div class="col-lg-3 col-sm-12 mb-3"> |
|||
<a href="#" style="text-decoration: none;"> |
|||
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" style="background-color: #f3e8ff; gap: 16px; border-radius: 8px;"> |
|||
<div class="d-flex justify-content-center align-items-center" style="background-color: #bf83ff; border-radius: 50%; height: 56px; width: 56px;"> |
|||
<img src="./assets/icons/arrows-repeat.svg" class="img-responsive" height="28" width="28" alt="Arrows"> |
|||
</div> |
|||
<span style="font-size: 18px; color: var(--text-color); font-weight: 600;">Odoo Migration</span> |
|||
</div> |
|||
</a> |
|||
</div> |
|||
<div class="col-lg-3 col-sm-12 mb-3"> |
|||
<a href="#" style="text-decoration: none;"> |
|||
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" style="background-color: #f1f9ff; gap: 16px; border-radius: 8px;"> |
|||
<div class="d-flex justify-content-center align-items-center" style="background-color: #01649c; border-radius: 50%; height: 56px; width: 56px;"> |
|||
<img src="./assets/icons/puzzle-piece-icon.svg" class="img-responsive" height="28" width="28" alt="Puzzle"> |
|||
</div> |
|||
<span style="font-size: 18px; color: var(--text-color); font-weight: 600;">Odoo Integration</span> |
|||
</div> |
|||
</a> |
|||
</div> |
|||
<div class="col-lg-3 col-sm-12 mb-3"> |
|||
<a href="#" style="text-decoration: none;"> |
|||
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" style="background-color: #edf8ed; gap: 16px; border-radius: 8px;"> |
|||
<div class="d-flex justify-content-center align-items-center" style="background-color: #69cc70; border-radius: 50%; height: 56px; width: 56px;"> |
|||
<img src="./assets/icons/odoo-consultancy.svg" class="img-responsive" height="28" width="28" alt="Consultancy"> |
|||
</div> |
|||
<span style="font-size: 18px; color: var(--text-color); font-weight: 600;">Odoo Consultancy</span> |
|||
</div> |
|||
</a> |
|||
</div> |
|||
<div class="col-lg-3 col-sm-12 mb-3"> |
|||
<a href="#" style="text-decoration: none;"> |
|||
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" style="background-color: #f1f6ff; gap: 16px; border-radius: 8px;"> |
|||
<div class="d-flex justify-content-center align-items-center" style="background-color: #2e4556; border-radius: 50%; height: 56px; width: 56px;"> |
|||
<img src="./assets/icons/odoo-licencing.svg" class="img-responsive" height="28" width="28" alt="Licensing"> |
|||
</div> |
|||
<span style="font-size: 18px; color: var(--text-color); font-weight: 600;">Odoo Licensing</span> |
|||
</div> |
|||
</a> |
|||
</div> |
|||
<div class="col-lg-3 col-sm-12 mb-3"> |
|||
<a href="#" style="text-decoration: none;"> |
|||
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" style="background-color: #faf6ea; gap: 16px; border-radius: 8px;"> |
|||
<div class="d-flex justify-content-center align-items-center" style="background-color: #fcd12c; border-radius: 50%; height: 56px; width: 56px;"> |
|||
<img src="./assets/icons/hire-odoo.svg" class="img-responsive" height="28" width="28" alt="Hire"> |
|||
</div> |
|||
<span style="font-size: 18px; color: var(--text-color); font-weight: 600;">Hire Odoo Developer</span> |
|||
</div> |
|||
</a> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script> |
|||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js" integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> |
|||
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script> |
|||
<script> |
|||
$('.owl-carousel').owlCarousel({ |
|||
rtl: true, |
|||
loop: true, |
|||
margin: 10, |
|||
nav: true, |
|||
responsive: { |
|||
0: { items: 1 }, |
|||
600: { items: 3 }, |
|||
1000: { items: 3 } |
|||
} |
|||
}); |
|||
</script> |
|||
</body> |
|||
</html> |
|||
@ -0,0 +1,20 @@ |
|||
<?xml version="1.0" encoding="UTF-8" ?> |
|||
<odoo> |
|||
<!--Adding the Button Sales Report inside the product.product model--> |
|||
<record id="product_normal_form_view" model="ir.ui.view"> |
|||
<field name="name">product.product.view.form.inherit.individual.product.report</field> |
|||
<field name="model">product.product</field> |
|||
<field name="inherit_id" ref="product.product_normal_form_view"/> |
|||
<field name="arch" type="xml"> |
|||
<div name="button_box" position="inside"> |
|||
<button class="oe_stat_button" name="action_view_sales_report" |
|||
string="Sales Report" |
|||
type="object" icon="fa-bar-chart" |
|||
groups="sales_team.group_sale_salesman" |
|||
help="Sold in the last 365 days" |
|||
invisible="sale_ok == False or sales_count == 0"> |
|||
</button> |
|||
</div> |
|||
</field> |
|||
</record> |
|||
</odoo> |
|||
@ -0,0 +1,26 @@ |
|||
<?xml version="1.0" encoding="UTF-8" ?> |
|||
<odoo> |
|||
<!--Adding the Button Sales Report inside the product.template model--> |
|||
<record id="product_template_only_form_view" model="ir.ui.view"> |
|||
<field name="name">product.template.view.form.inherit.individual.product.report</field> |
|||
<field name="model">product.template</field> |
|||
<field name="inherit_id" ref="product.product_template_only_form_view"/> |
|||
<field name="arch" type="xml"> |
|||
<div name="button_box" position="inside"> |
|||
<button class="oe_stat_button" name="action_view_sales_report" |
|||
string="Sales Report" |
|||
type="object" icon="fa-bar-chart" |
|||
groups="sales_team.group_sale_salesman" |
|||
help="Sold in the last 365 days" |
|||
invisible="sale_ok == False or sales_count == 0"> |
|||
</button> |
|||
</div> |
|||
</field> |
|||
</record> |
|||
<!-- Action for the graph view--> |
|||
<record id="report_sales_product_graph" model="ir.actions.act_window"> |
|||
<field name="name">Sales Analysis</field> |
|||
<field name="res_model">sale.report</field> |
|||
<field name="view_mode">graph</field> |
|||
</record> |
|||
</odoo> |
|||