Jun 28: [ADD] Initial commit 'excel_report_designer'

excel_report_designer/README.rst

@@ -0,0 +1,48 @@
+.. image:: https://img.shields.io/badge/license-AGPL--3-blue.svg
+    :target: https://www.gnu.org/licenses/agpl-3.0-standalone.html
+    :alt: License: AGPL-3
+
+Excel Report Designer
+=====================
+This module helps to create reports from various modules
+
+Configuration
+=============
+* No additional configuration required
+
+Company
+-------
+*`Cybrosys Techno Solutions <https://cybrosys.com/>`__
+
+License
+-------
+General Public License, version 3 (AGPL v3).
+(https://www.gnu.org/licenses/agpl-3.0-standalone.html)
+
+Credits
+-------
+* Developer : (V15) Bhagyadev KP
+* 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 further information, please visit `Our Website <https://cybrosys.com/>`__
+
+Further information
+===================
+HTML Description: `<static/description/index.html>`__

excel_report_designer/__init__.py

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

excel_report_designer/__manifest__.py

@@ -0,0 +1,48 @@
+# -*- coding: utf-8 -*-
+################################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#    Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>).
+#    Author: Bhagyadev KP (odoo@cybrosys.com)
+#
+#    This program is free software: you can modify
+#    it under the terms of the GNU Affero General Public License (AGPL) as
+#    published by the Free Software Foundation, either version 3 of the
+#    License, or (at your option) any later version.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU Affero General Public License for more details.
+#
+#    You should have received a copy of the GNU Affero General Public License
+#    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+#
+################################################################################
+{
+    'name': 'Excel Report Designer',
+    'version': '15.0.1.0.0',
+    'category': 'Extra Tools',
+    'summary': """Create Excel Reports for Any Models""",
+    'description': 'This module is used to  create reports for models and can be select the fields the user want to print.',
+    'author': 'Cybrosys Techno Solutions',
+    'company': 'Cybrosys Techno Solutions',
+    'maintainer': 'Cybrosys Techno Solutions',
+    'website': 'https://www.cybrosys.com',
+    'depends': ['base'],
+    'data': [
+        'security/ir.model.access.csv',
+        'views/report_excel_views.xml',
+        'wizard/excel_report_views.xml',
+    ],
+    'assets': {
+        'web.assets_backend': [
+            '/excel_report_designer/static/src/js/action_manager.js'
+        ],
+    },
+    'images': ['static/description/banner.png'],
+    'license': 'AGPL-3',
+    'installable': True,
+    'auto_install': False,
+    'application': False,
+}

excel_report_designer/controllers/__init__.py

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

excel_report_designer/controllers/main.py

@@ -0,0 +1,58 @@
+# -*- coding: utf-8 -*-
+################################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#    Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>).
+#    Author: Bhagyadev KP (odoo@cybrosys.com)
+#
+#    This program is free software: you can modify
+#    it under the terms of the GNU Affero General Public License (AGPL) as
+#    published by the Free Software Foundation, either version 3 of the
+#    License, or (at your option) any later version.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU Affero General Public License for more details.
+#
+#    You should have received a copy of the GNU Affero General Public License
+#    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+#
+################################################################################
+import json
+from odoo import http
+from odoo.http import content_disposition, request
+from odoo.tools import html_escape
+
+
+class XLSXReportController(http.Controller):
+    """This is used to call the xlsx report function"""
+    @http.route('/xlsx_reports', type='http', auth='user', methods=['POST'],
+                csrf=False)
+    def get_report_xlsx(self, model, options, output_format, report_name, **kw):
+        """this is used to call the function"""
+        uid = request.session.uid
+        report_obj = request.env[model].with_user(uid)
+        options = json.loads(options)
+        token = 'dummy-because-api-expects-one'
+        try:
+            if output_format == 'xlsx':
+                response = request.make_response(
+                    None,
+                    headers=[
+                        ('Content-Type', 'application/vnd.ms-excel'),
+                        ('Content-Disposition',
+                         content_disposition(report_name + '.xlsx'))
+                    ]
+                )
+                report_obj.get_xlsx_report(options, response)
+            response.set_cookie('fileToken', token)
+            return response
+        except Exception as e:
+            se = http.serialize_exception(e)
+            error = {
+                'code': 200,
+                'message': 'Odoo Server Error',
+                'data': se
+            }
+            return request.make_response(html_escape(json.dumps(error)))

excel_report_designer/doc/RELEASE_NOTES.md

@@ -0,0 +1,6 @@
+## Module <excel_report_designer>
+
+#### 09.06.2024
+#### Version 15.0.1.0.0
+#### ADD
+- Initial Commit for Excel Report Designer

excel_report_designer/models/__init__.py

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

excel_report_designer/models/report_excel.py

@@ -0,0 +1,303 @@
+# -*- coding: utf-8 -*-
+################################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#    Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>).
+#    Author: Bhagyadev KP (odoo@cybrosys.com)
+#
+#    This program is free software: you can modify
+#    it under the terms of the GNU Affero General Public License (AGPL) as
+#    published by the Free Software Foundation, either version 3 of the
+#    License, or (at your option) any later version.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU Affero General Public License for more details.
+#
+#    You should have received a copy of the GNU Affero General Public License
+#    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+#
+################################################################################
+import xlsxwriter
+import io
+import json
+import datetime
+from odoo import api, fields, models, _
+from odoo.tools import date_utils
+
+
+class ReportExcel(models.Model):
+    """this is used to create the a binding action"""
+    _name = 'report.excel'
+    _description = "report excel"
+    _rec_name = 'name'
+
+    name = fields.Char(string='Name', help='Name of the report')
+    model_id = fields.Many2one('ir.model', string='Model', required=True,
+                               ondelete="cascade", help="The binding model")
+    fields_ids = fields.Many2many('ir.model.fields', string='Fields',
+                                  required=True, ondelete="cascade",
+                                  help="the fields to be printed in the report")
+    date_field_id = fields.Many2one('ir.model.fields', string='Date Filter',
+                                 ondelete="cascade",
+                                 help="filter on the basis of date")
+    start_date = fields.Date(string='Start Date', help="start date")
+    end_date = fields.Date(string='End Date', help="end date")
+    field_order = fields.Char(default='[]', help="the field order")
+    action_button = fields.Boolean(default=False, string="Action",
+                                   help="visibility of action")
+    state = fields.Selection([
+        ('code', 'Execute Python Code'),
+        ('object_create', 'Create a new Record'),
+        ('object_write', 'Update the Record'),
+        ('multi', 'Execute several actions')], string='Action To Do',
+        default='code', required=True, copy=True,
+        help="to execute the code on the basis")
+    binding_model_id = fields.Many2one('ir.model', ondelete="cascade",
+                                       string="Binding Model Id",
+                                       help="binding model id")
+    binding_type = fields.Selection([('action', 'Action'),
+                                     ('report', 'Report')],
+                                    required=True, default='action',
+                                    string="Binding Type", help="binding type")
+    ir_act_server_ref_id = fields.Many2one('ir.actions.act_window', readonly=True,
+                                        copy=False, string="Action Reference",
+                                        help="action reference")
+
+    def print_report(self):
+        """
+        Function to print report
+        """
+        for rec in self:
+            data = {
+                'report_name': rec.name,
+                'model_name': rec.model_id.model,
+                'fields_name': rec.fields_ids.mapped('name'),
+                'field_label': rec.fields_ids.mapped('field_description'),
+                'date_field_id': rec.date_field_id.name,
+                'date_name': rec.date_field_id.field_description,
+                'start_date': rec.start_date,
+                'end_date': rec.end_date,
+                'field_order': rec.field_order
+            }
+            return {
+                'type': 'ir.actions.report',
+                'data': {'model': 'report.excel',
+                         'options': json.dumps(data,
+                                               default=date_utils.json_default),
+                         'output_format': 'xlsx',
+                         'report_name': rec.name,
+                         },
+                'report_type': 'stock_xlsx',
+            }
+
+    def get_xlsx_report(self, data, response):
+        """this is used to print the report of all records"""
+        output = io.BytesIO()
+        workbook = xlsxwriter.Workbook(output, {'in_memory': True})
+        sheet = workbook.add_worksheet()
+        # Formats
+        format1 = workbook.add_format(
+            {'font_size': 15, 'align': 'center', 'bold': True})
+        format1.set_font_color('#000080')
+        format2 = workbook.add_format(
+            {'font_size': 11, 'bold': True, 'border': 1, 'bg_color': '#928E8E'})
+        format4 = workbook.add_format(
+            {'font_size': 10, 'num_format': 'yyyy-m-d', 'align': 'center', 'bold': True})
+        format5 = workbook.add_format({'font_size': 10, 'border': 1, 'text_wrap': True})
+        format6 = workbook.add_format({'font_size': 10, 'bold': True})
+        format8 = workbook.add_format({'font_size': 10, 'border': 1})
+        format9 = workbook.add_format(
+            {'font_size': 10, 'num_format': 'yyyy-m-d'})
+        format10 = workbook.add_format(
+            {'font_size': 10, 'num_format': 'yyyy-m-d', 'border': 1})
+        format2.set_align('center')
+        format4.set_align('right')
+        format6.set_align('right')
+        format8.set_align('left')
+        sheet.merge_range(1, 1, 1, len(data['field_label']) + 1,
+                          data['report_name'], format1)
+        sheet.write(2, 0, "Date :", format4)
+        sheet.write(2, 1, fields.Datetime.today(), format4)
+        if data['date_field_id']:
+            sheet.write(3, 0, data['date_name'], format4)
+            if data['start_date']:
+                sheet.write(3, 1, "From:", format4)
+                sheet.write(3, 2, data['start_date'], format9)
+            else:
+                sheet.write(3, 2, "", format9)
+            if data['end_date']:
+                sheet.write(3, 3, "To:", format4)
+                sheet.write(3, 4, data['end_date'], format9)
+            else:
+                sheet.write(3, 4, "", format9)
+        sl_no = 1
+        sheet.write(5, 1, "SL No", format2)
+        row_num = 5
+        col_num = 2
+        order = data['field_order'].strip('][').split(', ')
+        for field_id in order:
+            field_name = self.env['ir.model.fields'].browse(
+                int(field_id)).field_description
+            sheet.write(row_num, col_num, field_name, format2)
+            col_num += 1
+        row_num += 1
+        records = []
+        if data['date_field_id']:
+            if data['start_date'] and data['end_date']:
+                records = self.env[data['model_name']].search([
+                    (data['date_field_id'], '>=', data['start_date']),
+                    (data['date_field_id'], '<=', data['end_date'])])
+            elif data['start_date'] and not data['end_date']:
+                records = self.env[data['model_name']].search([
+                    (data['date_field_id'], '>=', data['start_date'])])
+            elif not data['start_date'] and data['end_date']:
+                records = self.env[data['model_name']].search([
+                    (data['date_field_id'], '<=', data['end_date'])])
+        else:
+            records = self.env[data['model_name']].search([])
+        new_table = []
+        for record in records:
+            order = data['field_order'].strip('][').split(', ')
+            record_dict = {}
+            for field_id in order:
+                field = self.env['ir.model.fields'].browse(int(field_id))
+                field_name = field.name
+                field_type = self.env['ir.model.fields'].browse(
+                    int(field_id)).ttype
+                if field_type in ['many2many']:
+                    one2many_values = ', '.join(record[field_name].mapped('name'))
+                    record_dict[field] = [one2many_values]
+                elif field_type in ['one2many']:
+                        o2m_list = []
+                        for rec in record[field_name]:
+                           if rec:
+                            o2m_list.append(rec)
+                           else:
+                               o2m_list.append('')
+                        record_dict[field] = o2m_list
+                else:
+                    record_dict[field] = [record[field_name]]
+            new_table.append(record_dict)
+        for record in new_table:
+            col_num = 1
+            sheet.write(row_num, col_num, sl_no, format5)
+            col_num += 1
+            occupied_rows = max(len(value) for value in record.values())
+            for field in record:
+                field_type = self.env['ir.model.fields'].browse(int(field.id)).ttype
+                if not field_type in ['one2many', 'many2many']:
+                        try:
+                            if isinstance(record[field][0], datetime.date):
+                                sheet.write(row_num, col_num, record[field][0], format10)
+                            elif isinstance(record[field][0], bool):
+                                if not field:
+                                    sheet.write(row_num, col_num, " ", format5)
+                                else:
+                                    sheet.write(row_num, col_num, "Yes", format5)
+                            else:
+                                sheet.write(row_num, col_num, record[field][0], format5)
+                        except Exception as e:
+                            if record[field][0]:
+                                sheet.write(row_num, col_num, record[field][0].name_get()[0][1],
+                                            format5)
+                            else:
+                                sheet.write(row_num, col_num, "",
+                                            format5)
+                elif field_type == 'one2many':
+                    for i in range(occupied_rows):
+                        if len(record[field]) > i:
+                            try:
+                                if isinstance(record[field][i], datetime.date):
+                                    sheet.write(row_num+i, col_num, record[field][i], format10)
+                                elif isinstance(record[field][i], bool):
+                                    if not field:
+                                        sheet.write(row_num+i, col_num, "NO", format5)
+                                    else:
+                                        sheet.write(row_num+i, col_num, "Yes", format5)
+                                else:
+                                    sheet.write(row_num+i, col_num, record[field][i], format5)
+                            except Exception as e:
+                                if record[field][i]:
+                                    sheet.write(row_num+i, col_num, record[field][i].name_get()[0][1], format5)
+                                else:
+                                    sheet.write(row_num+i, col_num, "", format5)
+                elif field_type == 'many2many':
+                    if record[field]:
+                        try:
+                            if isinstance(record[field], datetime.date):
+                                sheet.write(row_num, col_num, record[field][0], format10)
+                            elif isinstance(record[field], bool):
+                                if not field:
+                                    sheet.write(row_num, col_num, " ", format5)
+                                else:
+                                    sheet.write(row_num, col_num, "Yes", format5)
+                            else:
+                                sheet.write(row_num, col_num, record[field][0], format5)
+                        except Exception as e:
+                            if record[field][0]:
+                                sheet.write(row_num, col_num, record[field].name_get()[0][1], format5)
+                            else:
+                                sheet.write(row_num, col_num, "", format5)
+                col_num+=1
+            row_num += occupied_rows
+            sl_no += 1
+        workbook.close()
+        output.seek(0)
+        response.stream.write(output.read())
+        output.close()
+
+    def create_model_action(self):
+        """ Create a contextual action for each server action."""
+        self.action_button = True
+        WindowAction = self.env['ir.actions.act_window']
+        data = self.env['ir.model.data']
+        for rec in self.browse(self._ids):
+            binding_model_id = rec.model_id.id
+            model_data_id = data._load_xmlid('excel_report_designer')
+            res_id = data.browse(model_data_id).res_id
+            button_name = _('Print Report (%s)') % rec.name
+            act_id = WindowAction.create({
+                'name': button_name,
+                'type': 'ir.actions.act_window',
+                'res_model': 'excel.report',
+                'binding_model_id': binding_model_id,
+                'context': "{'excel' : %d}" % (rec.id),
+                'view_mode': 'form,tree',
+                'view_id': res_id,
+                'target': 'new',
+            })
+            rec.write({
+                'ir_act_server_ref_id': act_id.id,
+            })
+        return True
+
+    def unlink_model_action(self):
+        """ Remove the contextual actions created for the server actions. """
+        self.action_button = False
+        self.check_access_rights('write', raise_exception=True)
+        self.filtered('binding_model_id').write({'binding_model_id': False})
+        return True
+
+    @api.onchange('fields_ids')
+    def _onchange_fields_ids(self):
+        """this is used to find the fields of new models"""
+        self.fields_ids = []
+        if self.fields_ids:
+            self.field_order = str(self.fields_ids._origin.ids)
+
+    @api.onchange('model_id')
+    def _onchange_model_id(self):
+        """this is used to return the fields"""
+        if self.model_id:
+            self.name = self.model_id.name + ' Report'
+            self.fields_ids = False
+            self.date_field_id = False
+            return {
+                'domain': {
+                    'fields_ids': [('model_id', '=', self.model_id.id)],
+                    'date_field_id': [('model_id', '=', self.model_id.id),
+                                   ('ttype', 'in', ['date', 'datetime'])],
+                }
+            }

excel_report_designer/security/ir.model.access.csv

@@ -0,0 +1,3 @@
+id,name,model_id:id,group_id:id,perm_read,perm_write,perm_create,perm_unlink
+access_excel_report_user,excel.report.user,model_excel_report,base.group_user,1,1,1,1
+access_report_excel_user,report.excel.user,model_report_excel,base.group_user,1,1,1,1

excel_report_designer/static/description/index.html

@@ -0,0 +1,663 @@
+<div style="background-color: #714B67; height: 810px; width: 100%; padding: 15px; position: relative;">
+    <!-- TITLE BAR -->
+    <div class="d-flex align-items-center justify-content-between"
+         style="border-bottom: 1px solid #875A7B; padding: 15px; display: flex; justify-content: space-between; align-items: center;">
+        <img src="assets/misc/cybrosys-logo.png" width="42" height="42"
+             style="width: 42px; height: 42px;"/>
+        <div>
+            <div style="color: #7C7BAD; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: bold; background-color: white; display: inline-block; padding: 3px 10px; border-radius: 50px;"
+                 class="mr-2">
+                <i class="fa fa-check mr-1"></i>Community
+            </div>
+            <div style="color: #875A7B; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: bold; background-color: white; display: inline-block; padding: 3px 10px; border-radius: 50px;"
+                 class="mr-2">
+                <i class="fa fa-check mr-1"></i>Enterprise
+            </div>
+            <div style="color: #017E84; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: bold; background-color: white; display: inline-block; padding: 3px 10px; border-radius: 50px;"
+                 class="mr-2">
+                <i class="fa fa-check mr-1"></i>Odoo sh
+            </div>
+        </div>
+    </div>
+    <!-- END OF TITLE BAR -->
+    <div class="container">
+        <div class="row">
+            <div class="col-sm-12 col-md-12 col-lg-12">
+                <!-- APP HERO -->
+                <h1 style="color: #FFFFFF; font-weight: bolder; font-size: 50px; text-align: center; margin-top: 50px;">Excel Report Designer</h1>
+                <p style="color:#FFFFFF; padding: 8px 15px; text-align: center; font-size: 24px;">Create Customised Excel Reports for Any Models</p>
+                <!-- END OF APP HERO -->
+                <img src="./assets/screenshots/hero.gif" class="img-responsive"
+                     width="100%" height="auto"/>
+            </div>
+        </div>
+    </div>
+</div>
+<!-- NAVIGATION SECTION -->
+<div class="d-flex align-items-center"
+     style="border-bottom: 2px solid #714B67; padding: 15px 0px; margin-top: 300px;">
+    <div class="d-flex justify-content-center align-items-center mr-2"
+         style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+        <img src="assets/misc/compass.png"/>
+    </div>
+    <h2 class="mt-2"
+        style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
+        Explore This
+        Module</h2>
+</div>
+<div class="row my-4" style="font-family: 'Montserrat', sans-serif;">
+    <div class="col-sm-12 col-md-6 my-3">
+        <a href="#overview">
+            <div class="d-flex justify-content-between align-items-center"
+                 style="background-color: #f5f5f5; padding: 30px; width: 100%;">
+                <div>
+                    <span style="color: #714B67; font-size: 24px; font-weight: 500; display: block;">Overview</span>
+                    <span
+                            style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33;  display: block;">Learn
+                        more about this
+                        module</span>
+                </div>
+                <img src="assets/misc/right-arrow.png" width="36" height="36"/>
+            </div>
+        </a>
+    </div>
+    <div class="col-sm-12 col-md-6 my-3">
+        <a href="#features">
+            <div class="d-flex justify-content-between align-items-center"
+                 style="background-color: #f5f5f5; padding: 30px; width: 100%;">
+                <div>
+                    <span style="color: #714B67; font-size: 24px; font-weight: 500; display: block;">Features</span>
+                    <span
+                            style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33;  display: block;">View
+                        features of this
+                        module</span>
+                </div>
+                <img src="assets/misc/right-arrow.png" width="36" height="36"/>
+            </div>
+        </a>
+    </div>
+    <div class="col-sm-12 col-md-6 my-3">
+        <a href="#screenshots">
+            <div class="d-flex justify-content-between align-items-center"
+                 style="background-color: #f5f5f5; padding: 30px; width: 100%;">
+                <div>
+                    <span style="color: #714B67; font-size: 24px; font-weight: 500; display: block;">Screenshots</span>
+                    <span
+                            style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33;  display: block;">View
+                        screenshots for this
+                        module</span>
+                </div>
+                <img src="assets/misc/right-arrow.png" width="36" height="36"/>
+            </div>
+        </a>
+    </div>
+</div>
+<!-- END OF NAVIGATION SECTION -->
+
+<!-- OVERVIEW SECTION -->
+<div class="d-flex align-items-center"
+     style="border-bottom: 2px solid #714B67; padding: 15px 0px;" id="overview">
+    <div class="d-flex justify-content-center align-items-center mr-2"
+         style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+        <img src="assets/misc/pie-chart.png"/>
+    </div>
+    <h2 class="mt-2"
+        style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
+        Overview
+    </h2>
+</div>
+<div class="row"
+     style="font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 200%;">
+    <div class="col-sm-12 py-4">In this Excel Report Designer module, we can create reports in XLSX format for any model with any fields in the model. We can also filter the report based on the date, using any date field in the model.
+    </div>
+</div>
+<!-- END OF OVERVIEW SECTION -->
+
+<!-- FEATURES SECTION -->
+<div class="d-flex align-items-center"
+     style="border-bottom: 2px solid #714B67; padding: 15px 0px;" id="features">
+    <div class="d-flex justify-content-center align-items-center mr-2"
+         style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+        <img src="assets/misc/features.png"/>
+    </div>
+    <h2 class="mt-2"
+        style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
+        Features
+    </h2>
+</div>
+<div class="row"
+     style="font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 200%;">
+    <div class="col-sm-12 col-md-6">
+        <div class="d-flex align-items-center"
+             style="margin-top: 40px; margin-bottom: 40px">
+            <img src="assets/misc/check-box.png" class="mr-2"/>
+            <span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Fully configurable XLSX reports.</span>
+        </div>
+    </div>
+    <div class="col-sm-12 col-md-6">
+        <div class="d-flex align-items-center"
+             style="margin-top: 40px; margin-bottom: 40px">
+            <img src="assets/misc/check-box.png" class="mr-2"/>
+            <span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Custom report name.</span>
+        </div>
+    </div>
+    <div class="col-sm-12 col-md-6">
+        <div class="d-flex align-items-center"
+             style="margin-top: 40px; margin-bottom: 40px">
+            <img src="assets/misc/check-box.png" class="mr-2"/>
+            <span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Filter report data based on any date field.</span>
+        </div>
+    </div>
+    <div class="col-sm-12 col-md-6">
+        <div class="d-flex align-items-center"
+             style="margin-top: 40px; margin-bottom: 40px">
+            <img src="assets/misc/check-box.png" class="mr-2"/>
+            <span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Reports menu under the action menu.</span>
+        </div>
+    </div>
+</div>
+<!-- END OF FEATURES SECTION -->
+
+<!-- SCREENSHOTS SECTION -->
+<div class="d-flex align-items-center"
+     style="border-bottom: 2px solid #714B67; padding: 15px 0px;"
+     id="screenshots">
+    <div class="d-flex justify-content-center align-items-center mr-2"
+         style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+        <img src="assets/misc/pictures.png"/>
+    </div>
+    <h2 class="mt-2"
+        style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
+        Screenshots
+    </h2>
+</div>
+<div class="row">
+    <div class="col-sm-12">
+        <div style="display: block; margin: 30px auto;">
+            <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Report Configuration</h3>
+            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
+                The reports can be configured and printed using the 'Excel Report Designer' menu at Settings. Select the desired model on which you want to create report, select the required fields and filter using any of the date field in the model.
+            </p>
+            <img src="assets/screenshots/1.png" class="img-thumbnail">
+        </div>
+        <div class="col-lg-12 my-2">
+            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
+                Configure the report for purchase
+            </p>
+            <img src="assets/screenshots/7.png"
+                 class="img-responsive img-thumbnail border" width="100%"
+                 height="auto"/>
+        </div>
+        <div class="col-lg-12 my-2">
+            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
+                Configure the report for Invoice
+            </p>
+            <img src="assets/screenshots/8.png"
+                 class="img-responsive img-thumbnail border" width="100%"
+                 height="auto"/>
+        </div>
+        <div class="col-lg-12 my-2">
+            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
+                Print report from the configuration form and also add as a action menu.
+            </p>
+            <img src="assets/screenshots/9.png"
+                 class="img-responsive img-thumbnail border" width="100%"
+                 height="auto"/>
+        </div>
+        <div class="col-lg-12 my-2">
+            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
+                Go to Purchase -> Purchase order and select orders to print the report from the action menu.
+            </p>
+            <img src="assets/screenshots/4.png"
+                 class="img-responsive img-thumbnail border" width="100%"
+                 height="auto"/>
+        </div>
+        <div class="col-lg-12 my-2">
+            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
+                Confirmation wizard for printing the report.
+            </p>
+            <img src="assets/screenshots/5.png"
+                 class="img-responsive img-thumbnail border" width="100%"
+                 height="auto"/>
+        </div>
+        <div class="col-lg-12 my-2">
+            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
+                Printed report.
+            </p>
+            <img src="assets/screenshots/6.png"
+                 class="img-responsive img-thumbnail border" width="100%"
+                 height="auto"/>
+        </div>
+    </div>
+    <!-- END OF SCREENSHOTS SECTION -->
+
+    <!-- RELATED PRODUCTS -->
+    <div class="row">
+        <div class="col-lg-12 d-flex flex-column justify-content-center"
+             style="text-align: center; padding: 2.5rem 1rem !important;">
+            <h2 style="color: #212529 !important;">Suggested Products</h2>
+            <hr style="border: 3px solid #714B67 !important; background-color: #714B67 !important; width: 80px !important; margin-bottom: 2rem !important;"/>
+            <div id="demo1" class="row carousel slide" data-ride="carousel">
+                <!-- The slideshow -->
+                <div class="carousel-inner">
+                    <div class="carousel-item active" style="min-height:0px">
+                        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
+                             style="float:left">
+                            <a href="https://apps.odoo.com/apps/modules/15.0/hide_menu_user/"
+                               target="_blank">
+                                <div style="border-radius:10px">
+                                    <img class="img img-responsive center-block"
+                                         style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                         src="./assets/modules/l1.png">
+                                </div>
+                            </a>
+                        </div>
+                        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
+                             style="float:left">
+                            <a href="https://apps.odoo.com/apps/modules/15.0/odoo_dynamic_dashboard/"
+                               target="_blank">
+                                <div style="border-radius:10px">
+                                    <img class="img img-responsive center-block"
+                                         style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                         src="./assets/modules/l2.png">
+                                </div>
+                            </a>
+                        </div>
+                        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
+                             style="float:left">
+                            <a href="https://apps.odoo.com/apps/modules/15.0/whatsapp_redirect/"
+                               target="_blank">
+                                <div style="border-radius:10px">
+                                    <img class="img img-responsive center-block"
+                                         style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                         src="./assets/modules/l3.png">
+                                </div>
+                            </a>
+                        </div>
+                    </div>
+                    <div class="carousel-item" style="min-height:0px">
+                        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
+                             style="float:left">
+                            <a href="https://apps.odoo.com/apps/modules/15.0/login_user_detail/"
+                               target="_blank">
+                                <div style="border-radius:10px">
+                                    <img class="img img-responsive center-block"
+                                         style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                         src="./assets/modules/l4.png">
+                                </div>
+                            </a>
+                        </div>
+                        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
+                             style="float:left">
+                            <a href="https://apps.odoo.com/apps/modules/15.0/all_in_one_dynamic_custom_fields/"
+                               target="_blank">
+                                <div style="border-radius:10px">
+                                    <img class="img img-responsive center-block"
+                                         style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                         src="./assets/modules/l5.png">
+                                </div>
+                            </a>
+                        </div>
+                        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
+                             style="float:left">
+                            <a href="https://apps.odoo.com/apps/modules/15.0/web_login_styles/"
+                               target="_blank">
+                                <div style="border-radius:10px">
+                                    <img class="img img-responsive center-block"
+                                         style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                         src="./assets/modules/l6.png">
+                                </div>
+                            </a>
+                        </div>
+                    </div>
+                </div>
+                <!-- Left and right controls -->
+                <a class="carousel-control-prev" href="#demo1" data-slide="prev"
+                   style="left:-25px;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="right:-25px;width: 35px;color: #000;">
+                    <span class="carousel-control-next-icon">
+                        <i class="fa fa-chevron-right"
+                           style="font-size:24px"></i>
+                    </span>
+                </a>
+            </div>
+        </div>
+    </div>
+    <!-- END OF RELATED PRODUCTS -->
+
+    <!-- OUR SERVICES -->
+
+    <div class="d-flex align-items-center"
+         style="border-bottom: 2px solid #714B67; padding: 15px 0px;">
+        <div class="d-flex justify-content-center align-items-center mr-2"
+             style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+            <img src="assets/misc/star.png"/>
+        </div>
+        <h2 class="mt-2"
+            style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
+            Our Services
+        </h2>
+    </div>
+
+    <div class="container my-5">
+        <div class="row">
+            <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+                <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                     style="background-color: #1dd1a1 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                    <img src="assets/icons/cogs.png" class="img-responsive"
+                         height="48px" width="48px">
+                </div>
+                <h6 class="text-center"
+                    style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                    Odoo
+                    Customization</h6>
+            </div>
+
+            <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+                <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                     style="background-color: #ff6b6b !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                    <img src="assets/icons/wrench.png" class="img-responsive"
+                         height="48px" width="48px">
+                </div>
+                <h6 class="text-center"
+                    style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                    Odoo
+                    Implementation</h6>
+            </div>
+
+            <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+                <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                     style="background-color: #6462CD !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                    <img src="assets/icons/lifebuoy.png" class="img-responsive"
+                         height="48px" width="48px">
+                </div>
+                <h6 class="text-center"
+                    style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                    Odoo
+                    Support</h6>
+            </div>
+
+
+            <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+                <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                     style="background-color: #ffa801 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                    <img src="assets/icons/user.png" class="img-responsive"
+                         height="48px" width="48px">
+                </div>
+                <h6 class="text-center"
+                    style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                    Hire
+                    Odoo
+                    Developer</h6>
+            </div>
+
+            <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+                <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                     style="background-color: #54a0ff  !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                    <img src="assets/icons/puzzle.png" class="img-responsive"
+                         height="48px" width="48px">
+                </div>
+                <h6 class="text-center"
+                    style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                    Odoo
+                    Integration</h6>
+            </div>
+
+            <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+                <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                     style="background-color: #6d7680 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                    <img src="assets/icons/update.png" class="img-responsive"
+                         height="48px" width="48px">
+                </div>
+                <h6 class="text-center"
+                    style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                    Odoo
+                    Migration</h6>
+            </div>
+
+
+            <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+                <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                     style="background-color: #786fa6 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                    <img src="assets/icons/consultation.png"
+                         class="img-responsive"
+                         height="48px" width="48px">
+                </div>
+                <h6 class="text-center"
+                    style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                    Odoo
+                    Consultancy</h6>
+            </div>
+
+            <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+                <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                     style="background-color: #f8a5c2 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                    <img src="assets/icons/training.png" class="img-responsive"
+                         height="48px" width="48px">
+                </div>
+                <h6 class="text-center"
+                    style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                    Odoo
+                    Implementation</h6>
+            </div>
+
+            <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+                <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                     style="background-color: #e6be26 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                    <img src="assets/icons/license.png" class="img-responsive"
+                         height="48px" width="48px">
+                </div>
+                <h6 class="text-center"
+                    style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                    Odoo
+                    Licensing Consultancy</h6>
+            </div>
+        </div>
+
+    </div>
+
+    <!-- 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>
+    <!-- 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 -->
+</div>

excel_report_designer/static/src/js/action_manager.js

@@ -0,0 +1,21 @@
+/** @odoo-module */
+import { registry } from "@web/core/registry";
+import { download } from "@web/core/network/download";
+import framework from 'web.framework';
+import session from 'web.session';
+//this is used to call the controller and also passes the report data.
+registry.category("ir.actions.report handlers").add("xlsx", async (action) => {
+    if (action.report_type === 'stock_xlsx') {
+        framework.blockUI();
+        var self = this;
+        var def = $.Deferred();
+        session.get_file({
+            url: '/xlsx_reports',
+            data: action.data,
+            success: def.resolve.bind(def),
+            error: (error) => self.call('crash_manager', 'rpc_error', error),
+            complete: framework.unblockUI,
+        });
+        return def;
+    }
+});

excel_report_designer/views/report_excel_views.xml

@@ -0,0 +1,82 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<odoo>
+    <!--report excel views-->
+    <record id="report_excel_view_form" model="ir.ui.view">
+        <field name="name">report.excel.view.form</field>
+        <field name="model">report.excel</field>
+        <field name="priority">20</field>
+        <field name="arch" type="xml">
+            <form>
+                <header>
+                    <button name="print_report" type="object"
+                            string="Print Excel Report" class="oe_highlight"/>
+                </header>
+                <field name="binding_model_id" invisible="1"/>
+                <field name="action_button" invisible="1"/>
+                <sheet>
+                    <div class="oe_button_box" name="button_box">
+                        <button name="create_model_action" type="object"
+                                string="Add Action"
+                                attrs="{'invisible':[('action_button','!=',False)]}"
+                                icon="fa-plus-square"
+                                class="oe_stat_button"/>
+                        <button name="unlink_model_action" type="object"
+                                string="Remove"
+                                attrs="{'invisible':[('action_button','=',False)]}"
+                                icon="fa-minus-square"
+                                class="oe_stat_button"/>
+                    </div>
+                    <div class="oe_title">
+                        <h1>
+                            <group>
+                                <field name="name"/>
+                            </group>
+                        </h1>
+                    </div>
+                    <group>
+                        <field name="model_id"/>
+                        <field name="state"/>
+                    </group>
+                    <span>The column order will be as selected in the below
+                        table
+                    </span>
+                    <notebook>
+                        <page string="Fields To View">
+                            <group>
+                                <field name="fields_ids">
+                                    <tree editable="bottom">
+                                        <field name="name"/>
+                                        <field name="field_description"/>
+                                        <field name="ttype"/>
+                                    </tree>
+                                </field>
+                                <field name="date_field_id"/>
+                                <field name="field_order" invisible="1"/>
+                            </group>
+                            <group attrs="{'invisible': [('date_field_id', '=', False)]}">
+                                <field name="start_date" class="oe_inline"
+                                       attrs="{'invisible': [('date_field_id', '=', False)]}"/>
+                                <field name="end_date" class="oe_inline"
+                                       attrs="{'invisible': [('date_field_id', '=', False)]}"/>
+                            </group>
+                        </page>
+                    </notebook>
+                </sheet>
+            </form>
+        </field>
+    </record>
+<!--    report_excel window action-->
+    <record id="report_action" model="ir.actions.act_window">
+        <field name="name">Select Report</field>
+        <field name="res_model">report.excel</field>
+        <field name="view_mode">tree,form</field>
+    </record>
+
+    <!--report excel menu-->
+    <menuitem id="report_excel_select_report"
+              name="Excel Report Designer"
+              action="report_action"
+              parent="base.menu_administration"
+              sequence="50"
+    />
+</odoo>

excel_report_designer/wizard/__init__.py

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

excel_report_designer/wizard/excel_report.py

@@ -0,0 +1,241 @@
+# -*- coding: utf-8 -*-
+################################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#    Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>).
+#    Author: Bhagyadev KP (odoo@cybrosys.com)
+#
+#    This program is free software: you can modify
+#    it under the terms of the GNU Affero General Public License (AGPL) as
+#    published by the Free Software Foundation, either version 3 of the
+#    License, or (at your option) any later version.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU Affero General Public License for more details.
+#
+#    You should have received a copy of the GNU Affero General Public License
+#    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+#
+################################################################################
+import xlsxwriter
+import io
+import json
+import datetime
+from odoo import fields, models
+from odoo.tools import date_utils
+
+
+class ExcelReport(models.TransientModel):
+    """This is used to  the wizard class"""
+    _name = "excel.report"
+    _description = "excel report"
+
+    def print_excel_report(self):
+        """this is used to do the report action"""
+        excel_report_id = self.env['report.excel'].browse(
+            self._context.get('excel'))
+        for rec in excel_report_id:
+            data = {
+                'report_name': rec.name,
+                'model_name': rec.model_id.model,
+                'fields_name': rec.fields_ids.mapped('name'),
+                'field_label': rec.fields_ids.mapped('field_description'),
+                'date_field_id': rec.date_field_id.name,
+                'date_name': rec.date_field_id.field_description,
+                'start_date': rec.start_date,
+                'end_date': rec.end_date,
+                'field_order': rec.field_order,
+                'active_model_id': self.env.context['active_ids']
+            }
+            return {
+                'type': 'ir.actions.report',
+                'data': {'model': 'excel.report',
+                         'options': json.dumps(data,
+                                               default=date_utils.json_default),
+                         'output_format': 'xlsx',
+                         'report_name': rec.name,
+                         },
+                'report_type': 'stock_xlsx',
+            }
+
+    def get_xlsx_report(self, data, response):
+        """This is used to prin the report for selected records."""
+        output = io.BytesIO()
+        workbook = xlsxwriter.Workbook(output, {'in_memory': True})
+        sheet = workbook.add_worksheet()
+        # Formats
+        format1 = workbook.add_format(
+            {'font_size': 15, 'align': 'center', 'bold': True})
+        format1.set_font_color('#000080')
+        format2 = workbook.add_format(
+            {'font_size': 11, 'bold': True, 'border': 1, 'bg_color': '#928E8E'})
+        format4 = workbook.add_format(
+            {'font_size': 10, 'num_format': 'yyyy-m-d', 'align': 'center',
+             'bold': True})
+        format5 = workbook.add_format(
+            {'font_size': 10, 'border': 1, 'text_wrap': True})
+        format6 = workbook.add_format({'font_size': 10, 'bold': True})
+        format8 = workbook.add_format({'font_size': 10, 'border': 1})
+        format9 = workbook.add_format(
+            {'font_size': 10, 'num_format': 'yyyy-m-d'})
+        format10 = workbook.add_format(
+            {'font_size': 10, 'num_format': 'yyyy-m-d', 'border': 1})
+        format2.set_align('center')
+        format4.set_align('right')
+        format6.set_align('right')
+        format8.set_align('left')
+        sheet.merge_range(1, 1, 1, len(data['field_label']) + 1,
+                          data['report_name'], format1)
+        sheet.write(2, 0, "Date :", format4)
+        sheet.write(2, 1, fields.Datetime.today(), format4)
+        if data['date_field_id']:
+            sheet.write(3, 0, data['date_name'], format4)
+            if data['start_date']:
+                sheet.write(3, 1, "From:", format4)
+                sheet.write(3, 2, data['start_date'], format9)
+            else:
+                sheet.write(3, 2, "", format9)
+            if data['end_date']:
+                sheet.write(3, 3, "To:", format4)
+                sheet.write(3, 4, data['end_date'], format9)
+            else:
+                sheet.write(3, 4, "", format9)
+        sl_no = 1
+        sheet.write(5, 1, "SL No", format2)
+        row_num = 5
+        col_num = 2
+        order = data['field_order'].strip('][').split(', ')
+        for field_id in order:
+            field_name = self.env['ir.model.fields'].browse(
+                int(field_id)).field_description
+            sheet.write(row_num, col_num, field_name, format2)
+            col_num += 1
+        row_num += 1
+        records = []
+        if data['date_field_id']:
+            if data['start_date'] and data['end_date']:
+                records = self.env[data['model_name']].search([
+                    (data['date_field_id'], '>=', data['start_date']),
+                    ('id', 'in', data['active_model_id']),
+                    (data['date_field_id'], '<=', data['end_date'])])
+            elif data['start_date'] and not data['end_date']:
+                records = self.env[data['model_name']].search([
+                    (data['date_field_id'], '>=', data['start_date']),
+                    ('id', 'in', data['active_model_id'])])
+            elif not data['start_date'] and data['end_date']:
+                records = self.env[data['model_name']].search([
+                    (data['date_field_id'], '<=', data['end_date']),
+                    ('id', 'in', data['active_model_id'])])
+        else:
+            records = self.env[data['model_name']].search(
+                [('id', 'in', data['active_model_id'])])
+        new_table = []
+        for record in records:
+            order = data['field_order'].strip('][').split(', ')
+            record_dict = {}
+            for field_id in order:
+                field = self.env['ir.model.fields'].browse(int(field_id))
+                field_name = field.name
+                field_type = self.env['ir.model.fields'].browse(
+                    int(field_id)).ttype
+                if field_type in ['many2many']:
+                    one2many_values = ', '.join(
+                        record[field_name].mapped('name'))
+                    record_dict[field] = [one2many_values]
+                elif field_type in ['one2many']:
+                    # if record[field_name]:
+                    o2m_list = []
+                    for rec in record[field_name]:
+                        if rec:
+                            o2m_list.append(rec)
+                        else:
+                            o2m_list.append('')
+                    record_dict[field] = o2m_list
+                else:
+                    record_dict[field] = [record[field_name]]
+            new_table.append(record_dict)
+        for record in new_table:
+            col_num = 1
+            sheet.write(row_num, col_num, sl_no, format5)
+            col_num += 1
+            occupied_rows = max(len(value) for value in record.values())
+            for field in record:
+                field_type = self.env['ir.model.fields'].browse(
+                    int(field.id)).ttype
+                if not field_type in ['one2many', 'many2many']:
+                    try:
+                        if isinstance(record[field][0], datetime.date):
+                            sheet.write(row_num, col_num, record[field][0],
+                                        format10)
+                        elif isinstance(record[field][0], bool):
+                            if not field:
+                                sheet.write(row_num, col_num, " ", format5)
+                            else:
+                                sheet.write(row_num, col_num, "Yes", format5)
+                        else:
+                            sheet.write(row_num, col_num, record[field][0],
+                                        format5)
+                    except Exception as e:
+                        if record[field][0]:
+                            sheet.write(row_num, col_num,
+                                        record[field][0].name_get()[0][1],
+                                        format5)
+                        else:
+                            sheet.write(row_num, col_num, "",
+                                        format5)
+                elif field_type == 'one2many':
+                    for i in range(occupied_rows):
+                        if len(record[field]) > i:
+                            try:
+                                if isinstance(record[field][i], datetime.date):
+                                    sheet.write(row_num + i, col_num,
+                                                record[field][i], format10)
+                                elif isinstance(record[field][i], bool):
+                                    if not field:
+                                        sheet.write(row_num + i, col_num, "NO",
+                                                    format5)
+                                    else:
+                                        sheet.write(row_num + i, col_num, "Yes",
+                                                    format5)
+                                else:
+                                    sheet.write(row_num + i, col_num,
+                                                record[field][i], format5)
+                            except Exception as e:
+                                if record[field][i]:
+                                    sheet.write(row_num + i, col_num,
+                                                record[field][i].name_get()[0][
+                                                    1], format5)
+                                else:
+                                    sheet.write(row_num + i, col_num, "",
+                                                format5)
+                elif field_type == 'many2many':
+                    if record[field]:
+                        try:
+                            if isinstance(record[field], datetime.date):
+                                sheet.write(row_num, col_num, record[field][0],
+                                            format10)
+                            elif isinstance(record[field], bool):
+                                if not field:
+                                    sheet.write(row_num, col_num, " ", format5)
+                                else:
+                                    sheet.write(row_num, col_num, "Yes",
+                                                format5)
+                            else:
+                                sheet.write(row_num, col_num, record[field][0],
+                                            format5)
+                        except Exception as e:
+                            if record[field][0]:
+                                sheet.write(row_num, col_num,
+                                            record[field].name_get()[0][1],
+                                            format5)
+                            else:
+                                sheet.write(row_num, col_num, "", format5)
+                col_num += 1
+            row_num += occupied_rows
+            sl_no += 1
+        workbook.close()
+        output.seek(0)
+        response.stream.write(output.read())
+        output.close()

excel_report_designer/wizard/excel_report_views.xml

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<odoo>
+    <!--report wizard form view-->
+    <record id="excel_report_view_form" model="ir.ui.view">
+        <field name="name">excel.report.view.form</field>
+        <field name="model">excel.report</field>
+        <field name="arch" type="xml">
+            <form>
+                <h2>Do you want to print the report?</h2>
+                <footer>
+                    <button name="print_excel_report" string="Print"
+                            type="object" class="oe_highlight"/>
+                    <button string="Cancel" special="cancel" class="oe_link"/>
+                </footer>
+            </form>
+        </field>
+    </record>
+</odoo>