mirror of
https://github.com/OCA/knowledge.git
synced 2025-07-13 15:34:49 -06:00
Merge b13d72e5e8
into baa5e3bed4
This commit is contained in:
commit
fbeea792c2
@ -1,265 +1,259 @@
|
||||
/** @odoo-module **/
|
||||
/* eslint-disable no-undef */
|
||||
import AttachmentPreviewWidget from "../../attachmentPreviewWidget.esm";
|
||||
import FormRenderer from "web.FormRenderer";
|
||||
import {registerInstancePatchModel} from "@mail/model/model_core";
|
||||
|
||||
odoo.define("attachment_preview.attachment_card", function (require) {
|
||||
var rpc = require("web.rpc");
|
||||
var rpc = require("web.rpc");
|
||||
|
||||
var chatterpreviewableAttachments = [];
|
||||
var active_attachment_id = 0;
|
||||
var first_click = true;
|
||||
var chatterpreviewableAttachments = [];
|
||||
var active_attachment_id = 0;
|
||||
var first_click = true;
|
||||
|
||||
FormRenderer.include({
|
||||
custom_events: _.extend({}, FormRenderer.prototype.custom_events, {
|
||||
onAttachmentPreview: "_onAttachmentPreview",
|
||||
}),
|
||||
attachmentPreviewWidget: null,
|
||||
FormRenderer.include({
|
||||
custom_events: _.extend({}, FormRenderer.prototype.custom_events, {
|
||||
onAttachmentPreview: "_onAttachmentPreview",
|
||||
}),
|
||||
attachmentPreviewWidget: null,
|
||||
|
||||
init: function () {
|
||||
var res = this._super(...arguments);
|
||||
this.attachmentPreviewWidget = new AttachmentPreviewWidget(this);
|
||||
this.attachmentPreviewWidget.on(
|
||||
"hidden",
|
||||
this,
|
||||
this._attachmentPreviewWidgetHidden
|
||||
);
|
||||
return res;
|
||||
},
|
||||
|
||||
start: function () {
|
||||
var self = this;
|
||||
return this._super.apply(this, arguments).then(function () {
|
||||
self.attachmentPreviewWidget.insertAfter(self.$el);
|
||||
});
|
||||
},
|
||||
|
||||
_attachmentPreviewWidgetHidden: function () {
|
||||
this.$el.removeClass("attachment_preview");
|
||||
},
|
||||
|
||||
showAttachmentPreviewWidget: function (first_c) {
|
||||
this.$el.addClass("attachment_preview");
|
||||
|
||||
this.attachmentPreviewWidget.setAttachments(
|
||||
chatterpreviewableAttachments,
|
||||
active_attachment_id,
|
||||
first_c
|
||||
);
|
||||
this.attachmentPreviewWidget.show();
|
||||
},
|
||||
|
||||
on_detach_callback: function () {
|
||||
this.attachmentPreviewWidget.hide();
|
||||
return this._super.apply(this, arguments);
|
||||
},
|
||||
|
||||
_onAttachmentPreview: function () {
|
||||
first_click = true;
|
||||
this.showAttachmentPreviewWidget(first_click);
|
||||
},
|
||||
});
|
||||
|
||||
function canPreview(extension) {
|
||||
return (
|
||||
$.inArray(extension, [
|
||||
"odt",
|
||||
"odp",
|
||||
"ods",
|
||||
"fodt",
|
||||
"pdf",
|
||||
"ott",
|
||||
"fodp",
|
||||
"otp",
|
||||
"fods",
|
||||
"ots",
|
||||
]) > -1
|
||||
init: function () {
|
||||
var res = this._super(...arguments);
|
||||
this.attachmentPreviewWidget = new AttachmentPreviewWidget(this);
|
||||
this.attachmentPreviewWidget.on(
|
||||
"hidden",
|
||||
this,
|
||||
this._attachmentPreviewWidgetHidden
|
||||
);
|
||||
}
|
||||
return res;
|
||||
},
|
||||
|
||||
function getUrl(
|
||||
attachment_id,
|
||||
attachment_url,
|
||||
attachment_extension,
|
||||
attachment_title
|
||||
) {
|
||||
var url = "";
|
||||
if (attachment_url) {
|
||||
if (attachment_url.slice(0, 21) === "/web/static/lib/pdfjs") {
|
||||
url = (window.location.origin || "") + attachment_url;
|
||||
} else {
|
||||
url =
|
||||
(window.location.origin || "") +
|
||||
"/attachment_preview/static/lib/ViewerJS/index.html" +
|
||||
"?type=" +
|
||||
encodeURIComponent(attachment_extension) +
|
||||
"&title=" +
|
||||
encodeURIComponent(attachment_title) +
|
||||
"&zoom=automatic" +
|
||||
"#" +
|
||||
attachment_url.replace(window.location.origin, "");
|
||||
}
|
||||
return url;
|
||||
start: function () {
|
||||
var self = this;
|
||||
return this._super.apply(this, arguments).then(function () {
|
||||
self.attachmentPreviewWidget.insertAfter(self.$el);
|
||||
});
|
||||
},
|
||||
|
||||
_attachmentPreviewWidgetHidden: function () {
|
||||
this.$el.removeClass("attachment_preview");
|
||||
},
|
||||
|
||||
showAttachmentPreviewWidget: function (first_c) {
|
||||
this.$el.addClass("attachment_preview");
|
||||
|
||||
this.attachmentPreviewWidget.setAttachments(
|
||||
chatterpreviewableAttachments,
|
||||
active_attachment_id,
|
||||
first_c
|
||||
);
|
||||
this.attachmentPreviewWidget.show();
|
||||
},
|
||||
|
||||
on_detach_callback: function () {
|
||||
this.attachmentPreviewWidget.hide();
|
||||
return this._super.apply(this, arguments);
|
||||
},
|
||||
|
||||
_onAttachmentPreview: function () {
|
||||
first_click = true;
|
||||
this.showAttachmentPreviewWidget(first_click);
|
||||
},
|
||||
});
|
||||
|
||||
function canPreview(extension) {
|
||||
return (
|
||||
$.inArray(extension, [
|
||||
"odt",
|
||||
"odp",
|
||||
"ods",
|
||||
"fodt",
|
||||
"pdf",
|
||||
"ott",
|
||||
"fodp",
|
||||
"otp",
|
||||
"fods",
|
||||
"ots",
|
||||
]) > -1
|
||||
);
|
||||
}
|
||||
|
||||
function getUrl(attachment_id, attachment_url, attachment_extension, attachment_title) {
|
||||
var url = "";
|
||||
if (attachment_url) {
|
||||
if (attachment_url.slice(0, 21) === "/web/static/lib/pdfjs") {
|
||||
url = (window.location.origin || "") + attachment_url;
|
||||
} else {
|
||||
url =
|
||||
(window.location.origin || "") +
|
||||
"/attachment_preview/static/lib/ViewerJS/index.html" +
|
||||
"?type=" +
|
||||
encodeURIComponent(attachment_extension) +
|
||||
"&title=" +
|
||||
encodeURIComponent(attachment_title) +
|
||||
"&zoom=automatic" +
|
||||
"#" +
|
||||
attachment_url.replace(window.location.origin, "");
|
||||
}
|
||||
url =
|
||||
(window.location.origin || "") +
|
||||
"/attachment_preview/static/lib/ViewerJS/index.html" +
|
||||
"?type=" +
|
||||
encodeURIComponent(attachment_extension) +
|
||||
"&title=" +
|
||||
encodeURIComponent(attachment_title) +
|
||||
"&zoom=automatic" +
|
||||
"#" +
|
||||
"/web/content/" +
|
||||
attachment_id +
|
||||
"?model%3Dir.attachment";
|
||||
|
||||
return url;
|
||||
}
|
||||
url =
|
||||
(window.location.origin || "") +
|
||||
"/attachment_preview/static/lib/ViewerJS/index.html" +
|
||||
"?type=" +
|
||||
encodeURIComponent(attachment_extension) +
|
||||
"&title=" +
|
||||
encodeURIComponent(attachment_title) +
|
||||
"&zoom=automatic" +
|
||||
"#" +
|
||||
"/web/content/" +
|
||||
attachment_id +
|
||||
"?model%3Dir.attachment";
|
||||
|
||||
registerInstancePatchModel(
|
||||
"mail.attachment_card",
|
||||
"attachment_preview/static/src/js/models/attachment_card/attachment_card.js",
|
||||
{
|
||||
/**
|
||||
* @override
|
||||
*/
|
||||
_created() {
|
||||
this._super();
|
||||
this._onPreviewAttachment = this._onPreviewAttachment.bind(this);
|
||||
return url;
|
||||
}
|
||||
|
||||
var attachments = _.object(
|
||||
this.attachmentList.attachments.map((attachment) => {
|
||||
console.log("attachment", attachment);
|
||||
return attachment.id;
|
||||
}),
|
||||
this.attachmentList.attachments.map((attachment) => {
|
||||
if (
|
||||
attachment.defaultSource &&
|
||||
attachment.defaultSource.length > 38
|
||||
) {
|
||||
return {
|
||||
url: attachment.defaultSource,
|
||||
extension: attachment.extension,
|
||||
title: attachment.name,
|
||||
};
|
||||
}
|
||||
registerInstancePatchModel(
|
||||
"mail.attachment_card",
|
||||
"attachment_preview/static/src/js/models/attachment_card/attachment_card.js",
|
||||
{
|
||||
/**
|
||||
* @override
|
||||
*/
|
||||
_created() {
|
||||
this._super();
|
||||
this._onPreviewAttachment = this._onPreviewAttachment.bind(this);
|
||||
|
||||
var attachments = _.object(
|
||||
this.attachmentList.attachments.map((attachment) => {
|
||||
console.log("attachment", attachment);
|
||||
return attachment.id;
|
||||
}),
|
||||
this.attachmentList.attachments.map((attachment) => {
|
||||
if (
|
||||
attachment.defaultSource &&
|
||||
attachment.defaultSource.length > 38
|
||||
) {
|
||||
return {
|
||||
url: "/web/content?id=" + attachment.id + "&download=true",
|
||||
url: attachment.defaultSource,
|
||||
extension: attachment.extension,
|
||||
title: attachment.name,
|
||||
};
|
||||
})
|
||||
}
|
||||
return {
|
||||
url: "/web/content?id=" + attachment.id + "&download=true",
|
||||
extension: attachment.extension,
|
||||
title: attachment.name,
|
||||
};
|
||||
})
|
||||
);
|
||||
|
||||
rpc.query({
|
||||
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) {
|
||||
return canPreview(extension);
|
||||
})
|
||||
),
|
||||
function (id) {
|
||||
return {
|
||||
id: id,
|
||||
url: attachments[id].url,
|
||||
extension: extensions[id],
|
||||
title: attachments[id].title,
|
||||
previewUrl: getUrl(
|
||||
id,
|
||||
attachments[id].url,
|
||||
extensions[id],
|
||||
attachments[id].title
|
||||
),
|
||||
};
|
||||
}
|
||||
);
|
||||
chatterpreviewableAttachments = reviewableAttachments;
|
||||
});
|
||||
},
|
||||
|
||||
rpc.query({
|
||||
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) {
|
||||
return canPreview(extension);
|
||||
})
|
||||
),
|
||||
function (id) {
|
||||
return {
|
||||
id: id,
|
||||
url: attachments[id].url,
|
||||
extension: extensions[id],
|
||||
title: attachments[id].title,
|
||||
previewUrl: getUrl(
|
||||
id,
|
||||
attachments[id].url,
|
||||
extensions[id],
|
||||
attachments[id].title
|
||||
),
|
||||
};
|
||||
}
|
||||
);
|
||||
chatterpreviewableAttachments = reviewableAttachments;
|
||||
});
|
||||
},
|
||||
|
||||
/**
|
||||
* @private
|
||||
* @param {attachment_id} attachment_id of the attachment
|
||||
* @param {attachment_url} attachment_url of the attachment
|
||||
* @param {attachment_extension} attachment_extension of the attachment
|
||||
* @param {attachment_title} attachment_title of the attachment
|
||||
* @param {split_screen} split_screen of the attachment
|
||||
*/
|
||||
_showPreview(
|
||||
/**
|
||||
* @private
|
||||
* @param {attachment_id} attachment_id of the attachment
|
||||
* @param {attachment_url} attachment_url of the attachment
|
||||
* @param {attachment_extension} attachment_extension of the attachment
|
||||
* @param {attachment_title} attachment_title of the attachment
|
||||
* @param {split_screen} split_screen of the attachment
|
||||
*/
|
||||
_showPreview(
|
||||
attachment_id,
|
||||
attachment_url,
|
||||
attachment_extension,
|
||||
attachment_title,
|
||||
split_screen
|
||||
) {
|
||||
// Let active_attURL = "";
|
||||
// this.attachmentList.attachments.forEach((att) => {
|
||||
// if (
|
||||
// parseInt(att.localId.slice(20).slice(0, -1)) === attachment_id
|
||||
// ) {
|
||||
// if (att.__values.url === undefined) {
|
||||
// att.__values.url = attachment_url.slice(
|
||||
// window.location.origin.length
|
||||
// );
|
||||
// active_attURL = att.__values.url;
|
||||
// }
|
||||
// }
|
||||
// });
|
||||
var url = getUrl(
|
||||
attachment_id,
|
||||
attachment_url,
|
||||
attachment_extension,
|
||||
attachment_title,
|
||||
split_screen
|
||||
) {
|
||||
// Let active_attURL = "";
|
||||
// this.attachmentList.attachments.forEach((att) => {
|
||||
// if (
|
||||
// parseInt(att.localId.slice(20).slice(0, -1)) === attachment_id
|
||||
// ) {
|
||||
// if (att.__values.url === undefined) {
|
||||
// att.__values.url = attachment_url.slice(
|
||||
// window.location.origin.length
|
||||
// );
|
||||
// active_attURL = att.__values.url;
|
||||
// }
|
||||
// }
|
||||
// });
|
||||
var url = getUrl(
|
||||
attachment_title
|
||||
);
|
||||
|
||||
if (split_screen) {
|
||||
this.component.trigger("onAttachmentPreview", {
|
||||
url: url,
|
||||
active_attachment_id: active_attachment_id,
|
||||
});
|
||||
} else {
|
||||
window.open(url);
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* @private
|
||||
* @param {event} event
|
||||
*/
|
||||
_onPreviewAttachment(event) {
|
||||
event.preventDefault();
|
||||
|
||||
var self = this,
|
||||
$target = $(event.currentTarget),
|
||||
split_screen = $target.attr("data-target") !== "new",
|
||||
attachment_id = this.attachment.id,
|
||||
attachment_title = this.attachment.filename,
|
||||
attachment_url = this.attachment.defaultSource;
|
||||
active_attachment_id = attachment_id;
|
||||
|
||||
rpc.query({
|
||||
model: "ir.attachment",
|
||||
method: "get_attachment_extension",
|
||||
args: [attachment_id],
|
||||
}).then(function (extension) {
|
||||
self._showPreview(
|
||||
attachment_id,
|
||||
attachment_url,
|
||||
attachment_extension,
|
||||
attachment_title
|
||||
extension,
|
||||
attachment_title,
|
||||
split_screen
|
||||
);
|
||||
|
||||
if (split_screen) {
|
||||
this.component.trigger("onAttachmentPreview", {
|
||||
url: url,
|
||||
active_attachment_id: active_attachment_id,
|
||||
});
|
||||
} else {
|
||||
window.open(url);
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* @private
|
||||
* @param {event} event
|
||||
*/
|
||||
_onPreviewAttachment(event) {
|
||||
event.preventDefault();
|
||||
|
||||
var self = this,
|
||||
$target = $(event.currentTarget),
|
||||
split_screen = $target.attr("data-target") !== "new",
|
||||
attachment_id = this.attachment.id,
|
||||
attachment_title = this.attachment.filename,
|
||||
attachment_url = this.attachment.defaultSource;
|
||||
active_attachment_id = attachment_id;
|
||||
|
||||
rpc.query({
|
||||
model: "ir.attachment",
|
||||
method: "get_attachment_extension",
|
||||
args: [attachment_id],
|
||||
}).then(function (extension) {
|
||||
self._showPreview(
|
||||
attachment_id,
|
||||
attachment_url,
|
||||
extension,
|
||||
attachment_title,
|
||||
split_screen
|
||||
);
|
||||
});
|
||||
},
|
||||
}
|
||||
);
|
||||
});
|
||||
});
|
||||
},
|
||||
}
|
||||
);
|
||||
|
Loading…
Reference in New Issue
Block a user