NeoAnd/knowledge
1
0
Fork 0
mirror of https://github.com/OCA/knowledge.git synced 2025-12-23 13:52:13 -06:00
Code Issues Actions Packages Projects Releases Wiki Activity

[IMP] attachment_preview: black, isort, prettier

Browse Source
This commit is contained in:
vancouver29
2022-08-22 09:54:38 +02:00
parent f29f7928d3
commit 40b516f587
10 changed files with 241 additions and 229 deletions
Download Patch File Download Diff File Expand all files Collapse all files

280
attachment_preview/static/src/js/attachment_preview.js
View File

@@ -1,41 +1,69 @@
/* Copyright 2014 Therp BV (<http://therp.nl>)
* License AGPL-3.0 or later (https://www.gnu.org/licenses/agpl). */
odoo.define('attachment_preview', function (require) {
'use strict';
odoo.define("attachment_preview", function (require) {
"use strict";
var core = require('web.core');
var core = require("web.core");
var _t = core._t;
var qweb = core.qweb;
var Chatter = require('mail.Chatter');
var basic_fields = require('web.basic_fields');
var FormRenderer = require('web.FormRenderer');
var FormController = require('web.FormController');
var Widget = require('web.Widget');
var Chatter = require("mail.Chatter");
var basic_fields = require("web.basic_fields");
var FormRenderer = require("web.FormRenderer");
var FormController = require("web.FormController");
var Widget = require("web.Widget");
var AttachmentPreviewMixin = {
canPreview: function (extension) {
return $.inArray(
extension,
['odt', 'odp', 'ods', 'fodt', 'pdf', 'ott', 'fodp', 'otp',
'fods', 'ots',
]) > -1;
return (
$.inArray(extension, [
"odt",
"odp",
"ods",
"fodt",
"pdf",
"ott",
"fodp",
"otp",
"fods",
"ots",
]) > -1
);
},
getUrl: function (attachment_id, attachment_url, attachment_extension, attachment_title) {
var url = (window.location.origin || '') +
'/attachment_preview/static/lib/ViewerJS/index.html' +
'?type=' + encodeURIComponent(attachment_extension) +
'&title=' + encodeURIComponent(attachment_title) +
'#' +
attachment_url.replace(window.location.origin, '');
getUrl: function (
attachment_id,
attachment_url,
attachment_extension,
attachment_title
) {
var url =
(window.location.origin || "") +
"/attachment_preview/static/lib/ViewerJS/index.html" +
"?type=" +
encodeURIComponent(attachment_extension) +
"&title=" +
encodeURIComponent(attachment_title) +
"#" +
attachment_url.replace(window.location.origin, "");
return url;
},
showPreview: function (attachment_id, attachment_url, attachment_extension, attachment_title, split_screen) {
var url = this.getUrl(attachment_id, attachment_url, attachment_extension, attachment_title);
showPreview: function (
attachment_id,
attachment_url,
attachment_extension,
attachment_title,
split_screen
) {
var url = this.getUrl(
attachment_id,
attachment_url,
attachment_extension,
attachment_title
);
if (split_screen) {
this.trigger_up('onAttachmentPreview', {url: url});
this.trigger_up("onAttachmentPreview", {url: url});
} else {
window.open(url);
}
@@ -45,7 +73,7 @@ odoo.define('attachment_preview', function (require) {
Chatter.include(AttachmentPreviewMixin);
Chatter.include({
events: _.extend({}, Chatter.prototype.events, {
'click .o_attachment_preview': '_onPreviewAttachment',
"click .o_attachment_preview": "_onPreviewAttachment",
}),
previewableAttachments: null,
@@ -53,11 +81,13 @@ odoo.define('attachment_preview', function (require) {
_openAttachmentBox: function () {
var res = this._super.apply(this, arguments);
this.getPreviewableAttachments().done(function (atts) {
this.previewableAttachments = atts;
this.updatePreviewButtons(atts);
this.getParent().attachmentPreviewWidget.setAttachments(atts);
}.bind(this));
this.getPreviewableAttachments().done(
function (atts) {
this.previewableAttachments = atts;
this.updatePreviewButtons(atts);
this.getParent().attachmentPreviewWidget.setAttachments(atts);
}.bind(this)
);
return res;
},
@@ -65,7 +95,7 @@ odoo.define('attachment_preview', function (require) {
update: function () {
var res = this._super.apply(this, arguments);
var self = this;
if (this.getParent().$el.hasClass('attachment_preview')) {
if (this.getParent().$el.hasClass("attachment_preview")) {
this._fetchAttachments().done(function () {
self._openAttachmentBox();
self.getPreviewableAttachments().done(function (atts) {
@@ -82,21 +112,33 @@ odoo.define('attachment_preview', function (require) {
event.preventDefault();
var self = this,
$target = $(event.currentTarget),
split_screen = $target.attr('data-target') !== 'new',
attachment_id = parseInt($target.attr('data-id'), 10),
attachment_url = $target.attr('data-url'),
attachment_extension = $target.attr('data-extension'),
attachment_title = $target.attr('data-original-title');
split_screen = $target.attr("data-target") !== "new",
attachment_id = parseInt($target.attr("data-id"), 10),
attachment_url = $target.attr("data-url"),
attachment_extension = $target.attr("data-extension"),
attachment_title = $target.attr("data-original-title");
if (attachment_extension) {
this.showPreview(attachment_id, attachment_url, attachment_extension, attachment_title, split_screen);
this.showPreview(
attachment_id,
attachment_url,
attachment_extension,
attachment_title,
split_screen
);
} else {
this._rpc({
model: 'ir.attachment',
method: 'get_attachment_extension',
model: "ir.attachment",
method: "get_attachment_extension",
args: [attachment_id],
}).then(function (extension) {
self.showPreview(attachment_id, attachment_url, extension, null, split_screen);
self.showPreview(
attachment_id,
attachment_url,
extension,
null,
split_screen
);
});
}
},
@@ -105,56 +147,67 @@ odoo.define('attachment_preview', function (require) {
var self = this;
var deferred = $.Deferred();
var $items = this.$el.find('.o_attachment_preview');
var attachments = _.object($items.map(function () {
return parseInt($(this).attr('data-id'), 10);
}), $items.map(function () {
return {
url: $(this).attr('data-url'),
extension: $(this).attr('data-extension'),
title: $(this).attr('data-original-title'),
};
}));
var $items = this.$el.find(".o_attachment_preview");
var attachments = _.object(
$items.map(function () {
return parseInt($(this).attr("data-id"), 10);
}),
$items.map(function () {
return {
url: $(this).attr("data-url"),
extension: $(this).attr("data-extension"),
title: $(this).attr("data-original-title"),
};
})
);
this._rpc({
model: 'ir.attachment',
method: 'get_attachment_extension',
model: "ir.attachment",
method: "get_attachment_extension",
args: [
_.map(_.keys(attachments), function (id) {
return parseInt(id, 10);
}),
],
}).then(function (extensions) {
var reviewableAttachments = _.map(_.keys(_.pick(extensions, function (extension, id) {
return self.canPreview(extension);
})), function (id) {
return {
id: id,
url: attachments[id].url,
extension: extensions[id],
title: attachments[id].title,
previewUrl: self.getUrl(
id,
attachments[id].url,
extensions[id],
id + ' - ' + attachments[id].title
}).then(
function (extensions) {
var reviewableAttachments = _.map(
_.keys(
_.pick(extensions, function (extension, id) {
return self.canPreview(extension);
})
),
};
});
deferred.resolve(reviewableAttachments);
}, function () {
deferred.reject();
});
function (id) {
return {
id: id,
url: attachments[id].url,
extension: extensions[id],
title: attachments[id].title,
previewUrl: self.getUrl(
id,
attachments[id].url,
extensions[id],
id + " - " + attachments[id].title
),
};
}
);
deferred.resolve(reviewableAttachments);
},
function () {
deferred.reject();
}
);
return deferred.promise();
},
updatePreviewButtons: function (previewableAttachments) {
this.$el.find('.o_attachment_preview').each(function () {
this.$el.find(".o_attachment_preview").each(function () {
var $this = $(this);
var id = $this.attr('data-id');
var id = $this.attr("data-id");
var att = _.findWhere(previewableAttachments, {id: id});
if (att) {
$this.attr('data-extension', att.extension);
$this.attr("data-extension", att.extension);
} else {
$this.remove();
}
@@ -165,7 +218,7 @@ odoo.define('attachment_preview', function (require) {
basic_fields.FieldBinaryFile.include(AttachmentPreviewMixin);
basic_fields.FieldBinaryFile.include({
events: _.extend({}, basic_fields.FieldBinaryFile.prototype.events, {
'click .fa-search': '_onPreview',
"click .fa-search": "_onPreview",
}),
_renderReadonly: function () {
@@ -183,23 +236,21 @@ odoo.define('attachment_preview', function (require) {
_renderPreviewButton: function (extension) {
this.$previewBtn = $("<a/>");
this.$previewBtn.addClass('fa fa-search mr-2');
this.$previewBtn.attr('href', 'javascript:void(0)');
this.$previewBtn.attr('title', _.str.sprintf(_t('Preview %s'), this.field.string));
this.$previewBtn.attr('data-extension', extension);
this.$el.find('.fa-download').before(this.$previewBtn);
this.$previewBtn.addClass("fa fa-search mr-2");
this.$previewBtn.attr("href", "javascript:void(0)");
this.$previewBtn.attr(
"title",
_.str.sprintf(_t("Preview %s"), this.field.string)
);
this.$previewBtn.attr("data-extension", extension);
this.$el.find(".fa-download").before(this.$previewBtn);
},
_getBinaryExtension: function () {
return this._rpc({
model: 'ir.attachment',
method: 'get_binary_extension',
args: [
this.model,
this.recordData.id,
this.name,
this.attrs.filename,
],
model: "ir.attachment",
method: "get_binary_extension",
args: [this.model, this.recordData.id, this.name, this.attrs.filename],
});
},
@@ -207,13 +258,13 @@ odoo.define('attachment_preview', function (require) {
this.showPreview(
null,
_.str.sprintf(
'/web/content?model=%s&field=%s&id=%d',
"/web/content?model=%s&field=%s&id=%d",
this.model,
this.name,
this.recordData.id
),
$(event.currentTarget).attr('data-extension'),
_.str.sprintf(_t('Preview %s'), this.field.string),
$(event.currentTarget).attr("data-extension"),
_.str.sprintf(_t("Preview %s"), this.field.string),
false
);
event.stopPropagation();
@@ -221,22 +272,22 @@ odoo.define('attachment_preview', function (require) {
});
var AttachmentPreviewWidget = Widget.extend({
template: 'attachment_preview.AttachmentPreviewWidget',
template: "attachment_preview.AttachmentPreviewWidget",
activeIndex: 0,
attachments: null,
events: {
'click .attachment_preview_close': '_onCloseClick',
'click .attachment_preview_previous': '_onPreviousClick',
'click .attachment_preview_next': '_onNextClick',
'click .attachment_preview_popout': '_onPopoutClick',
"click .attachment_preview_close": "_onCloseClick",
"click .attachment_preview_previous": "_onPreviousClick",
"click .attachment_preview_next": "_onNextClick",
"click .attachment_preview_popout": "_onPopoutClick",
},
start: function () {
var res = this._super.apply(this, arguments);
this.$overlay = this.$el.find('.attachment_preview_overlay');
this.$iframe = this.$el.find('.attachment_preview_iframe');
this.$current = this.$el.find('.attachment_preview_current');
this.$overlay = this.$el.find(".attachment_preview_overlay");
this.$iframe = this.$el.find(".attachment_preview_iframe");
this.$current = this.$el.find(".attachment_preview_current");
return res;
},
@@ -281,28 +332,32 @@ odoo.define('attachment_preview', function (require) {
},
show: function () {
this.$el.removeClass('d-none');
this.trigger('shown');
this.$el.removeClass("d-none");
this.trigger("shown");
},
hide: function () {
this.$el.addClass('d-none');
this.trigger('hidden');
this.$el.addClass("d-none");
this.trigger("hidden");
},
updatePaginator: function () {
var value = _.str.sprintf('%s / %s', this.activeIndex + 1, this.attachments.length);
var value = _.str.sprintf(
"%s / %s",
this.activeIndex + 1,
this.attachments.length
);
this.$current.html(value);
},
loadPreview: function () {
if (this.attachments.length === 0) {
this.$iframe.attr('src', 'about:blank');
this.$iframe.attr("src", "about:blank");
return;
}
var att = this.attachments[this.activeIndex];
this.$iframe.attr('src', att.previewUrl);
this.$iframe.attr("src", att.previewUrl);
},
setAttachments: function (attachments) {
@@ -315,7 +370,7 @@ odoo.define('attachment_preview', function (require) {
FormRenderer.include({
custom_events: _.extend({}, FormRenderer.prototype.custom_events, {
onAttachmentPreview: '_onAttachmentPreview',
onAttachmentPreview: "_onAttachmentPreview",
}),
attachmentPreviewWidget: null,
@@ -323,7 +378,11 @@ odoo.define('attachment_preview', function (require) {
init: function () {
var res = this._super.apply(this, arguments);
this.attachmentPreviewWidget = new AttachmentPreviewWidget(this);
this.attachmentPreviewWidget.on('hidden', this, this._attachmentPreviewWidgetHidden);
this.attachmentPreviewWidget.on(
"hidden",
this,
this._attachmentPreviewWidgetHidden
);
return res;
},
@@ -335,11 +394,11 @@ odoo.define('attachment_preview', function (require) {
},
_attachmentPreviewWidgetHidden: function () {
this.$el.removeClass('attachment_preview');
this.$el.removeClass("attachment_preview");
},
showAttachmentPreviewWidget: function () {
this.$el.addClass('attachment_preview');
this.$el.addClass("attachment_preview");
this.attachmentPreviewWidget.setAttachments(
this.chatter.previewableAttachments
@@ -357,7 +416,6 @@ odoo.define('attachment_preview', function (require) {
},
});
return {
AttachmentPreviewMixin: AttachmentPreviewMixin,
AttachmentPreviewWidget: AttachmentPreviewWidget,

4
attachment_preview/static/src/js/viewerjs_tweaks.js
View File

@@ -7,8 +7,8 @@
window.Viewer = function (plugin, parameters) {
if (!plugin) {
// eslint-disable-next-line no-alert
alert('Unsupported file type');
alert("Unsupported file type");
}
return original_Viewer(plugin, parameters);
};
}(window.Viewer));
})(window.Viewer);

2
attachment_preview/static/src/scss/attachment_preview.scss
View File

@@ -44,7 +44,7 @@
padding: 4px;
float: left;
width: 100%;
background-color: #FFF;
background-color: #fff;
border-left: 1px solid $gray-800;
button {

35
attachment_preview/static/src/xml/attachment_preview.xml
View File

@@ -1,35 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<templates>
<t t-extend="mail.Attachment">
<t t-jquery=".o_attachment_download" t-operation="after">
<span t-if="!attachment.callback and attachment.url"
class="fa fa-search ml4 o_attachment_preview"
t-att-data-id="attachment.id"
t-att-data-url="attachment.url"
t-attf-title="Preview #{attachment.name} in side panel"/>
<span t-if="!attachment.callback and attachment.url"
class="fa fa-external-link ml4 o_attachment_preview o_attachment_preview_new_tab"
data-target="new"
t-att-data-id="attachment.id"
t-att-data-url="attachment.url"
t-attf-title="Open preview #{attachment.name} in a new tab"/>
</t>
</t>
<t t-name="attachment_preview.AttachmentPreviewWidget">
<div class="attachment_preview_widget d-none">
<div class="attachment_preview_buttons">
<div class="button-group pull-left">
<button class="btn btn-sm btn-secondary attachment_preview_previous"><i class="fa fa-chevron-left"/></button>
<button class="btn btn-sm btn-secondary disabled attachment_preview_current">1 / 5</button>
<button class="btn btn-sm btn-secondary attachment_preview_next"><i class="fa fa-chevron-right"/></button>
</div>
<button class="btn btn-sm btn-secondary pull-left ml8 attachment_preview_popout"><i class="fa fa-external-link"/></button>
<button class="btn btn-sm btn-secondary pull-right attachment_preview_close"><i class="fa fa-times"/></button>
</div>
<iframe class="attachment_preview_iframe"></iframe>
</div>
</t>
</templates>