| @ -0,0 +1,49 @@ | |||
| .. image:: https://img.shields.io/badge/licence-LGPL--3-blue.svg | |||
|     :target: http://www.gnu.org/licenses/lgpl-3.0-standalone.html | |||
|     :alt: License: LGPL-3 | |||
| 
 | |||
| One2many Excel Report | |||
| ================================= | |||
| This module is used to print the excel report of the one2many fields using the | |||
| 'one2many_excel' widget | |||
| 
 | |||
| Configuration | |||
| ============= | |||
| * Add the widget "one2many_excel" for one2many field. | |||
| 
 | |||
| Company | |||
| ------- | |||
| * `Cybrosys Techno Solutions <https://cybrosys.com/>`__ | |||
| 
 | |||
| License | |||
| ------- | |||
| General Public License, Version 3 (LGPL v3). | |||
| (https://www.odoo.com/documentation/user/16.0/legal/licenses/licenses.html) | |||
| 
 | |||
| 
 | |||
| Credits | |||
| ------- | |||
| * Developers: 	Cybrosys Techno Solutions odoo@cybrosys.com | |||
|                 Version 17:Farook Al Ameen @cybrosys | |||
|                 Version 18:Shikhil Raj @cybrosys | |||
| 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>`__ | |||
| @ -0,0 +1,25 @@ | |||
| 
 | |||
| """One2many_excel""" | |||
| # -*- coding: utf-8 -*- | |||
| ############################################################################# | |||
| # | |||
| #    Cybrosys Technologies Pvt. Ltd. | |||
| # | |||
| #    Copyright (C) 2025-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) | |||
| #    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>) | |||
| # | |||
| #    You can modify it under the terms of the GNU LESSER | |||
| #    GENERAL PUBLIC LICENSE (LGPL v3), Version 3. | |||
| # | |||
| #    This program is distributed in the hope that it will be useful, | |||
| #    but WITHOUT ANY WARRANTY; without even the implied warranty of | |||
| #    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the | |||
| #    GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. | |||
| # | |||
| #    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE | |||
| #    (LGPL v3) along with this program. | |||
| #    If not, see <http://www.gnu.org/licenses/>. | |||
| # | |||
| ############################################################################# | |||
| from . import controllers | |||
| from . import models | |||
| @ -0,0 +1,49 @@ | |||
| # -*- coding: utf-8 -*- | |||
| ############################################################################# | |||
| # | |||
| #    Cybrosys Technologies Pvt. Ltd. | |||
| # | |||
| #    Copyright (C) 2025-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) | |||
| #    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>) | |||
| # | |||
| #    You can modify it under the terms of the GNU LESSER | |||
| #    GENERAL PUBLIC LICENSE (LGPL v3), Version 3. | |||
| # | |||
| #    This program is distributed in the hope that it will be useful, | |||
| #    but WITHOUT ANY WARRANTY; without even the implied warranty of | |||
| #    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the | |||
| #    GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. | |||
| # | |||
| #    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE | |||
| #    (LGPL v3) along with this program. | |||
| #    If not, see <http://www.gnu.org/licenses/>. | |||
| # | |||
| ############################################################################# | |||
| { | |||
|     'name': 'One2many Excel Report', | |||
|     'version': "18.0.1.0.0", | |||
|     'summary': """One2many Excel Report which is used to print the excel report  | |||
|     of one2many fields.""", | |||
|     'description': """One2many Excel Report is a module which uses a widget  | |||
|     called one2many_excel for printing reports for one2many fields.""", | |||
|     'category': 'Extra Tools', | |||
|     'author': 'Cybrosys Techno Solutions', | |||
|     'company': 'Cybrosys Techno Solutions', | |||
|     'maintainer': 'Cybrosys Techno Solutions', | |||
|     'website': "https://www.cybrosys.com", | |||
|     'depends': ['web', 'base'], | |||
|     'data': [ | |||
|         'security/ir.model.access.csv', ], | |||
|     'assets': { | |||
|         'web.assets_backend': [ | |||
|             'one2many_excel_report/static/src/xml/X2ManyField.xml', | |||
|             'one2many_excel_report/static/src/js/X2ManyField.js', | |||
|             'one2many_excel_report/static/src/js/action_manager.js', | |||
|         ], | |||
|     }, | |||
|     'images': ['static/description/banner.jpg'], | |||
|     'license': 'LGPL-3', | |||
|     'installable': True, | |||
|     'auto_install': False, | |||
|     'application': False, | |||
| } | |||
| @ -0,0 +1,24 @@ | |||
| """Controllers""" | |||
| # -*- coding: utf-8 -*- | |||
| ############################################################################# | |||
| # | |||
| #    Cybrosys Technologies Pvt. Ltd. | |||
| # | |||
| #    Copyright (C) 2025-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) | |||
| #    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>) | |||
| # | |||
| #    You can modify it under the terms of the GNU LESSER | |||
| #    GENERAL PUBLIC LICENSE (LGPL v3), Version 3. | |||
| # | |||
| #    This program is distributed in the hope that it will be useful, | |||
| #    but WITHOUT ANY WARRANTY; without even the implied warranty of | |||
| #    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the | |||
| #    GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. | |||
| # | |||
| #    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE | |||
| #    (LGPL v3) along with this program. | |||
| #    If not, see <http://www.gnu.org/licenses/>. | |||
| # | |||
| ############################################################################# | |||
| from . import excel | |||
| from . import one2many_excel_report | |||
| @ -0,0 +1,73 @@ | |||
| """Excel report""" | |||
| # -*- coding: utf-8 -*- | |||
| ############################################################################# | |||
| # | |||
| #    Cybrosys Technologies Pvt. Ltd. | |||
| # | |||
| #    Copyright (C) 2025-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) | |||
| #    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>) | |||
| # | |||
| #    You can modify it under the terms of the GNU LESSER | |||
| #    GENERAL PUBLIC LICENSE (LGPL v3), Version 3. | |||
| # | |||
| #    This program is distributed in the hope that it will be useful, | |||
| #    but WITHOUT ANY WARRANTY; without even the implied warranty of | |||
| #    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the | |||
| #    GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. | |||
| # | |||
| #    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE | |||
| #    (LGPL v3) along with this program. | |||
| #    If not, see <http://www.gnu.org/licenses/>. | |||
| # | |||
| ############################################################################# | |||
| import json | |||
| import xml.etree.ElementTree as ET | |||
| from odoo import http | |||
| from odoo.http import content_disposition, request | |||
| from odoo.tools import html_escape | |||
| 
 | |||
| 
 | |||
| class XLSXReportController(http.Controller): | |||
|     """Excel report for one2many fields""" | |||
| 
 | |||
|     @http.route('/xlsx_reports', type='http', auth='user', methods=['POST'], | |||
|                 csrf=False) | |||
|     def get_report_xlsx(self, | |||
|                         report_name='excel', **kwargs): | |||
|         """Used to get the report data that are fetched from the one2many""" | |||
|         model = kwargs.get('current_model') | |||
|         model_id = kwargs.get('id') | |||
|         field = kwargs.get('field') | |||
|         views = request.env['ir.ui.view'].search([('model', '=', model), | |||
|                                                   ('type', '=', 'list')], | |||
|                                                  order='id asc', limit=1) | |||
|         tree = ET.fromstring(views.arch) | |||
|         names = [field.get('name') for field in tree.findall('field')] | |||
|         report_data = request.env[model].sudo().search_read( | |||
|             domain=[(field, '=', int(model_id))], | |||
|             fields=names) | |||
|         uid = request.session.uid | |||
|         report_obj = request.env['one2many.report.excel'].with_user(uid) | |||
|         output_format = 'xlsx' | |||
|         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(report_data, names, 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))) | |||
| @ -0,0 +1,70 @@ | |||
| """Excel report""" | |||
| # -*- coding: utf-8 -*- | |||
| ############################################################################# | |||
| # | |||
| #    Cybrosys Technologies Pvt. Ltd. | |||
| # | |||
| #    Copyright (C) 2025-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) | |||
| #    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>) | |||
| # | |||
| #    You can modify it under the terms of the GNU LESSER | |||
| #    GENERAL PUBLIC LICENSE (LGPL v3), Version 3. | |||
| # | |||
| #    This program is distributed in the hope that it will be useful, | |||
| #    but WITHOUT ANY WARRANTY; without even the implied warranty of | |||
| #    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the | |||
| #    GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. | |||
| # | |||
| #    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE | |||
| #    (LGPL v3) along with this program. | |||
| #    If not, see <http://www.gnu.org/licenses/>. | |||
| # | |||
| ############################################################################# | |||
| import io | |||
| from odoo import fields, http | |||
| from odoo.http import content_disposition, request | |||
| 
 | |||
| try: | |||
|     from odoo.tools.misc import xlsxwriter | |||
| except ImportError: | |||
|     import xlsxwriter | |||
| 
 | |||
| 
 | |||
| class ExcelHttp(http.Controller): | |||
|     """Used to print the excel report""" | |||
|     @http.route('/get/excel', type='json', auth='user', methods=['POST'], | |||
|                 csrf=False) | |||
|     def get_excel_report(self): | |||
|         """"Formats the excel report""" | |||
|         response = request.make_response( | |||
|             None, | |||
|             headers=[ | |||
|                 ('Content-Type', 'application/vnd.ms-excel'), | |||
|                 ('Content-Disposition', content_disposition('Report' + '.xlsx')) | |||
|             ] | |||
|         ) | |||
|         output = io.BytesIO() | |||
|         workbook = xlsxwriter.Workbook(output, {'in_memory': True}) | |||
|         workbook.add_worksheet("Excel Report") | |||
|         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', 'bold': True}) | |||
|         format2.set_align('center') | |||
|         format4.set_align('right') | |||
|         sheet.merge_range(1, 1, 1, 1, | |||
|                           'A', format1) | |||
|         sheet.write(2, 0, "Date :", format4) | |||
|         sheet.write(2, 1, fields.Datetime.today(), format4) | |||
|         workbook.close() | |||
|         output.seek(0) | |||
|         response.stream.write(output.read()) | |||
|         output.close() | |||
|         return response | |||
| @ -0,0 +1,6 @@ | |||
| ## Module <one2many_excel_report> | |||
| 
 | |||
| #### 22.04.2025 | |||
| #### Version 18.0.1.0.0 | |||
| ##### ADD | |||
| - Initial commit for One2many Excel Report  | |||
| @ -0,0 +1,23 @@ | |||
| """One2many excel""" | |||
| # -*- coding: utf-8 -*- | |||
| ############################################################################# | |||
| # | |||
| #    Cybrosys Technologies Pvt. Ltd. | |||
| # | |||
| #    Copyright (C) 2025-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) | |||
| #    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>) | |||
| # | |||
| #    You can modify it under the terms of the GNU LESSER | |||
| #    GENERAL PUBLIC LICENSE (LGPL v3), Version 3. | |||
| # | |||
| #    This program is distributed in the hope that it will be useful, | |||
| #    but WITHOUT ANY WARRANTY; without even the implied warranty of | |||
| #    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the | |||
| #    GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. | |||
| # | |||
| #    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE | |||
| #    (LGPL v3) along with this program. | |||
| #    If not, see <http://www.gnu.org/licenses/>. | |||
| # | |||
| ############################################################################# | |||
| from . import report_excel | |||
| @ -0,0 +1,99 @@ | |||
| """One2many excel report""" | |||
| # -*- coding: utf-8 -*- | |||
| ############################################################################# | |||
| # | |||
| #    Cybrosys Technologies Pvt. Ltd. | |||
| # | |||
| #    Copyright (C) 2025-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) | |||
| #    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>) | |||
| # | |||
| #    You can modify it under the terms of the GNU LESSER | |||
| #    GENERAL PUBLIC LICENSE (LGPL v3), Version 3. | |||
| # | |||
| #    This program is distributed in the hope that it will be useful, | |||
| #    but WITHOUT ANY WARRANTY; without even the implied warranty of | |||
| #    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the | |||
| #    GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. | |||
| # | |||
| #    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE | |||
| #    (LGPL v3) along with this program. | |||
| #    If not, see <http://www.gnu.org/licenses/>. | |||
| # | |||
| ############################################################################# | |||
| import io | |||
| from odoo import models, fields | |||
| 
 | |||
| try: | |||
|     from odoo.tools.misc import xlsxwriter | |||
| except ImportError: | |||
|     import xlsxwriter | |||
| 
 | |||
| 
 | |||
| class One2manyExcelReport(models.Model): | |||
|     """Used to get the excel report function""" | |||
|     _name = 'one2many.report.excel' | |||
|     _description = 'One2many Excel Report' | |||
| 
 | |||
|     def clean_data(self, value): | |||
|         if isinstance(value, str): | |||
|             # Remove leading digits and dot | |||
|             return ' '.join(value.split()[1:]) if value.split()[0].replace('.', '').isdigit() else value | |||
|         return value | |||
| 
 | |||
|     def get_xlsx_report(self, data, names, response): | |||
|         """Used to print the excel report""" | |||
|         sl = 0 | |||
|         row_num = 7 | |||
|         output = io.BytesIO() | |||
|         workbook = xlsxwriter.Workbook(output, {'in_memory': True}) | |||
|         sheet = workbook.add_worksheet() | |||
|         cell_format = workbook.add_format( | |||
|             {'font_size': '12px', 'align': 'center'}) | |||
|         date_style = workbook.add_format( | |||
|             {'text_wrap': True, 'bold': True, 'num_format': 'dd-mm-yyyy'}) | |||
|         head = workbook.add_format( | |||
|             {'align': 'center', 'bold': True, 'font_size': '20px'}) | |||
|         txt = workbook.add_format({'font_size': '10px', 'align': 'center'}) | |||
| 
 | |||
|         # Set column widths | |||
|         for col in range(20):  # Adjust the range based on your needs | |||
|             sheet.set_column(col, col, 15)  # Set each column to width 15 | |||
| 
 | |||
|         sheet.merge_range('B2:I3', 'EXCEL REPORT', head) | |||
|         sheet.merge_range('A6:B6', 'Date:', date_style) | |||
|         sheet.merge_range('C6:D6', fields.Datetime.today(), date_style) | |||
| 
 | |||
|         for doc in names: | |||
|             sl += 1 | |||
|             row_num += 1 | |||
|             col_num = 0 | |||
|             sheet.merge_range(row_num, col_num + 2, row_num, | |||
|                               col_num + 4, doc, cell_format) | |||
|             col_num += 1 | |||
| 
 | |||
|         data_list = [] | |||
|         for rec in data: | |||
|             for x in rec: | |||
|                 if isinstance(rec[x], tuple): | |||
|                     st = ' '.join(map(str, rec[x])) | |||
|                     data_list.append({'data': self.clean_data(st)}) | |||
|                 else: | |||
|                     data_list.append({'data': self.clean_data(rec[x])}) | |||
| 
 | |||
|         sl = 3 | |||
|         row_num = 7 | |||
|         col_num = 4 | |||
|         num = row_num + len(names) + 1 | |||
|         for doc in data_list: | |||
|             sl += 1 | |||
|             sheet.merge_range(row_num, col_num + 2, row_num, | |||
|                               col_num + 4, doc['data'], txt) | |||
|             row_num += 1 | |||
|             if row_num == num: | |||
|                 col_num += 3 | |||
|                 row_num = 7 | |||
| 
 | |||
|         workbook.close() | |||
|         output.seek(0) | |||
|         response.stream.write(output.read()) | |||
|         output.close() | |||
| 
 | 
| After Width: | Height: | Size: 2.2 KiB | 
| After Width: | Height: | Size: 28 KiB | 
| After Width: | Height: | Size: 628 KiB | 
| After Width: | Height: | Size: 1.1 KiB | 
| After Width: | Height: | Size: 210 KiB | 
| After Width: | Height: | Size: 209 KiB | 
| After Width: | Height: | Size: 109 KiB | 
| After Width: | Height: | Size: 495 B | 
| After Width: | Height: | Size: 1.0 KiB | 
| After Width: | Height: | Size: 624 B | 
| After Width: | Height: | Size: 136 KiB | 
| After Width: | Height: | Size: 214 KiB | 
| After Width: | Height: | Size: 36 KiB | 
| After Width: | Height: | Size: 3.6 KiB | 
| After Width: | Height: | Size: 310 B | 
| After Width: | Height: | Size: 929 B | 
| After Width: | Height: | Size: 1.3 KiB | 
| After Width: | Height: | Size: 3.3 KiB | 
| After Width: | Height: | Size: 1.4 KiB | 
| After Width: | Height: | Size: 17 KiB | 
| After Width: | Height: | Size: 542 B | 
| After Width: | Height: | Size: 576 B | 
| After Width: | Height: | Size: 733 B | 
| After Width: | Height: | Size: 4.3 KiB | 
| After Width: | Height: | Size: 1.2 KiB | 
| After Width: | Height: | Size: 4.0 KiB | 
| After Width: | Height: | Size: 1.7 KiB | 
| After Width: | Height: | Size: 738 KiB | 
| After Width: | Height: | Size: 2.2 KiB | 
| After Width: | Height: | Size: 911 B | 
| After Width: | Height: | Size: 1.1 KiB | 
| After Width: | Height: | Size: 1.2 KiB | 
| After Width: | Height: | Size: 1.2 KiB | 
| After Width: | Height: | Size: 600 B | 
| After Width: | Height: | Size: 673 B | 
| After Width: | Height: | Size: 2.0 KiB | 
| After Width: | Height: | Size: 462 B | 
| After Width: | Height: | Size: 2.1 KiB | 
| After Width: | Height: | Size: 926 B | 
| After Width: | Height: | Size: 9.0 KiB | 
| After Width: | Height: | Size: 23 KiB | 
| After Width: | Height: | Size: 7.0 KiB | 
| After Width: | Height: | Size: 878 B | 
| After Width: | Height: | Size: 1.2 KiB | 
| After Width: | Height: | Size: 653 B | 
| After Width: | Height: | Size: 800 B | 
| After Width: | Height: | Size: 905 B | 
| After Width: | Height: | Size: 189 KiB | 
| After Width: | Height: | Size: 4.3 KiB | 
| After Width: | Height: | Size: 839 B | 
| After Width: | Height: | Size: 1.7 KiB | 
| After Width: | Height: | Size: 5.9 KiB | 
| After Width: | Height: | Size: 1.6 KiB | 
| After Width: | Height: | Size: 34 KiB | 
| After Width: | Height: | Size: 26 KiB | 
| After Width: | Height: | Size: 3.8 KiB | 
| After Width: | Height: | Size: 23 KiB | 
| After Width: | Height: | Size: 1.9 KiB | 
| After Width: | Height: | Size: 2.3 KiB | 
| After Width: | Height: | Size: 427 B | 
| After Width: | Height: | Size: 627 B | 
| After Width: | Height: | Size: 1.1 KiB | 
| After Width: | Height: | Size: 1.2 KiB | 
| After Width: | Height: | Size: 988 B | 
| After Width: | Height: | Size: 3.7 KiB | 
| After Width: | Height: | Size: 5.0 KiB | 
| After Width: | Height: | Size: 875 B | 
| After Width: | Height: | Size: 1.2 KiB | 
| After Width: | Height: | Size: 710 KiB | 
| After Width: | Height: | Size: 776 KiB | 
| After Width: | Height: | Size: 89 KiB | 
| After Width: | Height: | Size: 738 KiB | 
| After Width: | Height: | Size: 131 KiB | 
| After Width: | Height: | Size: 88 KiB | 
| After Width: | Height: | Size: 16 KiB | 
| After Width: | Height: | Size: 152 KiB | 
| After Width: | Height: | Size: 40 KiB | 
| After Width: | Height: | Size: 83 KiB | 
| After Width: | Height: | Size: 880 KiB | 
| After Width: | Height: | Size: 762 KiB | 
| After Width: | Height: | Size: 43 KiB | 
| @ -0,0 +1,882 @@ | |||
| <!DOCTYPE html> | |||
| <html lang="en"> | |||
| <head> | |||
|     <meta charset="UTF-8"/> | |||
|     <meta name="viewport" content="width=device-width, initial-scale=1.0"/> | |||
|     <title>One2many Excel Report</title> | |||
|     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" | |||
|           rel="stylesheet"/> | |||
|     <link rel="preconnect" href="https://fonts.googleapis.com"> | |||
|     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | |||
|     <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" | |||
|           rel="stylesheet"> | |||
|     <link rel="stylesheet" | |||
|           href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"/> | |||
|     <link rel="stylesheet" | |||
|           href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css"/> | |||
|     <style> | |||
|         :root { | |||
|           --primary-color: #7f54b3; | |||
|           --bg-white: #fff; | |||
|           --text-color: #121212; | |||
|           --text-color-light: #64728f; | |||
|         } | |||
|         body{ | |||
|           font-family: "Montserrat", sans-serif; | |||
|         } | |||
|         .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { | |||
|             color: var(--text-color); | |||
|             font-family: Montserrat; | |||
|             font-size: 16px !important; | |||
|             font-weight: 500 !important; | |||
|             border-radius: 30px; | |||
|             line-height: normal; | |||
|             text-transform: capitalize; | |||
|             background-color: #F5F5F5; | |||
|             border: none; | |||
|             margin-bottom: 0; | |||
|             padding: 12px 24px; | |||
|       } | |||
|       .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { | |||
|       border-color: transparent; | |||
|       isolation: isolate; | |||
|       } | |||
|       .nav-tabs .nav-link:focus-visible { | |||
|       border-color: transparent; | |||
|       box-shadow: none; | |||
|       } | |||
|       /* owl-carosel */ | |||
|     .owl-carousel .owl-nav { | |||
|       position: absolute; | |||
|       top: 42%; | |||
|       width: 100%; | |||
|       display: flex; | |||
|       justify-content: space-between; | |||
|       transform: translateY(-42%); | |||
|     } | |||
| 
 | |||
|     .owl-carousel .owl-nav button.owl-prev { | |||
|       position: absolute; | |||
|       right: -36px; | |||
|       font-size: 28px; | |||
|       background-color: #e4e4e4; | |||
|       border-radius: 20px; | |||
|       width: 40px; | |||
|       height: 40px; | |||
|       display: flex; | |||
|       justify-content: center; | |||
|       align-items: center; | |||
|     } | |||
| 
 | |||
|     .owl-carousel .owl-nav button.owl-next { | |||
|       position: absolute; | |||
|       left: -36px; | |||
|       font-size: 28px; | |||
|       background-color: #e4e4e4; | |||
|       border-radius: 20px; | |||
|       width: 40px; | |||
|       height: 40px; | |||
|       display: flex; | |||
|       justify-content: center; | |||
|       align-items: center; | |||
| 
 | |||
|     } | |||
| 
 | |||
|     </style> | |||
| </head> | |||
| <body> | |||
| <!-- overview --> | |||
| <div class="container"> | |||
|     <div class="my-5"> | |||
|         <!-- button tab --> | |||
|         <!--  --> | |||
|         <!-- version support --> | |||
|         <div class="my-3 d-flex align-items-center justify-content-end"> | |||
|             <div class="text-center" | |||
|                  style="background-color:#017E84 !important; font-size:0.8rem !important; color:#fff !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:50px !important; min-width:120px !important"> | |||
|                 Community | |||
|             </div> | |||
|             <div class="text-center" | |||
|                  style="background-color:#875A7B !important; color:#fff !important; font-size:0.8rem !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:50px !important; min-width:120px !important"> | |||
|                 Enterprise | |||
|             </div> | |||
|             <div class="text-center" | |||
|                  style="background-color:#7C7BAD !important; color:#fff !important; font-size:0.8rem !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:50px !important; min-width:120px !important"> | |||
|                 Odoo.sh | |||
|             </div> | |||
|         </div> | |||
|         <div class="tab-content" id="myTabContent"> | |||
|             <!-- description --> | |||
|             <div class="tab-pane fade show active" id="home" role="tabpanel" | |||
|                  aria-labelledby="home-tab"> | |||
|                 <div class="position-relative" | |||
|                      style="border-radius: 16px; background: #f8f8f8; padding: 20px 0;"> | |||
|                     <div class="row " style=" | |||
|           padding: 2rem 0rem 0 !important; | |||
|         "> | |||
|                         <div class="col-lg-8 mx-auto gap-4 d-flex flex-column align-items-center"> | |||
|                             <p class="my-1 text-center text-uppercase" | |||
|                                style=" | |||
|               letter-spacing: 4px !important; | |||
|               color: var(--primary-color); | |||
|               font-weight: bold; | |||
|               text-align: center; | |||
|               font-size: 14px; | |||
|               font-weight: 600; | |||
|               line-height: 15.96px; | |||
|               text-transform: uppercase; | |||
|             "> | |||
|                                 Generate XLSX Reports for One2many Fields | |||
|                             </p> | |||
|                             <h1 class="text-center text-uppercase my-0" | |||
|                                 style=" | |||
|               color: var(--text-color); | |||
|               font-size: 46px; | |||
|               font-weight: 700; | |||
|               line-height: normal; | |||
|             ">One2many Excel Report | |||
|                             </h1> | |||
|                         </div> | |||
|                         <div class="col-lg-12 d-flex justify-content-center align-items-center" | |||
|                              style="margin: 3rem 0;"> | |||
|                             <img src="./assets/icons/brand-pair.svg" | |||
|                                  width="100%" | |||
|                                  height="auto" | |||
|                                  style="width: 50%" | |||
|                                  class="img-responsive"/> | |||
|                         </div> | |||
|                         <div class="col-md-12 text-center"> | |||
|                             <a href="mailto:odoo@cybrosys.com" | |||
|                                target="_blank" | |||
|                                style="background-color: transparent;border-radius: 35px; | |||
|               font-family: Montserrat; | |||
|               display: inline-block; | |||
|               padding: 7px 33px; | |||
|               border: 1px solid var(--primary-color); | |||
|               color: var(--primary-color); | |||
|               text-decoration: none; | |||
|             " | |||
|                                class="mx-1 mb-2 deep-1 deep_hover"> | |||
|                                 <img class="img" | |||
|                                      style="width: 24px" | |||
|                                      src="./assets/icons/mail.svg"/> | |||
|                                 <span class="pl-2" | |||
|                                       style=" font-size: 16px; vertical-align: middle" | |||
|                                 >Email Us</span | |||
|                                 > | |||
|                             </a> | |||
|                             <a href="skype:cybroopenerp?chat" | |||
|                                target="_blank" | |||
|                                style=" | |||
|               background-color: #7f289b; | |||
|               font-family: Montserrat; | |||
|               display: inline-block; | |||
|               padding: 7px 33px; | |||
|               border: 1px solid #7f289b; | |||
|               border-radius: 35px; | |||
|               text-decoration: none; | |||
|             " | |||
|                                class="mx-1 mb-2 deep-1 deep_hover"> | |||
|                                 <img | |||
|                                         class="img" | |||
|                                         style="width: 24px" | |||
|                                         src="./assets/icons/skype-fill.svg" | |||
|                                 /> | |||
|                                 <span | |||
|                                         class="pl-2" | |||
|                                         style="color: #fff; font-size: 16px; vertical-align: middle" | |||
|                                 >Skype Us</span | |||
|                                 > | |||
|                             </a> | |||
|                         </div> | |||
|                         <div class="d-flex justify-content-center mt-2"> | |||
|                             <img src="./assets/screenshots/hero.gif" | |||
|                                  class="w-100" | |||
|                                  style="z-index: 3; height: auto;"> | |||
|                         </div> | |||
|                     </div> | |||
|                     <div class="position-absolute" | |||
|                          style="bottom: 0; z-index: 1; width: 100%;"> | |||
|                         <img src="./assets/icons/banner-bg.svg" | |||
|                              class="img-fluid w-100"> | |||
|                     </div> | |||
|                     <div class="position-absolute" | |||
|                          style="bottom: 0; right: 0; z-index: 2;"> | |||
|                         <img src="./assets/icons/patter.svg"> | |||
|                     </div> | |||
|                 </div> | |||
|                 <!-- key-highlight --> | |||
|                 <div class="" style="border-radius: 16px; | |||
|      padding: 60px 40px; | |||
|      border: 1px solid #EBEEF2; | |||
|      background: #F5F5F7; | |||
|      box-shadow: 0px 5px 20px -11px rgba(0, 0, 0, 0.25); "> | |||
|                     <div class="row"> | |||
|                         <div class="col-lg-12 d-flex flex-column justify-content-center align-items-center"> | |||
|                             <h2 style=" color: var(--text-color); | |||
|             text-align: center; | |||
|             font-size: 40px; | |||
|             font-weight: 700; | |||
|             text-transform: uppercase; padding-bottom: 50px;">Key | |||
|                                 Highlights</h2> | |||
|                         </div> | |||
|                         <div class="col-lg-4"> | |||
|                             <div class="mb-4 d-flex flex-column justify-content-center gap-3" | |||
|                                  style="border-radius: 12px; border: 1px solid  #B6BCCD; | |||
|             background:  #FFF;padding:32px "> | |||
|                                 <div class="d-flex justify-content-center align-items-center" | |||
|                                      style="background-color:#7847D9 !important; border-radius:8px !important; height:42px; width:42px"> | |||
|                                     <img src="./assets/icons/feature-icon.svg" | |||
|                                          class="img-responsive" height="26px" | |||
|                                          width="26px"> | |||
|                                 </div> | |||
|                                 <h5 class="m-0" | |||
|                                     style="color:#000 !important; font-weight:bold"> | |||
|                                     Allows to print the excel report of the One2many fields. | |||
|                                 </h5> | |||
|                                 <p class="m-0" | |||
|                                    style="font-size:0.9rem; color:var(--text-color-light); font-size: 16px; font-weight: 400;"> | |||
|                                 </p> | |||
|                             </div> | |||
|                         </div> | |||
|                     </div> | |||
|                 </div> | |||
|                 <!--code  --> | |||
|                 <div class="my-5"> | |||
|                     <div style=" padding: 5rem 4rem 5rem 4rem; background-color: #0A1425; border-radius: 12px; position: relative;"> | |||
|                         <div class="wrapper-info" | |||
|                              style="display: flex; flex-direction: column; gap: 20px;"> | |||
|                             <span class="wrapper-subtitle" | |||
|                                   style="font-size: 40px; font-weight: 700; color: #fff;line-height: 60px; text-transform: capitalize; width: 450px;">One2many Excel Report</span> | |||
|                             <h3 class="wrapper-details" | |||
|                                 style="font-size: 20px; font-weight: 400; color: #fff; line-height: 32px; "> | |||
|                                 Are you ready to make your business more | |||
|                                 organized? | |||
|                                 <br> Improve now! | |||
|                             </h3> | |||
|                             <div class="d-flex gap-3"> | |||
|                                 <a href="mailto:odoo@cybrosys.com" | |||
|                                    class="shop-btn" style="cursor: pointer; border-radius: 16px; display: flex; justify-content: center; align-items: center; gap: 7px; | |||
|             border: 1px solid var(--DarkOverlayElement-DO20, rgba(255, 255, 255, 0.20)); | |||
|             background: linear-gradient(93deg, rgba(255, 255, 255, 0.08) 6.01%, rgba(255, 255, 255, 0.17) 90.83%); | |||
|             backdrop-filter: blur(10px); color: #fff; padding: 12px 16px 12px 16px; text-decoration: none;"> | |||
|              <span style="border-radius: 12px; | |||
|              background: var(--DarkOverlayElement-DO10, rgba(255, 255, 255, 0.10)); | |||
|              backdrop-filter: blur(6px);padding: 12px;"> | |||
|               <img src="./assets/icons/banner-mail.svg"> | |||
|            </span> | |||
|                                     <span style="font-weight: 500;">odoo@cybrosys.com</span> | |||
|                                 </a> | |||
|                                 <a href="https://wa.me/919074270811" | |||
|                                    target="_blank" class="shop-btn" | |||
|                                    style="cursor: pointer; border-radius: 16px; display: flex; justify-content: center; align-items: center; gap: 7px; | |||
|             border: 1px solid var(--DarkOverlayElement-DO20, rgba(255, 255, 255, 0.20)); | |||
|             background: linear-gradient(93deg, rgba(255, 255, 255, 0.08) 6.01%, rgba(255, 255, 255, 0.17) 90.83%); | |||
|             backdrop-filter: blur(10px); color: #fff; padding: 12px 22px 12px 18px; text-decoration: none;"> | |||
|              <span style="border-radius: 12px; | |||
|              background: var(--DarkOverlayElement-DO10, rgba(255, 255, 255, 0.10)); | |||
|              backdrop-filter: blur(6px);padding: 12px;"> | |||
|               <img src="./assets/icons/banner-call.svg"> | |||
|            </span> | |||
|                                     <span style="font-weight: 500;">+91 9074270811</span> | |||
|                                 </a> | |||
|                             </div> | |||
|                         </div> | |||
|                         <div class="" | |||
|                              style="position: absolute; bottom: 0; right: 0;"> | |||
|                             <img src="./assets/icons/banner-pattern.svg" | |||
|                                  style="width: 540px;"> | |||
|                         </div> | |||
|                     </div> | |||
|                 </div> | |||
|                 <!-- end-code --> | |||
|                 <!--  --> | |||
|                 <!-- screenshot and other --> | |||
|                 <div class="mb-4 bg-white" | |||
|                      style=" border: 1px solid #EBEEF2; border-radius: 6px; box-shadow: 0px 8px 20px -4px rgba(0, 0, 0, 0.10); border: 1px solid #EBEEF2;"> | |||
|                     <div> | |||
|                         <ul class="nav nav-tabs justify-content-center bg-white py-2" | |||
|                             id="myTab" role="tablist" | |||
|                             style="border-radius: 6px 6px 0 0;"> | |||
|                             <li class="nav-item"> | |||
|                                 <a aria-controls="overview" | |||
|                                    aria-bs-selected="true" | |||
|                                    class="nav-link active" data-bs-toggle="tab" | |||
|                                    href="#overview" id="overview-tab" role="tab" | |||
|                                    style="color:#121212; font-weight:500; font-size:16px"> | |||
|                                     Screenshots</a> | |||
|                             </li> | |||
|                             <li class="nav-item"> | |||
|                                 <a aria-controls="feature" | |||
|                                    aria-bs-selected="false" | |||
|                                    class="nav-link py-2" data-bs-toggle="tab" | |||
|                                    href="#feature" id="feature-tab" role="tab" | |||
|                                    style="color:#121212; font-weight:500; font-size:16px">Features</a> | |||
|                             </li> | |||
|                             <li class="nav-item"> | |||
|                                 <a aria-controls="faq" aria-bs-selected="false" | |||
|                                    class="nav-link" data-bs-toggle="tab" | |||
|                                    href="#faq" id="faq-tab" role="tab" | |||
|                                    style="color:#121212; font-weight:500; font-size:16px"> | |||
|                                     FAQs</a> | |||
|                             </li> | |||
|                             <li class="nav-item"> | |||
|                                 <a aria-controls="releases" | |||
|                                    aria-bs-selected="false" class="nav-link" | |||
|                                    data-bs-toggle="tab" href="#releases" | |||
|                                    id="releases-tab" role="tab" | |||
|                                    style="color:#121212; font-weight:500; font-size:16px">Releases</a> | |||
|                             </li> | |||
|                         </ul> | |||
|                     </div> | |||
|                     <div class="tab-content p-md-5 p-2 py-3" id="myTabContent"> | |||
|                         <div aria-labelledby="overview-tab" | |||
|                              class="tab-pane fade show active" id="overview" | |||
|                              role="tabpanel"> | |||
|                             <div class="position-relative mb-4" | |||
|                                  style="border-radius:10px"> | |||
|                                 <img alt="acc_bg" | |||
|                                      class="w-100 h-100 position-absolute img-fluid left_0" | |||
|                                      loading="lazy" | |||
|                                      src="//apps.odoocdn.com/apps/assets/17.0/ks_dashboard_ninja/ai-img/o3.png?007008f" | |||
|                                      style=""> | |||
|                             </div> | |||
|                             <!-- screenshots section--> | |||
|                             <div class="position-relative mb-4" | |||
|                                  style="border-radius:10px; background-color:#f4f4f4"> | |||
|                                 <div class="p-md-5 p-3 position-relative"> | |||
|                                     <div class="row"> | |||
|                                         <div class="col-md-12"> | |||
|                                             <h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px; | |||
|                               font-weight: 700;"> | |||
|                                       <span style="color:#121212; font-size:calc(1.1rem + 1vw)">Configuration | |||
|                                       </span> | |||
|                                             </h1> | |||
|                                         </div> | |||
|                                         <div class="col-md-12 mb-4"> | |||
|                                             <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:var(--text-color-light)"> | |||
|                                                 Add the widget "one2many_excel" for one2many field. | |||
|                                             </p> | |||
|                                         </div> | |||
|                                         <div class="col-md-12 text-center"> | |||
|                                             <div class="d-inline-block p-3 shadow-sm" | |||
|                                                  style="background-color:#fff; border-radius:10px"> | |||
|                                                 <img alt="" class="img-fluid" | |||
|                                                      loading="lazy" | |||
|                                                      src="./assets/screenshots/1.png" | |||
|                                                      style="min-height: 1px;"> | |||
|                                             </div> | |||
|                                         </div> | |||
|                                     </div> | |||
|                                 </div> | |||
|                             </div> | |||
|                             <div class="position-relative mb-4" | |||
|                                  style="border-radius:10px; background-color:#f4f4f4"> | |||
|                                 <div class="p-md-5 p-3 position-relative"> | |||
|                                     <div class="row"> | |||
|                                         <div class="col-md-12"> | |||
|                                             <h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px; | |||
|                               font-weight: 700;"> | |||
|                                       <span style="color:#121212; font-size:calc(1.1rem + 1vw)">One2Many Fields. | |||
|                                       </span> | |||
|                                                 <span style="color: var(--primary-color); font-size:calc(1.1rem + 1vw)"></span> | |||
|                                             </h1> | |||
|                                         </div> | |||
|                                         <div class="col-md-12 mb-4"> | |||
|                                             <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:var(--text-color-light)"> | |||
|                                                 After adding the widget in the one2many field we can see a button in the | |||
|                                                 field. | |||
|                                             </p> | |||
|                                         </div> | |||
|                                         <div class="col-md-12 text-center"> | |||
|                                             <div class="d-inline-block p-3 shadow-sm" | |||
|                                                  style="background-color:#fff; border-radius:10px"> | |||
|                                                 <img alt="" class="img-fluid" | |||
|                                                      loading="lazy" | |||
|                                                      src="./assets/screenshots/2.png" | |||
|                                                      style="min-height: 1px;"> | |||
|                                             </div> | |||
|                                         </div> | |||
|                                     </div> | |||
|                                 </div> | |||
|                             </div> | |||
|                             <div class="position-relative mb-4" | |||
|                                  style="border-radius:10px; background-color:#f4f4f4"> | |||
|                                 <div class="p-md-5 p-3 position-relative"> | |||
|                                     <div class="row"> | |||
|                                         <div class="col-md-12"> | |||
|                                             <h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px; | |||
|                               font-weight: 700;"> | |||
|                                       <span style="color:#121212; font-size:calc(1.1rem + 1vw)"> | |||
|                                           One2Many Excel Report. | |||
|                                       </span> | |||
|                                             </h1> | |||
|                                         </div> | |||
|                                         <div class="col-md-12 mb-4"> | |||
|                                             <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:var(--text-color-light)"> | |||
|                                                 By clicking the button we can print the report of that one2many field. | |||
|                                             </p> | |||
|                                         </div> | |||
|                                         <div class="col-md-12 text-center"> | |||
|                                             <div class="d-inline-block p-3 shadow-sm" | |||
|                                                  style="background-color:#fff; border-radius:10px"> | |||
|                                                 <img alt="" class="img-fluid" | |||
|                                                      loading="lazy" | |||
|                                                      src="./assets/screenshots/3.png" | |||
|                                                      style="min-height: 1px;"> | |||
|                                             </div> | |||
|                                         </div> | |||
|                                     </div> | |||
|                                 </div> | |||
|                             </div> | |||
| 
 | |||
|                         </div> | |||
|                         <div aria-labelledby="feature-tab" | |||
|                              class="tab-pane fade show py-1" id="feature" | |||
|                              role="tabpanel"> | |||
|                             <div class="row py-4"> | |||
|                                 <!-- Features Section --> | |||
|                                 <div class="col-md-6 col-sm-12 p-3"> | |||
|                                     <div class="d-flex flex-column align-items-start h-100" | |||
|                                          style="padding:30px; border-radius:12px; background-color:#faf8ff"> | |||
|                                         <div class="d-flex align-items-center justify-content-center"> | |||
|                                             <div class="d-flex align-items-center justify-content-center " | |||
|                                                  style="width:36px; height:36px; border-radius:50%; background-color:#7847D9 ; margin-right:10px"> | |||
|                                                 <i class="fa fa-star" | |||
|                                                    style="color:#fff; font-size:14px"></i> | |||
|                                             </div> | |||
|                                             <p style="color:#1A202C; font-weight:600; font-size:1.2rem; margin-bottom:2px"> | |||
|                                                 Available in | |||
|                                                 Odoo 18.0 Community and | |||
|                                                 Enterprise. | |||
|                                             </p> | |||
|                                         </div> | |||
|                                         <div class="ms-5"> | |||
|                                             <p class="m-0" | |||
|                                                style="color:#718096"> | |||
|                                             </p> | |||
|                                         </div> | |||
|                                     </div> | |||
|                                 </div> | |||
|                                 <div class="col-md-6 col-sm-12 p-3"> | |||
|                                     <div class="d-flex flex-column align-items-start h-100" | |||
|                                          style="padding:30px; border-radius:12px; background-color:#faf8ff"> | |||
|                                         <div class="d-flex align-items-center justify-content-center"> | |||
|                                             <div class="d-flex align-items-center justify-content-center " | |||
|                                                  style="width:36px; height:36px; border-radius:50%; background-color:#7847D9 ; margin-right:10px"> | |||
|                                                 <i class="fa fa-star  " | |||
|                                                    style="color:#fff; font-size:14px"></i> | |||
|                                             </div> | |||
|                                             <p style="color:#1A202C; font-weight:600; font-size:1.2rem; margin-bottom:2px"> | |||
|                                                 Allows to print the excel report of the One2many fields.</p> | |||
|                                         </div> | |||
|                                         <div class="ms-5"> | |||
|                                             <p class="m-0" | |||
|                                                style="color:#718096"> | |||
|                                             </p> | |||
|                                         </div> | |||
|                                     </div> | |||
|                                 </div> | |||
|                             </div> | |||
|                         </div> | |||
|                         <div aria-labelledby="faq-tab" | |||
|                              class="tab-pane fade show" id="faq" | |||
|                              role="tabpanel"> | |||
|                             <div class="row" | |||
|                                  style=" background-color:#fff !important"> | |||
|                                 <div class="col-md-12" aria-labelledby="faq-tab" | |||
|                                      id="faq" role="tabpanel"> | |||
|                                     <div class="accordion mb-4" id="accordion6"> | |||
|                                         <div style="background-color:#fff"> | |||
|                                             <!-- accordian --> | |||
|                                             <div class="accordion" | |||
|                                                  id="accordion_faq"> | |||
|                                                 <!-- Question 1 --> | |||
|                                                 <div class="" | |||
|                                                      style="margin:1rem 0rem"> | |||
|                                                     <div aria-expanded="false" | |||
|                                                          class=" card-header collapsed" | |||
|                                                          data-bs-toggle="collapse" | |||
|                                                          data-bs-target="#collapseFAQOne" | |||
|                                                          href="#collapseFAQOne" | |||
|                                                          aria-controls="collapseFAQOne" | |||
|                                                          style="cursor: pointer; background-color:#f8f8f8; border:none; border-top-right-radius:10px; border-top-left-radius:10px; padding: 12px 24px;"> | |||
|                                                         <a class="card-title text-decoration-none" | |||
|                                                            style=" font-size:18px; line-height:30px; font-weight:500; color:#040f3a"> | |||
|                                                             For getting a download option for an one2many field, | |||
|                                                             is any configuration needed? <img alt="" | |||
|                                                                                               class="float-end" | |||
|                                                                                               src="//apps.odoocdn.com/apps/assets/16.0/index_test_odoo/assets/icons/down.svg?6ef7fd7" | |||
|                                                                                               width="25px"> | |||
|                                                         </a> | |||
|                                                     </div> | |||
|                                                     <div class="accordion-collapse collapse" | |||
|                                                          aria-labelledby="collapseFAQOne" | |||
|                                                          data-bs-parent="#accordion_faq" | |||
|                                                          id="collapseFAQOne" | |||
|                                                          style=" box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px; border: 1px solid #f8f8f8; border-bottom-right-radius:10px; border-bottom-left-radius:10px"> | |||
|                                                         <p style=" padding:0.75rem 1.25rem; font-size:16px; line-height:27px;  color:#888; font-weight:normal; border-bottom-right-radius:10px; border-bottom-left-radius:10px"> | |||
|                                                             Yes, add the widget "one2many_excel" | |||
|                                                             for the one2many field. After that, you will get a | |||
|                                                             download button in the one2many field view and | |||
|                                                             you can download the one2many field data as an Excel report. | |||
|                                                         </p> | |||
|                                                     </div> | |||
|                                                 </div> | |||
|                                             </div> | |||
|                                         </div> | |||
|                                     </div> | |||
|                                 </div> | |||
|                             </div> | |||
|                         </div> | |||
|                         <div aria-labelledby="releases-tab" | |||
|                              class="tab-pane fade show" id="releases" | |||
|                              role="tabpanel"> | |||
|                             <!-- Release Notes --> | |||
|                             <div class="row pt-5 m-0"> | |||
|                                 <div class="col-md-3"> | |||
|                                     <h4 style="font-size:16px; font-weight:600; color:#514F4F; margin:0; line-height:26px;"> | |||
|                                         Latest Release 18.0.1.0.0 | |||
|                                     </h4> | |||
|                                     <span style="font-size:14px; color:#7A7979; display:block; margin-bottom:20px;"> | |||
|                                           22th April, 2025 | |||
|                                     </span> | |||
|                                 </div> | |||
|                                 <div class="col-md-8"> | |||
|                                     <div style="padding:0 0 40px"> | |||
|                                         <div style="margin:0 0 10px"> | |||
|                                             <div style="display:inline-block; padding:0px 8px; color:#514F4F; background-color:#FFD8D8; border-radius:20px"> | |||
|                                                 Add | |||
|                                             </div> | |||
|                                         </div> | |||
|                                         <div class="d-flex m-0" | |||
|                                              style="color:#7A7979;"> | |||
|                                             <ul class="pl-3 mb-0"> | |||
|                                                 <li> | |||
|                                                     Initial Commit | |||
|                                                 </li> | |||
|                                             </ul> | |||
|                                         </div> | |||
|                                     </div> | |||
|                                     <div style="padding:0 0 0; border-bottom:1px solid #E3E3E3"> | |||
|                                     </div> | |||
|                                 </div> | |||
|                             </div> | |||
|                         </div> | |||
|                     </div> | |||
|                 </div> | |||
|                 <!--  --> | |||
|                 <!-- related post --> | |||
|                 <div class="" style="margin-top: 100px;"> | |||
|                     <div class="text-center mt-4"> | |||
|                         <h3 class="mb-0" style="color: #000; | |||
|       text-align: center; | |||
|       font-family: Montserrat; | |||
|       font-size: 40px; | |||
|       font-style: normal; | |||
|       font-weight: 700; | |||
|       line-height: normal; | |||
|       text-transform: uppercase; | |||
|       padding-bottom: 50px;">Related Modules</h3> | |||
|                     </div> | |||
|                     <div class="owl-carousel owl-theme"> | |||
|                         <div class="item" | |||
|                              style="border:1px solid #CBCBCB !important; border-radius: 6px;"> | |||
|                             <div class="p-3"> | |||
|                                 <a href="https://apps.odoo.com/apps/modules/18.0/invoice_format_editor" | |||
|                                    style="color:#000; text-decoration:none"> | |||
|                                     <div style=" border-radius:4px"> | |||
|                                         <div> | |||
|                                             <img src="./assets/modules/1.jpg" | |||
|                                                  alt="" width="100%" | |||
|                                                  height="auto"> | |||
|                                         </div> | |||
|                                         <p class="text-center mb-2 pb-0 text-black" | |||
|                                            style="font-weight: 600; padding-top: 16px;"> | |||
|                                             Invoice Format Editor</p> | |||
|                                     </div> | |||
|                                 </a> | |||
|                             </div> | |||
|                         </div> | |||
|                         <div class="item" | |||
|                              style="border:1px solid #CBCBCB !important; border-radius: 6px;"> | |||
|                             <div class="p-3"> | |||
|                                 <a href="https://apps.odoo.com/apps/modules/18.0/whatsapp_redirect" | |||
|                                    style="color:#000; text-decoration:none"> | |||
|                                     <div style=" border-radius:4px"> | |||
|                                         <div> | |||
|                                             <img src="./assets/modules/2.jpg" | |||
|                                                  alt="" width="100%" | |||
|                                                  height="auto"> | |||
|                                         </div> | |||
|                                         <p class="text-center pb-0 mb-2 text-black" | |||
|                                            style="font-weight: 600; padding-top: 16px;"> | |||
|                                             Send Whatsapp Message Odoo18</p> | |||
|                                     </div> | |||
|                                 </a> | |||
|                             </div> | |||
|                         </div> | |||
|                         <div class="item" | |||
|                              style="border:1px solid #CBCBCB !important; border-radius: 6px;"> | |||
|                             <div class="p-3"> | |||
|                                 <a href="https://apps.odoo.com/apps/modules/18.0/base_account_budget" | |||
|                                    style="color:#000; text-decoration:none"> | |||
|                                     <div style=" border-radius:4px"> | |||
|                                         <div> | |||
|                                             <img src="./assets/modules/3.png" | |||
|                                                  alt="" width="100%" | |||
|                                                  height="auto"> | |||
|                                         </div> | |||
|                                         <p class="text-center pb-0 mb-2 text-black" | |||
|                                            style="font-weight: 600; padding-top: 16px;"> | |||
|                                             Odoo 18 Budget Management</p> | |||
|                                     </div> | |||
|                                 </a> | |||
|                             </div> | |||
|                         </div> | |||
|                         <div class="item" | |||
|                              style="border:1px solid #CBCBCB !important; border-radius: 6px;"> | |||
|                             <div class="p-3"> | |||
|                                 <a href="https://apps.odoo.com/apps/modules/18.0/product_barcode" | |||
|                                    style="color:#000; text-decoration:none"> | |||
|                                     <div style=" border-radius:4px"> | |||
|                                         <div> | |||
|                                             <img src="./assets/modules/4.jpg" | |||
|                                                  alt="" width="100%" | |||
|                                                  height="auto"> | |||
|                                         </div> | |||
|                                         <p class="text-center pb-0 mb-2 text-black" | |||
|                                            style="font-weight: 600; padding-top: 16px;"> | |||
|                                             Product Barcode Generator</p> | |||
|                                     </div> | |||
|                                 </a> | |||
|                             </div> | |||
|                         </div> | |||
|                         <div class="item" | |||
|                              style="border:1px solid #CBCBCB !important; border-radius: 6px;"> | |||
|                             <div class="p-3"> | |||
|                                 <a href="https://apps.odoo.com/apps/modules/18.0/sale_product_image" | |||
|                                    style="color:#000; text-decoration:none"> | |||
|                                     <div style=" border-radius:4px"> | |||
|                                         <div> | |||
|                                             <img src="./assets/modules/5.jpg" | |||
|                                                  alt="" width="100%" | |||
|                                                  height="auto"> | |||
|                                         </div> | |||
|                                         <p class="text-center pb-0 mb-2 text-black" | |||
|                                            style="font-weight: 600; padding-top: 16px;"> | |||
|                                             Sale Order Line Images</p> | |||
|                                     </div> | |||
|                                 </a> | |||
|                             </div> | |||
|                         </div> | |||
|                         <div class="item" | |||
|                              style="border:1px solid #CBCBCB !important; border-radius: 6px;"> | |||
|                             <div class="p-3"> | |||
|                                 <a href="https://apps.odoo.com/apps/modules/18.0/customer_sequence" | |||
|                                    style="color:#000; text-decoration:none"> | |||
|                                     <div style=" border-radius:4px"> | |||
|                                         <div> | |||
|                                             <img src="./assets/modules/6.png" | |||
|                                                  alt="" width="100%" | |||
|                                                  height="auto"> | |||
|                                         </div> | |||
|                                         <p class="text-center pb-0 mb-2 text-black" | |||
|                                            style="font-weight: 600; padding-top: 16px;"> | |||
|                                             Customer Sequence</p> | |||
|                                     </div> | |||
|                                 </a> | |||
|                             </div> | |||
|                         </div> | |||
|                     </div> | |||
|                 </div> | |||
|                 <!--  --> | |||
|                 <!-- service-section --> | |||
|                 <section id="services" class="mt-5" style="border-radius: 16px; | |||
|                                                             border: 1px solid #EBEEF2; | |||
|                                                             background: var(--Neutral-N0, #FFF); | |||
|                                                             padding: 60px 40px; | |||
|                                                             box-shadow: 0px 5px 20px -11px rgba(0, 0, 0, 0.25);"> | |||
|                     <div class="text-center mt-4"><h3 class="mb-0" style="color: #000; | |||
|                                                                   text-align: center; | |||
|                                                                   font-family: Montserrat; | |||
|                                                                   font-size: 40px; | |||
|                                                                   font-style: normal; | |||
|                                                                   font-weight: 700; | |||
|                                                                   line-height: normal; | |||
|                                                                   text-transform: uppercase; | |||
|                                                                   padding-bottom: 50px;"> | |||
|                         Our Services</h3></div> | |||
|                     <div class="row mt-3"> | |||
|                         <div class="col-lg-3 col-sm-12 mb-3"> | |||
|                             <a href="#" style="text-decoration:none"> | |||
|                                 <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" | |||
|                                      style="font-size:25px; font-weight:bold;background-color:#FFE2E5; margin:auto; gap: 16px; border-radius: 8px;"> | |||
|                                     <div class="d-flex justify-content-center align-items-center" | |||
|                                          style="background-color:#FA5A7D; border-radius:50%; height:56px; width:56px"> | |||
|                                         <img src="./assets/icons/gear.svg" | |||
|                                              class="img-responsive" | |||
|                                              height="28px" width="28px"> | |||
|                                     </div> | |||
|                                     <span style="font-size: 18px; | |||
|                                   color: var(--text-color); | |||
|                                   font-weight: 600;"> Odoo Customization</span> | |||
|                                 </div> | |||
|                             </a> | |||
|                         </div> | |||
|                         <div class="col-lg-3 col-sm-12 mb-3"> | |||
|                             <a href="#" style="text-decoration:none"> | |||
|                                 <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" | |||
|                                      style="font-size:25px; font-weight:bold;background-color:#FFF4DE; margin:auto; gap: 16px; border-radius: 8px;"> | |||
|                                     <div class="d-flex justify-content-center align-items-center" | |||
|                                          style="background-color:#FF947A; border-radius:50%; height:56px; width:56px"> | |||
|                                         <img src="./assets/icons/wrench-icon.svg" | |||
|                                              class="img-responsive" | |||
|                                              height="28px" width="28px"> | |||
|                                     </div> | |||
|                                     <span style="font-size: 18px; | |||
|                     color: var(--text-color); | |||
|                     font-weight: 600;"> Odoo Implementation</span> | |||
|                                 </div> | |||
|                             </a> | |||
|                         </div> | |||
|                         <div class="col-lg-3 col-sm-12 mb-3"> | |||
|                             <a href="#" style="text-decoration:none"> | |||
|                                 <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" | |||
|                                      style="font-size:25px; font-weight:bold;background-color:#DCFCE7; margin:auto; gap: 16px; border-radius: 8px;"> | |||
|                                     <div class="d-flex justify-content-center align-items-center" | |||
|                                          style="background-color:#3CD856; border-radius:50%; height:56px; width:56px"> | |||
|                                         <img src="./assets/icons/life-ring-icon.svg" | |||
|                                              class="img-responsive" | |||
|                                              height="28px" width="28px"> | |||
|                                     </div> | |||
|                                     <span style="font-size: 18px; | |||
|                   color: var(--text-color); | |||
|                   font-weight: 600;">Odoo Support</span> | |||
|                                 </div> | |||
|                             </a> | |||
|                         </div> | |||
|                         <div class="col-lg-3 col-sm-12 mb-3"> | |||
|                             <a href="#" style="text-decoration:none"> | |||
|                                 <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" | |||
|                                      style="font-size:25px; font-weight:bold;background-color:#F3E8FF; margin:auto; gap: 16px; border-radius: 8px;"> | |||
|                                     <div class="d-flex justify-content-center align-items-center" | |||
|                                          style="background-color:#BF83FF; border-radius:50%; height:56px; width:56px"> | |||
|                                         <img src="./assets/icons/arrows-repeat.svg" | |||
|                                              class="img-responsive" | |||
|                                              height="28px" width="28px"> | |||
|                                     </div> | |||
|                                     <span style="font-size: 18px; | |||
|                 color: var(--text-color); | |||
|                 font-weight: 600;">Odoo Migration</span> | |||
|                                 </div> | |||
|                             </a> | |||
|                         </div> | |||
|                         <div class="col-lg-3 col-sm-12 mb-3"> | |||
|                             <a href="#" style="text-decoration:none"> | |||
|                                 <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" | |||
|                                      style="font-size:25px; font-weight:bold;background-color:#F1F9FF; margin:auto; gap: 16px; border-radius: 8px;"> | |||
|                                     <div class="d-flex justify-content-center align-items-center" | |||
|                                          style="background-color:#01649C; border-radius:50%; height:56px; width:56px"> | |||
|                                         <img src="./assets/icons/puzzle-piece-icon.svg" | |||
|                                              class="img-responsive" | |||
|                                              height="28px" width="28px"> | |||
|                                     </div> | |||
|                                     <span style="font-size: 18px; | |||
|               color: var(--text-color); | |||
|               font-weight: 600;">Odoo integration</span> | |||
|                                 </div> | |||
|                             </a> | |||
|                         </div> | |||
|                         <div class="col-lg-3 col-sm-12 mb-3"> | |||
|                             <a href="#" style="text-decoration:none"> | |||
|                                 <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" | |||
|                                      style="font-size:25px; font-weight:bold;background-color:#EDF8ED; margin:auto; gap: 16px; border-radius: 8px;"> | |||
| 
 | |||
|                                     <div class="d-flex justify-content-center align-items-center" | |||
|                                          style="background-color:#69CC70; border-radius:50%; height:56px; width:56px"> | |||
|                                         <img src="./assets/icons/odoo-consultancy.svg" | |||
|                                              class="img-responsive" | |||
|                                              height="28px" width="28px"> | |||
|                                     </div> | |||
|                                     <span style="font-size: 18px; | |||
|             color: var(--text-color); | |||
|             font-weight: 600;">Odoo Consultancy</span> | |||
|                                 </div> | |||
|                             </a> | |||
|                         </div> | |||
|                         <div class="col-lg-3 col-sm-12 mb-3"> | |||
|                             <a href="#" style="text-decoration:none"> | |||
|                                 <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" | |||
|                                      style="font-size:25px; font-weight:bold;background-color:#F1F6FF; margin:auto; gap: 16px; border-radius: 8px;"> | |||
| 
 | |||
|                                     <div class="d-flex justify-content-center align-items-center" | |||
|                                          style="background-color:#2E4556; border-radius:50%; height:56px; width:56px"> | |||
|                                         <img src="./assets/icons/odoo-licencing.svg" | |||
|                                              class="img-responsive" | |||
|                                              height="28px" width="28px"> | |||
|                                     </div> | |||
|                                     <span style="font-size: 18px; | |||
|           color: var(--text-color); | |||
|           font-weight: 600;">Odoo Licensing</span> | |||
|                                 </div> | |||
|                             </a> | |||
|                         </div> | |||
|                         <div class="col-lg-3 col-sm-12 mb-3"> | |||
|                             <a href="#" style="text-decoration:none"> | |||
|                                 <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" | |||
|                                      style="font-size:25px; font-weight:bold;background-color:#FAF6EA; margin:auto; gap: 16px; border-radius: 8px;"> | |||
| 
 | |||
|                                     <div class="d-flex justify-content-center align-items-center" | |||
|                                          style="background-color:#FCD12C; border-radius:50%; height:56px; width:56px"> | |||
|                                         <img src="./assets/icons/hire-odoo.svg" | |||
|                                              class="img-responsive" | |||
|                                              height="28px" width="28px"> | |||
|                                     </div> | |||
|                                     <span style="font-size: 18px; | |||
|           color: var(--text-color); | |||
|           font-weight: 600;">Hire Odoo Developer</span> | |||
|                                 </div> | |||
|                             </a> | |||
|                         </div> | |||
|                     </div> | |||
|             </div> | |||
|             <!-- licence --> | |||
|             <div class="tab-pane fade" id="profile" role="tabpanel" | |||
|                  aria-labelledby="profile-tab"> | |||
|                 <div class="px-5"> | |||
|                     .... | |||
|                 </div> | |||
|             </div> | |||
|             <!--  --> | |||
|         </div> | |||
|         </section> | |||
|         <!--  --> | |||
|     </div> | |||
| </div> | |||
| </body> | |||
| <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script> | |||
| <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js" | |||
|         integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g==" | |||
|         crossorigin="anonymous" referrerpolicy="no-referrer"></script> | |||
| <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script> | |||
| <script> | |||
|     $('.owl-carousel').owlCarousel({ | |||
|      rtl:true, | |||
|      loop:true, | |||
|      margin:10, | |||
|      nav:true, | |||
|      responsive:{ | |||
|          0:{ | |||
|              items:1 | |||
|          }, | |||
|          600:{ | |||
|              items:3 | |||
|          }, | |||
|          1000:{ | |||
|              items:3 | |||
|          } | |||
|      } | |||
|  }) | |||
| </script> | |||
| </html> | |||
| @ -0,0 +1,44 @@ | |||
| /** @odoo-module **/ | |||
| import { X2ManyField, x2ManyField } from "@web/views/fields/x2many/x2many_field"; | |||
| import { registry } from "@web/core/registry"; | |||
| import { ListRenderer } from "@web/views/list/list_renderer"; | |||
| import { useService } from "@web/core/utils/hooks"; | |||
| export class ExcelListRenderer extends ListRenderer { | |||
|     setup() { | |||
|     super.setup(); | |||
|     } | |||
| } | |||
| //Extends X2ManyField to create widget
 | |||
| export class ExcelX2ManyField extends X2ManyField { | |||
|       setup() { | |||
|         super.setup() | |||
|         this.actionService = useService("action"); | |||
| 
 | |||
|       } | |||
|      async Print_excel_report(){ | |||
|         var model = this.props.record.resModel | |||
|         var order = this.props.record.resId | |||
|         var one2many = this.props.name | |||
|         var relation=this.field.relation | |||
|         var related_field = this.field.relation_field | |||
|         var action = { | |||
|                 type: "ir.actions.report", | |||
|                 report_type: "xlsx", | |||
|                 report_name: 'Excel', | |||
|                 report_file: "report.excel", | |||
|                 context:{'model':relation,'id':order,'field':related_field}, | |||
|         }; | |||
|         return this.actionService.doAction(action); | |||
|     } | |||
| } | |||
| ExcelX2ManyField.components = { | |||
|     ...X2ManyField.components, ListRenderer: ExcelListRenderer | |||
| }; | |||
| ExcelX2ManyField.template = "one2many_excel_report.One2manyExcel"; | |||
| 
 | |||
| export const excelX2ManyField = { | |||
|     ...x2ManyField, | |||
|     component: ExcelX2ManyField, | |||
| }; | |||
| 
 | |||
| registry.category("fields").add("one2many_excel", excelX2ManyField); | |||
| @ -0,0 +1,18 @@ | |||
| /** @odoo-module */ | |||
| import { registry } from "@web/core/registry"; | |||
| import { BlockUI } from "@web/core/ui/block_ui"; | |||
| import { download } from "@web/core/network/download"; | |||
| /** | |||
| This handler is responsible for generating XLSX reports. | |||
| */ | |||
| registry.category("ir.actions.report handlers").add("xlsx", async function (action) { | |||
|     if (action.report_type === 'xlsx') { | |||
|         BlockUI; | |||
|         await download({ | |||
|           url: '/xlsx_reports', | |||
|                 data: {'id':action.context.id,'field':action.context.field,'current_model':action.context.model}, | |||
|                 complete: () => unblockUI, | |||
|                 error: (error) => self.call('crash_manager', 'rpc_error', error), | |||
|         }); | |||
|       } | |||
| }); | |||
| @ -0,0 +1,19 @@ | |||
| <?xml version="1.0" encoding="UTF-8"?> | |||
| <!--Widget template--> | |||
| <templates id="template" xml:space="preserve"> | |||
|     <t t-name="one2many_excel_report.One2manyExcel" t-inherit="web.X2ManyField" t-inherit-mode="primary"> | |||
|         <xpath expr="//div[hasclass('o_x2m_control_panel')]" position="before"> | |||
|             <div class="d-flex justify-content-start align-items-center mb-2"> | |||
|                 <button class="btn btn-primary" t-on-click="Print_excel_report"> | |||
|                     <i class="fa fa-download mr-1"/> | |||
|                 </button> | |||
|                 <t t-if="props.readonly"> | |||
|                     <span class="oe_form_char_content ml-2"/> | |||
|                 </t> | |||
|             </div> | |||
|         </xpath> | |||
|     </t> | |||
| </templates> | |||
| 
 | |||
| 
 | |||
| 
 | |||