Nov 14 : [ADD]Initial Commit 'odoo_sale_order_line_views'

odoo_sale_order_line_views/README.rst

@@ -0,0 +1,45 @@
+.. image:: https://img.shields.io/badge/licence-AGPL--3-blue.svg
+   :target: https://www.gnu.org/licenses/agpl-3.0-standalone.html
+   :alt: License: AGPL-3
+
+Sale Order Line Views
+=====================
+ 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.
+
+Installation
+============
+    - www.odoo.com/documentation/15.0/setup/install.html
+    - Install our custom addon
+
+License
+-------
+General Public License, Version 3 (LGPL v3).
+(https://www.gnu.org/licenses/agpl-3.0-standalone.html)
+
+Company
+-------
+* `Cybrosys Techno Solutions <https://cybrosys.com/>`__
+
+Credits
+-------
+* Developer: (V15) Subina P, Contact: odoo@cybrosys.com
+
+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
+==========
+.. image:: https://cybrosys.com/images/logo.png
+   :target: https://cybrosys.com
+This module is maintained by Cybrosys Technologies.
+
+For support and more information, please visit https://www.cybrosys.com
+
+Further information
+===================
+HTML Description: `<static/description/index.html>`__

odoo_sale_order_line_views/__init__.py

@@ -0,0 +1,20 @@
+# -*- 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

odoo_sale_order_line_views/__manifest__.py

@@ -0,0 +1,41 @@
+# -*- 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',
+    'version': '15.0.1.0.0',
+    'category': 'Sales',
+    'summary': """Sale order and quotation lines view""",
+    'description': """Two additional options for sale order lines and quotation 
+     lines are included for detailed view with images""",
+    'author': 'Cybrosys Techno Solutions',
+    'company': 'Cybrosys Techno Solutions',
+    'maintainer': 'Cybrosys Techno Solutions',
+    'website': "https://www.cybrosys.com",
+    'depends': ['sale_management'],
+    'data': [
+        'views/sale_order_line_views.xml',
+        'views/sale_order_views.xml',
+    ],
+    'images': ['static/description/banner.png'],
+    'licence': 'LGPL-3',
+    'installable': True,
+    'auto_install': False,
+    'application': False,
+}

odoo_sale_order_line_views/doc/RELEASE_NOTES.md

@@ -0,0 +1,6 @@
+## Module <odoo_sale_order_line_views>
+
+#### 25.09.2023
+#### Version 15.0.1.0.0
+#### ADD
+Initial Commit Sale Order Line Views

odoo_sale_order_line_views/models/__init__.py

@@ -0,0 +1,20 @@
+# -*- 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 sale_order_line

odoo_sale_order_line_views/models/sale_order_line.py

@@ -0,0 +1,35 @@
+# -*- 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 odoo import fields, models
+
+
+class SaleOrderLine(models.Model):
+    """ Inherited class of sale order """
+    _inherit = 'sale.order.line'
+
+    order_line_image = fields.Binary(string="Image",
+                                     related="product_id.image_128",
+                                     help='Image of the ordered product')
+    contact_email = fields.Char(related="order_partner_id.email",
+                                string='Email',
+                                help='Mail id of the customer')
+    contact_phone = fields.Char(related="order_partner_id.phone",
+                                help='Phone number of the customer',
+                                string='Phone')

odoo_sale_order_line_views/static/description/index.html

@@ -0,0 +1,801 @@
+<div style="background-color: #714B67; min-height: 600px; 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 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 -->
+     <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;">
+                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"  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">
+        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-center" style="margin-top: 40px; margin-bottom: 40px">
+            <img src="assets/misc/check-box.png" class="mr-2"/>
+            <span style="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 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;">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 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;">
+                Very useful for tracking Sales Order/Quotation line
+                    records for customers who have many sales orders/quotes.</span>
+        </div>
+    </div>
+    <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;">Easy to install and use</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;"> No additional configurations required</span>
+        </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 Lines
+            </h3>
+            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
+                Go to "Quotation Lines " 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;">
+                Order Lines
+            </h3>
+            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
+                Go to "Order Lines " 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/barcode_scanning_sale_purchase/"
+                           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/sale_customer_product_history/#"
+                           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/sales_order_delivery_status/"
+                           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/dynamic_sale_order_fields/"
+                           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/sales_order_double_approval/"
+                           target="_blank">
+                            <div style="border-radius:10px">
+                                <img class="img img-responsive center-block"
+                                     style="border-radius: 0px;"
+                                     src="./assets/modules/5.png">
+                            </div>
+                        </a>
+                    </div>
+                    <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
+                         style="float:left">
+                        <a href="https://apps.odoo.com/apps/modules/15.0/multiple_order_confirm"
+                           target="_blank">
+                            <div style="border-radius:10px">
+                                <img class="img img-responsive center-block"
+                                     style="border-radius: 0px;"
+                                     src="./assets/modules/7.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  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  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/sale_order_line_views.xml

@@ -0,0 +1,461 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+<!--    Form view of the sale order line view-->
+    <record id="sale_order_line_view_form" model="ir.ui.view">
+        <field name="name">"sale.order.line.view.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>
+<!--    Tree view of the sale order line -->
+    <record id="sale_order_line_view_tree" model="ir.ui.view">
+        <field name="name">sale.order.line.view.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" options="{'size': [50, 50]}" />
+                <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>
+<!-- Kanban view of the sale order line-->
+    <record id="sale_order_line_view_kanban" model="ir.ui.view">
+        <field name="name">sale.order.line.view.kanban</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>
+<!--Pivot view of the sale order line-->
+    <record id="sale_order_line_view_pivot" model="ir.ui.view">
+        <field name="name">sale.order.line.view.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>
+<!-- Graph view of the sale order line-->
+    <record id="sale_order_line_view_graph" model="ir.ui.view">
+        <field name="name">sale.order.line.view.graph</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>
+<!-- Calendar view of the sale order line-->
+    <record id="sale_order_line_view_calendar" model="ir.ui.view">
+        <field name="name">sale.order.line.view.calendar</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>
+<!-- Search view of the sale order line-->
+    <record id="sale_order_line_view_search_filter" model="ir.ui.view">
+        <field name="name">sale.order.line.view.search.filter</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>
+<!-- Sale order line action-->
+    <record id="sale_order_line_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('sale_order_line_view_tree')}),
+                            (0, 0, {'view_mode': 'kanban', 'view_id': ref('sale_order_line_view_kanban')}),
+                            (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')}),
+                            (0, 0, {'view_mode': 'calendar', 'view_id': ref('sale_order_line_view_calendar')}),
+                            ]"/>
+        <field name="search_view_id" ref="sale_order_line_view_search_filter"/>
+    </record>
+<!--    Quotation line form view-->
+     <record id="sale_order_line_view_form_order" model="ir.ui.view">
+        <field name="name">sale.order.line.view.form.order</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>
+<!--    Quotation line tree view-->
+    <record id="sale_order_line_view_tree_order" model="ir.ui.view">
+        <field name="name">sale.order.line.view.tree.order</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" options="{'size': [50, 50]}"/>
+                <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>
+<!-- Quotation line kanban view-->
+    <record id="sale_order_line_view_kanban_order" model="ir.ui.view">
+        <field name="name">sale.order.line.view.kanban.order</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>
+<!-- Quotation line pivot view-->
+    <record id="sale_order_line_view_pivot_order" model="ir.ui.view">
+        <field name="name">sale.order.line.view.pivot.order</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>
+<!-- Quotation line graph view-->
+    <record id="sale_order_line_view_graph_order" model="ir.ui.view">
+        <field name="name">sale.order.line.view.graph.order</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>
+<!-- Quotation line calendar view-->
+    <record id="sale_order_line_view_calendar_order" model="ir.ui.view">
+        <field name="name">sale.order.line.view.calendar.order</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>
+<!--    Quotation line search view-->
+    <record id="sale_order_line_view_search_filter_order" model="ir.ui.view">
+        <field name="name">sale.order.line.view.search.filter.order</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 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>
+<!-- Quotation line action-->
+    <record id="sale_order_line_order_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_view_tree_order')}),
+                            (0, 0, {'view_mode': 'kanban', 'view_id': ref('sale_order_line_view_kanban_order')}),
+                            (0, 0, {'view_mode': 'pivot', 'view_id': ref('sale_order_line_view_pivot_order')}),
+                            (0, 0, {'view_mode': 'graph', 'view_id': ref('sale_order_line_view_graph_order')}),
+                            (0, 0, {'view_mode': 'calendar', 'view_id': ref('sale_order_line_view_calendar_order')}),
+                            ]"/>
+        <field name="search_view_id" ref="sale_order_line_view_search_filter_order"/>
+    </record>
+    <!-- Sale order line menu-->
+    <menuitem id="sale_order_line_menu"
+              name="Quotation Lines "
+              action="sale_order_line_action"
+              parent="sale.sale_order_menu"
+              groups="sales_team.group_sale_salesman"
+              sequence="41"/>
+    <!--    Menu for the Quotation line-->
+    <menuitem id="sale_order_line_order_menu"
+              name="Order Lines "
+              action="sale_order_line_order_action"
+              parent="sale.sale_order_menu"
+              groups="sales_team.group_sale_salesman"
+              sequence="42"/>
+</odoo>

odoo_sale_order_line_views/views/sale_order_views.xml

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+<!--    Inherited view to add the image in the sale order form-->
+    <record id="view_order_form" model="ir.ui.view">
+        <field name="name">sale.order.view.form.inherit.odoo.sale.order.line.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>
+</odoo>