Dec 6: [ADD] Initial Commit 'odoo_sale_order_line_views'

odoo_sale_order_line_views/README.rst

@@ -0,0 +1,29 @@
+==========================
+Sale Order Line Views v-16
+==========================
+
+ Sale Order Line Views is a module which helps in viewing quotation/sale order lines with custom views. User Can Easily analyse order lines directly with the help of list view, form view, kanban view, search view, pivot view, graph view and calendar view.
+
+Features
+========
+
+* Orders / Quotation lines are included with images of their related products in form view, tree view, and kanban view.
+
+* Sale order/quotation details can be viewed in different views.
+
+* Very useful for tracking sales order/quotation line records for customers who have many sales orders/quotes.
+
+* Easy to Install and Use
+
+Contributors
+============
+
+* (Odoo 16) Robin K <odoo@cybrosys.com>
+
+
+Maintainer
+==========
+
+This module is maintained by Cybrosys Technologies.
+
+For support and more information, please visit https://www.cybrosys.com

odoo_sale_order_line_views/__init__.py

@@ -0,0 +1,23 @@
+# -*- coding: utf-8 -*-
+################################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#    Copyright (C) 2022-TODAY Cybrosys Technologies(<https://www.cybrosys.com>).
+#    Author: Robin K(<robin@cybrosys.info>)
+#
+#    This program is free software: you can modify
+#    it under the terms of the GNU Affero General Public License (AGPL) as
+#    published by the Free Software Foundation, either version 3 of the
+#    License, or (at your option) any later version.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU Affero General Public License for more details.
+#
+#    You should have received a copy of the GNU Affero General Public License
+#    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+#
+################################################################################
+
+from . import models

odoo_sale_order_line_views/__manifest__.py

@@ -0,0 +1,40 @@
+# -*- 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/>.
+#############################################################################
+{
+    'name': 'Sale Order Line Views',
+    'summary': """Sale Order and Quotation Lines Detailed View""",
+    'description': """Sale Order and Quotation Lines Detailed View""",
+    'version': '16.0.1.0.0',
+    'author': 'Cybrosys Techno Solutions',
+    'company': 'Cybrosys Techno Solutions',
+    'maintainer': 'Cybrosys Techno Solutions',
+    'website': "https://www.cybrosys.com",
+    'category': 'Sales',
+    'licence': 'LGPL-3',
+    'depends': ['sale_management'],
+    'data': [
+        'views/quotation_line_views.xml',
+        'views/sale_order_line_views.xml'
+    ],
+    'images': ['static/description/banner.png'],
+    'installable': True,
+    'auto_install': False,
+    'application': False,
+}

odoo_sale_order_line_views/doc/RELEASE_NOTES.md

@@ -0,0 +1,5 @@
+## Module <odoo_sale_order_line_views>
+
+#### 30.11.2022
+#### Version 16.0.1.0.0
+##### Initial Commit for odoo_sale_order_line_views

odoo_sale_order_line_views/models/__init__.py

@@ -0,0 +1,23 @@
+# -*- coding: utf-8 -*-
+################################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#    Copyright (C) 2022-TODAY Cybrosys Technologies(<https://www.cybrosys.com>).
+#    Author: Robin K(<robin@cybrosys.info>)
+#
+#    This program is free software: you can modify
+#    it under the terms of the GNU Affero General Public License (AGPL) as
+#    published by the Free Software Foundation, either version 3 of the
+#    License, or (at your option) any later version.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU Affero General Public License for more details.
+#
+#    You should have received a copy of the GNU Affero General Public License
+#    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+#
+################################################################################
+
+from . import sale_order_line

odoo_sale_order_line_views/models/sale_order_line.py

@@ -0,0 +1,32 @@
+# -*- coding: utf-8 -*-
+################################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#    Copyright (C) 2022-TODAY Cybrosys Technologies(<https://www.cybrosys.com>).
+#    Author: Robin K(<robin@cybrosys.info>)
+#
+#    This program is free software: you can modify
+#    it under the terms of the GNU Affero General Public License (AGPL) as
+#    published by the Free Software Foundation, either version 3 of the
+#    License, or (at your option) any later version.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU Affero General Public License for more details.
+#
+#    You should have received a copy of the GNU Affero General Public License
+#    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+#
+################################################################################
+
+from odoo import models, fields
+
+
+class SaleOrderLine(models.Model):
+    _inherit = 'sale.order.line'
+
+    order_line_image = fields.Binary(string="Image",
+                                     related="product_id.image_1920")
+    contact_email = fields.Char(related="order_partner_id.email")
+    contact_phone = fields.Char(related="order_partner_id.phone")

odoo_sale_order_line_views/static/description/index.html

@@ -0,0 +1,820 @@
+<div style="background-color: #714B67; min-height: 600px; width: 100%; padding: 15px; position: relative;">
+    <!-- TITLE BAR -->
+    <div
+            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 style="color: #875A7B; 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>Enterprise
+            </div>
+            <div style="color: #017E84; 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>Odoo.sh
+            </div>
+        </div>
+    </div>
+    <!-- END OF TITLE BAR -->
+
+    <!-- APP HERO -->
+    <h1 style="color: #FFFFFF; font-weight: bolder; font-size: 50px; text-align: center; margin-top: 50px;">
+        Sale Order Line Views
+    </h1>
+    <p style="color:#FFFFFF; padding: 8px 15px; text-align: center; font-size: 24px;">
+        Sale Order and Quotation Lines Detailed View
+    </p>
+    <!-- END OF APP HERO -->
+    <img src="assets/screenshots/hero.gif"
+         style="width: 75%; height: auto; position: absolute; margin-left: auto; margin-right: auto; top: 45%; left: 12%; right: auto;"/>
+
+</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">
+        Sale Order Line Views is a module which helps in viewing
+        quotation/sale order lines with custom views.
+        User Can Easily analyse order lines directly with the help of list view,
+        form view, kanban view, search view, pivot view, graph view and calendar
+        view.
+    </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-start"
+             style="margin-top: 40px; margin-bottom: 40px">
+            <img src="./assets/misc/check-box.png" class="mr-2"/>
+            <div>
+                <span style="display: block; font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
+                    Orders / Quotation lines are included with images of their
+                    related products in form view, tree view, and kanban view.
+                </span>
+            </div>
+        </div>
+        <div class="d-flex align-items-start"
+             style="margin-top: 40px; margin-bottom: 40px">
+            <img src="./assets/misc/check-box.png" class="mr-2"/>
+            <div>
+                <span style="display: block; font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
+                    Sale order/quotation details can be viewed in different
+                    views like,
+                    list view,form view, kanban view, search view, pivot view,
+                    graph view and calendar view.
+                </span>
+            </div>
+        </div>
+        <div class="d-flex align-items-start"
+             style="margin-top: 40px; margin-bottom: 40px">
+            <img src="./assets/misc/check-box.png" class="mr-2"/>
+            <div>
+                <span style="display: block; font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
+                    Very useful for tracking sales order/quotation line
+                    records for customers who have many sales orders/quotes.
+                </span>
+            </div>
+        </div>
+        <div class="d-flex align-items-start"
+             style="margin-top: 40px; margin-bottom: 40px">
+            <img src="./assets/misc/check-box.png" class="mr-2"/>
+            <div>
+                <span style="display: block; font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
+                    Easy to Install and Use
+                </span>
+            </div>
+        </div>
+        <div class="d-flex align-items-start"
+             style="margin-top: 40px; margin-bottom: 40px">
+            <img src="./assets/misc/check-box.png" class="mr-2"/>
+            <div>
+                <span style="display: block; font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
+                    No Additional Configurations Required
+                </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;">
+                Quotation Line Views
+            </h3>
+            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
+                Go to "Quotation Line Views" under "Orders" Menu in Sales.
+            </p>
+            <img src="./assets/screenshots/Screenshot1.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;">
+                List view of quotation lines with product images
+            </h3>
+            <img src="./assets/screenshots/Screenshot2.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;">
+                Quotation lines form view with product images.
+            </h3>
+            <img src="./assets/screenshots/Screenshot4.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;">
+               Kanban view of quotation lines with product images
+            </h3>
+            <img src="./assets/screenshots/Screenshot3.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;">
+                Pivot view for analysing quotation lines
+            </h3>
+            <img src="./assets/screenshots/Screenshot5.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;">
+                Graph view of quotation lines
+            </h3>
+            <img src="./assets/screenshots/Screenshot6.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;">
+               Calendar view of quotation lines
+            </h3>
+            <img src="./assets/screenshots/Screenshot7.png"
+                 class="img-thumbnail">
+        </div>
+
+    </div>
+    <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;">
+                Sale Order Line Views
+            </h3>
+            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
+                Go to "Order Line Views" under "Orders" Menu in Sales.
+            </p>
+            <img src="./assets/screenshots/Screenshot11.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;">
+                List view of Sale Order lines with product images
+            </h3>
+            <img src="./assets/screenshots/Screenshot12.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;">
+                Sale order lines form view with product images.
+            </h3>
+            <img src="./assets/screenshots/Screenshot14.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;">
+               Kanban view of Sale Order lines with product images
+            </h3>
+            <img src="./assets/screenshots/Screenshot13.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;">
+                Pivot view for analysing Sale Order lines
+            </h3>
+            <img src="./assets/screenshots/Screenshot15.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;">
+                Graph view of Sale Order lines
+            </h3>
+            <img src="./assets/screenshots/Screenshot16.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;">
+               Calendar view of Sale Order lines
+            </h3>
+            <img src="./assets/screenshots/Screenshot17.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;">
+               You can Search for records with the advanced search view options.
+            </h3>
+            <img src="./assets/screenshots/Screenshot18.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;">
+               You can filter records using any of the provided custom filters
+            </h3>
+            <img src="./assets/screenshots/Screenshot19.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;">
+               You can group by records using any of the provided custom group by lists and kanban.
+            </h3>
+            <img src="./assets/screenshots/Screenshot20.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"
+                     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"
+                     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 -->

odoo_sale_order_line_views/views/quotation_line_views.xml

@@ -0,0 +1,236 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <record id="quotation_line_form_view" model="ir.ui.view">
+        <field name="name">sale.lines.quotation.form</field>
+        <field name="model">sale.order.line</field>
+        <field name="arch" type="xml">
+            <form string="Quotation Lines" edit="0" create="0" duplicate="0"
+                  delete="0">
+                <sheet>
+                    <field name="order_line_image" widget="image"
+                           class="oe_avatar"/>
+                    <group>
+                        <group>
+                            <h2>
+                                <field name="order_id" string="Order"/>
+                            </h2>
+                            <br/>
+                            <field name="order_partner_id"/>
+                            <field name="contact_email" widget="email"/>
+                            <field name="contact_phone" widget="phone"/>
+                            <field name="name" string="Description"/>
+                            <field name="qty_invoiced"/>
+                            <field name="qty_delivered"
+                                   string="Delivered Quantity"/>
+                        </group>
+                        <group class="mt-5">
+                            <field name="product_id"/>
+                            <field name="price_unit"/>
+                            <field name="product_uom_qty" string="Quantity"/>
+                            <field name="price_subtotal" sum="Total"
+                                   widget="monetary"/>
+                            <field name="state" string="Order Status"/>
+                            <field name="product_uom" string="Unit of Measure"
+                                   groups="uom.group_uom"/>
+                            <field name="product_uom_category_id"
+                                   invisible="1"/>
+                            <field name="company_id" invisible="1"/>
+                            <field name="currency_id" invisible="1"/>
+                        </group>
+
+                    </group>
+                </sheet>
+            </form>
+        </field>
+    </record>
+    <record id="quotation_line_tree_view" model="ir.ui.view">
+        <field name="name">sale.lines.quotation.tree</field>
+        <field name="model">sale.order.line</field>
+        <field name="arch" type="xml">
+            <tree string="Quotation Lines" create="false" edit="false"
+                  delete="false">
+                <field name="order_id"/>
+                <field name="order_partner_id"/>
+                <field name="name"/>
+                <field name="product_id"/>
+                <field name="order_line_image" widget="image"/>
+                <field name="product_uom_qty" string="Qty"/>
+                <field name="qty_delivered"/>
+                <field name="qty_invoiced"/>
+                <field name="qty_to_invoice"/>
+                <field name="product_uom" string="Unit of Measure"
+                       groups="uom.group_uom"/>
+                <field name="price_subtotal" sum="Total" widget="monetary"/>
+                <field name="state" string="Status"
+                       decoration-success="state == 'sale' or state == 'done'"
+                       decoration-info="state == 'draft' or state == 'sent'"
+                       widget="badge" optional="show"/>
+
+                <field name="currency_id" invisible="1"/>
+            </tree>
+        </field>
+    </record>
+
+    <record id="quotation_line_kanban_view" model="ir.ui.view">
+        <field name="name">sale.lines.quotation.tree</field>
+        <field name="model">sale.order.line</field>
+        <field name="arch" type="xml">
+            <kanban default_group_by="order_partner_id"
+                    class="o_kanban_small_column">
+                <field name="id"/>
+                <field name="order_id"/>
+                <field name="product_id"/>
+                <field name="order_partner_id"/>
+                <field name="price_subtotal"/>
+                <field name="order_line_image" class="oe_avatar"/>
+                <field name="state"/>
+                <templates>
+                    <t t-name="kanban-box">
+                        <div class="oe_kanban_card oe_kanban_global_click">
+                            <div class="o_kanban_image me-1">
+                                <field name="order_line_image"
+                                       widget="image"/>
+                            </div>
+                            <div class="oe_kanban_details">
+                                <div class="o_kanban_record_top mb-0">
+                                    <div class="o_kanban_record_headings">
+                                        <strong class="o_kanban_record_title">
+                                            <field name="order_id"/>
+                                        </strong>
+                                    </div>
+                                </div>
+                                <div name="product_lst_price"
+                                     class="mt-1">
+                                    Product:
+                                    <field name="product_id"/>
+                                </div>
+                                Quantity:
+                                <field name="product_uom_qty"/>
+                                <div>
+                                    Price
+                                    <field name="price_unit"/>
+                                </div>
+                                Sub Total:
+                                <field name="price_subtotal" widget="badge"/>
+                                <field name="state" widget="label_selection"
+                                       class="float-end"/>
+                            </div>
+                        </div>
+                    </t>
+                </templates>
+            </kanban>
+        </field>
+    </record>
+
+    <record id="quotation_line_view_pivot" model="ir.ui.view">
+        <field name="name">sale.lines.quotation.pivot</field>
+        <field name="model">sale.order.line</field>
+        <field name="arch" type="xml">
+            <pivot string="Pivot View Analysis" sample="1">
+                <field name="order_id" type="row"/>
+                <field name="product_id" type="row"/>
+                <field name="price_unit" type="measure"/>
+                <field name="product_uom_qty" type="measure"/>
+                <field name="price_subtotal" type="measure"/>
+            </pivot>
+        </field>
+    </record>
+
+    <record id="quotation_line_view_graph_view" model="ir.ui.view">
+        <field name="name">sale.lines.quotation.graph.view</field>
+        <field name="model">sale.order.line</field>
+        <field name="arch" type="xml">
+            <graph string="Quotations Graph Analysis" sample="1">
+                <field name="product_id" class="font-weight-bold"/>
+                <field name="product_uom_qty" type="measure"
+                       string="Ordered Qty"/>
+            </graph>
+        </field>
+    </record>
+
+    <record id="quotation_line_calender_view" model="ir.ui.view">
+        <field name="name">sale.lines.quotation.calender</field>
+        <field name="model">sale.order.line</field>
+        <field name="arch" type="xml">
+            <calendar string="Sales Orders" mode="month"
+                      date_start="create_date"
+                      color="order_partner_id" hide_time="true" event_limit="5">
+                <field name="currency_id" invisible="1"/>
+                <field name="order_partner_id" avatar_field="avatar_128"/>
+                <field name="order_id"/>
+            </calendar>
+        </field>
+    </record>
+
+    <record id="view_quotation_line_search_filter" model="ir.ui.view">
+        <field name="name">sale.lines.quotation.search</field>
+        <field name="model">sale.order.line</field>
+        <field name="arch" type="xml">
+            <search string="Search Quotation Lines">
+                <field name="order_id" string="Quotations"/>
+                <field name="order_partner_id" operator="child_of"/>
+                <field name="product_id"/>
+                <field name="salesman_id"/>
+                <separator/>
+
+                <filter string="My Quotation Lines"
+                        name="my_quotation_lines"
+                        domain="[('salesman_id','=',uid)]"/>
+                <separator/>
+                <filter name="draft" string="Draft"
+                        domain="[('state', '=', 'draft')]"/>
+                <filter name="sent" string="Sent"
+                        domain="[('state', '=', 'sent')]"/>
+                <filter name="cancel" string="Cancelled"
+                        domain="[('state', '=', 'cancel')]"/>
+                <separator/>
+                <filter string="Create Date" name="filter_create_date"
+                        date="create_date"/>
+                <separator/>
+
+
+                <group expand="0" string="Group By">
+                    <filter string="Product" name="product" domain="[]"
+                            context="{'group_by':'product_id'}"/>
+                    <filter string="Order" name="order" domain="[]"
+                            context="{'group_by':'order_id'}"/>
+                    <filter string="Salesperson" name="salesperson" domain="[]"
+                            context="{'group_by':'salesman_id'}"/>
+                    <filter name="customer" string="Customer" domain="[]"
+                            context="{'group_by':'order_partner_id'}"/>
+                    <separator/>
+                    <filter name="date" string="Create Date" domain="[]"
+                            context="{'group_by':'create_date'}"/>
+
+
+                </group>
+            </search>
+        </field>
+    </record>
+
+
+    <record id="quotation_line_views_action" model="ir.actions.act_window">
+        <field name="name">Quotation Lines</field>
+        <field name="type">ir.actions.act_window</field>
+        <field name="res_model">sale.order.line</field>
+        <field name="view_mode">tree,kanban,form,pivot,graph,calendar</field>
+        <field name="domain">[
+            ('state', 'in', ('draft', 'sent', 'cancel'))]
+        </field>
+        <field name="view_ids" eval="[(5, 0, 0),
+                            (0, 0, {'view_mode': 'tree', 'view_id': ref('quotation_line_tree_view')}),
+                            (0, 0, {'view_mode': 'kanban', 'view_id': ref('quotation_line_kanban_view')}),
+                            (0, 0, {'view_mode': 'pivot', 'view_id': ref('quotation_line_view_pivot')}),
+                            (0, 0, {'view_mode': 'graph', 'view_id': ref('quotation_line_view_graph_view')}),
+                            (0, 0, {'view_mode': 'calendar', 'view_id': ref('quotation_line_calender_view')}),
+                            ]"/>
+        <field name="search_view_id" ref="view_quotation_line_search_filter"/>
+    </record>
+
+    <menuitem id="menu_quotation_lines"
+              name="Quotation Line Views"
+              action="quotation_line_views_action"
+              parent="sale.sale_order_menu"
+              groups="sales_team.group_sale_salesman"
+              sequence="41"/>
+</odoo>

odoo_sale_order_line_views/views/sale_order_line_views.xml

@@ -0,0 +1,250 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <record id="sale_order_line_product_view_form" model="ir.ui.view">
+        <field name="name">sale.order.form.inherit.product.views</field>
+        <field name="model">sale.order</field>
+        <field name="inherit_id" ref="sale.view_order_form"/>
+        <field name="arch" type="xml">
+            <xpath expr="//field[@name='order_line']//tree//field[@name='name']"
+                   position="before">
+                <field name="order_line_image" string='Image' widget="image"
+                       class="oe_avatar w-100"
+                       options="{'zoom': true, 'preview_image':'image_128'}"/>
+            </xpath>
+        </field>
+    </record>
+
+    <record id="sale_order_line_form_view" model="ir.ui.view">
+        <field name="name">sale.lines.form</field>
+        <field name="model">sale.order.line</field>
+        <field name="arch" type="xml">
+            <form string="Sale Order Lines" edit="0" create="0" duplicate="0"
+                  delete="0">
+                <sheet>
+                    <field name="order_line_image" widget="image"
+                           class="oe_avatar"/>
+                    <group>
+                        <group>
+                            <h2>
+                                <field name="order_id" string="Order"/>
+                            </h2>
+                            <br/>
+                            <field name="order_partner_id"/>
+                            <field name="contact_email" widget="email"/>
+                            <field name="contact_phone" widget="phone"/>
+                            <field name="name" string="Description"/>
+                            <field name="qty_invoiced"/>
+                            <field name="qty_delivered"
+                                   string="Delivered Quantity"/>
+                        </group>
+                        <group class="mt-5">
+                            <field name="product_id"/>
+                            <field name="price_unit"/>
+                            <field name="product_uom_qty" string="Quantity"/>
+                            <field name="price_subtotal" sum="Total"
+                                   widget="monetary"/>
+                            <field name="state" string="Order Status"/>
+                            <field name="invoice_status"
+                                   string="Invoice Status"/>
+                            <field name="product_uom" string="Unit of Measure"
+                                   groups="uom.group_uom"/>
+                            <field name="product_uom_category_id"
+                                   invisible="1"/>
+                            <field name="company_id" invisible="1"/>
+                            <field name="currency_id" invisible="1"/>
+                        </group>
+
+                    </group>
+                </sheet>
+            </form>
+        </field>
+    </record>
+    <record id="sale_order_line_tree_view" model="ir.ui.view">
+        <field name="name">sale.lines.tree</field>
+        <field name="model">sale.order.line</field>
+        <field name="arch" type="xml">
+            <tree string="Sale Order Lines" create="false" edit="false"
+                  delete="false">
+                <field name="order_id"/>
+                <field name="order_partner_id"/>
+                <field name="name"/>
+                <field name="product_id"/>
+                <field name="order_line_image" widget="image"/>
+                <field name="product_uom_qty" string="Qty"/>
+                <field name="qty_delivered"/>
+                <field name="qty_invoiced"/>
+                <field name="qty_to_invoice"/>
+                <field name="product_uom" string="Unit of Measure"
+                       groups="uom.group_uom"/>
+                <field name="price_subtotal" sum="Total" widget="monetary"/>
+                <field name="state" string="Status"
+                       decoration-success="state == 'sale' or state == 'done'"
+                       decoration-info="state == 'draft' or state == 'sent'"
+                       widget="badge" optional="show"/>
+
+                <field name="currency_id" invisible="1"/>
+            </tree>
+        </field>
+    </record>
+
+    <record id="sale_order_line_kanban_view" model="ir.ui.view">
+        <field name="name">sale.lines.tree</field>
+        <field name="model">sale.order.line</field>
+        <field name="arch" type="xml">
+            <kanban default_group_by="order_partner_id"
+                    class="o_kanban_small_column">
+                <field name="id"/>
+                <field name="order_id"/>
+                <field name="product_id"/>
+                <field name="order_partner_id"/>
+                <field name="price_subtotal"/>
+                <field name="order_line_image" class="oe_avatar"/>
+                <field name="state"/>
+                <templates>
+                    <t t-name="kanban-box">
+                        <div class="oe_kanban_card oe_kanban_global_click">
+                            <div class="o_kanban_image me-1">
+                                <field name="order_line_image"
+                                       widget="image"/>
+                            </div>
+                            <div class="oe_kanban_details">
+                                <div class="o_kanban_record_top mb-0">
+                                    <div class="o_kanban_record_headings">
+                                        <strong class="o_kanban_record_title">
+                                            <field name="order_id"/>
+                                        </strong>
+                                    </div>
+                                </div>
+                                <div name="product_lst_price"
+                                     class="mt-1">
+                                    Product:
+                                    <field name="product_id"/>
+                                </div>
+                                Quantity:
+                                <field name="product_uom_qty"/>
+                                <div>
+                                    Price
+                                    <field name="price_unit"/>
+                                </div>
+                                Sub Total:
+                                <field name="price_subtotal" widget="badge"/>
+                                <field name="state" widget="label_selection"
+                                       class="float-end"/>
+                            </div>
+                        </div>
+                    </t>
+                </templates>
+            </kanban>
+        </field>
+    </record>
+
+    <record id="sale_order_line_view_pivot" model="ir.ui.view">
+        <field name="name">sale.lines.pivot</field>
+        <field name="model">sale.order.line</field>
+        <field name="arch" type="xml">
+            <pivot string="Pivot View Analysis" sample="1">
+                <field name="order_id" type="row"/>
+                <field name="product_id" type="row"/>
+                <field name="price_unit" type="measure"/>
+                <field name="product_uom_qty" type="measure"/>
+                <field name="price_subtotal" type="measure"/>
+            </pivot>
+        </field>
+    </record>
+
+    <record id="sale_order_line_view_graph_view" model="ir.ui.view">
+        <field name="name">sale.lines.graph.view</field>
+        <field name="model">sale.order.line</field>
+        <field name="arch" type="xml">
+            <graph string="Sale Orders Graph Analysis" sample="1">
+                <field name="product_id" class="font-weight-bold"/>
+                <field name="product_uom_qty" type="measure"
+                       string="Ordered Qty"/>
+            </graph>
+        </field>
+    </record>
+
+    <record id="sale_order_line_calender_view" model="ir.ui.view">
+        <field name="name">sale.lines.calender</field>
+        <field name="model">sale.order.line</field>
+        <field name="arch" type="xml">
+            <calendar string="Sales Orders" mode="month"
+                      date_start="create_date"
+                      color="order_partner_id" hide_time="true" event_limit="5">
+                <field name="currency_id" invisible="1"/>
+                <field name="order_partner_id" avatar_field="avatar_128"/>
+                <field name="order_id"/>
+            </calendar>
+        </field>
+    </record>
+    <record id="view_sales_order_line_search_filter" model="ir.ui.view">
+        <field name="name">sale.order.line.search</field>
+        <field name="model">sale.order.line</field>
+        <field name="arch" type="xml">
+            <search string="Search Sale Order Lines">
+                <field name="order_id" string="Sale Orders"/>
+                <field name="order_partner_id" operator="child_of"/>
+                <field name="product_id"/>
+                <field name="salesman_id"/>
+
+                <filter string="My Sales Order Lines"
+                        name="my_sales_order_lines"
+                        domain="[('salesman_id','=',uid)]"/>
+                <separator/>
+                <filter name="sale" string="Sale"
+                        domain="[('state', '=', 'sale')]"/>
+                <filter name="cancel" string="Cancelled"
+                        domain="[('state', '=', 'cancel')]"/>
+                <separator/>
+                <filter string="To Invoice"
+                        name="to_invoice"
+                        domain="[('invoice_status','=','to invoice')]"/>
+                <filter string="To Upsell"
+                        name="upselling"
+                        domain="[('invoice_status','=','upselling')]"/>
+                <separator/>
+                <filter string="Create Date" name="filter_create_date"
+                        date="create_date"/>
+                <separator/>
+
+                <group expand="0" string="Group By">
+                    <filter string="Product" name="product" domain="[]"
+                            context="{'group_by':'product_id'}"/>
+                    <filter string="Order" name="order" domain="[]"
+                            context="{'group_by':'order_id'}"/>
+                    <filter string="Salesperson" name="salesperson" domain="[]"
+                            context="{'group_by':'salesman_id'}"/>
+                    <filter name="customer" string="Customer" domain="[]"
+                            context="{'group_by':'order_partner_id'}"/>
+                    <separator/>
+                    <filter name="date" string="Create Date" domain="[]"
+                            context="{'group_by':'create_date'}"/>
+                </group>
+            </search>
+        </field>
+    </record>
+
+
+    <record id="sale_order_line_views_action" model="ir.actions.act_window">
+        <field name="name">Sale Order Lines</field>
+        <field name="type">ir.actions.act_window</field>
+        <field name="res_model">sale.order.line</field>
+        <field name="view_mode">tree,kanban,form,pivot,graph,calendar</field>
+        <field name="domain">[('state', 'not in', ('draft', 'sent'))]</field>
+        <field name="view_ids" eval="[(5, 0, 0),
+                            (0, 0, {'view_mode': 'tree', 'view_id': ref('sale_order_line_tree_view')}),
+                            (0, 0, {'view_mode': 'kanban', 'view_id': ref('sale_order_line_kanban_view')}),
+                            (0, 0, {'view_mode': 'pivot', 'view_id': ref('sale_order_line_view_pivot')}),
+                            (0, 0, {'view_mode': 'graph', 'view_id': ref('sale_order_line_view_graph_view')}),
+                            (0, 0, {'view_mode': 'calendar', 'view_id': ref('sale_order_line_calender_view')}),
+                            ]"/>
+        <field name="search_view_id" ref="view_sales_order_line_search_filter"/>
+
+    </record>
+    <menuitem id="menu_sale_order_lines"
+              name="Order Line Views"
+              action="sale_order_line_views_action"
+              parent="sale.sale_order_menu"
+              groups="sales_team.group_sale_salesman"
+              sequence="42"/>
+</odoo>