diff --git a/report_attachment_preview/README.rst b/report_attachment_preview/README.rst new file mode 100755 index 000000000..cfff21d39 --- /dev/null +++ b/report_attachment_preview/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 + +Reports and Attachments Preview in Browser +========================================== +This module enables viewing PDF reports and attachments in +a new browser tab, allowing for seamless document previewing without +leaving your current browsing session + +Configuration +============ +No additional configurations needed + +License +------- +General Public License, Version 3 (AGPL v3). +(https://www.gnu.org/licenses/agpl-3.0-standalone.html) + +Company +------- +* `Cybrosys Techno Solutions `__ + +Credits +------- +Developer: (V16) Ayana 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 support and more information, please visit `Our Website `__ + +Further information +=================== +HTML Description: ``__ diff --git a/report_attachment_preview/__init__.py b/report_attachment_preview/__init__.py new file mode 100644 index 000000000..8efb3ada5 --- /dev/null +++ b/report_attachment_preview/__init__.py @@ -0,0 +1,22 @@ +# -*- coding: utf-8 -*- +############################################################################# +# +# Cybrosys Technologies Pvt. Ltd. +# +# Copyright (C) 2024-TODAY Cybrosys Technologies() +# Author: Ayana KP (Contact : odoo@cybrosys.com) +# +# You can modify it under the terms of the GNU AFFERO +# GENERAL PUBLIC LICENSE (AGPL 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 AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details. +# +# You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE +# (AGPL v3) along with this program. +# If not, see . +# +############################################################################# +from . import controllers diff --git a/report_attachment_preview/__manifest__.py b/report_attachment_preview/__manifest__.py new file mode 100644 index 000000000..0d77b8322 --- /dev/null +++ b/report_attachment_preview/__manifest__.py @@ -0,0 +1,48 @@ +# -*- coding: utf-8 -*- +############################################################################# +# +# Cybrosys Technologies Pvt. Ltd. +# +# Copyright (C) 2024-TODAY Cybrosys Technologies() +# Author: Ayana KP (Contact : odoo@cybrosys.com) +# +# You can modify it under the terms of the GNU AFFERO +# GENERAL PUBLIC LICENSE (AGPL 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 AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details. +# +# You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE +# (AGPL v3) along with this program. +# If not, see . +# +############################################################################# +{ + 'name': 'Reports and Attachments Preview in Browser', + 'version': '16.0.1.0.0', + 'category': 'Extra Tools', + 'summary': """Open PDF Reports and Attachments Preview in new Browser Tab""", + 'description': """This module enables viewing PDF reports and attachments in + a new browser tab, allowing for seamless document previewing without + leaving your current browsing session""", + 'author': 'Cybrosys Techno Solutions', + 'company': 'Cybrosys Techno Solutions', + 'maintainer': 'Cybrosys Techno Solutions', + 'website': 'https://www.cybrosys.com', + 'depends': ['web'], + 'assets': { + 'web.assets_backend': [ + 'report_attachment_preview/static/src/js/report_utils.js', + 'report_attachment_preview/static/src/js/attachment_list.js', + 'report_attachment_preview/static/src/js/binarywidget.js', + 'report_attachment_preview/static/src/xml/many2many_binary_field.xml', + ] + }, + 'images': ['static/description/banner.png'], + 'license': 'AGPL-3', + 'installable': True, + 'auto_install': False, + 'application': False, +} diff --git a/report_attachment_preview/controllers/__init__.py b/report_attachment_preview/controllers/__init__.py new file mode 100644 index 000000000..ac5939192 --- /dev/null +++ b/report_attachment_preview/controllers/__init__.py @@ -0,0 +1,22 @@ +# -*- coding: utf-8 -*- +############################################################################# +# +# Cybrosys Technologies Pvt. Ltd. +# +# Copyright (C) 2024-TODAY Cybrosys Technologies() +# Author: Ayana KP (Contact : odoo@cybrosys.com) +# +# You can modify it under the terms of the GNU AFFERO +# GENERAL PUBLIC LICENSE (AGPL 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 AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details. +# +# You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE +# (AGPL v3) along with this program. +# If not, see . +# +############################################################################# +from . import report_attachment_preview diff --git a/report_attachment_preview/controllers/report_attachment_preview.py b/report_attachment_preview/controllers/report_attachment_preview.py new file mode 100644 index 000000000..d8dd7d60c --- /dev/null +++ b/report_attachment_preview/controllers/report_attachment_preview.py @@ -0,0 +1,47 @@ +# -*- coding: utf-8 -*- +############################################################################# +# +# Cybrosys Technologies Pvt. Ltd. +# +# Copyright (C) 2024-TODAY Cybrosys Technologies() +# Author: Ayana KP (Contact : odoo@cybrosys.com) +# +# You can modify it under the terms of the GNU AFFERO +# GENERAL PUBLIC LICENSE (AGPL 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 AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details. +# +# You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE +# (AGPL v3) along with this program. +# If not, see . +# +############################################################################# +from odoo import http +from odoo.addons.web.controllers.binary import Binary as BaseBinary + + +class CustomBinary(BaseBinary): + """ This controller extends the base Binary controller to customize the + behavior of serving binary content such as PDF reports and attachments.""" + + @http.route() + def content_common(self, xmlid=None, model='ir.attachment', id=None, + field='raw', + filename=None, filename_field='name', mimetype=None, + unique=False, + download=False, access_token=None, nocache=False): + """ This method overrides the base content_common method to provide custom + handling for serving binary content. It ensures that binary content, such + as PDF reports and attachments, is viewed in a new browser tab without + downloading it. """ + res = super().content_common(xmlid, model, id, field, + filename, filename_field, mimetype, unique, + download, access_token, nocache) + + record = http.request.env['ir.binary']._find_record(xmlid, model, id and int(id), access_token) + res.headers[ + 'Content-Disposition'] = "inline; filename=%s" % record.name + return res diff --git a/report_attachment_preview/doc/RELEASE_NOTES.md b/report_attachment_preview/doc/RELEASE_NOTES.md new file mode 100755 index 000000000..fb9ec424a --- /dev/null +++ b/report_attachment_preview/doc/RELEASE_NOTES.md @@ -0,0 +1,5 @@ +## Module +#### 19.04.2024 +#### Version 16.0.1.0.0 +#### ADD +- Initial Commit for Reports and Attachments Preview in Browser diff --git a/report_attachment_preview/static/description/assets/icons/check.png b/report_attachment_preview/static/description/assets/icons/check.png new file mode 100644 index 000000000..c8e85f51d Binary files /dev/null and b/report_attachment_preview/static/description/assets/icons/check.png differ diff --git a/report_attachment_preview/static/description/assets/icons/chevron.png b/report_attachment_preview/static/description/assets/icons/chevron.png new file mode 100644 index 000000000..2089293d6 Binary files /dev/null and b/report_attachment_preview/static/description/assets/icons/chevron.png differ diff --git a/report_attachment_preview/static/description/assets/icons/cogs.png b/report_attachment_preview/static/description/assets/icons/cogs.png new file mode 100644 index 000000000..95d0bad62 Binary files /dev/null and b/report_attachment_preview/static/description/assets/icons/cogs.png differ diff --git a/report_attachment_preview/static/description/assets/icons/consultation.png b/report_attachment_preview/static/description/assets/icons/consultation.png new file mode 100644 index 000000000..8319d4baa Binary files /dev/null and b/report_attachment_preview/static/description/assets/icons/consultation.png differ diff --git a/report_attachment_preview/static/description/assets/icons/ecom-black.png b/report_attachment_preview/static/description/assets/icons/ecom-black.png new file mode 100644 index 000000000..a9385ff13 Binary files /dev/null and b/report_attachment_preview/static/description/assets/icons/ecom-black.png differ diff --git a/report_attachment_preview/static/description/assets/icons/education-black.png b/report_attachment_preview/static/description/assets/icons/education-black.png new file mode 100644 index 000000000..3eb09b27b Binary files /dev/null and b/report_attachment_preview/static/description/assets/icons/education-black.png differ diff --git a/report_attachment_preview/static/description/assets/icons/hotel-black.png b/report_attachment_preview/static/description/assets/icons/hotel-black.png new file mode 100644 index 000000000..130f613be Binary files /dev/null and b/report_attachment_preview/static/description/assets/icons/hotel-black.png differ diff --git a/report_attachment_preview/static/description/assets/icons/license.png b/report_attachment_preview/static/description/assets/icons/license.png new file mode 100644 index 000000000..a5869797e Binary files /dev/null and b/report_attachment_preview/static/description/assets/icons/license.png differ diff --git a/report_attachment_preview/static/description/assets/icons/lifebuoy.png b/report_attachment_preview/static/description/assets/icons/lifebuoy.png new file mode 100644 index 000000000..658d56ccc Binary files /dev/null and b/report_attachment_preview/static/description/assets/icons/lifebuoy.png differ diff --git a/report_attachment_preview/static/description/assets/icons/logo.png b/report_attachment_preview/static/description/assets/icons/logo.png new file mode 100644 index 000000000..478462d3e Binary files /dev/null and b/report_attachment_preview/static/description/assets/icons/logo.png differ diff --git a/report_attachment_preview/static/description/assets/icons/manufacturing-black.png b/report_attachment_preview/static/description/assets/icons/manufacturing-black.png new file mode 100644 index 000000000..697eb0e9f Binary files /dev/null and b/report_attachment_preview/static/description/assets/icons/manufacturing-black.png differ diff --git a/report_attachment_preview/static/description/assets/icons/pos-black.png b/report_attachment_preview/static/description/assets/icons/pos-black.png new file mode 100644 index 000000000..97c0f90c1 Binary files /dev/null and b/report_attachment_preview/static/description/assets/icons/pos-black.png differ diff --git a/report_attachment_preview/static/description/assets/icons/puzzle.png b/report_attachment_preview/static/description/assets/icons/puzzle.png new file mode 100644 index 000000000..65cf854e7 Binary files /dev/null and b/report_attachment_preview/static/description/assets/icons/puzzle.png differ diff --git a/report_attachment_preview/static/description/assets/icons/restaurant-black.png b/report_attachment_preview/static/description/assets/icons/restaurant-black.png new file mode 100644 index 000000000..4a35eb939 Binary files /dev/null and b/report_attachment_preview/static/description/assets/icons/restaurant-black.png differ diff --git a/report_attachment_preview/static/description/assets/icons/service-black.png b/report_attachment_preview/static/description/assets/icons/service-black.png new file mode 100644 index 000000000..301ab51cb Binary files /dev/null and b/report_attachment_preview/static/description/assets/icons/service-black.png differ diff --git a/report_attachment_preview/static/description/assets/icons/trading-black.png b/report_attachment_preview/static/description/assets/icons/trading-black.png new file mode 100644 index 000000000..9398ba2f1 Binary files /dev/null and b/report_attachment_preview/static/description/assets/icons/trading-black.png differ diff --git a/report_attachment_preview/static/description/assets/icons/training.png b/report_attachment_preview/static/description/assets/icons/training.png new file mode 100644 index 000000000..884ca024d Binary files /dev/null and b/report_attachment_preview/static/description/assets/icons/training.png differ diff --git a/report_attachment_preview/static/description/assets/icons/update.png b/report_attachment_preview/static/description/assets/icons/update.png new file mode 100644 index 000000000..ecbc5a01a Binary files /dev/null and b/report_attachment_preview/static/description/assets/icons/update.png differ diff --git a/report_attachment_preview/static/description/assets/icons/user.png b/report_attachment_preview/static/description/assets/icons/user.png new file mode 100644 index 000000000..6ffb23d9f Binary files /dev/null and b/report_attachment_preview/static/description/assets/icons/user.png differ diff --git a/report_attachment_preview/static/description/assets/icons/wrench.png b/report_attachment_preview/static/description/assets/icons/wrench.png new file mode 100644 index 000000000..6c04dea0f Binary files /dev/null and b/report_attachment_preview/static/description/assets/icons/wrench.png differ diff --git a/report_attachment_preview/static/description/assets/modules/budget_image.png b/report_attachment_preview/static/description/assets/modules/budget_image.png new file mode 100644 index 000000000..32acd3b2d Binary files /dev/null and b/report_attachment_preview/static/description/assets/modules/budget_image.png differ diff --git a/report_attachment_preview/static/description/assets/modules/credit_image.png b/report_attachment_preview/static/description/assets/modules/credit_image.png new file mode 100644 index 000000000..5a7fe028c Binary files /dev/null and b/report_attachment_preview/static/description/assets/modules/credit_image.png differ diff --git a/report_attachment_preview/static/description/assets/modules/employee_image.png b/report_attachment_preview/static/description/assets/modules/employee_image.png new file mode 100644 index 000000000..a51621d26 Binary files /dev/null and b/report_attachment_preview/static/description/assets/modules/employee_image.png differ diff --git a/report_attachment_preview/static/description/assets/modules/excel_product_stock_in_excel.png b/report_attachment_preview/static/description/assets/modules/excel_product_stock_in_excel.png new file mode 100644 index 000000000..8fb783110 Binary files /dev/null and b/report_attachment_preview/static/description/assets/modules/excel_product_stock_in_excel.png differ diff --git a/report_attachment_preview/static/description/assets/modules/gantt.png b/report_attachment_preview/static/description/assets/modules/gantt.png new file mode 100644 index 000000000..2f3a3b309 Binary files /dev/null and b/report_attachment_preview/static/description/assets/modules/gantt.png differ diff --git a/report_attachment_preview/static/description/assets/modules/quotation_image.png b/report_attachment_preview/static/description/assets/modules/quotation_image.png new file mode 100644 index 000000000..36e92d71f Binary files /dev/null and b/report_attachment_preview/static/description/assets/modules/quotation_image.png differ diff --git a/report_attachment_preview/static/description/assets/screenshots/1.png b/report_attachment_preview/static/description/assets/screenshots/1.png new file mode 100644 index 000000000..06c3f19a0 Binary files /dev/null and b/report_attachment_preview/static/description/assets/screenshots/1.png differ diff --git a/report_attachment_preview/static/description/assets/screenshots/2.png b/report_attachment_preview/static/description/assets/screenshots/2.png new file mode 100644 index 000000000..27fcfd1bc Binary files /dev/null and b/report_attachment_preview/static/description/assets/screenshots/2.png differ diff --git a/report_attachment_preview/static/description/assets/screenshots/3.png b/report_attachment_preview/static/description/assets/screenshots/3.png new file mode 100644 index 000000000..81e03444b Binary files /dev/null and b/report_attachment_preview/static/description/assets/screenshots/3.png differ diff --git a/report_attachment_preview/static/description/assets/screenshots/4.png b/report_attachment_preview/static/description/assets/screenshots/4.png new file mode 100644 index 000000000..34d08cfee Binary files /dev/null and b/report_attachment_preview/static/description/assets/screenshots/4.png differ diff --git a/report_attachment_preview/static/description/assets/screenshots/v16-hero.gif b/report_attachment_preview/static/description/assets/screenshots/v16-hero.gif new file mode 100644 index 000000000..cbf9d9441 Binary files /dev/null and b/report_attachment_preview/static/description/assets/screenshots/v16-hero.gif differ diff --git a/report_attachment_preview/static/description/banner.png b/report_attachment_preview/static/description/banner.png new file mode 100644 index 000000000..5d3cb327b Binary files /dev/null and b/report_attachment_preview/static/description/banner.png differ diff --git a/report_attachment_preview/static/description/icon.png b/report_attachment_preview/static/description/icon.png new file mode 100644 index 000000000..88039ff98 Binary files /dev/null and b/report_attachment_preview/static/description/icon.png differ diff --git a/report_attachment_preview/static/description/index.html b/report_attachment_preview/static/description/index.html new file mode 100644 index 000000000..4e623bd3a --- /dev/null +++ b/report_attachment_preview/static/description/index.html @@ -0,0 +1,587 @@ +
+
+
+
+ +
+
+
+ Community +
+
+ Enterprise +
+
+ Enterprise +
+
+
+
+
+
+
+
+

+ Reports and Attachments Preview in Browser

+

+ Open PDF Reports and Attachments Preview in new Browser Tab. +

+ +
+
+ +
+
+

+ Overview +

+
+
+

+ This odoo apps is helps to open PDF reports and attachments in new browser tab. +

+
+
+
+
+

+ Features +

+
+
+
+ +
+
+

+ Open PDF Reports in new Browser Tab.

+
+
+
+
+ +
+
+

+ Attachments Preview in new Browser Tab

+
+
+
+
+
+

+ Screenshots +

+
+
+

+ Click on Print reports.

+ +
+
+

+ Reports opens in a new browser tab.

+ + +
+ +
+

+ Binary field Attachments can be open in new browser tab.

+ +
+
+

+ Attachments can be downloaded and opens in new browser tab.

+ + +
+
+ +
+
+

Suggested Products

+
+ +
+
+ + +
+
+
+

Our Services

+
+
+ +
+
+ +
+
+ Odoo + Customization
+
+ +
+
+ +
+
+ Odoo + Implementation
+
+ +
+
+ +
+
+ Odoo + Support
+
+
+
+ +
+
+ Hire + Odoo + Developer
+
+
+
+ +
+
+ Odoo + Integration
+
+
+
+ +
+
+ Odoo + Migration
+
+
+
+ +
+
+ Odoo + Consultancy
+
+
+
+ +
+
+ Odoo + Implementation
+
+
+
+ +
+
+ Odoo + Licensing Consultancy
+
+
+
+ + +
+
+
+

Our Industries

+
+
+
+
+ +
+ Trading +
+

+ Easily procure + and + sell your products

+
+
+
+
+ +
+ POS +
+

+ Easy + configuration + and convivial experience

+
+
+
+
+ +
+ Education +
+

+ A platform for + educational management

+
+
+
+
+ +
+ Manufacturing +
+

+ Plan, track and + schedule your operations

+
+
+
+
+ +
+ E-commerce & Website +
+

+ Mobile + friendly, + awe-inspiring product pages

+
+
+
+
+ +
+ Service Management +
+

+ Keep track of + services and invoice

+
+
+
+
+ +
+ Restaurant +
+

+ Run your bar or + restaurant methodically

+
+
+
+
+ +
+ Hotel Management +
+

+ An + all-inclusive + hotel management application

+
+
+ +
+
+ + + +
+
+
+

Need Help?

+
+
+
+ +
+ + + +
+ +
+ +
+
+ +
+ +
+ +
+
+ +
+
+
+ +
diff --git a/report_attachment_preview/static/src/js/attachment_list.js b/report_attachment_preview/static/src/js/attachment_list.js new file mode 100644 index 000000000..7d31c37bb --- /dev/null +++ b/report_attachment_preview/static/src/js/attachment_list.js @@ -0,0 +1,18 @@ +/** @odoo-module **/ + +import { registerPatch } from '@mail/model/model_core'; +// import to ensure mail Messaging patches are loaded beforehand + +registerPatch({ + name: 'Attachment', + recordMethods: { + /** + * @override onClickDownload(ev) + */ + onClickDownload(ev) { + ev.stopPropagation(); + window.open(this.defaultSource) + this.download(); + }, + }, +}) diff --git a/report_attachment_preview/static/src/js/binarywidget.js b/report_attachment_preview/static/src/js/binarywidget.js new file mode 100644 index 000000000..a63bd94fa --- /dev/null +++ b/report_attachment_preview/static/src/js/binarywidget.js @@ -0,0 +1,12 @@ +/** @odoo-module **/ +import { Many2ManyBinaryField } from "@web/views/fields/many2many_binary/many2many_binary_field" +import { patch } from "@web/core/utils/patch"; +/** + This module patches the onClickURL method of the Many2ManyBinaryField class + to open URLs in a new tab when clicked. + **/ +patch(Many2ManyBinaryField.prototype, 'CustomMany2ManyBinaryField', { + onClickURL(id) { + window.open(`/web/content/${id}?download=true`) + } +}) diff --git a/report_attachment_preview/static/src/js/report_utils.js b/report_attachment_preview/static/src/js/report_utils.js new file mode 100644 index 000000000..1523f3299 --- /dev/null +++ b/report_attachment_preview/static/src/js/report_utils.js @@ -0,0 +1,66 @@ +/** @odoo-module **/ + +import { _t } from "@web/core/l10n/translation"; +import { registry } from "@web/core/registry"; +/** + * Retrieves messages related to the status of Wkhtmltopdf installation. + * + * @param {string} status - The status of Wkhtmltopdf installation. + * @returns {string} The message related to the provided status. + */ +function getWKHTMLTOPDF_MESSAGES(status) { + const link = '

wkhtmltopdf.org'; + const _status = { + broken: _t("Your installation of Wkhtmltopdf seems to be broken. The report will be shown in html.") + link, + install: _t("Unable to find Wkhtmltopdf on this system. The report will be shown in html.") + link, + upgrade: _t("You should upgrade your version of Wkhtmltopdf to at least 0.12.0 in order to get a correct display of headers and footers as well as support for table-breaking between pages.") + link, + workers: _t("You need to start Odoo with at least two workers to print a pdf version of the reports."), + }; + return _status[status]; +} + +function getReportUrl(action, type) { + let url = `/report/${type}/${action.report_name}`; + const actionContext = action.context || {}; + if (action.data && JSON.stringify(action.data) !== "{}") { + const options = encodeURIComponent(JSON.stringify(action.data)); + const context = encodeURIComponent(JSON.stringify(actionContext)); + url += `?options=${options}&context=${context}`; + } else { + if (actionContext.active_ids) { + url += `/${actionContext.active_ids.join(",")}`; + } + if (type === "html") { + const context = encodeURIComponent(JSON.stringify(env.services.user.context)); + url += `?context=${context}`; + } + } + return url; +} +let wkhtmltopdfStateProm; + +registry.category("ir.actions.report handlers").add("pdf_report_preview", + async function (action, options, env) { + let { report_type } = action; + if (report_type !== "qweb-pdf") + return false; + if (!wkhtmltopdfStateProm) { + wkhtmltopdfStateProm = await env.services.rpc("/report/check_wkhtmltopdf"); + } + const state = wkhtmltopdfStateProm; + const message = getWKHTMLTOPDF_MESSAGES(state); + if (message) { + env.services.notification.add(message, { + sticky: true, + title: _t("Report"), + }); + } + // If Wkhtmltopdf installation is successful, open the report in a new tab + if (["upgrade", "ok"].includes(state)) { + const url = getReportUrl(action, "pdf"); + window.open(url); + return true; + } else { + return _executeReportClientAction(action, options); + } +}); diff --git a/report_attachment_preview/static/src/xml/many2many_binary_field.xml b/report_attachment_preview/static/src/xml/many2many_binary_field.xml new file mode 100644 index 000000000..6a95762ae --- /dev/null +++ b/report_attachment_preview/static/src/xml/many2many_binary_field.xml @@ -0,0 +1,18 @@ + + + + + + _blank + () => this.onClickURL(file.id) + + + _blank + () => this.onClickURL(file.id) + + +