Oct 06 : [ADD] Initial Commit 'sale_report_format_editor'

sale_report_format_editor/README.rst

@@ -0,0 +1,47 @@
+.. image:: https://img.shields.io/badge/license-LGPL--3-green.svg
+    :target: https://www.gnu.org/licenses/lgpl-3.0-standalone.html
+    :alt: License: LGPL-3
+
+Sale Report Format Editor
+=========================
+* The module assists in customizing sale report layouts in Odoo 16.
+
+Configuration
+=============
+* No additional configurations needed
+
+Company
+-------
+* `Cybrosys Techno Solutions <https://cybrosys.com/>`__
+
+License
+-------
+GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3)
+(https://www.gnu.org/licenses/lgpl-3.0-standalone.html)
+
+Credits
+-------
+* Developers: (V16) Raneesha MK, Contact: odoo@cybrosys.com
+              (V15) Jibin ,  Contact: odoo@cybrosys.com
+
+Contacts
+--------
+* Mail Contact : odoo@cybrosys.com
+* Website : https://cybrosys.com
+
+Bug Tracker
+-----------
+Bugs are tracked on GitHub Issues. In case of trouble, please check there if your issue has already been reported.
+
+Maintainer
+==========
+.. image:: https://cybrosys.com/images/logo.png
+   :target: https://cybrosys.com
+
+This module is maintained by Cybrosys Technologies.
+
+For support and more information, please visit `Our Website <https://cybrosys.com/>`__
+
+Further information
+===================
+HTML Description: `<static/description/index.html>`__

sale_report_format_editor/__init__.py

@@ -0,0 +1,22 @@
+# -*- coding: utf-8 -*-
+##############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Raneesha MK (odoo@cybrosys.com)
+#
+#    You can modify it under the terms of the GNU LESSER
+#    GENERAL PUBLIC LICENSE (LGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    (LGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+##############################################################################
+from . import models

sale_report_format_editor/__manifest__.py

@@ -0,0 +1,57 @@
+# -*- coding: utf-8 -*-
+##############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Raneesha MK (odoo@cybrosys.com)
+#
+#    You can modify it under the terms of the GNU LESSER
+#    GENERAL PUBLIC LICENSE (LGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    (LGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+##############################################################################
+{
+    'name': 'Sale Report Format Editor',
+    'version': '16.0.1.0.0',
+    'category': 'Sales',
+    'summary': 'Sale Report Format Editor For Configuring the Sale Report '
+               'Templates',
+    'description': 'In the Sale Format Editor App, We can configure the sale '
+                   'fields to our own need.There we can have 4 types of '
+                   'templates - Default, Normal, Modern, Old Standard. '
+                   'We can also customize and hide the fields',
+    'author': 'Cybrosys Techno Solutions',
+    'company': 'Cybrosys Techno Solutions',
+    'maintainer': 'Cybrosys Techno Solutions',
+    'website': 'https://www.cybrosys.com',
+    'depends': ['sale_management'],
+    'data': ['security/ir.model.access.csv',
+             'data/doc_layout_data.xml',
+             'report/report_sale_templates.xml',
+             'report/sale_normal_templates.xml',
+             'report/sale_modern_templates.xml',
+             'report/sale_old_templates.xml',
+             'report/preview_layout_report_templates.xml',
+             'views/doc_layout_views.xml',
+             'views/custom_external_layout_templates.xml',
+             'views/base_document_layout_views.xml',
+             'views/default_preview_templates.xml',
+             'views/normal_preview_templates.xml',
+             'views/modern_preview_templates.xml',
+             'views/old_preview_templates.xml',
+             ],
+    'images': ['static/description/banner.jpg'],
+    'license': 'LGPL-3',
+    'installable': True,
+    'auto_install': False,
+    'application': True,
+}

sale_report_format_editor/data/doc_layout_data.xml

@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <data noupdate="1">
+        <!--Demo records within the doc layout model-->
+        <record id="modern_doc_layout" model="doc.layout">
+            <field name="name">Modern</field>
+            <field name="base_color">#732673</field>
+            <field name="heading_text_color">#ffffff</field>
+            <field name="text_color">#000000</field>
+            <field name="customer_text_color">#000000</field>
+            <field name="logo_position">right</field>
+            <field name="customer_position">right</field>
+            <field name="company_position">left</field>
+            <field name="company_text_color">#808080</field>
+            <field name="description">True</field>
+            <field name="sales_person">True</field>
+        </record>
+        <record id="standard_doc_layout" model="doc.layout">
+            <field name="name">Standard</field>
+            <field name="base_color">#ff7733</field>
+            <field name="heading_text_color">#ffffff</field>
+            <field name="text_color">#000000</field>
+            <field name="customer_text_color">#000000</field>
+            <field name="logo_position">left</field>
+            <field name="customer_position">left</field>
+            <field name="company_position">right</field>
+            <field name="company_text_color">#808080</field>
+            <field name="description">True</field>
+            <field name="sales_person">True</field>
+        </record>
+    </data>
+</odoo>

sale_report_format_editor/doc/RELEASE_NOTES.md

@@ -0,0 +1,6 @@
+## Module <sale_report_format_editor>
+
+#### 27.09.2023
+#### Version 16.0.1.0.0
+#### ADD
+- Initial commit for Sale Report Format Editor

sale_report_format_editor/models/__init__.py

@@ -0,0 +1,25 @@
+# -*- coding: utf-8 -*-
+##############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Raneesha MK (odoo@cybrosys.com)
+#
+#    You can modify it under the terms of the GNU LESSER
+#    GENERAL PUBLIC LICENSE (LGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    (LGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+##############################################################################
+from . import base_document_layout
+from . import doc_layout
+from . import res_company
+from . import sale_order

sale_report_format_editor/models/base_document_layout.py

@@ -0,0 +1,78 @@
+# -*- coding: utf-8 -*-
+##############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Raneesha MK (odoo@cybrosys.com)
+#
+#    You can modify it under the terms of the GNU LESSER
+#    GENERAL PUBLIC LICENSE (LGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    (LGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+##############################################################################
+from odoo import api, fields, models
+
+
+class BaseDocumentLayout(models.TransientModel):
+    """Inheriting the base document layout model to add some fields"""
+    _inherit = 'base.document.layout'
+
+    base_layout = fields.Selection(related='company_id.base_layout',
+                                   string="Base Layout", readonly=False,
+                                   help="Base layout of current company")
+    document_layout_id = fields.Many2one(
+        related='company_id.document_layout_id', string="Sale Document Layout",
+        readonly=False, help="Sale Document layout of company")
+    watermark = fields.Boolean(string='Watermark',
+                               help="Enable if you want show "
+                                    "watermark on report")
+    watermark_show = fields.Selection(
+        [('logo', 'Company Logo'), ('name', 'Company Name')],
+        default='logo', string="Watermark Show", help="Types of Watermark")
+
+    @api.depends('report_layout_id', 'logo', 'font', 'primary_color',
+                 'secondary_color', 'report_header', 'report_footer',
+                 'base_layout', 'document_layout_id')
+    def _compute_preview(self):
+        """ Compute a qweb based preview of selected base layouts to
+            display on the wizards """
+        styles = self._get_asset_style()
+        for wizard in self:
+            if wizard.report_layout_id:
+                if wizard.base_layout == 'default':
+                    preview_css = self._get_css_for_preview(styles, wizard.id)
+                    ir_ui_view = wizard.env['ir.ui.view']
+                    wizard.preview = ir_ui_view._render_template(
+                        'sale_report_format_editor.report_preview_default',
+                        {'company': wizard, 'preview_css': preview_css})
+                elif wizard.base_layout == 'normal':
+                    preview_css = self._get_css_for_preview(styles, wizard.id)
+                    ir_ui_view = wizard.env['ir.ui.view']
+                    wizard.preview = ir_ui_view._render_template(
+                        'sale_report_format_editor.report_preview_normal',
+                        {'company': wizard, 'preview_css': preview_css, })
+                elif wizard.base_layout == 'modern':
+                    preview_css = self._get_css_for_preview(styles, wizard.id)
+                    ir_ui_view = wizard.env['ir.ui.view']
+                    wizard.preview = ir_ui_view._render_template(
+                        'sale_report_format_editor.report_preview_modern',
+                        {'company': wizard, 'preview_css': preview_css, })
+                elif wizard.base_layout == 'old':
+                    preview_css = self._get_css_for_preview(styles, wizard.id)
+                    ir_ui_view = wizard.env['ir.ui.view']
+                    wizard.preview = ir_ui_view._render_template(
+                        'sale_report_format_editor.report_preview_old',
+                        {'company': wizard, 'preview_css': preview_css, })
+                else:
+                    wizard.preview = False
+            else:
+                wizard.preview = False

sale_report_format_editor/models/doc_layout.py

@@ -0,0 +1,82 @@
+# -*- coding: utf-8 -*-
+##############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Raneesha MK (odoo@cybrosys.com)
+#
+#    You can modify it under the terms of the GNU LESSER
+#    GENERAL PUBLIC LICENSE (LGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    (LGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+##############################################################################
+from odoo import fields, models
+
+
+class DocLayout(models.Model):
+    """Used for designing the document template of sale"""
+    _name = "doc.layout"
+    _description = 'Layout Customization'
+
+    name = fields.Char(string="Name", help="Name of the Layout")
+    base_color = fields.Char(string="Base Color",
+                             help="Background color for the invoice")
+    heading_text_color = fields.Char(string="Heading Text Color",
+                                     help="Text color for headings")
+    text_color = fields.Char(string="Text Color", help="Text color of items")
+    customer_text_color = fields.Char(string="Customer Text Color",
+                                      help="Customer address text color")
+    company_text_color = fields.Char(string="Company Text Color",
+                                     help="Company address Text color")
+    logo_position = fields.Selection([('left', 'Left'),
+                                      ('right', 'Right')],
+                                     string="Logo Position",
+                                     help="Company logo position")
+    customer_position = fields.Selection([('left', 'Left'),
+                                          ('right', 'Right')],
+                                         string="Customer position",
+                                         help="Customer address position")
+    company_position = fields.Selection([('left', 'Left'),
+                                         ('right', 'Right')],
+                                        string="Company Address Position",
+                                        help="Company address position")
+    sales_person = fields.Boolean(string='Sales person', default=True,
+                                  help="Display sale person of the sale")
+    description = fields.Boolean(string='Description', default=True,
+                                 help="Display product description")
+    tax_value = fields.Boolean(string='Tax', help="Applied tax of order line")
+    reference = fields.Boolean(string='Customer Reference',
+                               help="Display customer reference of the sale")
+    tagline_position = fields.Selection(
+        selection=[('left', 'Left'), ('right', 'Right')],
+        string="Tagline Position", default='right',
+        help="Company Tagline position")
+    source = fields.Boolean(string='Source',
+                            help="Display source document of the sale")
+    address = fields.Boolean(string='Address',
+                             help="Display customer address")
+    city = fields.Boolean(string='City',
+                          help="Display city of customer address")
+    country = fields.Boolean(string='Country',
+                             help="Display country of customer address")
+    company_id = fields.Many2one('res.company', string='Company',
+                                 help="Current Company",
+                                 default=lambda self: self.env.company)
+    vat = fields.Boolean(string='VAT', default=True,
+                         help='Customer vat id')
+    watermark = fields.Boolean(string='Watermark', help="Watermark on report",
+                               related='company_id.watermark',
+                               readonly=False)
+    watermark_show = fields.Selection(
+        [('logo', 'Company Logo'), ('name', 'Company Name')],
+        default='logo', string="Watermark Show", help="Watermark types",
+        related='company_id.watermark_show', readonly=False)

sale_report_format_editor/models/res_company.py

@@ -0,0 +1,42 @@
+# -*- coding: utf-8 -*-
+##############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Raneesha MK (odoo@cybrosys.com)
+#
+#    You can modify it under the terms of the GNU LESSER
+#    GENERAL PUBLIC LICENSE (LGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    (LGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+##############################################################################
+from odoo import models, fields
+
+
+class ResCompany(models.Model):
+    """Inheriting the res company model for adding sale document
+        layout details"""
+    _inherit = 'res.company'
+
+    base_layout = fields.Selection(
+        [('default', 'Default'), ('modern', 'Modern'),
+         ('normal', 'Normal'), ('old', 'Old Standard'),
+         ], string="Sale Document Layout", default="default",
+        help="Sale document base layout types")
+    document_layout_id = fields.Many2one("doc.layout",
+                                         string="Sale Layout Configuration",
+                                         help="Configuration of sale "
+                                              "document layout")
+    watermark = fields.Boolean(string='Watermark', help="Watermark on report")
+    watermark_show = fields.Selection(
+        [('logo', 'Company Logo'), ('name', 'Company Name')],
+        default='logo', string="Watermark Show", help="Types of Watermark")

sale_report_format_editor/models/sale_order.py

@@ -0,0 +1,37 @@
+# -*- coding: utf-8 -*-
+##############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Raneesha MK (odoo@cybrosys.com)
+#
+#    You can modify it under the terms of the GNU LESSER
+#    GENERAL PUBLIC LICENSE (LGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    (LGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+##############################################################################
+from odoo import fields, models
+
+
+class SaleOrder(models.Model):
+    """Inheriting the sale order model and added the base layout and
+        a relational field to doc layout model"""
+    _inherit = 'sale.order'
+
+    base_layout = fields.Selection(
+        [('normal', 'Normal'), ('modern', 'Modern'),
+         ('old', 'Old Standard'),('default', 'Default')], defualt="default",
+        string="Sale Document Layout", help="Type of sale document layout")
+    theme_id = fields.Many2one('doc.layout',
+                               string="Sale Layout Configuration",
+                               help="Configuration of sale document layout",
+                               related='company_id.document_layout_id')

sale_report_format_editor/report/preview_layout_report_templates.xml

@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <!--Preview report layout view-->
+    <template id="preview_layout_report" inherit_id="web.preview_layout_report"
+              name="Invoice report preview">
+        <xpath expr="//t[@t-call='web.report_invoice_wizard_preview']"
+               position="replace">
+            <t t-set="o" t-value="res_company"/>
+            <t t-if="o.base_layout == 'normal'">
+                <t t-call="sale_report_format_editor.report_preview_normal"/>
+            </t>
+            <t t-if="o.base_layout == 'old'">
+                <t t-call="sale_report_format_editor.report_preview_old"/>
+            </t>
+            <t t-if="o.base_layout == 'modern'">
+                <t t-call="sale_report_format_editor.report_preview_modern"/>
+            </t>
+            <t t-if="o.base_layout == 'default'">
+                <t t-call="sale_report_format_editor.report_preview_default"/>
+            </t>
+        </xpath>
+    </template>
+</odoo>

sale_report_format_editor/report/report_sale_templates.xml

@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <!--Sale order report-->
+    <template id="sale.report_saleorder">
+        <t t-call="web.html_container">
+            <t t-foreach="docs" t-as="doc">
+                <t t-if="doc.company_id.base_layout == 'normal'">
+                    <t t-call="sale_report_format_editor.custom_template_report_sale_normal"
+                       t-lang="doc.partner_id.lang"/>
+                </t>
+                <t t-if="doc.company_id.base_layout == 'old'">
+                    <t t-call="sale_report_format_editor.old_std_report_sale_document"
+                       t-lang="doc.partner_id.lang"/>
+                </t>
+                <t t-if="doc.company_id.base_layout == 'modern'">
+                    <t t-call="sale_report_format_editor.custom_template_report_sale_modern"
+                       t-lang="doc.partner_id.lang"/>
+                </t>
+                <t t-if="doc.company_id.base_layout == 'default'">
+                    <t t-call="sale.report_saleorder_document"
+                       t-lang="doc.partner_id.lang"/>
+                </t>
+            </t>
+        </t>
+    </template>
+    <!--Sale order Pro-Forma report-->
+    <template id="sale.report_saleorder_pro_forma">
+        <t t-call="web.html_container">
+            <t t-set="is_pro_forma" t-value="True"/>
+            <t t-foreach="docs" t-as="doc">
+                <t t-if="doc.company_id.base_layout == 'normal'">
+                    <t t-call="sale_report_format_editor.custom_template_report_sale_normal"
+                       t-lang="doc.partner_id.lang"/>
+                </t>
+                <t t-if="doc.company_id.base_layout == 'old'">
+                    <t t-call="sale_report_format_editor.old_std_report_sale_document"
+                       t-lang="doc.partner_id.lang"/>
+                </t>
+                <t t-if="doc.company_id.base_layout == 'modern'">
+                    <t t-call="sale_report_format_editor.custom_template_report_sale_modern"
+                       t-lang="doc.partner_id.lang"/>
+                </t>
+                <t t-if="doc.company_id.base_layout == 'default'">
+                    <t t-call="sale.report_saleorder_document"
+                       t-lang="doc.partner_id.lang"/>
+                </t>
+            </t>
+        </t>
+    </template>
+</odoo>

sale_report_format_editor/report/sale_modern_templates.xml

@@ -0,0 +1,312 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <!--Modern Template View-->
+    <template id="custom_template_report_sale_modern">
+        <!--External layout template-->
+        <t t-call="web.external_layout">
+            <t t-if="doc and 'company_id' in doc">
+                <t t-set="company" t-value="doc.company_id"/>
+            </t>
+            <t t-if="not doc or not 'company_id' in doc">
+                <t t-set="company" t-value="res_company"/>
+            </t>
+            <t t-set="o"
+               t-value="doc.with_context({'lang':doc.partner_id.lang})"/>
+            <t t-set="model" t-value="'sale.order'"/>
+            <br/>
+            <br/>
+            <div class="page" style="overflow: hidden;">
+                <!--Sale details-->
+                <div class="row">
+                    <div t-attf-style=" background-color:#{doc.theme_id.base_color};padding:2% ;color:#{doc.theme_id.customer_text_color};">
+                        <h2 t-attf-style="color:#{doc.theme_id.heading_text_color};">
+                            <t t-if="not (env.context.get('proforma', False) or is_pro_forma)">
+                                <span t-if="doc.state not in ['draft','sent']">
+                                    <font t-attf-style="color:#{doc.theme_id.heading_text_color};">
+                                        Order #
+                                    </font>
+                                </span>
+                                <span t-if="doc.state in ['draft','sent']">
+                                    <font t-attf-style="color:#{doc.theme_id.heading_text_color}">
+                                        Quotation #
+                                    </font>
+                                </span>
+                            </t>
+                            <t t-if="env.context.get('proforma', False) or is_pro_forma">
+                                <span t-if="doc.state in ['draft','sent']">
+                                    <font t-attf-style="color:#{doc.theme_id.heading_text_color}">
+                                        Pro-Forma Invoice #
+                                    </font>
+                                </span>
+                            </t>
+                            <font>
+                                <span t-field="doc.name"
+                                      t-attf-style="color:#{doc.theme_id.heading_text_color};"/>
+                            </font>
+                        </h2>
+                        <br/>
+                        <!--Sale Order information-->
+                        <div id="sale_information">
+                            <div class="row mt32 mb32" id="informations">
+                                <div class="col-auto col-3 mw-100 mb-2"
+                                     t-if="doc.date_order and doc.state not in ['draft','sent']"
+                                     name="order_date">
+                                    <strong t-attf-style="color:#{doc.theme_id.heading_text_color}">
+                                        Order Date:
+                                    </strong>
+                                    <p class="m-0"
+                                       t-attf-style="color:#{doc.theme_id.text_color}"
+                                       t-field="doc.date_order"/>
+                                </div>
+                                <div class="col-auto col-3 mw-100 mb-2"
+                                     t-if="doc.date_order and doc.state not in ['draft','sent']"
+                                     name="quotation_date">
+                                    <strong t-attf-style="color:#{doc.theme_id.heading_text_color}">
+                                        Quotation Date:
+                                    </strong>
+                                    <p class="m-0"
+                                       t-attf-style="color:#{doc.theme_id.text_color}"
+                                       t-field="doc.date_order"/>
+                                </div>
+                                <div class="col-auto col-3 mw-100 mb-2"
+                                     t-if="doc.validity_date and doc.state in ['draft', 'sent']"
+                                     name="validity_date">
+                                    <strong t-attf-style="color:#{doc.theme_id.heading_text_color}">
+                                        Expiration Date:
+                                    </strong>
+                                    <p class="m-0"
+                                       t-attf-style="color:#{doc.theme_id.text_color}"
+                                       t-field="doc.validity_date"/>
+                                </div>
+                                <!--optional information-->
+                                <div class="col-auto col-3 mw-100 mb-2"
+                                     t-if="doc.user_id">
+                                    <div t-if="doc.theme_id.sales_person">
+                                        <font t-attf-style="color:#{doc.theme_id.text_color}">
+                                            <strong t-attf-style="color:#{doc.theme_id.heading_text_color}">
+                                                Sales Person:
+                                            </strong>
+                                            <p t-field="doc.user_id"/>
+                                        </font>
+                                    </div>
+                                </div>
+                                <div class="col-auto col-3 mw-100 mb-2"
+                                     t-if="doc.client_order_ref">
+                                    <div t-if="doc.theme_id.reference">
+                                        <font t-attf-style="color:#{doc.theme_id.text_color}">
+                                            <strong t-attf-style="color:#{doc.theme_id.heading_text_color}">
+                                                Customer Reference:
+                                            </strong>
+                                            <p t-field="doc.client_order_ref"/>
+                                        </font>
+                                    </div>
+                                </div>
+                                <div class="col-auto col-3 mw-100 mb-2"
+                                     t-if="doc.source_id">
+                                    <div t-if="doc.theme_id.source">
+                                        <font t-attf-style="color:#{doc.theme_id.text_color}">
+                                            <strong t-attf-style="color:#{doc.theme_id.heading_text_color}">
+                                                Source:
+                                            </strong>
+                                            <p t-field="doc.source_id"/>
+                                        </font>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <br/>
+                <br/>
+                <!--Customer Address-->
+                <div t-if="o.theme_id.address"
+                     id="customer address"
+                     t-attf-style="color:#{o.theme_id.customer_text_color}">
+                    <div class="row">
+                        <div style="width:50%;"
+                             t-attf-class="{{'ms-auto' if o.theme_id.customer_position == 'right' else ''}}">
+                            <div itemprop="address"
+                                 class="address">
+                                <div>
+                                    <span t-if="o.partner_id">
+                                        <span style="color:#{o.theme_id.customer_text_color} !important;"
+                                              t-field="o.partner_id"/>
+                                    </span>
+                                </div>
+                                <div>
+                                    <span t-if="o.partner_id.street">
+                                        <span style="color:#{o.theme_id.customer_text_color} !important;"
+                                              t-field="o.partner_id.street"/>
+                                    </span>
+                                </div>
+                                <div>
+                                    <span t-if="o.partner_id.street2">
+                                        <span style="color:#{o.theme_id.customer_text_color} !important;"
+                                              t-field="o.partner_id.street2"/>
+                                    </span>
+                                </div>
+                                <div t-if="o.theme_id.city">
+                                    <span t-if="o.partner_id.city">
+                                        <span style="color:#{o.theme_id.customer_text_color} !important;"
+                                              t-field="o.partner_id.city"/>
+                                    </span>
+                                </div>
+                                <div t-if="o.theme_id.country">
+                                    <span t-if="o.partner_id.country_id">
+                                        <span style="color:#{o.theme_id.customer_text_color} !important;"
+                                              t-field="o.partner_id.country_id"/>
+                                    </span>
+                                </div>
+                                <div t-if="o.theme_id.vat">
+                                    <span t-if="o.partner_id.vat">
+                                        <span style="color:#{o.theme_id.customer_text_color} !important;"
+                                              t-field="o.partner_id.vat"/>
+                                    </span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div style="width:50%;"
+                             t-attf-class="{{'ms-auto' if o.theme_id.customer_position == 'left' else ''}}">
+                            <t t-if="doc.partner_shipping_id == doc.partner_invoice_id
+                                     and doc.partner_invoice_id != doc.partner_id
+                                     or doc.partner_shipping_id != doc.partner_invoice_id">
+                                <strong t-if="doc.partner_shipping_id == doc.partner_invoice_id">
+                                    Invoicing and Shipping Address:
+                                </strong>
+                                <strong t-if="doc.partner_shipping_id != doc.partner_invoice_id">
+                                    Invoicing Address:
+                                </strong>
+                                <div t-field="doc.partner_invoice_id"
+                                     t-options='{"widget": "contact", "fields": ["address", "name", "phone"], "no_marker": True, "phone_icons": True}'/>
+                                <t t-if="doc.partner_shipping_id != doc.partner_invoice_id">
+                                    <strong>Shipping Address:</strong>
+                                    <div t-field="doc.partner_shipping_id"
+                                         t-options='{"widget": "contact", "fields": ["address", "name", "phone"], "no_marker": True, "phone_icons": True}'/>
+                                </t>
+                            </t>
+                        </div>
+                    </div>
+                </div>
+                <br/>
+                <br/>
+                <!--Order Product details-->
+                <div style="padding-top:20px;width:100%">
+                    <t t-set="display_discount"
+                       t-value="any([l.discount for l in o.order_line])"/>
+                    <!--Product Details-->
+                    <table class="table table-sm table-borderless">
+                        <tr>
+                            <th class="text-right"
+                                t-if="o.theme_id.description"
+                                t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
+                                Description
+                            </th>
+                            <th class="text-left"
+                                t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
+                                Quantity
+                            </th>
+                            <th class="text-left"
+                                t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
+                                Unit Price
+                            </th>
+                            <th t-if="display_discount"
+                                class="text-left"
+                                t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
+                                Disc.(%)
+                            </th>
+                            <th t-if="o.theme_id.tax_value"
+                                class="text-center"
+                                t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
+                                Taxes
+                            </th>
+                            <th class="text-left"
+                                t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
+                                Price
+                            </th>
+                        </tr>
+                        <tr t-foreach="o.order_line" t-as="l">
+                            <td t-if="o.theme_id.description"
+                                class="text-right"
+                                t-attf-style="color:#{o.theme_id.text_color};">
+                                <span t-field="l.name"/>
+                            </td>
+                            <td class="text-end"
+                                t-attf-style="color:#{o.theme_id.text_color};">
+                                <t t-if="l.product_uom_qty">
+                                    <span t-field="l.product_uom_qty"/>
+                                    <span t-field="l.product_uom"/>
+                                </t>
+                            </td>
+                            <td class="text-end"
+                                t-attf-style="color:#{o.theme_id.text_color};">
+                                <t t-if="l.price_unit">
+                                    <span t-field="l.price_unit"/>
+                                </t>
+                            </td>
+                            <td t-if="display_discount"
+                                class="text-end"
+                                t-attf-style="color:#{o.theme_id.text_color};">
+                                <span t-field="l.discount"/>
+                            </td>
+                            <td t-if="(o.theme_id.tax_value)"
+                                class="text-end"
+                                t-attf-style="color:#{o.theme_id.text_color};">
+                                <span t-esc="', '.join(map(lambda x: (x.description or x.name), l.tax_id))"/>
+                            </td>
+                            <td t-if="l.price_subtotal"
+                                class="text-end"
+                                t-attf-style="color:#{o.theme_id.text_color};">
+                                <span t-field="l.price_subtotal"
+                                      t-field-options="{'widget': 'monetary','display_currency':'o.currency_id'}"/>
+                            </td>
+                        </tr>
+                    </table>
+                </div>
+                <!--Payment details-->
+                <div class="clearfix mb-4">
+                    <div id="total" class="row">
+                        <div t-attf-class="#{'col-6' if report_type != 'html' else 'col-sm-7 col-md-6'} ms-auto">
+                            <table class="table table-sm table-borderless">
+                                <t t-set="tax_totals"
+                                   t-value="o.tax_totals"/>
+                                <t t-foreach="tax_totals['subtotals']"
+                                   t-as="subtotal">
+                                    <tr class="border-black o_subtotal">
+                                        <td>
+                                            <strong t-esc="subtotal['name']"
+                                                    t-attf-style="color:#{o.theme_id.text_color}"/>
+                                        </td>
+
+                                        <td class="text-end"
+                                            t-attf-style="color:#{o.theme_id.text_color}">
+                                            <span t-attf-style="color:#{o.theme_id.text_color}"
+                                                  t-att-class="oe_subtotal_footer_separator"
+                                                  t-esc="subtotal['formatted_amount']"/>
+                                        </td>
+                                    </tr>
+                                    <t t-set="subtotal_to_show"
+                                       t-value="subtotal['name']"/>
+                                    <t t-call="account.tax_groups_totals"/>
+                                </t>
+                                <!--Total amount with all taxes-->
+                                <tr class="border-black o_total">
+                                    <td>
+                                        <strong t-attf-style="color:#{o.theme_id.customer_text_color}">
+                                            Total
+                                        </strong>
+                                    </td>
+                                    <td class="text-end">
+                                        <span t-esc="tax_totals['formatted_amount_total']"
+                                              t-attf-style="color:#{o.theme_id.customer_text_color}"/>
+                                    </td>
+                                </tr>
+                            </table>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </t>
+    </template>
+</odoo>

sale_report_format_editor/report/sale_normal_templates.xml

@@ -0,0 +1,312 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<odoo>
+    <!--Normal Template View-->
+    <template id="custom_template_report_sale_normal">
+        <t t-call="web.external_layout">
+            <t t-if="doc and 'company_id' in doc">
+                <t t-set="company" t-value="doc.company_id"/>
+            </t>
+            <t t-if="not doc or not 'company_id' in doc">
+                <t t-set="company" t-value="res_company"/>
+            </t>
+            <t t-set="o"
+               t-value="doc.with_context({'lang':doc.partner_id.lang})"/>
+            <t t-set="model" t-value="'sale.order'"/>
+            <br/>
+            <br/>
+            <div class="page">
+                <!--Customer address-->
+                <div t-if="o.theme_id.address"
+                     id="customer address"
+                     t-attf-style="color:#{o.theme_id.customer_text_color}">
+                    <div class="row">
+                        <div style="width:50%;"
+                             t-attf-class="{{'ms-auto' if o.theme_id.customer_position == 'right' else ''}}">
+                            <div itemprop="address"
+                                 class="address">
+                                <div>
+                                    <span t-if="o.partner_id">
+                                        <span style="color:#{o.theme_id.customer_text_color} !important;"
+                                              t-field="o.partner_id"/>
+                                    </span>
+                                </div>
+                                <div>
+                                    <span t-if="o.partner_id.street">
+                                        <span style="color:#{o.theme_id.customer_text_color} !important;"
+                                              t-field="o.partner_id.street"/>
+                                    </span>
+                                </div>
+                                <div>
+                                    <span t-if="o.partner_id.street2">
+                                        <span style="color:#{o.theme_id.customer_text_color} !important;"
+                                              t-field="o.partner_id.street2"/>
+                                    </span>
+                                </div>
+                                <div t-if="o.theme_id.city">
+                                    <span t-if="o.partner_id.city">
+                                        <span style="color:#{o.theme_id.customer_text_color} !important;"
+                                              t-field="o.partner_id.city"/>
+                                    </span>
+                                </div>
+                                <div t-if="o.theme_id.country">
+                                    <span t-if="o.partner_id.country_id">
+                                        <span style="color:#{o.theme_id.customer_text_color} !important;"
+                                              t-field="o.partner_id.country_id"/>
+                                    </span>
+                                </div>
+                                <div t-if="o.theme_id.vat">
+                                    <span t-if="o.partner_id.vat">
+                                        <span style="color:#{o.theme_id.customer_text_color} !important;"
+                                              t-field="o.partner_id.vat"/>
+                                    </span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <br/>
+                    <br/>
+                    <div class="row">
+                        <div style="width:50%;"
+                             t-attf-class="{{'ms-auto' if o.theme_id.customer_position == 'left' else ''}}">
+                            <t t-if="doc.partner_shipping_id == doc.partner_invoice_id
+                                     and doc.partner_invoice_id != doc.partner_id
+                                     or doc.partner_shipping_id != doc.partner_invoice_id">
+                                <strong t-if="doc.partner_shipping_id == doc.partner_invoice_id">
+                                    Invoicing and Shipping Address:
+                                </strong>
+                                <strong t-if="doc.partner_shipping_id != doc.partner_invoice_id">
+                                    Invoicing Address:
+                                </strong>
+                                <div t-field="doc.partner_invoice_id"
+                                     t-options='{"widget": "contact", "fields": ["address", "name", "phone"], "no_marker": True, "phone_icons": True}'/>
+                                <t t-if="doc.partner_shipping_id != doc.partner_invoice_id">
+                                    <strong>Shipping Address:</strong>
+                                    <div t-field="doc.partner_shipping_id"
+                                         t-options='{"widget": "contact", "fields": ["address", "name", "phone"], "no_marker": True, "phone_icons": True}'/>
+                                </t>
+                            </t>
+                        </div>
+                    </div>
+                </div>
+                <br/>
+                <!--Customer details table-->
+                <t t-set="o"
+                   t-value="doc.with_context({'lang':doc.partner_id.lang})"/>
+                <table class="table table-sm table-borderless"
+                       style="padding-top:20px;width:100%">
+                    <tr>
+                        <th t-if="o.date_order and o.state not in ['draft','sent']"
+                            class='text-center'
+                            t-attf-style=" background-color:#{o.theme_id.base_color};color:#{company.document_layout_id.heading_text_color};">
+                            Order Date
+                        </th>
+                        <th t-if="o.date_order and o.state in ['draft','sent']"
+                            class='text-center'
+                            t-attf-style=" background-color:#{o.theme_id.base_color};color:#{company.document_layout_id.heading_text_color};">
+                            Quotation Date
+                        </th>
+                        <th t-if="o.validity_date and o.state in ['draft', 'sent']"
+                            class='text-center'
+                            t-attf-style=" background-color:#{o.theme_id.base_color};color:#{company.document_layout_id.heading_text_color};">
+                            Expiration Date
+                        </th>
+                        <th t-if="(o.theme_id.sales_person) and (o.user_id)"
+                            class='text-center'
+                            t-attf-style=" background-color:#{o.theme_id.base_color};color:#{company.document_layout_id.heading_text_color};">
+                            Sales Person
+                        </th>
+                        <th t-if="(o.theme_id.reference) and (o.client_order_ref)"
+                            class='text-center'
+                            t-attf-style=" background-color:#{o.theme_id.base_color};color:#{company.document_layout_id.heading_text_color};">
+                            Reference
+                        </th>
+                        <th t-if="(o.theme_id.source)"
+                            class='text-center'
+                            t-attf-style=" background-color:#{o.theme_id.base_color};color:#{company.document_layout_id.heading_text_color};">
+                            Source
+                        </th>
+                    </tr>
+                    <!--Details value-->
+                    <tr>
+                        <td t-if="o.date_order and o.state not in ['draft','sent']">
+                            <font t-attf-style="color:#{o.theme_id.text_color};">
+                                <p class="text-center"
+                                   t-field="o.date_order"/>
+                            </font>
+                        </td>
+                        <td t-if="o.date_order and o.state in ['draft','sent']">
+                            <font t-attf-style="color:#{o.theme_id.text_color};">
+                                <p class="text-center"
+                                   t-field="o.date_order"/>
+                            </font>
+                        </td>
+                        <td t-if="o.validity_date and o.state in ['draft','sent']">
+                            <font t-attf-style="color:#{o.theme_id.text_color};">
+                                <p class="text-center"
+                                   t-field="o.validity_date"/>
+                            </font>
+                        </td>
+                        <td t-if="(o.theme_id.sales_person) and (o.user_id)">
+                            <font t-attf-style="color:#{o.theme_id.text_color};">
+                                <p class="text-center"
+                                   t-field="o.user_id"/>
+                            </font>
+                        </td>
+                        <td t-if="(o.theme_id.reference) and (o.client_order_ref)">
+                            <font t-attf-style="color:#{o.theme_id.text_color};">
+                                <p class="text-center"
+                                   t-field="o.client_order_ref"/>
+                            </font>
+                        </td>
+                        <td t-if="(o.theme_id.source) and (o.source_id)">
+                            <font t-attf-style="color:#{o.theme_id.text_color};">
+                                <p class="text-center"
+                                   t-field="o.source_id"/>
+                            </font>
+                        </td>
+                    </tr>
+                </table>
+                <!--Order Number-->
+                <div class="page" style="text-align: center">
+                    <h2 t-attf-style="color:#{company.document_layout_id.customer_text_color};">
+                        <center>
+                            <t t-if="not (env.context.get('proforma', False) or is_pro_forma)">
+                                <span t-if="o.state not in ['draft','sent']">
+                                    <font>Order #</font>
+                                </span>
+                                <span t-if="o.state in ['draft','sent']">
+                                    <font t-attf-style="color:#{o.theme_id.heading_text_color}">
+                                        Quotation #
+                                    </font>
+                                </span>
+                            </t>
+                            <span t-if="env.context.get('proforma', False) or is_pro_forma">
+                                <font t-attf-style="color:#{o.theme_id.heading_text_color}">
+                                    Pro-Forma Invoice #
+                                </font>
+                            </span>
+                            <font>
+                                <span t-field="o.name"/>
+                            </font>
+                        </center>
+                    </h2>
+                </div>
+                <!--Order Product details-->
+                <div style="padding-top:20px;width:100%">
+                    <t t-set="display_discount"
+                       t-value="any([l.discount for l in o.order_line])"/>
+                    <!--Product Details-->
+                    <table class="table table-sm table-borderless">
+                        <tr>
+                            <th class="text-right"
+                                t-if="o.theme_id.description"
+                                t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
+                                Description
+                            </th>
+                            <th class="text-left"
+                                t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
+                                Quantity
+                            </th>
+                            <th class="text-left"
+                                t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
+                                Unit Price
+                            </th>
+                            <th t-if="display_discount"
+                                class="text-left"
+                                t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
+                                Disc.(%)
+                            </th>
+                            <th t-if="o.theme_id.tax_value"
+                                class="text-center"
+                                t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
+                                Taxes
+                            </th>
+                            <th class="text-left"
+                                t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
+                                Price
+                            </th>
+                        </tr>
+                        <tr t-foreach="o.order_line" t-as="l">
+                            <td t-if="o.theme_id.description"
+                                class="text-right"
+                                t-attf-style="color:#{o.theme_id.text_color};">
+                                <span t-field="l.name"/>
+                            </td>
+                            <td class="text-end"
+                                t-attf-style="color:#{o.theme_id.text_color};">
+                                <t t-if="l.product_uom_qty">
+                                    <span t-field="l.product_uom_qty"/>
+                                    <span t-field="l.product_uom"/>
+                                </t>
+                            </td>
+                            <td class="text-end"
+                                t-attf-style="color:#{o.theme_id.text_color};">
+                                <t t-if="l.price_unit">
+                                    <span t-field="l.price_unit"/>
+                                </t>
+                            </td>
+                            <td t-if="display_discount"
+                                class="text-end"
+                                t-attf-style="color:#{o.theme_id.text_color};">
+                                <span t-field="l.discount"/>
+                            </td>
+                            <td t-if="(o.theme_id.tax_value)"
+                                class="text-end"
+                                t-attf-style="color:#{o.theme_id.text_color};">
+                                <span t-esc="', '.join(map(lambda x: (x.description or x.name), l.tax_id))"/>
+                            </td>
+                            <td t-if="l.price_subtotal"
+                                class="text-end"
+                                t-attf-style="color:#{o.theme_id.text_color};">
+                                <span t-field="l.price_subtotal"
+                                      t-field-options="{'widget': 'monetary','display_currency':'o.currency_id'}"/>
+                            </td>
+                        </tr>
+                    </table>
+                </div>
+                <!--Payment details-->
+                <div class="clearfix mb-4">
+                    <div id="total" class="row">
+                        <div t-attf-class="#{'col-6' if report_type != 'html' else 'col-sm-7 col-md-6'} ms-auto">
+                            <table class="table table-sm table-borderless">
+                                <t t-set="tax_totals"
+                                   t-value="o.tax_totals"/>
+                                <t t-foreach="tax_totals['subtotals']"
+                                   t-as="subtotal">
+                                    <tr class="border-black o_subtotal">
+                                        <td>
+                                            <strong t-esc="subtotal['name']"
+                                                    t-attf-style="color:#{o.theme_id.text_color}"/>
+                                        </td>
+
+                                        <td class="text-end"
+                                            t-attf-style="color:#{o.theme_id.text_color}">
+                                            <span t-attf-style="color:#{o.theme_id.text_color}"
+                                                  t-att-class="oe_subtotal_footer_separator"
+                                                  t-esc="subtotal['formatted_amount']"/>
+                                        </td>
+                                    </tr>
+                                    <t t-set="subtotal_to_show"
+                                       t-value="subtotal['name']"/>
+                                    <t t-call="account.tax_groups_totals"/>
+                                </t>
+                                <!--Total amount with all taxes-->
+                                <tr class="border-black o_total">
+                                    <td>
+                                        <strong t-attf-style="color:#{o.theme_id.customer_text_color}">
+                                            Total
+                                        </strong>
+                                    </td>
+                                    <td class="text-end">
+                                        <span t-esc="tax_totals['formatted_amount_total']"
+                                              t-attf-style="color:#{o.theme_id.customer_text_color}"/>
+                                    </td>
+                                </tr>
+                            </table>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </t>
+    </template>
+</odoo>

sale_report_format_editor/report/sale_old_templates.xml

@@ -0,0 +1,309 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<odoo>
+    <!--Old Template View-->
+    <template id="old_std_report_sale_document">
+        <t t-call="web.external_layout">
+            <t t-if="doc and 'company_id' in doc">
+                <t t-set="company" t-value="doc.company_id"/>
+            </t>
+            <t t-if="not doc or not 'company_id' in doc">
+                <t t-set="company" t-value="res_company"/>
+            </t>
+            <t t-set="o"
+               t-value="doc.with_context({'lang':doc.partner_id.lang})"/>
+            <t t-set="model" t-value="'sale.order'"/>
+            <br/>
+            <div class="page">
+                <div t-if="o.theme_id.address"
+                     id="customer address"
+                     t-attf-style="color:#{o.theme_id.customer_text_color}">
+                    <div class="row">
+                        <div style="width:50%;"
+                             t-attf-class="{{'ms-auto' if o.theme_id.customer_position == 'right' else ''}}">
+                            <div itemprop="address"
+                                 class="address">
+                                <div>
+                                    <span t-if="o.partner_id">
+                                        <span style="color:#{o.theme_id.customer_text_color} !important;"
+                                              t-field="o.partner_id"/>
+                                    </span>
+                                </div>
+                                <div>
+                                    <span t-if="o.partner_id.street">
+                                        <span style="color:#{o.theme_id.customer_text_color} !important;"
+                                              t-field="o.partner_id.street"/>
+                                    </span>
+                                </div>
+                                <div>
+                                    <span t-if="o.partner_id.street2">
+                                        <span style="color:#{o.theme_id.customer_text_color} !important;"
+                                              t-field="o.partner_id.street2"/>
+                                    </span>
+                                </div>
+                                <div t-if="o.theme_id.city">
+                                    <span t-if="o.partner_id.city">
+                                        <span style="color:#{o.theme_id.customer_text_color} !important;"
+                                              t-field="o.partner_id.city"/>
+                                    </span>
+                                </div>
+                                <div t-if="o.theme_id.country">
+                                    <span t-if="o.partner_id.country_id">
+                                        <span style="color:#{o.theme_id.customer_text_color} !important;"
+                                              t-field="o.partner_id.country_id"/>
+                                    </span>
+                                </div>
+                                <div t-if="o.theme_id.vat">
+                                    <span t-if="o.partner_id.vat">
+                                        <span style="color:#{o.theme_id.customer_text_color} !important;"
+                                              t-field="o.partner_id.vat"/>
+                                    </span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <br/>
+                    <div class="row">
+                        <div style="width:50%;"
+                             t-attf-class="{{'ms-auto' if o.theme_id.customer_position == 'left' else ''}}">
+                            <t t-if="doc.partner_shipping_id == doc.partner_invoice_id
+                                     and doc.partner_invoice_id != doc.partner_id
+                                     or doc.partner_shipping_id != doc.partner_invoice_id">
+                                <strong t-if="doc.partner_shipping_id == doc.partner_invoice_id">
+                                    Invoicing and Shipping Address:
+                                </strong>
+                                <strong t-if="doc.partner_shipping_id != doc.partner_invoice_id">
+                                    Invoicing Address:
+                                </strong>
+                                <div t-field="doc.partner_invoice_id"
+                                     t-options='{"widget": "contact", "fields": ["address", "name", "phone"], "no_marker": True, "phone_icons": True}'/>
+                                <t t-if="doc.partner_shipping_id != doc.partner_invoice_id">
+                                    <strong>Shipping Address:</strong>
+                                    <div t-field="doc.partner_shipping_id"
+                                         t-options='{"widget": "contact", "fields": ["address", "name", "phone"], "no_marker": True, "phone_icons": True}'/>
+                                </t>
+                            </t>
+                        </div>
+                    </div>
+                </div>
+                <br/>
+                <br/>
+                <!--Sale details-->
+                <div class="page">
+                    <div t-attf-style=" background-color:#{company.document_layout_id.base_color};padding:2% ;color:#{company.document_layout_id.customer_text_color};">
+                        <!--Sale sl no-->
+                        <h2>
+                            <t t-if="not (env.context.get('proforma', False) or is_pro_forma)">
+                                <span t-if="doc.state not in ['draft','sent']">
+                                    <font t-attf-style="color:#{doc.theme_id.heading_text_color};">
+                                        Order #
+                                    </font>
+                                </span>
+                                <span t-if="doc.state in ['draft','sent']">
+                                    <font t-attf-style="color:#{doc.theme_id.heading_text_color}">
+                                        Quotation #
+                                    </font>
+                                </span>
+                            </t>
+                            <t t-if="env.context.get('proforma', False) or is_pro_forma">
+                                <span t-if="doc.state in ['draft','sent']">
+                                    <font t-attf-style="color:#{doc.theme_id.heading_text_color}">
+                                        Pro-Forma Invoice #
+                                    </font>
+                                </span>
+                            </t>
+                            <font>
+                                <span t-field="doc.name"
+                                      t-attf-style="color:#{doc.theme_id.heading_text_color};"/>
+                            </font>
+                        </h2>
+                        <br/>
+                        <div id="sale_information">
+                            <div class="row mt32 mb32" id="informations">
+                                <div class="col-auto col-3 mw-100 mb-2"
+                                     t-if="doc.date_order and doc.state not in ['draft','sent']"
+                                     name="order_date">
+                                    <strong t-attf-style="color:#{doc.theme_id.heading_text_color}">
+                                        Order Date:
+                                    </strong>
+                                    <p class="m-0"
+                                       t-attf-style="color:#{doc.theme_id.text_color}"
+                                       t-field="doc.date_order"/>
+                                </div>
+                                <div class="col-auto col-3 mw-100 mb-2"
+                                     t-if="doc.date_order and doc.state not in ['draft','sent']"
+                                     name="quotation_date">
+                                    <strong t-attf-style="color:#{doc.theme_id.heading_text_color}">
+                                        Quotation Date:
+                                    </strong>
+                                    <p class="m-0"
+                                       t-attf-style="color:#{doc.theme_id.text_color}"
+                                       t-field="doc.date_order"/>
+                                </div>
+                                <div class="col-auto col-3 mw-100 mb-2"
+                                     t-if="doc.validity_date and doc.state in ['draft', 'sent']"
+                                     name="validity_date">
+                                    <strong t-attf-style="color:#{doc.theme_id.heading_text_color}">
+                                        Expiration Date:
+                                    </strong>
+                                    <p class="m-0"
+                                       t-attf-style="color:#{doc.theme_id.text_color}"
+                                       t-field="doc.validity_date"/>
+                                </div>
+                                <!--optional information-->
+                                <div class="col-auto col-3 mw-100 mb-2"
+                                     t-if="doc.user_id">
+                                    <div t-if="doc.theme_id.sales_person">
+                                        <font t-attf-style="color:#{doc.theme_id.text_color}">
+                                            <strong t-attf-style="color:#{doc.theme_id.heading_text_color}">
+                                                Sales Person:
+                                            </strong>
+                                            <p t-field="doc.user_id"/>
+                                        </font>
+                                    </div>
+                                </div>
+                                <div class="col-auto col-3 mw-100 mb-2"
+                                     t-if="doc.client_order_ref">
+                                    <div t-if="doc.theme_id.reference">
+                                        <font t-attf-style="color:#{doc.theme_id.text_color}">
+                                            <strong t-attf-style="color:#{doc.theme_id.heading_text_color}">
+                                                Customer Reference:
+                                            </strong>
+                                            <p t-field="doc.client_order_ref"/>
+                                        </font>
+                                    </div>
+                                </div>
+                                <div class="col-auto col-3 mw-100 mb-2"
+                                     t-if="doc.source_id">
+                                    <div t-if="doc.theme_id.source">
+                                        <font t-attf-style="color:#{doc.theme_id.text_color}">
+                                            <strong t-attf-style="color:#{doc.theme_id.heading_text_color}">
+                                                Source:
+                                            </strong>
+                                            <p t-field="doc.source_id"/>
+                                        </font>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <br/>
+                    <br/>
+                    <!--Order Product details-->
+                    <div style="padding-top:20px;width:100%">
+                        <t t-set="display_discount"
+                           t-value="any([l.discount for l in o.order_line])"/>
+                        <!--Product Details-->
+                        <table class="table table-sm table-borderless">
+                            <tr>
+                                <th class="text-right"
+                                    t-if="o.theme_id.description"
+                                    t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
+                                    Description
+                                </th>
+                                <th class="text-left"
+                                    t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
+                                    Quantity
+                                </th>
+                                <th class="text-left"
+                                    t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
+                                    Unit Price
+                                </th>
+                                <th t-if="display_discount"
+                                    class="text-left"
+                                    t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
+                                    Disc.(%)
+                                </th>
+                                <th t-if="o.theme_id.tax_value"
+                                    class="text-center"
+                                    t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
+                                    Taxes
+                                </th>
+                                <th class="text-left"
+                                    t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
+                                    Price
+                                </th>
+                            </tr>
+                            <tr t-foreach="o.order_line" t-as="l">
+                                <td t-if="o.theme_id.description"
+                                    class="text-right"
+                                    t-attf-style="color:#{o.theme_id.text_color};">
+                                    <span t-field="l.name"/>
+                                </td>
+                                <td class="text-end"
+                                    t-attf-style="color:#{o.theme_id.text_color};">
+                                    <t t-if="l.product_uom_qty">
+                                        <span t-field="l.product_uom_qty"/>
+                                        <span t-field="l.product_uom"/>
+                                    </t>
+                                </td>
+                                <td class="text-end"
+                                    t-attf-style="color:#{o.theme_id.text_color};">
+                                    <t t-if="l.price_unit">
+                                        <span t-field="l.price_unit"/>
+                                    </t>
+                                </td>
+                                <td t-if="display_discount"
+                                    class="text-end"
+                                    t-attf-style="color:#{o.theme_id.text_color};">
+                                    <span t-field="l.discount"/>
+                                </td>
+                                <td t-if="(o.theme_id.tax_value)"
+                                    class="text-end"
+                                    t-attf-style="color:#{o.theme_id.text_color};">
+                                    <span t-esc="', '.join(map(lambda x: (x.description or x.name), l.tax_id))"/>
+                                </td>
+                                <td t-if="l.price_subtotal"
+                                    class="text-end"
+                                    t-attf-style="color:#{o.theme_id.text_color};">
+                                    <span t-field="l.price_subtotal"
+                                          t-field-options="{'widget': 'monetary','display_currency':'o.currency_id'}"/>
+                                </td>
+                            </tr>
+                        </table>
+                    </div>
+                    <!--Payment details-->
+                    <div class="clearfix mb-4">
+                        <div id="total" class="row">
+                            <div t-attf-class="#{'col-6' if report_type != 'html' else 'col-sm-7 col-md-6'} ms-auto">
+                                <table class="table table-sm table-borderless">
+                                    <t t-set="tax_totals"
+                                       t-value="o.tax_totals"/>
+                                    <t t-foreach="tax_totals['subtotals']"
+                                       t-as="subtotal">
+                                        <tr class="border-black o_subtotal">
+                                            <td>
+                                                <strong t-esc="subtotal['name']"
+                                                        t-attf-style="color:#{o.theme_id.text_color}"/>
+                                            </td>
+                                            <td class="text-end"
+                                                t-attf-style="color:#{o.theme_id.text_color}">
+                                                <span t-attf-style="color:#{o.theme_id.text_color}"
+                                                      t-att-class="oe_subtotal_footer_separator"
+                                                      t-esc="subtotal['formatted_amount']"/>
+                                            </td>
+                                        </tr>
+                                        <t t-set="subtotal_to_show"
+                                           t-value="subtotal['name']"/>
+                                        <t t-call="account.tax_groups_totals"/>
+                                    </t>
+                                    <!--Total amount with all taxes-->
+                                    <tr class="border-black o_total">
+                                        <td>
+                                            <strong t-attf-style="color:#{o.theme_id.customer_text_color}">
+                                                Total
+                                            </strong>
+                                        </td>
+                                        <td class="text-end">
+                                            <span t-esc="tax_totals['formatted_amount_total']"
+                                                  t-attf-style="color:#{o.theme_id.customer_text_color}"/>
+                                        </td>
+                                    </tr>
+                                </table>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </t>
+    </template>
+</odoo>

sale_report_format_editor/security/ir.model.access.csv

@@ -0,0 +1,2 @@
+id,name,model_id:id,group_id:id,perm_read,perm_write,perm_create,perm_unlink
+access_doc_layout_user,access.doc.layout.user,model_doc_layout,base.group_user,1,1,1,1

sale_report_format_editor/static/description/index.html

@@ -0,0 +1,669 @@
+<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 -->
+
+    <!-- APP HERO -->
+    <div class="container">
+        <div class="row">
+            <div class="col-sm-12 col-md-12 col-lg-12">
+                <h1 style="color: #FFFFFF; font-weight: bolder; font-size: 50px; text-align: center; margin-top: 50px;">
+                    Sale Report Format Editor</h1>
+                <p style="color:#FFFFFF; padding: 8px 15px; text-align: center; font-size: 24px;">
+                    A Module For Configuring the Sale Order Report
+                    Templates</p>
+                <img src="assets/screenshots/v16-hero.gif"
+                     style="width: 75%; height: auto; position: absolute; margin-left: auto; margin-right: auto; top: 45%; left: 12%; right: auto;"/>
+            </div>
+        </div>
+    </div>
+    <!-- END OF APP HERO -->
+</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">
+        In the Sale Format Editor App, we can configure the sale fields to our
+        own need. There we can have 4 types of templates - Default, Normal,
+        Modern, Old Standard. We can also customize and hide the fields.
+    </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">
+    <div class="col-md-12"
+         style="border-bottom: 1px solid #d5d5d5 !important; margin: 2rem 0 !important">
+        <h2 style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;">
+            <i class="fa fa-star mr-2"></i>Features
+        </h2>
+    </div>
+    <div class="col-md-6 pl-3 py-3 d-flex">
+        <div>
+            <img src="assets/icons/check.png">
+        </div>
+        <div>
+            <h4 style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
+                Configure the layout</h4>
+        </div>
+    </div>
+    <div class="col-md-6 pl-3 py-3 d-flex">
+        <div>
+            <img src="assets/icons/check.png">
+        </div>
+        <div>
+            <h4 style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
+                Configure the position of fields</h4>
+        </div>
+    </div>
+    <div class="col-md-6 pl-3 py-3 d-flex">
+        <div>
+            <img src="assets/icons/check.png">
+        </div>
+        <div>
+            <h4 style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
+                Hide option for the sale fields</h4>
+        </div>
+    </div>
+    <div class="col-md-6 pl-3 py-3 d-flex">
+        <div>
+            <img src="assets/icons/check.png">
+        </div>
+        <div>
+            <h4 style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
+                Edit the theme</h4>
+        </div>
+    </div>
+    <div class="col-md-6 pl-3 py-3 d-flex">
+        <div>
+            <img src="assets/icons/check.png">
+        </div>
+        <div>
+            <h4 style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
+                Add company logo or Name watermark</h4>
+        </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;">
+                Document Layout Configuration</h3>
+            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
+                From Configure your document layout settings, the user can select and configure the sales document layout.</p>
+            <img src="assets/screenshots/S1.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 Layout
+                Configuration
+            </h3>
+            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
+                User can configure the
+                Customer and Company Positions, Text Color and Sale Details.
+            </p>
+            <img src="assets/screenshots/2.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;">
+                Print Sale Order</h3>
+            <img src="assets/screenshots/3.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;">
+                Normal Template</h3>
+            <img src="assets/screenshots/4.png"
+                 class="img-thumbnail" style="margin-left:25%">
+        </div>
+        <div style="display: block; margin: 30px auto;">
+            <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
+                Modern Template</h3>
+            <img src="assets/screenshots/5.png"
+                 class="img-thumbnail" style="margin-left:25%">
+        </div>
+
+        <div style="display: block; margin: 30px auto;">
+            <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
+                Old Standard Template</h3>
+            <img src="assets/screenshots/6.png"
+                 class="img-thumbnail" style="margin-left:25%">
+        </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="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/16.0/import_template_download/"
+                       target="_blank">
+                        <div style="border-radius:10px">
+                            <img class="img img-responsive center-block"
+                                 style="border-radius: 0px;"
+                                 src="assets/modules/m1.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/16.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/m2.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/16.0/sale_report_advanced/"
+                       target="_blank">
+                        <div style="border-radius:10px">
+                            <img class="img img-responsive center-block"
+                                 style="border-radius: 0px;"
+                                 src="assets/modules/m3.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/16.0/hide_all_print_button/"
+                       target="_blank">
+                        <div style="border-radius:10px">
+                            <img class="img img-responsive center-block"
+                                 style="border-radius: 0px;"
+                                 src="assets/modules/m4.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/16.0/individual_product_report/"
+                       target="_blank">
+                        <div style="border-radius:10px">
+                            <img class="img img-responsive center-block"
+                                 style="border-radius: 0px;"
+                                 src="assets/modules/m5.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/16.0/model_viewer_widget/"
+                       target="_blank">
+                        <div style="border-radius:10px">
+                            <img class="img img-responsive center-block"
+                                 style="border-radius: 0px;"
+                                 src="assets/modules/m6.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>
+<!-- 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 -->

sale_report_format_editor/views/base_document_layout_views.xml

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <!--Configuration of Layout View-->
+    <record id="view_base_document_layout" model="ir.ui.view">
+        <field name="name">
+            base.document.layout.view.form.inherit.sale.report.format.editor
+        </field>
+        <field name="model">base.document.layout</field>
+        <field name="inherit_id" ref="web.view_base_document_layout"/>
+        <field name="arch" type="xml">
+            <field name="paperformat_id" position="after">
+                <field name="base_layout"/>
+                <field name="document_layout_id"
+                       attrs="{'invisible': [('base_layout', '=', 'default')]}"/>
+            </field>
+        </field>
+    </record>
+</odoo>

sale_report_format_editor/views/custom_external_layout_templates.xml

@@ -0,0 +1,424 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<odoo>
+    <!--STANDARD Layout-->
+    <!--Inherited the standard external layout for changing company address position and adding watermark-->
+    <template id="custom_external_layout_standard"
+              inherit_id="web.external_layout_standard">
+        <xpath expr="//div/div[1]" position="replace">
+            <t t-if="model == 'sale.order'">
+                <div>
+                    <div style="width:50%;"
+                         t-attf-class="{{'ms-auto' if company.document_layout_id.logo_position == 'right' else 'd-flex justify-content-start'}}">
+                        <div class="d-flex justify-content-end">
+                            <img t-if="company.logo"
+                                 t-att-src="image_data_uri(company.logo)"
+                                 style="max-height:40px;max-width:140%"
+                                 alt="Logo"/>
+                        </div>
+                    </div>
+                </div>
+                <div>
+                    <t t-if="company.report_header">
+                        <div style="width:50%;"
+                             t-attf-class="{{'ms-auto' if company.document_layout_id.tagline_position == 'right' else 'd-flex justify-content-start'}}">
+                            <div class="d-flex justify-content-end">
+                                <div t-esc="company.report_header"/>
+                            </div>
+                        </div>
+                    </t>
+                </div>
+            </t>
+            <t t-else="">
+                <div>
+                    <div class="col-3 mb4">
+                        <img t-if="company.logo"
+                             t-att-src="image_data_uri(company.logo)"
+                             style="max-height: 45px;" alt="Logo"/>
+                    </div>
+                    <div class="col-9 text-end" style="margin-top:22px;"
+                         t-field="company.report_header" name="moto"/>
+                </div>
+            </t>
+        </xpath>
+        <xpath expr="//div[@name='company_address']" position="replace">
+            <t t-if="model == 'sale.order'">
+                <div
+                        t-attf-style="color:#{company.document_layout_id.company_text_color};">
+                    <div style="width:50%;"
+                         t-attf-class="{{'ms-auto' if company.document_layout_id.company_position == 'right' else ''}}">
+                        <div itemprop="address"
+                             class="address">
+                            <ul class="list-unstyled">
+                                <li t-if="company.is_company_details_empty">
+                                    <t t-esc="company.partner_id"
+                                       t-options='{"widget": "contact", "fields": ["address", "name"], "no_marker": true}'/>
+                                </li>
+                                <li t-else="">
+                                    <t t-esc="company.company_details"/>
+                                </li>
+                                <li t-if="forced_vat">
+                                    <t t-esc="company.country_id.vat_label or 'Tax ID'"/>
+                                    :
+                                    <span t-esc="forced_vat"/>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+            </t>
+            <t t-else="">
+                <div class="col-6" name="company_address">
+                    <ul class="list-unstyled">
+                        <li t-if="company.is_company_details_empty">
+                            <t t-esc="company.partner_id"
+                               t-options='{"widget": "contact", "fields": ["address", "name"], "no_marker": true}'/>
+                        </li>
+                        <li t-else="">
+                            <t t-esc="company.company_details"/>
+                        </li>
+                        <li t-if="forced_vat">
+                            <t t-esc="company.country_id.vat_label or 'Tax ID'"/>
+                            :
+                            <span t-esc="forced_vat"/>
+                        </li>
+                    </ul>
+                </div>
+            </t>
+        </xpath>
+        <xpath expr="//div[hasclass('row')][last()]" position="after">
+            <t t-if="model == 'sale.order'">
+                <t t-if="company.watermark">
+                    <div style="margin-left:20%;margin-top:50%;">
+                        <t t-if="company.watermark_show == 'logo'">
+                            <img t-if="company.logo"
+                                 t-att-src="image_data_uri(company.logo)"
+                                 style="position:absolute;height:300px; width:60%; opacity: 0.20;"/>
+                        </t>
+                        <t t-if="company.watermark_show == 'name'">
+                            <div t-esc="company.name"
+                                 style="text-align:center;position:absolute;text-align:center;opacity:0.25;font-size:70px;-webkit-transform:rotate(-30deg)"/>
+                        </t>
+                    </div>
+                </t>
+            </t>
+        </xpath>
+    </template>
+
+    <!--BOXED Layout-->
+    <!--Inherited the boxed external layout for changing company address position and adding watermark-->
+    <template id="custom_external_layout_boxed"
+              inherit_id="web.external_layout_boxed">
+        <xpath expr="//div[hasclass('o_boxed_header')]" position="replace">
+            <t t-if="model == 'sale.order'">
+                <div>
+                    <div id="boxed_header">
+                        <div class="row">
+                            <div style="width:50%;"
+                                 t-attf-class="{{'ms-auto' if company.document_layout_id.logo_position == 'right' else 'd-flex justify-content-start'}}">
+                                <div class="d-flex justify-content-end">
+                                    <img t-if="company.logo"
+                                         t-att-src="image_data_uri(company.logo)"
+                                         style="max-height:40px;max-width:140%"
+                                         alt="Logo"/>
+                                </div>
+                            </div>
+                        </div>
+                        <div>
+                            <t t-if="company.report_header">
+                                <div style="width:50%;"
+                                     t-attf-class="{{'ms-auto' if company.document_layout_id.tagline_position == 'right' else 'd-flex justify-content-start'}}">
+                                    <div class="d-flex justify-content-end">
+                                        <div t-esc="company.report_header"/>
+                                    </div>
+                                </div>
+                            </t>
+                        </div>
+                        <div class="row"
+                             t-attf-style="color:#{company.document_layout_id.company_text_color};">
+                            <div style="width:50%;"
+                                 t-attf-class="{{'ms-auto' if company.document_layout_id.company_position == 'right' else ''}}">
+                                <div itemprop="address"
+                                     class="address">
+                                    <ul class="list-unstyled">
+                                        <li t-if="company.is_company_details_empty">
+                                            <t t-esc="company.partner_id"
+                                               t-options='{"widget": "contact", "fields": ["address", "name"], "no_marker": true}'/>
+                                        </li>
+                                        <li t-else="">
+                                            <t t-esc="company.company_details"/>
+                                        </li>
+                                        <li t-if="forced_vat">
+                                            <t t-esc="company.country_id.vat_label or 'Tax ID'"/>
+                                            :
+                                            <span t-esc="forced_vat"/>
+                                        </li>
+                                    </ul>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </t>
+            <t t-else="">
+                <div class="boxed_header">
+                    <div class="row">
+                        <div class="col-6">
+                            <img t-if="company.logo"
+                                 t-att-src="image_data_uri(company.logo)"
+                                 style="max-height:65pt;max-width:140%"
+                                 alt="Logo"/>
+                        </div>
+                        <div class="col-6 text-end mb4">
+                            <div class="mt0 h4"
+                                 t-field="company.report_header"/>
+                            <div name="company_address" class="float-end mb4">
+                                <ul class="list-unstyled">
+                                    <li t-if="company.is_company_details_empty">
+                                        <t t-esc="company.partner_id"
+                                           t-options='{"widget": "contact", "fields": ["address", "name"], "no_marker": true}'/>
+                                    </li>
+                                    <li t-else="">
+                                        <t t-esc="company.company_details"/>
+                                    </li>
+                                    <li t-if="forced_vat">
+                                        <t t-esc="company.country_id.vat_label or 'Tax ID'"/>
+                                        :
+                                        <span t-esc="forced_vat"/>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </t>
+        </xpath>
+        <xpath expr="//div[hasclass('pt-5')]" position="after">
+            <t t-if="model == 'sale.order'">
+                <t t-if="company.watermark">
+                    <div style="margin-left:20%;">
+                        <t t-if="company.watermark_show == 'logo'">
+                            <img t-if="company.logo"
+                                 t-att-src="image_data_uri(company.logo)"
+                                 style="position:absolute;height:300px; width:60%; opacity: 0.20;"/>
+                        </t>
+                        <t t-if="company.watermark_show == 'name'">
+                            <div t-esc="company.name"
+                                 style="text-align:center;position:absolute;text-align:center;opacity:0.25;font-size:70px;-webkit-transform:rotate(-30deg)"/>
+                        </t>
+                    </div>
+                </t>
+            </t>
+        </xpath>
+    </template>
+
+    <!--BOLD Layout-->
+    <!--Inherited the bold external layout for changing company address position and adding watermark-->
+    <template id="custom_external_layout_bold"
+              inherit_id="web.external_layout_bold">
+        <xpath expr="//div[hasclass('o_clean_header')]" position="replace">
+            <t t-if="model == 'sale.order'">
+                <div>
+                    <div class="bold_header">
+                        <div class="row">
+                            <div style="width:50%;"
+                                 t-attf-class="{{'ms-auto' if company.document_layout_id.logo_position == 'right' else 'd-flex justify-content-start'}}">
+                                <div class="d-flex justify-content-end">
+                                    <img t-if="company.logo"
+                                         t-att-src="image_data_uri(company.logo)"
+                                         style="max-height:40px;max-width:140%"
+                                         alt="Logo"/>
+                                </div>
+                            </div>
+                        </div>
+                        <div>
+                            <t t-if="company.report_header">
+                                <div style="width:50%;"
+                                     t-attf-class="{{'ms-auto' if company.document_layout_id.tagline_position == 'right' else 'd-flex justify-content-start'}}">
+                                    <div class="d-flex justify-content-end">
+                                        <div t-esc="company.report_header"/>
+                                    </div>
+                                </div>
+                            </t>
+                        </div>
+                        <div class="row"
+                             t-attf-style="color:#{company.document_layout_id.company_text_color};">
+                            <div style="width:50%;"
+                                 t-attf-class="{{'ms-auto' if company.document_layout_id.company_position == 'right' else ''}}">
+                                <div itemprop="address"
+                                     class="address">
+                                    <ul class="list-unstyled">
+                                        <li t-if="company.is_company_details_empty">
+                                            <t t-esc="company.partner_id"
+                                               t-options='{"widget": "contact", "fields": ["address", "name"], "no_marker": true}'/>
+                                        </li>
+                                        <li t-else="">
+                                            <t t-esc="company.company_details"/>
+                                        </li>
+                                        <li t-if="forced_vat">
+                                            <t t-esc="company.country_id.vat_label or 'Tax ID'"/>
+                                            :
+                                            <span t-esc="forced_vat"/>
+                                        </li>
+                                    </ul>
+                                    <br/>
+                                    <br/>
+                                    <br/>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </t>
+            <t t-else="">
+                <div class="bold_header">
+                    <div class="row">
+                        <div class="col-6">
+                            <img t-if="company.logo"
+                                 t-att-src="image_data_uri(company.logo)"
+                                 style="max-height:65pt;max-width:140%"
+                                 alt="Logo"/>
+                        </div>
+                        <div class="col-5 offset-1" name="company_address">
+                            <ul class="list-unstyled">
+                                <li t-if="company.is_company_details_empty">
+                                    <t t-esc="company.partner_id"
+                                       t-options='{"widget": "contact", "fields": ["address", "name"], "no_marker": true}'/>
+                                </li>
+                                <li t-else="">
+                                    <t t-esc="company.company_details"/>
+                                </li>
+                                <li t-if="forced_vat">
+                                    <t t-esc="company.country_id.vat_label or 'Tax ID'"/>
+                                    :
+                                    <span t-esc="forced_vat"/>
+                                </li>
+                                <br/>
+                                <br/>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+            </t>
+        </xpath>
+        <xpath expr="//div[hasclass('bold_header')]" position="after">
+            <t t-if="model == 'sale.order'">
+                <t t-if="company.watermark">
+                    <div style="margin-left:20%;margin-top:50%;">
+                        <t t-if="company.watermark_show == 'logo'">
+                            <img t-if="company.logo"
+                                 t-att-src="image_data_uri(company.logo)"
+                                 style="position:absolute;height:300px; width:60%; opacity: 0.20;"/>
+                        </t>
+                        <t t-if="company.watermark_show == 'name'">
+                            <div t-esc="company.name"
+                                 style="text-align:center;position:absolute;text-align:center;opacity:0.25;font-size:70px;-webkit-transform:rotate(-30deg)"/>
+                        </t>
+                    </div>
+                </t>
+            </t>
+        </xpath>
+    </template>
+
+    <!--STRIPED Layout-->
+    <!--Inherited the striped external layout for changing company address position and adding watermark-->
+    <template id="custom_external_layout_striped"
+              inherit_id="web.external_layout_striped">
+        <xpath expr="//div[hasclass('o_background_header')]"
+               position="replace">
+            <t t-if="model == 'account.move'">
+                <div id="striped_header">
+                    <div>
+                        <div style="width:50%;"
+                             t-attf-class="{{'ms-auto' if company.document_layout_id.logo_position == 'right' else 'd-flex justify-content-start'}}">
+                            <div class="d-flex justify-content-end">
+                                <img t-if="company.logo"
+                                     t-att-src="image_data_uri(company.logo)"
+                                     style="max-height:40px;max-width:140%"
+                                     alt="Logo"/>
+                            </div>
+                        </div>
+                    </div>
+                    <div>
+                        <t t-if="company.report_header">
+                            <div style="width:50%;"
+                                 t-attf-class="{{'ms-auto' if company.document_layout_id.tagline_position == 'right' else 'd-flex justify-content-start'}}">
+                                <div class="d-flex justify-content-end">
+                                    <div t-esc="company.report_header"/>
+                                </div>
+                            </div>
+                        </t>
+                    </div>
+                    <div
+                            t-attf-style="color:#{company.document_layout_id.company_text_color};">
+                        <div style="width: 50%"
+                             t-attf-class="{{'ms-auto' if company.document_layout_id.company_position == 'right' else ''}}">
+                            <div itemprop="address"
+                                 class="address">
+                                <ul class="list-unstyled">
+                                    <li t-if="company.is_company_details_empty">
+                                        <t t-esc="company.partner_id"
+                                           t-options='{"widget": "contact", "fields": ["address", "name"], "no_marker": true}'/>
+                                    </li>
+                                    <li t-else="">
+                                        <t t-esc="company.company_details"/>
+                                    </li>
+                                    <li t-if="forced_vat">
+                                        <t t-esc="company.country_id.vat_label or 'Tax ID'"/>
+                                        :
+                                        <span t-esc="forced_vat"/>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </t>
+            <t t-else="">
+                <div class="striped_header">
+                    <div class="float-end">
+                        <div class="mt0 text-end h3"
+                             t-field="company.report_header"/>
+                    </div>
+                    <img t-if="company.logo"
+                         t-att-src="image_data_uri(company.logo)"
+                         style="max-height:65pt;max-width:140%"
+                         class="float-start" alt="Logo"/>
+                    <div class="float-start company_address">
+                        <ul class="list-unstyled">
+                            <li t-if="company.is_company_details_empty">
+                                <t t-esc="company.partner_id"
+                                   t-options='{"widget": "contact", "fields": ["address", "name"], "no_marker": true}'/>
+                            </li>
+                            <li t-else="">
+                                <t t-esc="company.company_details"/>
+                            </li>
+                            <li t-if="forced_vat">
+                                <t t-esc="company.country_id.vat_label or 'Tax ID'"/>
+                                :
+                                <span t-esc="forced_vat"/>
+                            </li>
+                        </ul>
+                    </div>
+                    <div class="clearfix mb8"/>
+                </div>
+            </t>
+        </xpath>
+        <xpath expr="//div[hasclass('striped_header')]" position="after">
+            <t t-if="model == 'sale.order'">
+                <t t-if="company.watermark">
+                    <div style="margin-left:20%;margin-top:50%;">
+                        <t t-if="company.watermark_show == 'logo'">
+                            <img t-if="company.logo"
+                                 t-att-src="image_data_uri(company.logo)"
+                                 style="position:absolute;height:300px; width:60%; opacity: 0.20;"/>
+                        </t>
+                        <t t-if="company.watermark_show == 'name'">
+                            <div t-esc="company.name"
+                                 style="text-align:center;position:absolute;text-align:center;opacity:0.25;font-size:70px;-webkit-transform:rotate(-30deg)"/>
+                        </t>
+                    </div>
+                </t>
+            </t>
+        </xpath>
+    </template>
+</odoo>

sale_report_format_editor/views/default_preview_templates.xml

@@ -0,0 +1,179 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <!--Default Template Preview-->
+    <template id="report_preview_default">
+        <t t-call="web.html_preview_container">
+            <div t-call="web.external_layout">
+                <div class="address row">
+                    <div name="address" class="col-5"
+                         style="margin-left: auto">
+                        <address>
+                            <address class="mb-0" itemscope="itemscope">
+                                <div>
+                                    <span itemprop="name">Deco Addict
+                                    </span>
+                                </div>
+                                <div itemprop="address">
+                                    <div class="d-flex align-items-baseline">
+                                        <span class="w-100 o_force_ltr"
+                                              itemprop="streetAddress">77
+                                            Santa Barbara
+                                            Rd<br/>Pleasant Hill CA 94523
+                                            <br/>United States
+                                        </span>
+                                    </div>
+                                </div>
+                            </address>
+                        </address>
+                    </div>
+                </div>
+                <div class="page mt-5">
+                    <h2>
+                        <span>Order#</span>
+                        <span>SO0003</span>
+                    </h2>
+                    <div id="informations" class="row mt-4 mb-4">
+                        <div class="col-auto col-3 mw-100 mb-2"
+                             name="invoice_date">
+                            <strong>Quotation Date:</strong>
+                            <p class="m-0">07/08/2020</p>
+                        </div>
+                        <div class="col-auto col-3 mw-100 mb-2"
+                             name="due_date">
+                            <strong>Order Date:</strong>
+                            <p class="m-0">08/07/2020</p>
+                        </div>
+                    </div>
+                    <table class="table table-sm o_main_table table-borderless"
+                           name="order_line_table">
+                        <thead>
+                            <tr>
+                                <th name="th_description"
+                                    class="text-start">
+                                    <span>Description</span>
+                                </th>
+                                <th name="th_quantity" class="text-end">
+                                    <span>Quantity</span>
+                                </th>
+                                <th name="th_priceunit"
+                                    class="text-end d-md-table-cell">
+                                    <span>Unit Price</span>
+                                </th>
+                                <th name="th_taxes"
+                                    class="text-start d-md-table-cell">
+                                    <span>Taxes</span>
+                                </th>
+                                <th name="th_subtotal" class="text-end">
+                                    <span>Amount</span>
+                                </th>
+                            </tr>
+                        </thead>
+                        <tbody class="order_tbody">
+                            <tr>
+                                <td name="order_line_name">
+                                    <span>[FURN_8999] Three-Seat Sofa
+                                        <br/>
+                                        Three Seater Sofa with Lounger in
+                                        Steel Grey Colour
+                                    </span>
+                                </td>
+                                <td class="text-end">
+                                    <span>5.00</span>
+                                </td>
+                                <td class="text-end d-md-table-cell">
+                                    <span class="text-nowrap">1,500.00
+                                    </span>
+                                </td>
+                                <td class="text-start d-md-table-cell">
+                                    <span id="line_tax_ids">Tax 15%</span>
+                                </td>
+                                <td class="text-end o_price_total">
+                                    <span class="text-nowrap">$
+                                        <span class="oe_currency_value">
+                                            7,500.00
+                                        </span>
+                                    </span>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td name="order_line_name">
+                                    <span>[FURN_8220] Four Person Desk
+                                        <br/>
+                                        Four person modern office
+                                        workstation
+                                    </span>
+                                </td>
+                                <td class="text-end">
+                                    <span>5.00</span>
+                                </td>
+                                <td class="text-end d-md-table-cell">
+                                    <span class="text-nowrap">2,350.00
+                                    </span>
+                                </td>
+                                <td class="text-start d-md-table-cell">
+                                    <span id="line_tax_ids">Tax 15%</span>
+                                </td>
+                                <td class="text-end o_price_total">
+                                    <span class="text-nowrap">$
+                                        <span class="oe_currency_value">
+                                            11,750.00
+                                        </span>
+                                    </span>
+                                </td>
+                            </tr>
+                        </tbody>
+                    </table>
+                    <div class="clearfix">
+                        <div id="total" class="row">
+                            <div class="col-6 ms-auto">
+                                <table class="table table-sm table-borderless"
+                                       style="page-break-inside: avoid; position:relative;">
+                                    <tbody>
+                                        <tr class="border-black o_subtotal"
+                                            style="">
+                                            <td>
+                                                <strong>Untaxed Amount
+                                                </strong>
+                                            </td>
+                                            <td class="text-end">
+                                                <span>$
+                                                    <span class="oe_currency_value">
+                                                        19,250.00
+                                                    </span>
+                                                </span>
+                                            </td>
+                                        </tr>
+                                        <tr style="">
+                                            <td>
+                                                <span class="text-nowrap">
+                                                    Tax 15%
+                                                </span>
+                                            </td>
+                                            <td class="text-end o_price_total">
+                                                <span class="text-nowrap">$
+                                                    2,887.50
+                                                </span>
+                                            </td>
+                                        </tr>
+                                        <tr class="border-black o_total">
+                                            <td>
+                                                <strong>Total</strong>
+                                            </td>
+                                            <td class="text-end">
+                                                <span class="text-nowrap">$
+                                                    <span class="oe_currency_value">
+                                                        22,137.50
+                                                    </span>
+                                                </span>
+                                            </td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </t>
+    </template>
+</odoo>

sale_report_format_editor/views/doc_layout_views.xml

@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <!--Form view of doc layout -->
+    <record id="doc_layout_view_form" model="ir.ui.view">
+        <field name="name">doc.layout.view.form</field>
+        <field name="model">doc.layout</field>
+        <field name="arch" type="xml">
+            <form string="Customize Document">
+                <sheet>
+                    <div class="oe_title">
+                        <h1>
+                            <field name="name"/>
+                        </h1>
+                    </div>
+                    <group>
+                        <group>
+                            <field name="base_color" widget="color"/>
+                            <field name="text_color" widget="color"/>
+                            <field name="heading_text_color"
+                                   widget="color"/>
+                            <field name="customer_text_color"
+                                   widget="color"/>
+                            <field name="company_text_color"
+                                   widget="color"/>
+                        </group>
+                        <group>
+                            <field name="customer_position"/>
+                            <field name="company_position"/>
+                            <field name="logo_position"/>
+                            <field name="tagline_position"/>
+                            <field name="watermark"/>
+                            <field name="watermark_show" attrs="{'invisible':[('watermark', '=', False)]}"/>
+                        </group>
+                    </group>
+                    <notebook colspan="4">
+                        <page string="Sale Details" name="sale_info">
+                            <group>
+                                <group string="View Fields">
+                                    <field name="sales_person"/>
+                                    <field name="description"/>
+                                    <field name="tax_value"/>
+                                    <field name="reference"/>
+                                    <field name="source"/>
+                                </group>
+                                <group string="Customer Details"
+                                       name="customer_info">
+                                    <field name="address"/>
+                                    <field name="city"/>
+                                    <field name="country"/>
+                                    <field name="vat"/>
+                                </group>
+                            </group>
+                        </page>
+                    </notebook>
+                </sheet>
+            </form>
+        </field>
+    </record>
+</odoo>

sale_report_format_editor/views/modern_preview_templates.xml

@@ -0,0 +1,206 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <!--Modern Template Preview-->
+    <template id="report_preview_modern">
+        <t t-call="web.html_preview_container">
+            <t t-call="web.external_layout">
+                <div class="page">
+                    <div t-attf-style=" background-color:#{company.document_layout_id.base_color};padding:2% ;color:#{company.document_layout_id.heading_text_color};">
+                        <h2>
+                            <div t-attf-style="color:##FFFFFF">
+                                Order# SO0003
+                            </div>
+                        </h2>
+                        <div id="informations"
+                             class="row mt32 mb32">
+                            <div class="col-auto mw-100 mb-2"
+                                 name="order_date"
+                                 t-attf-style="color:##FFFFFF;">
+                                <p>Order Date:
+                                </p>
+                                <p class="m-0">07/08/2020
+                                </p>
+                            </div>
+                            <div class="col-auto mw-100 mb-2"
+                                 name="sales"
+                                 t-attf-style="color:##FFFFFF;">
+                                <p>Sales Person
+                                </p>
+                                <p class="m-0">Mitchell
+                                    Admin
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="pt-5">
+                    <div class="address row">
+                        <div name="address" class="col-md-5 ml-auto">
+                            <div itemprop="address">
+                                <div class="d-flex align-items-baseline">
+                                    <span class="w-100 o_force_ltr"
+                                          itemprop="streetAddress">
+                                        Deco Addict
+                                        <br/>
+                                        77 Santa Barbara
+                                        Rd<br/>Pleasant Hill CA
+                                        94523<br/>United States
+                                        <br/>
+                                    </span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="page">
+                    <br/>
+                    <br/>
+                    <table class="table table-sm table-borderless"
+                           style="padding-top:20px;width:100%">
+                        <tr>
+                            <th class='text-center'
+                                t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
+                                Description
+                            </th>
+                            <th class='text-center'
+                                t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
+                                Quantity
+                            </th>
+                            <th class='text-center'
+                                t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
+                                Unit Price
+                            </th>
+                            <th class='text-center'
+                                t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
+                                Taxes
+                            </th>
+                            <th class='text-center'
+                                t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
+                                Price
+                            </th>
+                        </tr>
+                        <!--Order lines body-->
+                        <tr>
+                            <td t-attf-style="color:#{company.document_layout_id.text_color};">
+                                <font>
+                                    <p class="text-center">[FURN_8999]
+                                        Three-Seat Sofa
+                                    </p>
+                                </font>
+                            </td>
+                            <td t-attf-style="color:#{company.document_layout_id.text_color};">
+                                <font>
+                                    <p class="text-center">5.000</p>
+                                </font>
+                            </td>
+                            <td t-attf-style="color:#{company.document_layout_id.text_color};">
+                                <font>
+                                    <p class="text-center">1,500.00</p>
+                                </font>
+                            </td>
+                            <td t-attf-style="color:#{company.document_layout_id.text_color};">
+                                <font>
+                                    <p class="text-center">15.00%</p>
+                                </font>
+                            </td>
+                            <td t-attf-style="color:#{company.document_layout_id.text_color};">
+                                <font>
+                                    <p class="text-center">7,500.00</p>
+                                </font>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td t-attf-style="color:#{company.document_layout_id.text_color};">
+                                <font>
+                                    <p class="text-center">FURN_8220] Four
+                                        Person Desk
+                                        <br/>
+                                        Four person modern office
+                                        workstation
+                                    </p>
+                                </font>
+                            </td>
+                            <td t-attf-style="color:#{company.document_layout_id.text_color};">
+                                <font>
+                                    <p class="text-center">5.000</p>
+                                </font>
+                            </td>
+                            <td t-attf-style="color:#{company.document_layout_id.text_color};">
+                                <font>
+                                    <p class="text-center">23,500.00</p>
+                                </font>
+                            </td>
+                            <td t-attf-style="color:#{company.document_layout_id.text_color};">
+                                <font>
+                                    <p class="text-center">15.00%</p>
+                                </font>
+                            </td>
+                            <td t-attf-style="color:#{company.document_layout_id.text_color};">
+                                <font>
+                                    <p class="text-center">117,500.00</p>
+                                </font>
+                            </td>
+                        </tr>
+                    </table>
+                    <div>
+                        <div class="clearfix mb-4">
+                            <div id="total" class="row">
+                                <div t-attf-class="#{'col-6' if report_type != 'html' else 'col-sm-7 col-md-6'} ms-auto">
+                                    <table class="table table-sm table-borderless"
+                                           style="page-break-inside: avoid;">
+                                        <tbody>
+                                            <tr class="border-black o_subtotal">
+                                                <td t-attf-style="color:#{company.document_layout_id.text_color};">
+                                                    <strong t-attf-style="color:#{company.document_layout_id.text_color};">
+                                                        Untaxed Amount
+                                                    </strong>
+                                                </td>
+                                                <td class="text-end"
+                                                    t-attf-style="color:#{company.document_layout_id.text_color};">
+                                                    <span>$
+                                                        <span class="oe_currency_value">
+                                                            125,000.00
+                                                        </span>
+                                                    </span>
+                                                </td>
+                                            </tr>
+                                            <tr style="">
+                                                <td>
+                                                    <span class="text-nowrap">
+                                                        Tax 15%
+                                                    </span>
+                                                </td>
+                                                <td class="text-end o_price_total">
+                                                    <span class="text-nowrap">
+                                                        $
+                                                        18,750.00
+                                                    </span>
+                                                </td>
+                                            </tr>
+                                            <tr class="border-black o_total">
+                                                <td>
+                                                    <strong t-attf-style="color:#{company.document_layout_id.customer_text_color};">
+                                                        Total
+                                                    </strong>
+                                                </td>
+                                                <td class="text-end">
+                                                    <span class="text-nowrap"
+                                                          t-attf-style="color:#{company.document_layout_id.customer_text_color};">
+                                                        $
+                                                        <span class="oe_currency_value">
+                                                            143,750.00
+                                                        </span>
+                                                    </span>
+                                                </td>
+                                            </tr>
+                                        </tbody>
+                                    </table>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </t>
+        </t>
+    </template>
+</odoo>

sale_report_format_editor/views/normal_preview_templates.xml

@@ -0,0 +1,248 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<odoo>
+    <!--Normal Template Preview-->
+    <template id="report_preview_normal">
+        <t t-call="web.html_preview_container">
+            <t t-call="web.external_layout">
+                <div class="row"
+                     id="customer address"
+                     t-attf-style="color:#{company.document_layout_id.customer_text_color}">
+                    <div style="width:50%;"
+                         t-attf-class="{{'ms-auto' if company.document_layout_id.customer_position == 'right' else ''}}">
+                        <div itemprop="address"
+                             class="address">
+                            <div>
+                                <span>Deco Addict</span>
+                            </div>
+                            <div>
+                                <span>77 Santa Barbara Rd</span>
+                            </div>
+                            <div>
+                                <span>
+                                    Pleasant Hill CA 94523
+                                </span>
+                            </div>
+                            <div>
+                                <span>
+                                    United States
+                                </span>
+                            </div>
+                            <div>
+                                <span t-if="company.document_layout_id.vat">
+                                    VAT00214
+                                </span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <br/>
+                <!--Customer details table-->
+                <table class="table table-sm table-borderless"
+                       style="padding-top:20px;width:100%">
+                    <tr>
+                        <th class='text-center'
+                            t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
+                            Order Date
+                        </th>
+                        <th class='text-center'
+                            t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
+                            Sales Person
+                        </th>
+                        <th t-if="company.document_layout_id.reference"
+                            class='text-center'
+                            t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
+                            Reference
+                        </th>
+                        <th t-if="company.document_layout_id.source"
+                            class='text-center'
+                            t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
+                            Source
+                        </th>
+                    </tr>
+                    <tr>
+                        <td t-attf-style="color:#{company.document_layout_id.text_color};">
+                            <font>
+                                <p class="text-center">07/08/2021</p>
+                            </font>
+                        </td>
+                        <td
+                                t-attf-style="color:#{company.document_layout_id.text_color};">
+                            <font>
+                                <p class="text-center">Mitchell admin</p>
+                            </font>
+                        </td>
+                        <td t-if="company.document_layout_id.reference"
+                            t-attf-style="color:#{company.document_layout_id.text_color};">
+                            <font>
+                                <p class="text-center">SA0023021</p>
+                            </font>
+                        </td>
+                        <td t-if="company.document_layout_id.source"
+                            t-attf-style="color:#{company.document_layout_id.text_color};">
+                            <font>
+                                <p class="text-center">LinkedIn</p>
+                            </font>
+                        </td>
+                    </tr>
+                </table>
+                <!--Order Number-->
+                <div class="page" style="text-align: center">
+                    <h2 t-attf-style="color:#{company.document_layout_id.customer_text_color};">
+                        <span t-attf-style="color:#{company.document_layout_id.customer_text_color};">
+                            Order#
+                        </span>
+                        <span t-attf-style="color:#{company.document_layout_id.customer_text_color};">
+                            SO0003
+                        </span>
+                    </h2>
+                </div>
+                <br/>
+                <!--Order Product details-->
+                <table class="table table-sm table-borderless"
+                       style="padding-top:20px;width:100%">
+                    <tr>
+                        <th class='text-center'
+                            t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
+                            Description
+                        </th>
+                        <th class='text-center'
+                            t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
+                            Quantity
+                        </th>
+                        <th class='text-center'
+                            t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
+                            Unit Price
+                        </th>
+                        <th class='text-center'
+                            t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
+                            Taxes
+                        </th>
+                        <th class='text-center'
+                            t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
+                            Price
+                        </th>
+                    </tr>
+                    <!--Order lines body-->
+                    <tr>
+                        <td t-attf-style="color:#{company.document_layout_id.text_color};">
+                            <font>
+                                <p class="text-center">[FURN_8999]
+                                    Three-Seat Sofa
+                                </p>
+                            </font>
+                        </td>
+                        <td t-attf-style="color:#{company.document_layout_id.text_color};">
+                            <font>
+                                <p class="text-center">5.000</p>
+                            </font>
+                        </td>
+                        <td t-attf-style="color:#{company.document_layout_id.text_color};">
+                            <font>
+                                <p class="text-center">1,500.00</p>
+                            </font>
+                        </td>
+                        <td t-attf-style="color:#{company.document_layout_id.text_color};">
+                            <font>
+                                <p class="text-center">15.00%</p>
+                            </font>
+                        </td>
+                        <td t-attf-style="color:#{company.document_layout_id.text_color};">
+                            <font>
+                                <p class="text-center">7,500.00</p>
+                            </font>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td t-attf-style="color:#{company.document_layout_id.text_color};">
+                            <font>
+                                <p class="text-center">FURN_8220] Four
+                                    Person Desk
+                                    <br/>
+                                    Four person modern office
+                                    workstation
+                                </p>
+                            </font>
+                        </td>
+                        <td t-attf-style="color:#{company.document_layout_id.text_color};">
+                            <font>
+                                <p class="text-center">5.000</p>
+                            </font>
+                        </td>
+                        <td t-attf-style="color:#{company.document_layout_id.text_color};">
+                            <font>
+                                <p class="text-center">23,500.00</p>
+                            </font>
+                        </td>
+                        <td t-attf-style="color:#{company.document_layout_id.text_color};">
+                            <font>
+                                <p class="text-center">15.00%</p>
+                            </font>
+                        </td>
+                        <td t-attf-style="color:#{company.document_layout_id.text_color};">
+                            <font>
+                                <p class="text-center">117,500.00</p>
+                            </font>
+                        </td>
+                    </tr>
+                </table>
+                <!--Payment details-->
+                <div>
+                    <div class="clearfix mb-4">
+                        <div id="total" class="row">
+                            <div t-attf-class="#{'col-6' if report_type != 'html' else 'col-sm-7 col-md-6'} ms-auto">
+                                <table class="table table-sm table-borderless"
+                                       style="page-break-inside: avoid;">
+                                    <tbody>
+                                        <tr class="border-black o_subtotal">
+                                            <td t-attf-style="color:#{company.document_layout_id.text_color};">
+                                                <strong t-attf-style="color:#{company.document_layout_id.text_color};">
+                                                    Untaxed Amount
+                                                </strong>
+                                            </td>
+                                            <td class="text-end"
+                                                t-attf-style="color:#{company.document_layout_id.text_color};">
+                                                <span>$
+                                                    <span class="oe_currency_value">
+                                                        125,000.00
+                                                    </span>
+                                                </span>
+                                            </td>
+                                        </tr>
+                                        <tr style="">
+                                            <td>
+                                                <span class="text-nowrap">
+                                                    Tax 15%
+                                                </span>
+                                            </td>
+                                            <td class="text-end o_price_total">
+                                                <span class="text-nowrap">$
+                                                    18,750.00
+                                                </span>
+                                            </td>
+                                        </tr>
+                                        <tr class="border-black o_total">
+                                            <td>
+                                                <strong t-attf-style="color:#{company.document_layout_id.customer_text_color};">
+                                                    Total
+                                                </strong>
+                                            </td>
+                                            <td class="text-end">
+                                                <span class="text-nowrap"
+                                                      t-attf-style="color:#{company.document_layout_id.customer_text_color};">
+                                                    $
+                                                    <span class="oe_currency_value">
+                                                        143,750.00
+                                                    </span>
+                                                </span>
+                                            </td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </t>
+        </t>
+    </template>
+</odoo>

sale_report_format_editor/views/old_preview_templates.xml

@@ -0,0 +1,242 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <!--Old Template Preview-->
+    <template id="report_preview_old">
+        <t t-call="web.html_preview_container">
+            <t t-call="web.external_layout">
+                <div class="page" style="overflow: hidden;">
+                    <div t-if="company.document_layout_id.address"
+                         id="customer address"
+                         t-attf-style="color:#{company.document_layout_id.customer_text_color}">
+                        <div class="row">
+                            <div style="width:50%;"
+                                 t-attf-class="{{'ms-auto' if company.document_layout_id.customer_position == 'right' else ''}}">
+                                <div itemprop="address"
+                                     class="address">
+                                    <div>
+                                        <span>Deco Addict</span>
+                                    </div>
+                                    <div>
+                                        <span>77 Santa Barbara Rd</span>
+                                    </div>
+                                    <div>
+                                        <span t-if="company.document_layout_id.city">
+                                            Pleasant Hill CA 94523
+                                        </span>
+                                    </div>
+                                    <div>
+                                        <span t-if="company.document_layout_id.country">
+                                            United States
+                                        </span>
+                                    </div>
+                                    <div>
+                                        <span t-if="company.document_layout_id.vat">
+                                            VAT00214
+                                        </span>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <br/>
+                        <br/>
+                    </div>
+                    <div class="row"
+                         t-attf-style="font:15px lucida-console,sans-serif !important;background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};padding:2%">
+                        <h2>
+                            <div t-attf-style="color:#{company.document_layout_id.heading_text_color};">
+                                Order# SO0003
+                            </div>
+                        </h2>
+                        <div id="informations"
+                             class="row mt32 mb32">
+                            <div class="col-auto mw-100 mb-2"
+                                 name="order_date"
+                                 t-attf-style="color:##FFFFFF;">
+                                <p t-attf-style="color:#{company.document_layout_id.heading_text_color};">
+                                    Order Date:
+                                </p>
+                                <p class="m-0"
+                                   t-attf-style="color:#{company.document_layout_id.text_color};">
+                                    07/08/2020
+                                </p>
+                            </div>
+                            <div t-if="company.document_layout_id.sales_person"
+                                 class="col-auto mw-100 mb-2"
+                                 name="due_date">
+                                <p t-attf-style="color:#{company.document_layout_id.heading_text_color};">
+                                    Sales Person
+                                </p>
+                                <p t-attf-style="color:#{company.document_layout_id.text_color};"
+                                   class="m-0">Mitchell Admin
+                                </p>
+                            </div>
+                            <div t-if="company.document_layout_id.reference"
+                                 class="col-auto mw-100 mb-2"
+                                 name="sales">
+                                <p t-attf-style="color:#{company.document_layout_id.heading_text_color};">
+                                    Reference
+                                </p>
+                                <p t-attf-style="color:#{company.document_layout_id.text_color};"
+                                   class="m-0">SA0023021
+                                </p>
+                            </div>
+                            <div t-if="company.document_layout_id.source"
+                                 class="col-auto mw-100 mb-2"
+                                 name="sales">
+                                <p t-attf-style="color:#{company.document_layout_id.heading_text_color};">
+                                    Source
+                                </p>
+                                <p t-attf-style="color:#{company.document_layout_id.text_color};"
+                                   class="m-0">LinkedIn
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="page" t-attf-style="padding-top:36px;">
+                        <table class="table table-sm o_main_table"
+                               name="order_line_table">
+                            <thead>
+                                <tr t-attf-style=" background-color:#{company.document_layout_id.base_color};padding:2% ;color:#{company.document_layout_id.heading_text_color};">
+                                    <th name="th_description"
+                                        class="text-left">
+                                        <span>Description</span>
+                                    </th>
+                                    <th name="th_quantity"
+                                        class="text-right">
+                                        <span>Quantity</span>
+                                    </th>
+                                    <th name="th_priceunit"
+                                        class="text-right d-none d-md-table-cell">
+                                        <span>Unit Price</span>
+                                    </th>
+                                    <th name="th_taxes"
+                                        class="text-left d-none d-md-table-cell">
+                                        <span>Taxes</span>
+                                    </th>
+                                    <th name="th_subtotal"
+                                        class="text-right">
+                                        <span>Amount</span>
+                                    </th>
+                                </tr>
+                            </thead>
+                            <tbody class="order_tbody">
+                                <tr t-attf-style="color:#{company.document_layout_id.text_color};">
+                                    <td name="order_line_name">
+                                        <span>[FURN_8999] Three-Seat Sofa
+                                            <br/>
+                                            Three Seater Sofa with Lounger
+                                            in
+                                            Steel Grey Colour
+                                        </span>
+                                    </td>
+                                    <td class="text-right">
+                                        <span>5.000</span>
+                                    </td>
+                                    <td class="text-right d-none d-md-table-cell">
+                                        <span class="text-nowrap">1,500.00
+                                        </span>
+                                    </td>
+                                    <td class="text-left d-none d-md-table-cell">
+                                        <span id="line_tax_ids">15.00%
+                                        </span>
+                                    </td>
+                                    <td class="text-right o_price_total">
+                                        <span class="text-nowrap">$
+                                            <span class="oe_currency_value">
+                                                7,500.00
+                                            </span>
+                                        </span>
+                                    </td>
+                                </tr>
+                                <tr t-attf-style="color:#{company.document_layout_id.text_color};">
+                                    <td name="order_line_des">
+                                        <span>[FURN_8220] Four Person Desk
+                                            <br/>
+                                            Four person modern office
+                                            workstation
+                                        </span>
+                                    </td>
+                                    <td class="text-right">
+                                        <span>5.000</span>
+                                    </td>
+                                    <td class="text-right d-none d-md-table-cell">
+                                        <span class="text-nowrap">23,500.00
+                                        </span>
+                                    </td>
+                                    <td class="text-left d-none d-md-table-cell">
+                                        <span id="line_tax_ids">15.00%
+                                        </span>
+                                    </td>
+                                    <td class="text-right o_price_total">
+                                        <span class="text-nowrap">$
+                                            <span class="oe_currency_value">
+                                                117,500.00
+                                            </span>
+                                        </span>
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+                        <div>
+                            <div class="clearfix mb-4">
+                                <div id="total" class="row">
+                                    <div t-attf-class="#{'col-6' if report_type != 'html' else 'col-sm-7 col-md-6'} ms-auto">
+                                        <table class="table table-sm table-borderless"
+                                               style="page-break-inside: avoid;">
+                                            <tbody>
+                                                <tr class="border-black o_subtotal">
+                                                    <td t-attf-style="color:#{company.document_layout_id.text_color};">
+                                                        <strong t-attf-style="color:#{company.document_layout_id.text_color};">
+                                                            Untaxed Amount
+                                                        </strong>
+                                                    </td>
+                                                    <td class="text-end"
+                                                        t-attf-style="color:#{company.document_layout_id.text_color};">
+                                                        <span>$
+                                                            <span class="oe_currency_value">
+                                                                125,000.00
+                                                            </span>
+                                                        </span>
+                                                    </td>
+                                                </tr>
+                                                <tr style="">
+                                                    <td>
+                                                        <span class="text-nowrap">
+                                                            Tax 15%
+                                                        </span>
+                                                    </td>
+                                                    <td class="text-end o_price_total">
+                                                        <span class="text-nowrap">
+                                                            $
+                                                            18,750.00
+                                                        </span>
+                                                    </td>
+                                                </tr>
+                                                <tr class="border-black o_total">
+                                                    <td>
+                                                        <strong t-attf-style="color:#{company.document_layout_id.customer_text_color};">
+                                                            Total
+                                                        </strong>
+                                                    </td>
+                                                    <td class="text-end">
+                                                        <span class="text-nowrap"
+                                                              t-attf-style="color:#{company.document_layout_id.customer_text_color};">
+                                                            $
+                                                            <span class="oe_currency_value">
+                                                                143,750.00
+                                                            </span>
+                                                        </span>
+                                                    </td>
+                                                </tr>
+                                            </tbody>
+                                        </table>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </t>
+        </t>
+    </template>
+</odoo>