Jan 24 [ADD] : Initial Commit 'product_management_app'

product_management_app/README.rst

@@ -0,0 +1,41 @@
+Product Management
+==================
+* Product Management module for Odoo 16.
+
+Installation
+============
+	- www.odoo.com/documentation/16.0/setup/install.html
+	- Install our custom addon
+
+License
+-------
+General Public License, Version 3 (LGPL v3).
+(https://www.odoo.com/documentation/user/16.0/legal/licenses/licenses.html)
+
+Company
+-------
+* 'Cybrosys Techno Solutions <https://cybrosys.com/>'__
+
+Credits
+-------
+* 'Cybrosys Techno Solutions <https://cybrosys.com/>'__
+   Developer : Neethu UM
+
+Contacts
+--------
+* Mail Contact : odoo@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
+==========
+This module is maintained by Cybrosys Technologies.
+
+For support and more information, please visit https://www.cybrosys.com
+
+Further information
+===================
+HTML Description: `<static/description/index.html>`__
+

product_management_app/__init__.py

@@ -0,0 +1,22 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2022-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU 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

product_management_app/__manifest__.py

@@ -0,0 +1,55 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU 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 Management V16',
+    'version': '16.0.1.0.0',
+    'summary': 'Product Management Dashboard',
+    'description': 'Product Management Dashboard',
+    'category': 'Extra Tools',
+    'author': 'Cybrosys Techno Solutions',
+    'company': 'Cybrosys Techno Solutions',
+    'maintainer': 'Cybrosys Techno Solutions',
+    'website': "https://www.cybrosys.com",
+    'license': 'LGPL-3',
+    'depends': ['product', 'sale', 'purchase', 'stock'],
+    'data': [
+        'views/product_views.xml',
+        'views/product_dashboard.xml',
+    ],
+    'assets': {
+        'web.assets_backend': [
+            'product_management_app/static/src/js/product_dashboard.js',
+            'product_management_app/static/src/xml/dashboard.xml',
+            'product_management_app/static/src/css/dashboard_views.css',
+            'https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.bundle.js',
+        ],
+        'web.assets_qweb': [
+            'product_management_app/static/src/xml/dashboard.xml',
+        ],
+    },
+    'images': [
+        'static/description/banner.png',
+    ],
+    'installable': True,
+    'auto_install': False,
+    'application': False
+}

product_management_app/doc/RELEASE_NOTES.md

@@ -0,0 +1,6 @@
+## Module <product_management_app>
+
+#### 17.01.2023
+#### Version 16.0.1.0.0
+#### ADD
+- Initial commit for Product Management Module 

product_management_app/models/__init__.py

@@ -0,0 +1,22 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2022-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU 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_management_app/models/product.py

@@ -0,0 +1,202 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU 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 fields, models, api
+import calendar
+
+
+class ProductTemplate(models.Model):
+    _inherit = 'product.template'
+
+    @api.model
+    def get_data(self):
+        """Returns data to the tiles of dashboard"""
+        product_templates = self.env['product.template'].search([])
+        product_variants = self.env['product.product'].search([])
+        storable = self.env['product.template'].search([('detailed_type', '=', 'product')])
+        consumable = self.env['product.template'].search([('detailed_type', '=', 'consu')])
+        service = self.env['product.template'].search([('detailed_type', '=', 'service')])
+        category = self.env['product.category'].search([])
+        price_list = self.env['product.pricelist'].search([])
+        attribute = self.env['product.attribute'].search([])
+        return {
+            'product_templates': len(product_templates),
+            'product_variants': len(product_variants),
+            'storable': len(storable),
+            'consumable': len(consumable),
+            'service': len(service),
+            'category': len(category),
+            'price_list': len(price_list),
+            'product_attribute': len(attribute),
+        }
+
+    @api.model
+    def get_top_sale_data(self):
+        """return the top sale"""
+        company_id = self.env.company.id
+        query = '''select DISTINCT(product_template.name ->> 'en_US') as product_name,sum(product_uom_qty) as total_quantity from 
+                       sale_order_line inner join product_product on product_product.id=sale_order_line.product_id inner join 
+                       product_template on product_product.product_tmpl_id = product_template.id where sale_order_line.company_id = ''' + str(
+            company_id) + ''' group by product_template.id ORDER 
+                       BY total_quantity DESC Limit 10 '''
+        self._cr.execute(query)
+        top_product = self._cr.dictfetchall()
+        total_quantity = []
+        for record in top_product:
+            total_quantity.append(record.get('total_quantity'))
+        product_name = []
+        for record in top_product:
+            product_name.append(record.get('product_name'))
+        final = [total_quantity, product_name]
+        return final
+
+    @api.model
+    def get_top_purchase_data(self):
+        """Returns top purchase data"""
+        company_id = self.env.company.id
+        query = '''select DISTINCT(product_template.name ->> 'en_US') as product_name,sum(product_qty) as total_quantity from 
+                               purchase_order_line inner join product_product on product_product.id=purchase_order_line.product_id inner join 
+                               product_template on product_product.product_tmpl_id = product_template.id where purchase_order_line.company_id = ''' + str(
+            company_id) + ''' group by product_template.id ORDER 
+                               BY total_quantity DESC Limit 10 '''
+
+        self._cr.execute(query)
+        top_product = self._cr.dictfetchall()
+        total_quantity = []
+        for record in top_product:
+            total_quantity.append(record.get('total_quantity'))
+        product_name = []
+        for record in top_product:
+            product_name.append(record.get('product_name'))
+        final = [total_quantity, product_name]
+        return final
+
+    @api.model
+    def get_product_location_analysis(self):
+        """Returns the location, location id to the selection"""
+        company = self.env.user.company_id.id
+        categ_qry = """select id, complete_name from stock_location"""
+        self._cr.execute(categ_qry)
+        location = self._cr.dictfetchall()
+        location_id = []
+        location_name = []
+        for record in location:
+            location_id.append(record.get('id'))
+            location_name.append(record.get('complete_name'))
+        value1 = {'location_id': location_id, 'location_name': location_name}
+        return value1
+
+    @api.model
+    def get_products(self):
+        """Returns the product, product name to the selection"""
+        data = self.env['product.template'].search([])
+        product_id = []
+        product_name = []
+        for record in data:
+            product_id.append(record.id)
+            product_name.append(self.env['product.template'].search([('id', '=', record.id)]).name)
+        value1 = {'product_id': product_id, 'product_name': product_name}
+        return value1
+
+    @api.model
+    def get_prod_details(self, data):
+        """Returns the monthly analysis of product movement"""
+        query = """select product_template.name ->> 'en_US' as name,sum(stock_move_line.qty_done),EXTRACT(month from stock_move_line.date) from stock_move_line
+            inner join product_product on stock_move_line.product_id = product_product.id
+            inner join product_template on product_product.product_tmpl_id = product_template.id
+            where stock_move_line.company_id = %s and stock_move_line.product_id = %s group by product_template.name, 
+            stock_move_line.date""" % (self.env.company.id, data)
+        self._cr.execute(query)
+        product_move = self._cr.dictfetchall()
+        month = []
+        for rec in product_move:
+            month.append(int(rec['date_part']))
+            rec.update({
+                'count': rec['sum'],
+                'dates': calendar.month_name[int(rec['date_part'])],
+                'month': int(rec['date_part'])
+            })
+        for rec in range(1, 13):
+            if rec not in month:
+                product_move.append({
+                    'count': 0,
+                    'dates': calendar.month_name[rec],
+                    'month': rec
+                })
+        count = []
+        months = []
+        cr = sorted(product_move, key=lambda i: i['month'])
+        for rec in cr:
+            count.append(rec['count'])
+            months.append(rec['dates'])
+        return {
+            'count': count,
+            'dates': months
+        }
+
+    @api.model
+    def product_move_by_category(self, args):
+        """rpc method of product moves by category
+            Returns category name and quantity_done"""
+        category_id = int(args)
+        company_id = self.env.company.id
+        query = ('''select product_template.name,sum(stock_move_line.qty_done) from stock_move_line
+            inner join product_product on stock_move_line.product_id = product_product.id
+            inner join product_template on product_product.product_tmpl_id = product_template.id
+            inner join product_category on product_template.categ_id = product_category.id
+            where stock_move_line.company_id = %s and product_category.id = %s group by product_template.name''' %
+                 (company_id, category_id))
+        self._cr.execute(query)
+        product_move = self._cr.dictfetchall()
+        quantity_done = []
+        name = []
+        for record in product_move:
+            quantity_done.append(record.get('sum'))
+            name.append(record.get('name'))
+        value = {
+            'name': name,
+            'count': quantity_done,
+        }
+        return value
+
+    @api.model
+    def get_product_qty_by_loc(self, args):
+        """Returns product qty based on the location selected"""
+        query = ('''
+            select sl.complete_name, pt.name ->> 'en_US' as name, sq.quantity
+            from stock_quant sq
+            inner join stock_location sl on sq.location_id = sl.id
+            inner join product_product pp on sq.product_id = pp.id
+            inner join product_template pt on pp.product_tmpl_id = pt.id
+            where sq.company_id = '%s' and sl.id = '%s'
+            group by sl.complete_name,pt.name, sq.quantity
+        ''' % (self.env.company.id, int(args)))
+        result = self._cr.execute(query)
+        product_qty = self._cr.dictfetchall()
+        product = []
+        quantity = []
+        for rec in product_qty:
+            product.append(rec['name'])
+            quantity.append(rec['quantity'])
+        return {
+            'products': product,
+            'quantity': quantity,
+        }

product_management_app/static/description/index.html

@@ -0,0 +1,542 @@
+<div style="background-color: #714B67; height: 810px; width: 100%; padding: 15px; position: relative;">
+  <!-- TITLE BAR -->
+  <div class="d-flex align-items-center justify-content-between"
+    style="border-bottom: 1px solid #875A7B; padding: 15px; display: flex; justify-content: space-between; align-items: center;">
+    <img src="assets/misc/cybrosys-logo.png" width="42" height="42" style="width: 42px; height: 42px;" />
+    <div>
+      <div
+        style="color: #7C7BAD; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: bold; background-color: white; display: inline-block; padding: 3px 10px; border-radius: 50px;"
+        class="mr-2">
+        <i class="fa fa-check mr-1"></i>Community
+      </div>
+    </div>
+  </div>
+  <!-- END OF TITLE BAR -->
+  <div class="container">
+    <div class="row">
+      <div class="col-sm-12 col-md-12 col-lg-12">
+        <!-- APP HERO -->
+        <h1 style="color: #FFFFFF; font-weight: bolder; font-size: 50px; text-align: center; margin-top: 50px;">Product Management</h1>
+        <!-- END OF APP HERO -->
+        <img src="assets/screenshots/hero.gif" class="img-responsive"
+          style="width: 100%; margin-left: auto; margin-right: auto;" />
+      </div>
+    </div>
+  </div>
+
+
+</div>
+
+<!-- NAVIGATION SECTION -->
+<div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px; margin-top: 300px;">
+  <div class="d-flex justify-content-center align-items-center mr-2"
+    style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+    <img src="assets/misc/compass.png" />
+  </div>
+  <h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Explore This
+    Module</h2>
+</div>
+<div class="row my-4" style="font-family: 'Montserrat', sans-serif;">
+  <div class="col-sm-12 col-md-6 my-3">
+    <a href="#overview">
+      <div class="d-flex justify-content-between align-items-center"
+        style="background-color: #f5f5f5; padding: 30px; width: 100%;">
+        <div>
+          <span style="color: #714B67; font-size: 24px; font-weight: 500; display: block;">Overview</span>
+          <span style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33;  display: block;">Learn
+            more about this
+            module</span>
+        </div>
+        <img src="assets/misc/right-arrow.png" width="36" height="36" />
+      </div>
+    </a>
+  </div>
+  <div class="col-sm-12 col-md-6 my-3">
+    <a href="#features">
+      <div class="d-flex justify-content-between align-items-center"
+        style="background-color: #f5f5f5; padding: 30px; width: 100%;">
+        <div>
+          <span style="color: #714B67; font-size: 24px; font-weight: 500; display: block;">Features</span>
+          <span style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33;  display: block;">View
+            features of this
+            module</span>
+        </div>
+        <img src="assets/misc/right-arrow.png" width="36" height="36" />
+      </div>
+    </a>
+  </div>
+  <div class="col-sm-12 col-md-6 my-3">
+    <a href="#screenshots">
+      <div class="d-flex justify-content-between align-items-center"
+        style="background-color: #f5f5f5; padding: 30px; width: 100%;">
+        <div>
+          <span style="color: #714B67; font-size: 24px; font-weight: 500; display: block;">Screenshots</span>
+          <span style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33;  display: block;">View
+            screenshots for this
+            module</span>
+        </div>
+        <img src="assets/misc/right-arrow.png" width="36" height="36" />
+      </div>
+    </a>
+  </div>
+</div>
+<!-- END OF NAVIGATION SECTION -->
+
+<!-- OVERVIEW SECTION -->
+<div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px;" id="overview">
+  <div class="d-flex justify-content-center align-items-center mr-2"
+    style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+    <img src="assets/misc/pie-chart.png" />
+  </div>
+  <h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Overview
+  </h2>
+</div>
+<div class="row" style="font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 200%;">
+  <div class="col-sm-12 py-4">
+    This module helps to manage the products independently.
+  </div>
+</div>
+<!-- END OF OVERVIEW SECTION -->
+
+<!-- FEATURES SECTION -->
+<div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px;" id="features">
+  <div class="d-flex justify-content-center align-items-center mr-2"
+    style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+    <img src="assets/misc/features.png" />
+  </div>
+  <h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Features
+  </h2>
+</div>
+<div class="row" style="font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 200%;">
+  <div class="col-sm-12 col-md-6">
+    <div class="d-flex align-items-center" style="margin-top: 30px; margin-bottom: 30px">
+      <img src="assets/misc/check-box.png" class="mr-2" />
+      <span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Product as seperate Module</span>
+    </div>
+    <div class="d-flex align-items-center" style="margin-top: 30px; margin-bottom: 30px">
+      <img src="assets/misc/check-box.png" class="mr-2" />
+      <span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Manage product, product variants, price list, product stock, its movements</span>
+    </div>
+    <div class="d-flex align-items-center" style="margin-top: 30px; margin-bottom: 30px">
+      <img src="assets/misc/check-box.png" class="mr-2" />
+      <span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Dashboard to show the product's contents in general</span>
+    </div>
+    <div class="d-flex align-items-center" style="margin-top: 30px; margin-bottom: 30px">
+      <img src="assets/misc/check-box.png" class="mr-2" />
+      <span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Graphs to show tops sold/purchased products</span>
+    </div>
+    <div class="d-flex align-items-center" style="margin-top: 30px; margin-bottom: 30px">
+      <img src="assets/misc/check-box.png" class="mr-2" />
+      <span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Graphs to show product movements in each month</span>
+    </div>
+    <div class="d-flex align-items-center" style="margin-top: 30px; margin-bottom: 30px">
+      <img src="assets/misc/check-box.png" class="mr-2" />
+      <span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Graphs to show product based on the location</span>
+    </div>
+  </div>
+
+  </div>
+</div>
+<!-- END OF FEATURES SECTION -->
+
+<!-- SCREENSHOTS SECTION -->
+<div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px;" id="screenshots">
+  <div class="d-flex justify-content-center align-items-center mr-2"
+    style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+    <img src="assets/misc/pictures.png" />
+  </div>
+  <h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Screenshots
+  </h2>
+</div>
+<div class="row">
+  <div class="col-sm-12">
+    <div style="display: block; margin: 30px auto;">
+      <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Product Module over view
+      </h3>
+      <img src="assets/screenshots/product_menu.png" class="img-thumbnail">
+    </div>
+    <div style="display: block; margin: 30px auto;">
+      <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Product's Dashboard
+      </h3>
+      <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Dashboard for quick overview of the products</p>
+      <img src="assets/screenshots/dashboard.png" class="img-thumbnail">
+
+    </div>
+
+    <div style="display: block; margin: 30px auto;">
+      <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Products' monthly analysis
+      </h3>
+      <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Product moved are plot against each month</p>
+      <img src="assets/screenshots/monthly_analysis.png" class="img-thumbnail">
+    </div>
+    <div style="display: block; margin: 30px auto;">
+      <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Products by location
+      </h3>
+      <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Based on the selected location the product, it's quantity can be view in the bar graph</p>
+      <img src="assets/screenshots/products_by_loc.png" class="img-thumbnail">
+    </div>
+  </div>
+</div>
+<!-- END OF SCREENSHOTS SECTION -->
+
+<!-- RELATED PRODUCTS -->
+<div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px;">
+  <div class="d-flex justify-content-center align-items-center mr-2"
+    style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+    <img src="assets/misc/categories.png" />
+  </div>
+  <h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Related
+    Products
+  </h2>
+</div>
+<div class="row">
+  <div class="col-sm-12">
+    <div id="demo1" class="row carousel slide" data-ride="carousel">
+      <!-- The slideshow -->
+      <div class="carousel-inner" style="padding: 30px;">
+        <div class="carousel-item" style="min-height: 198.656px;">
+          <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/dynamic_accounts_report/" target="_blank">
+              <div style="border-radius:10px">
+                <img class="img img-responsive center-block" style="border-radius: 0px;" src="assets/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/custom_gantt_view/" target="_blank">
+              <div style="border-radius:10px">
+                <img class="img img-responsive center-block" style="border-radius: 0px;" src="assets/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/project_custom_gantt/" target="_blank">
+              <div style="border-radius:10px">
+                <img class="img img-responsive center-block" style="border-radius: 0px;" src="assets/modules/3.png">
+              </div>
+            </a>
+          </div>
+        </div>
+        <div class="carousel-item active" style="min-height: 198.656px;">
+          <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/account_reports_xlsx/" target="_blank">
+              <div style="border-radius:10px">
+                <img class="img img-responsive center-block" style="border-radius: 0px;" src="assets/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/base_accounting_kit/" target="_blank">
+              <div style="border-radius:10px">
+                <img class="img img-responsive center-block" style="border-radius: 0px;" src="assets/modules/5.gif">
+              </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/hr_payroll_community/" target="_blank">
+              <div style="border-radius:10px">
+                <img class="img img-responsive center-block" style="border-radius: 0px;" src="assets/modules/6.png">
+              </div>
+            </a>
+          </div>
+        </div>
+      </div>
+      <!-- Left and right controls -->
+      <a class="carousel-control-prev" href="#demo1" data-slide="prev" style="width:35px; color:#000"> <span
+          class="carousel-control-prev-icon"><i class="fa fa-chevron-left" style="font-size:24px"></i></span>
+      </a> <a class="carousel-control-next" href="#demo1" data-slide="next" style="width:35px; color:#000">
+        <span class="carousel-control-next-icon"><i class="fa fa-chevron-right" style="font-size:24px"></i></span>
+      </a>
+    </div>
+  </div>
+</div>
+<!-- END OF RELATED PRODUCTS -->
+
+<!-- OUR SERVICES -->
+
+<div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px;">
+  <div class="d-flex justify-content-center align-items-center mr-2"
+    style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+    <img src="assets/misc/star.png" />
+  </div>
+  <h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Our Services
+  </h2>
+</div>
+
+<div class="container my-5">
+  <div class="row">
+    <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>
+
+</div>
+
+<!-- END OF END OF OUR SERVICES -->
+
+<!-- OUR INDUSTRIES -->
+
+<div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px;">
+  <div class="d-flex justify-content-center align-items-center mr-2"
+    style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+    <img src="assets/misc/corporate.png" />
+  </div>
+  <h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Our
+    Industries
+  </h2>
+</div>
+
+<div class="container my-5">
+  <div class="row">
+    <div class="col-lg-3">
+      <div class="my-4 d-flex flex-column justify-content-center"
+        style="background-color: #f6f8f9 !important; border-radius: 0px; 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: 0px; 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: 0px; 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: 0px; 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: 0px; 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 &amp; 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: 0px; 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: 0px; 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: 0px; 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>
+</div>
+
+<!-- END OF END OF OUR INDUSTRIES -->
+
+<!-- SUPPORT -->
+<div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px;">
+  <div class="d-flex justify-content-center align-items-center mr-2"
+    style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+    <img src="assets/misc/customer-support.png" />
+  </div>
+  <h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Support
+  </h2>
+</div>
+<div class="container mt-5">
+  <div class="row">
+    <div class="col-sm-12 col-md-6">
+      <div style="background-color: #F6F8F9; padding: 30px; display: flex; align-items: center;">
+        <div class="mr-4 d-flex justify-content-center align-items-center"
+          style="background-color: #714B67; display: inline-block; height: 70px; width: 70px; display: flex; align-items: center; justify-content: center;">
+          <img src="assets/misc/support.png" height="48" width="48" style="width: 42px; height: 42px;" />
+        </div>
+        <div>
+          <h4>Need Help?</h4>
+          <p style="line-height: 100%;">Got questions or need help? Get in touch.</p>
+          <a href="mailto:odoo@cybrosys.com">
+            <p style="font-weight: 400; font-size: 28px; line-height: 80%; color: #714B67;">
+              odoo@cybrosys.com</p>
+          </a>
+        </div>
+      </div>
+    </div>
+    <div class="col-sm-12 col-md-6">
+      <div style="background-color: #F6F8F9; padding: 30px; display: flex; align-items: center;">
+        <div class="mr-4 d-flex justify-content-center align-items-center"
+          style="background-color: #2AC44D; display: inline-block; height: 70px; width: 70px; display: flex; align-items: center; justify-content: center;">
+          <img src="assets/misc/whatsapp.png" height="52" width="52" style="width: 52px; height: 52px;" />
+        </div>
+        <div>
+          <h4>WhatsApp</h4>
+          <p style="line-height: 100%;">Say hi to us on WhatsApp!</p>
+          <a href="https://api.whatsapp.com/send?phone=918606827707">
+            <p style="font-weight: 400; font-size: 28px; line-height: 80%; color: #714B67;">+91 86068
+              27707</p>
+          </a>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="row">
+    <div class="col-sm-12 my-5 d-flex justify-content-center align-items-center">
+      <img src="assets/misc/logo.png" width="144" height="31" style="width:144px; height: 31px; margin-top: 40px;" />
+    </div>
+  </div>
+</div>
+<!-- END OF SUPPORT -->

product_management_app/static/src/css/dashboard_views.css

@@ -0,0 +1,322 @@
+.oh_dashboards{
+    padding-top :15px;
+    background-color: #f8faff !important;
+}
+
+.oh-card h4 {
+    font-size: 1.1rem;
+}
+
+/*    Widget One
+---------------------------*/
+.stat-content {
+    display: inline-block;
+    width: 66%;
+}
+.stat-icon{
+    display: inline-block;
+}
+
+.stat-widget-one .stat-icon {
+    vertical-align: top;
+    margin: auto;
+    width: 100%;
+    color: #01c490;
+}
+
+.stat-widget-one .stat-icon i {
+  font-size: 30px;
+  font-weight: 900;
+  display: inline-block;
+  color: #01c490;}
+
+.stat-widget-one .stat-text {
+    font-size: 14px;
+    color: #868e96;
+    font-weight: bold;
+}
+
+.stat-widget-one .stat-digit {
+  font-size: 24px;
+  color: #02448b; }
+
+.stat-count {
+  font-size: 20px;
+  text-align: center;
+  color: #00438b;}
+
+.stat-title {
+  font-size: 17px;
+  text-align: center;
+  color: #00438b; }
+
+.mb-0{
+    position: relative;
+}
+.mb-0 .dash-title {
+    font-size: 20px;
+    color: rgba(255, 255, 255, 0.81);
+}
+
+.oh-card {
+
+    padding-top: 0px;
+    padding: 0px;
+    margin-bottom: 1.5rem;
+    border-radius: 0px;
+    box-shadow: none;
+    background: none;
+    transition: transform 0.2s ease, box-shadow 0.2s ease;
+    will-change: transform, box-shadow;
+
+}
+.oh-card:hover {
+
+    transform: translateY(-2px) translateZ(0) !important;
+    box-shadow: 0 10px 10px 0 rgba(62, 57, 107, 0.12), 0 0 0 transparent !important;
+
+}
+.oh-data {
+
+    margin-top: 4.5%;
+
+}
+.oh-data .stat-icon {
+
+    width: 30%;
+    height: 85px;
+    text-align: center;
+    background: #ff8762;
+    color: #fff;
+    width: 32%;
+    padding-top: 2%;
+    font-size: xxx-large;
+
+}
+.oh-data .oh-card {
+
+    transition: transform 0.2s ease, box-shadow 0.2s ease;
+    will-change: transform, box-shadow;
+    box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62,57,107,0.06);
+
+}
+.stat-widget-one .stat-text {
+    font-size: 14px;
+    color: #ff8762;
+    margin-top: 2.3rem;
+    margin-left: 1rem;
+}
+.stat-widget-one .stat-digit {
+    font-size: 26px;
+    color:#993232;
+    margin-left: 1rem;
+    margin-top: -1px;
+    font-family: initial
+}
+
+.stat-widget-one .stat-icon i {
+
+    font-size: 25px;
+    font-weight: 900;
+    display: inline-block;
+    color: #fff;
+
+}
+.stat-widget-one {
+
+    background-color: white;
+    text-align: left;
+
+}
+.stat-widget-one {
+    width: 100%;
+}
+.oh-data .stat-icon {
+
+    width: 30%;
+    height: 85px;
+    text-align: center;
+    padding-top: 2%;
+
+}
+
+h4 .stat-count {
+    font-size: 17px;
+    text-align: center;
+    color: #000 !important;
+    margin-top: 0px;
+    width: 100%;
+    float: left;
+    margin: 0;
+}
+
+.stat-head {
+    text-align: left !important;
+    font-weight: 300;
+    font-size: 15px;
+    margin-bottom: 25px;
+    margin-left: 24px;
+    width: 100%;
+}
+.oh-card-body {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.o_action_manager{
+     overflow-y: scroll !important;
+    max-width:100%;
+ }
+
+.stat_count{
+    margin-top: -89px;
+    margin-left: 35px;
+    font-size: 33px;
+}
+
+
+.stat-head {
+    text-align: left !important;
+    font-weight: 300;
+    font-size: 18px;
+    margin-bottom: 25px;
+    margin-left: 24px;
+    width: 100%;
+    margin-top: 57px;
+    color: black;
+}
+
+.top_chart{
+    height: fit-content;
+}
+.row.main-section {
+    margin-right: 0px; !important;
+}
+
+.chart-container {
+    border-radius: 0.3rem;
+    padding: 1rem;
+    margin: 1rem auto;
+}
+
+.chart-container.card-shadow {
+    height: 100%;
+}
+
+.half_chart.chart-container.card-shadow {
+	height: 49%;
+}
+#container {
+    height: 400px;
+}
+
+
+/*table*/
+.graph_details_table{
+position: absolute;
+  top: 45px;
+  right: 15px;
+
+ background-color: white;
+ border-collapse: collapse;
+ border: 1px solid #ddd;
+
+}
+
+.graph_details_table th{
+background-color:#67b7dc;
+color: white;
+  width: 250px;
+  height: 30px;
+}
+
+.graph_details_table td{
+border: 1px solid #ddd;
+height: 20px;
+}
+
+.graph_details_table tr:nth-child(even){background-color: #f2f2f2;}
+
+.graph_details_table tr:hover {background-color: #ddd;}
+
+.chart-container h2 {
+    font-weight: 700;
+    font-size: 1.690rem;
+}
+
+.hr_notification {
+    background: #f6f7fa;
+    transition: transform 0.2s ease, box-shadow 0.2s ease;
+    will-change: transform, box-shadow;
+    box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62,57,107,0.06);
+    height: 316px;
+    overflow-y: auto;
+    margin-bottom: 15px;
+}
+.hr_notification .media {
+    border-bottom: 1px solid #e6e6e6;
+    padding-bottom: 6px;
+    margin-bottom: 10px;
+}
+hr_notification .text-color.display-6 {
+    margin: 0px 0 3px;
+    color: #2d2d2d;
+}
+.hr_notification p {
+    margin: 0 0 1px;
+    color: #666;
+    font-size: 10px;
+}
+.chart_head {
+    font-size: 17px;
+    text-align: center;
+    padding: 12px 0;
+    color: #fff;
+    font-weight: 300;
+    background: #5ebade;
+    margin-bottom: 9px;
+}
+.hr_notification_head {
+    font-size: 17px;
+    text-align: center;
+    padding: 12px 0;
+    color: #fff;
+    font-weight: 300;
+    background: #5ebade;
+    margin-bottom: 9px;
+}
+@media (max-width: 767.98px) {
+    .oh-card{
+        width: 100% !important;
+    }
+    .dashboard_main_section .form-control{
+        width: 85% !important;
+        margin: 15px auto;
+    }
+    .sale_details{
+        position: relative;
+        top: 0px !important;
+        right: 0px !important;
+    }
+    .selling_product_graph_view{
+        margin-top: 5rem;
+    }
+    .hr_notification{
+        min-width: 90% !important;
+    }
+}
+.hr_notification{
+    min-width: 425.683px;
+    min-height: 316px;
+    max-width: 100%;
+}
+.media-body{
+
+    background: #466b8d;
+    float: left;
+    margin: 0;
+    width: 100%
+
+}
+

product_management_app/static/src/js/product_dashboard.js

@@ -0,0 +1,463 @@
+odoo.define("product_management_app.ProductDashboard", function (require) {
+    "use strict";
+    var AbstractAction = require('web.AbstractAction');
+    var core = require('web.core');
+    var QWeb = core.qweb;
+    var web_client = require('web.web_client');
+    var session = require('web.session');
+    var ajax = require('web.ajax');
+    var _t = core._t;
+    var rpc = require('web.rpc');
+    var self = this;
+    var DashBoard = AbstractAction.extend({
+        contentTemplate: 'ProductDashboard',
+        events: {
+            'change #prod_selection': 'onchange_prod_selection',
+            'change #product_location_selection': 'onchange_location_selection',
+        },
+
+        init: function(parent, context) {
+            this._super(parent, context);
+            this.dashboard_templates = ['ProductMainSection', 'ProductGraphs'];
+        },
+        start: function() {
+            var self = this;
+            this.set("title", 'Dashboard');
+            return this._super().then(function() {
+                self.render_dashboards();
+                self.render_graphs();
+            });
+        },
+        willStart: function(){
+            var self = this;
+            return this._super()
+        },
+        render_dashboards: function() {
+            var self = this;
+            this.fetch_data()
+            var templates = []
+            var templates = ['ProductMainSection', 'ProductGraphs'];
+            _.each(templates, function(template) {
+                self.$('.o_hr_dashboard').append(QWeb.render(template, {widget: self}))
+            });
+        },
+        fetch_data: function() {
+            var self = this
+//          fetch data to the tiles
+            var def1 = this._rpc({
+                model: 'product.template',
+                method: "get_data",
+            })
+            .then(function (result) {
+                $('#product_templates').append('<span>' + result.product_templates + '</span>');
+                $('#variants_count').append('<span>' + result.product_variants + '</span>');
+                $('#products_storable').append('<span>' + result.storable + '</span>');
+                $('#product_consumable').append('<span>' + result.consumable + '</span>');
+                $('#product_service').append('<span>' + result.service + '</span>');
+                $('#product_categ').append('<span>' + result.category + '</span>');
+                $('#product_pricelist').append('<span>' + result.price_list + '</span>');
+                $('#product_attribute').append('<span>' + result.product_attribute + '</span>');
+            });
+        },
+        on_reverse_breadcrumb: function() {
+            var self = this;
+            web_client.do_push_state({});
+            this.update_cp();
+            this.fetch_data().then(function() {
+                self.$('.o_hr_dashboard').reload();
+                self.render_dashboards();
+            });
+        },
+        render_graphs: function(){
+            var self = this;
+            self.render_top_sold_product();
+            self.render_top_purchase_product();
+            self.render_monthly_chart();
+            self.render_product_categ_analysis();
+        },
+        render_top_sold_product: function() {
+            var self = this
+            var ctx = self.$(".top_sale_chart");
+            rpc.query({
+                model: "product.template",
+                method: 'get_top_sale_data',
+            }).then(function (arrays) {
+                var data = {
+                    labels : arrays[1],
+                    datasets: [{
+                        label: "",
+                        data: arrays[0],
+                        backgroundColor: [
+                            "#1E90FF",
+                            "#95B9C7",
+                            "#66CDAA",
+                            "#FF7F50",
+                            "#F67280",
+                            "#810541",
+                            "#7D0552",
+                            "#D58A94",
+                            "#B041FF"
+                        ],
+                        borderColor: [
+                            "#1E90FF",
+                            "#95B9C7",
+                            "#66CDAA",
+                            "#FF7F50",
+                            "#F67280",
+                            "#810541",
+                            "#7D0552",
+                            "#D58A94",
+                            "#B041FF"
+                        ],
+                        borderWidth: 1
+                    },]
+                };
+
+                //options
+                var options = {
+                    responsive: true,
+                    title: false,
+                    legend: {
+                        display: true,
+                        position: "right",
+                        labels: {
+                            fontColor: "#333",
+                            fontSize: 16
+                        }
+                    },
+                    scales: {
+                        yAxes: [{
+                            gridLines: {
+                                color: "rgba(0, 0, 0, 0)",
+                                display: false,
+                            },
+                            ticks: {
+                                min: 0,
+                                display: false,
+                            }
+                        }]
+                    }
+                };
+                //create Chart class object
+                var chart = new Chart(ctx, {
+                    type: "pie",
+                    data: data,
+                    options: options
+                });
+            });
+        },
+        render_top_purchase_product: function() {
+            var self = this
+            var ctx = self.$(".top_purchase_chart");
+            rpc.query({
+                model: "product.template",
+                method: 'get_top_purchase_data',
+            }).then(function (arrays) {
+                var data = {
+                    labels : arrays[1],
+                    datasets: [{
+                        label: "",
+                        data: arrays[0],
+                        backgroundColor: [
+                            "#003f5c",
+                            "#2f4b7c",
+                            "#f95d6a",
+                            "#665191",
+                            "#d45087",
+                            "#ff7c43",
+                            "#ffa600",
+                            "#a05195",
+                            "#6d5c16"
+                        ],
+                        borderColor: [
+                            "#003f5c",
+                            "#2f4b7c",
+                            "#f95d6a",
+                            "#665191",
+                            "#d45087",
+                            "#ff7c43",
+                            "#ffa600",
+                            "#a05195",
+                            "#6d5c16"
+                        ],
+                        borderWidth: 1
+                    },]
+                };
+
+                //options
+                var options = {
+                    responsive: true,
+                    title: false,
+                    legend: {
+                        display: true,
+                        position: "right",
+                        labels: {
+                            fontColor: "#333",
+                            fontSize: 16
+                        }
+                    },
+                    scales: {
+                        yAxes: [{
+                            gridLines: {
+                                color: "rgba(0, 0, 0, 0)",
+                                display: false,
+                            },
+                            ticks: {
+                                min: 0,
+                                display: false,
+                            }
+                        }]
+                    }
+                };
+                //create Chart class object
+                var chart = new Chart(ctx, {
+                    type: "doughnut",
+                    data: data,
+                    options: options
+                });
+            });
+        },
+        render_product_categ_analysis: function() {
+            rpc.query({
+                model: "product.template",
+                method: 'get_product_location_analysis',
+            }).then(function (result) {
+                var ctx = $("#product_categ_purchases");
+//                var name = result[0].name // Add data values to array
+//                var count = result[0].count
+                var location_name = result.location_name
+                var location_id = result.location_id
+                var j = 0;
+                var k = 0;
+                Object.entries(result.location_name).forEach(([key, value]) => {
+                    if(k == 0){
+                        $('#product_location_selection').append('<option id="'+key+'" value="'+location_id[k]+'" selected="selected">'+value+'</option>')
+                        k++;
+                    }else{
+                        $('#product_location_selection').append('<option id="'+key+'" value="'+location_id[k]+'">'+value+'</option>')
+                        k++;
+                    }
+
+                });
+                $('#product_categ_table').hide();
+                var option = $( "#product_location_selection" ).val();
+                rpc.query({
+                    model: "product.template",
+                    method: "get_product_qty_by_loc",
+                    args: [option]
+                }).then(function(result) {
+                    var product = result.products
+                    var product = result.quantity
+                    var ctx = $("#product_qty");
+                    var myChart = new Chart(ctx, {
+                        type: 'bar',
+                        data: {
+                            labels: product,//x axis
+                            datasets: [{
+                                label: 'Count', // Name the series
+                                data: product, // Specify the data values array
+                                backgroundColor: '#ac3973',
+                                borderColor: '#ac3973',
+                                barPercentage: 0.5,
+                                barThickness: 6,
+                                maxBarThickness: 8,
+                                minBarLength: 0,
+                                borderWidth: 1, // Specify bar border width
+                                type: 'bar', // Set this data to a line chart
+                                fill: false
+                            }]
+                        },
+                        options: {
+                            scales: {
+                                y: {
+                                    beginAtZero: true
+                                },
+                            },
+                            responsive: true, // Instruct chart js to respond nicely.
+                            maintainAspectRatio: false, // Add to prevent default behaviour of full-width/height
+                        }
+                    });
+                });
+            });
+
+        },
+        render_monthly_chart: function(e) {
+            rpc.query({
+                model: "product.template",
+                method: 'get_products',
+            }).then(function (result) {
+                var ctx = $("#purchase_product");
+
+                var product_id = result.product_id
+                var product_name = result.product_name
+                var j = 0;
+                var k = 0;
+                Object.entries(result.product_name).forEach(([key, value]) => {
+                    if(k == 0){
+                        $('#prod_selection').append('<option id="'+key+'" value="'+product_id[k]+'" selected="selected">'+value+'</option>')
+                        k++;
+                    }else{
+                        $('#prod_selection').append('<option id="'+key+'" value="'+product_id[k]+'">'+value+'</option>')
+                        k++;
+                    }
+
+                });
+                var option = $( "#prod_selection" ).val();
+                rpc.query({
+                    model: "product.template",
+                    method: 'get_prod_details',
+                    args: [option]
+                }).then(function (result) {
+                    $("#purchase_product").empty();
+                    var ctx = $("#purchase_product");
+                    var name = result.name
+                    var count = result.count;
+                    var sum = result.sum;
+                    var j = 0;
+                    if (result) {
+                    $('#purchase_product').append('
+                    <div class="graph_canvas" style="margin-top: 30px;">
+                        <canvas id="partner_graph" height="500px" width="150px"/>
+                    </div>')
+                    var ctx = $("#partner_graph");
+                    var name = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
+
+                    var j = 0;
+
+                    if (window.myChart_year != undefined)
+                        window.myChart_year.destroy();
+                    window.myChart_year = new Chart(ctx, {
+                        type: 'line',
+                        data: {
+                            labels: name,//x axis
+                            datasets: [
+                            {
+                                label: 'Product Moves', // Name the series
+                                data: count, // Specify the data values array
+                                backgroundColor: '#0000ff',
+                                borderColor: '#0000ff',
+                                barPercentage: 0.5,
+                                barThickness: 6,
+                                maxBarThickness: 8,
+                                minBarLength: 0,
+                                borderWidth: 1, // Specify bar border width
+                                type: 'line', // Set this data to a line chart
+                                fill: false
+                            },]
+                        },
+                        options: {
+                            scales: {
+                                y: {
+                                    beginAtZero: true
+                                },
+                            },
+                            responsive: true, // Instruct chart js to respond nicely.
+                            maintainAspectRatio: false, // Add to prevent default behaviour of full-width/height
+                        }
+                    });
+                }
+                });
+            });
+        },
+        onchange_prod_selection: function() {
+            var option = $( "#prod_selection" ).val();
+            rpc.query({
+                model: "product.template",
+                method: 'get_prod_details',
+                args: [option]
+            }).then(function (result) {
+                $("#purchase_product").empty();
+                var ctx = $("#purchase_product");
+                var name = result.name
+                var count = result.count;
+                var sum = result.sum;
+                var j = 0;
+                if (result) {
+                $('#purchase_product').append('
+                <div class="graph_canvas" style="margin-top: 30px;">
+                    <canvas id="partner_graph" height="500px" width="150px"/>
+                </div>')
+                var ctx = $("#partner_graph");
+                var name = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
+
+                var j = 0;
+
+                if (window.myChart_year != undefined)
+                    window.myChart_year.destroy();
+                window.myChart_year = new Chart(ctx, {
+                    type: 'line',
+                    data: {
+                        labels: name,//x axis
+                        datasets: [
+                        {
+                            label: 'Purchase Order Total', // Name the series
+                            data: count, // Specify the data values array
+                            backgroundColor: '#0000ff',
+                            borderColor: '#0000ff',
+                            barPercentage: 0.5,
+                            barThickness: 6,
+                            maxBarThickness: 8,
+                            minBarLength: 0,
+                            borderWidth: 1, // Specify bar border width
+                            type: 'line', // Set this data to a line chart
+                            fill: false
+                        },]
+                    },
+                    options: {
+                        scales: {
+                            y: {
+                                beginAtZero: true
+                            },
+                        },
+                        responsive: true, // Instruct chart js to respond nicely.
+                        maintainAspectRatio: false, // Add to prevent default behaviour of full-width/height
+                    }
+                });
+            }
+            });
+
+        },
+        onchange_location_selection: function() {
+            var option = $( "#product_location_selection" ).val();
+            rpc.query({
+                model: "product.template",
+                method: "get_product_qty_by_loc",
+                args: [option]
+            }).then(function(result) {
+                var product = result.products
+                var quantity = result.quantity
+                var ctx = $("#product_qty");
+                var myChart = new Chart(ctx, {
+                    type: 'bar',
+                    data: {
+                        labels: product,//x axis
+                        datasets: [{
+                            label: 'Count', // Name the series
+                            data: quantity, // Specify the data values array
+                            backgroundColor: '#ac3973',
+                            borderColor: '#ac3973',
+                            barPercentage: 0.5,
+                            barThickness: 6,
+                            maxBarThickness: 8,
+                            minBarLength: 0,
+                            borderWidth: 1, // Specify bar border width
+                            type: 'bar', // Set this data to a line chart
+                            fill: false
+                        }]
+                    },
+                    options: {
+                        scales: {
+                            y: {
+                                beginAtZero: true
+                            },
+                        },
+                        responsive: true, // Instruct chart js to respond nicely.
+                        maintainAspectRatio: false, // Add to prevent default behaviour of full-width/height
+                    }
+                });
+            });
+        },
+    });
+    core.action_registry.add('product_dashboard_tag', DashBoard);
+    return DashBoard;
+});

product_management_app/static/src/xml/dashboard.xml

@@ -0,0 +1,256 @@
+<?xml version="1.0" encoding="utf-8"?>
+<template>
+    <t t-name="ProductDashboard">
+        <div class="oh_dashboards">
+            <div class="container-fluid my-5 o_hr_dashboard"/>
+
+        </div>
+    </t>
+
+    <t t-name="ProductMainSection">
+        <section class="dashboard_main" id="main_section">
+            <div class="col-sm-12 mb-4">
+                <div class="row">
+                    <div class="col-12 col-sm-12 col-md-8">
+                        <h2 class="section-header">Product Dashboard</h2>
+                    </div>
+
+                    <!--      Tiles    -->
+                    <div class="col-sm-12 mb-3">
+                        <div class="row">
+                            <div class="col-md-3 col-sm-5 all_products oh-data">
+                                <div class="oh-card" style="width: 288px;">
+                                    <div class="oh-card-body">
+                                        <div class="stat-widget-one">
+                                            <div class="stat-icon" style="background:#ff4d94">
+                                                <i class="fa fa-star"/>
+                                            </div>
+                                            <div class="stat-content">
+                                                <div class="stat-head">Products</div>
+                                                <div class="stat_count">
+                                                    <span id="templates">
+                                                        <div id="product_templates"/>
+                                                    </span>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="col-md-3 col-sm-5 product_variants oh-data">
+                                <div class="oh-card" style="width: 288px;">
+                                    <div class="oh-card-body">
+                                        <div class="stat-widget-one">
+                                            <div class="stat-icon" style="background:#99e6ff">
+                                                <i class="fa fa-star"/>
+                                            </div>
+                                            <div class="stat-content">
+                                                <div class="stat-head">Product Variants</div>
+                                                <div class="stat_count">
+                                                    <span id="count">
+                                                        <div id="variants_count"/>
+                                                    </span>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="col-md-3 col-sm-5 storable_products oh-data">
+                                <div class="oh-card" style="width: 288px;">
+                                    <div class="oh-card-body">
+                                        <div class="stat-widget-one">
+                                            <div class="stat-icon" style="background:#aaff80">
+                                                <i class="fa fa-star"/>
+                                            </div>
+                                            <div class="stat-content">
+                                                <div class="stat-head">Storable Products</div>
+                                                <div class="stat_count">
+                                                    <span id="storable">
+                                                        <div id="products_storable"/>
+                                                    </span>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="col-md-3 col-sm-5 consu_products oh-data">
+                                <div class="oh-card" style="width: 288px;">
+                                    <div class="oh-card-body">
+                                        <div class="stat-widget-one">
+                                            <div class="stat-icon" style="background:#bf80ff">
+                                                <i class="fa fa-star"/>
+                                            </div>
+                                            <div class="stat-content">
+                                                <div class="stat-head">Consumable Products</div>
+                                                <div class="stat_count">
+                                                    <span id="consumable">
+                                                        <div id="product_consumable"/>
+                                                    </span>
+
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="col-md-3 col-sm-5 service_prod oh-data">
+                                <div class="oh-card" style="width: 288px;">
+                                    <div class="oh-card-body">
+                                        <div class="stat-widget-one">
+                                            <div class="stat-icon" style="background:#ff4d94">
+                                                <i class="fa fa-star"/>
+                                            </div>
+                                            <div class="stat-content">
+                                                <div class="stat-head">Service Products</div>
+                                                <div class="stat_count">
+                                                    <span id="service">
+                                                        <div id="product_service"/>
+                                                    </span>
+
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="col-md-3 col-sm-5 categ_prod oh-data">
+                                <div class="oh-card" style="width: 288px;">
+                                    <div class="oh-card-body">
+                                        <div class="stat-widget-one">
+                                            <div class="stat-icon" style="background:#99e6ff">
+                                                <i class="fa fa-star"/>
+                                            </div>
+                                            <div class="stat-content">
+                                                <div class="stat-head">Product Category</div>
+                                                <div class="stat_count">
+                                                    <span id="categ">
+                                                        <div id="product_categ"/>
+                                                    </span>
+
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="col-md-3 col-sm-5 categ_prod oh-data">
+                                <div class="oh-card" style="width: 288px;">
+                                    <div class="oh-card-body">
+                                        <div class="stat-widget-one">
+                                            <div class="stat-icon" style="background:#aaff80">
+                                                <i class="fa fa-star"/>
+                                            </div>
+                                            <div class="stat-content">
+                                                <div class="stat-head">Price Lists</div>
+                                                <div class="stat_count">
+                                                    <span id="categ">
+                                                        <div id="product_pricelist"/>
+                                                    </span>
+
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="col-md-3 col-sm-5 categ_prod oh-data">
+                                <div class="oh-card" style="width: 288px;">
+                                    <div class="oh-card-body">
+                                        <div class="stat-widget-one">
+                                            <div class="stat-icon" style="background:#bf80ff">
+                                                <i class="fa fa-star"/>
+                                            </div>
+                                            <div class="stat-content">
+                                                <div class="stat-head">Product Attribute</div>
+                                                <div class="stat_count">
+                                                    <span id="categ">
+                                                        <div id="product_attribute"/>
+                                                    </span>
+
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+    </t>
+    <t t-name="ProductGraphs">
+        <div class="col-xs-12 col-sm-12 col-lg-12 col-md-12">
+            <div class="row main-section">
+                <div class="col-sm-6 col-lg-6 top_chart">
+                    <div class="chart_head"
+                         style="font-size: 17px;text-align: center;padding: 12px 0;color: #fff;font-weight: 700;background: #0b3c38b0;">
+                        Top Sale Charts
+                    </div>
+                    <div class="top_chart_pie_div half_chart chart-container card-shadow">
+                        <div class="graph_canvas">
+                            <canvas class="top_sale_chart" width="200" height="120"/>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-sm-6 col-lg-6 top_chart">
+                    <div class="chart_head"
+                         style="font-size: 17px;text-align: center;padding: 12px 0;color: #fff;font-weight: 700;background: #3e6c1eb0;">
+                        Top Purchase Charts
+                    </div>
+                    <div class="top_chart_pie_div half_chart chart-container card-shadow">
+                        <div class="graph_canvas">
+                            <canvas class="top_purchase_chart" width="200" height="120"/>
+                        </div>
+                    </div>
+                </div>
+
+            </div>
+        </div>
+        <br/>
+        <div class="col-xs-12 col-sm-12 col-lg-12 col-md-12">
+            <div class="row main-section">
+                <div class="col-sm-6 col-lg-6">
+                    <div class="purchase_prod_categ chart-container card-shadow">
+                        <div class="chart_head"
+                             style="font-size: 17px;text-align: left;padding: 12px 0;color: #fff;font-weight: 700;background: #669731d4;text-align: center;">
+                            Product Moves Monthly Analysis
+                        </div>
+                        <div class="form-group col-4" style="padding: 12px 0;" id="vendor_select">
+                            <select id="prod_selection" class="btn btn-primary">
+                            </select>
+                        </div>
+                        <div style="height: 20px; max-height: 20px;"
+                             id="purchase_product">
+
+                        </div>
+                    </div>
+                </div>
+                <div class="col-sm-6 col-lg-6">
+                    <div class="purchase_prod_categ chart-container card-shadow" id="tiles">
+                        <div class="chart_head"
+                             style="font-size: 17px;text-align: left;padding: 12px 0;color: #fff;font-weight: 700;background: #137660c2;text-align: center;">
+                            Product By Location
+                        </div>
+                        <div style="height: 20px; max-height: 20px;"
+                             class="d-flex justify-content-between align-items-center">
+                            <div class="form-group col-4" id="product_categ_select">
+                                <select id="product_location_selection" class="btn btn-primary">
+                                </select>
+                            </div>
+                        </div>
+                        <div class="graph_canvas" style="margin-top: 30px;">
+                            <canvas id="product_qty" height="500px" width="150px"/>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <br/>
+    </t>
+
+
+</template>

product_management_app/views/product_dashboard.xml

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <record id="product_dashboard_action" model="ir.actions.client">
+        <field name="name">Dashboard</field>
+        <field name="tag">product_dashboard_tag</field>
+    </record>
+    <menuitem id="dashboard"
+              name="Dashboard"
+              parent="product_management_app.menu_product_root"
+              action="product_dashboard_action"
+              sequence="-10"/>
+</odoo>

product_management_app/views/product_views.xml

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <menuitem id="menu_product_root" name="Products" sequence="10"/>
+    <menuitem id="menu_product_template" name="Products" parent="menu_product_root"
+              action="product.product_template_action"/>
+    <menuitem id="menu_product_variants" name="Products Variants" parent="menu_product_root"
+              action="product.product_normal_action" groups="product.group_product_variant" sequence="20"/>
+    <menuitem id="menu_product_pricelist" name="Pricelists" parent="menu_product_root"
+              action="product.product_pricelist_action2" groups="product.group_product_pricelist" sequence="30"/>
+    <menuitem id="menu_product_stock" name="Stock" parent="menu_product_root" sequence="230"/>
+    <menuitem action="stock.stock_move_action" id="stock_move_menu" parent="menu_product_stock" groups="base.group_no_one"/>
+    <menuitem
+        action="stock.stock_move_line_action"
+        id="stock_move_line_menu"
+        parent="menu_product_stock" sequence="200"/>
+</odoo>