diff --git a/bin/backend/controls/OutputDialog.js b/bin/backend/controls/OutputDialog.js
index c830101607c06100177cbee521642c22284438f0..51d5dfd1e8781c4e68fd6414324432615715d7ef 100644
--- a/bin/backend/controls/OutputDialog.js
+++ b/bin/backend/controls/OutputDialog.js
@@ -4,887 +4,855 @@
*
* @event onOuput [FormData, this] - Fires if the user submits the popup with a chosen output format
*/
-define(
- 'package/quiqqer/erp/bin/backend/controls/OutputDialog',
- [
-
- 'qui/QUI',
- 'qui/controls/windows/Confirm',
- 'qui/controls/buttons/Select',
- 'qui/controls/elements/Sandbox',
- 'qui/controls/buttons/Switch',
-
- 'package/quiqqer/erp/bin/backend/controls/Comments',
- 'package/quiqqer/erp/bin/backend/utils/ERPEntities',
-
- 'qui/utils/Form',
-
- 'Ajax',
- 'Locale',
- 'Mustache',
-
- 'text!package/quiqqer/erp/bin/backend/controls/OutputDialog.html',
- 'css!package/quiqqer/erp/bin/backend/controls/OutputDialog.css'
-
- ],
- function(
- QUI,
- QUIConfirm,
- QUISelect,
- QUISandbox,
- QUISwitch,
- ERPComments,
- ERPEntities,
- QUIFormUtils,
- QUIAjax,
- QUILocale,
- Mustache,
- template
- ) {
- 'use strict';
-
- const lg = 'quiqqer/erp';
- let PDF_SUPPORT = null;
- let CURRENT_VIEW = null;
-
- return new Class({
-
- Extends: QUIConfirm,
- type: 'package/quiqqer/erp/bin/backend/controls/OutputDialog',
-
- Binds: [
- '$onOpen',
- '$onOutputChange',
- '$onPrintFinish',
- '$getPreview',
- '$onChangeToEmail',
- '$onChangeToPDF',
- '$onChangeToPrint',
- '$resizeCommentsBox',
- '$onChangeMailRecipient'
- ],
-
- options: {
- entityId: false, // Clean entity ID WITHOUT prefix and suffix
- entityType: false, // Entity type (e.g. "Invoice")
- entityPlugin: false,
-
- comments: false, // Comments as array [must be readble by package/quiqqer/erp/bin/backend/controls/Comments]
-
- showMarkAsSentOption: false, // show checkbox for "Mark as sent"
- mailEditor: true, // shows editable subject and body for mail output
-
- maxHeight: 800,
- maxWidth: 1500
- },
-
- initialize: function(options) {
- this.parent(options);
-
- this.setAttributes({
- icon: 'fa fa-print',
- title: QUILocale.get(lg, 'controls.OutputDialog.title'),
- autoclose: false,
- cancel_button: {
- textimage: 'fa fa-close',
- text: QUILocale.get('quiqqer/system', 'close')
+define('package/quiqqer/erp/bin/backend/controls/OutputDialog', [
+ 'qui/QUI',
+ 'qui/controls/windows/Confirm',
+ 'qui/controls/buttons/Select',
+ 'qui/controls/elements/Sandbox',
+ 'qui/controls/buttons/Switch',
+
+ 'package/quiqqer/erp/bin/backend/controls/Comments',
+ 'package/quiqqer/erp/bin/backend/utils/ERPEntities',
+
+ 'qui/utils/Form',
+
+ 'Ajax',
+ 'Locale',
+ 'Mustache',
+
+ 'text!package/quiqqer/erp/bin/backend/controls/OutputDialog.html',
+ 'css!package/quiqqer/erp/bin/backend/controls/OutputDialog.css'
+], function(
+ QUI,
+ QUIConfirm,
+ QUISelect,
+ QUISandbox,
+ QUISwitch,
+ ERPComments,
+ ERPEntities,
+ QUIFormUtils,
+ QUIAjax,
+ QUILocale,
+ Mustache,
+ template
+) {
+ 'use strict';
+
+ const lg = 'quiqqer/erp';
+ let PDF_SUPPORT = null;
+ let CURRENT_VIEW = null;
+
+ return new Class({
+
+ Extends: QUIConfirm,
+ type: 'package/quiqqer/erp/bin/backend/controls/OutputDialog',
+
+ Binds: [
+ '$onOpen',
+ '$onOutputChange',
+ '$onPrintFinish',
+ '$getPreview',
+ '$onChangeToEmail',
+ '$onChangeToPDF',
+ '$onChangeToPrint',
+ '$resizeCommentsBox',
+ '$onChangeMailRecipient'
+ ],
+
+ options: {
+ entityId: false, // Clean entity ID WITHOUT prefix and suffix
+ entityType: false, // Entity type (e.g. "Invoice")
+ entityPlugin: false,
+
+ comments: false, // Comments as array [must be readble by package/quiqqer/erp/bin/backend/controls/Comments]
+
+ showMarkAsSentOption: false, // show checkbox for "Mark as sent"
+ mailEditor: true, // shows editable subject and body for mail output
+
+ maxHeight: 800,
+ maxWidth: 1500
+ },
+
+ initialize: function(options) {
+ this.parent(options);
+
+ this.setAttributes({
+ icon: 'fa fa-print',
+ title: QUILocale.get(lg, 'controls.OutputDialog.title'),
+ autoclose: false,
+ cancel_button: {
+ textimage: 'fa fa-close',
+ text: QUILocale.get('quiqqer/system', 'close')
+ }
+ });
+
+ this.$Output = null;
+ this.$PDFView = null;
+ this.$Preview = null;
+ this.$customerMail = null;
+ this.$Template = null;
+
+ this.$CommentsBox = null;
+ this.$Form = null;
+ this.$MessagesBox = null;
+
+ this.$mailSent = false;
+
+ this.$Mail = {
+ subject: false,
+ content: false,
+ attachedMediaFileIds: []
+ };
+
+ this.addEvents({
+ onOpen: this.$onOpen,
+ onSubmit: this.$onSubmit,
+ onOpenBegin: function() {
+ const winSize = QUI.getWindowSize();
+ let height = 800;
+ let width = 1400;
+
+ if (winSize.y * 0.9 < height) {
+ height = winSize.y * 0.9;
}
- });
-
- this.$Output = null;
- this.$PDFView = null;
- this.$Preview = null;
- this.$customerMail = null;
- this.$Template = null;
-
- this.$CommentsBox = null;
- this.$Form = null;
- this.$MessagesBox = null;
-
- this.$mailSent = false;
-
- this.$Mail = {
- subject: false,
- content: false,
- attachedMediaFileIds: []
- };
- this.addEvents({
- onOpen: this.$onOpen,
- onSubmit: this.$onSubmit,
- onOpenBegin: function() {
- const winSize = QUI.getWindowSize();
- let height = 800;
- let width = 1400;
+ if (winSize.x * 0.9 < width) {
+ width = winSize.x * 0.9;
+ }
- if (winSize.y * 0.9 < height) {
- height = winSize.y * 0.9;
- }
+ this.setAttribute('maxHeight', height);
+ this.setAttribute('maxWidth', width);
+ }.bind(this)
+ });
+ },
+
+ /**
+ * event: on open
+ */
+ $onOpen: function() {
+ const self = this,
+ Content = this.getContent();
+
+ this.Loader.show();
+ this.getContent().set('html', '');
+
+ const onError = function(error) {
+ self.close().then(function() {
+ self.destroy();
+ });
- if (winSize.x * 0.9 < width) {
- width = winSize.x * 0.9;
- }
+ QUI.getMessageHandler().then(function(MH) {
+ if (typeof error === 'object' && typeof error.getMessage !== 'undefined') {
+ MH.addError(error.getMessage());
+ return;
+ }
- this.setAttribute('maxHeight', height);
- this.setAttribute('maxWidth', width);
- }.bind(this)
+ MH.addError(error);
});
- },
-
- /**
- * event: on open
- */
- $onOpen: function() {
- const self = this,
- Content = this.getContent();
-
- this.Loader.show();
- this.getContent().set('html', '');
-
- const onError = function(error) {
- self.close().then(function() {
- self.destroy();
- });
-
- QUI.getMessageHandler().then(function(MH) {
- if (typeof error === 'object' && typeof error.getMessage !== 'undefined') {
- MH.addError(error.getMessage());
- return;
+ };
+
+ Content.set({
+ html: Mustache.render(template, {
+ entityId: this.getAttribute('entityId'),
+ labelEntityId: QUILocale.get(lg, 'controls.OutputDialog.labelEntityId'),
+ labelTemplate: QUILocale.get(lg, 'controls.OutputDialog.labelTemplate'),
+ labelOutputType: QUILocale.get(lg, 'controls.OutputDialog.labelOutputType'),
+ labelPDFView: QUILocale.get(lg, 'controls.OutputDialog.labelPDFView'),
+ labelEmail: QUILocale.get('quiqqer/core', 'recipient'),
+ showMarkAsSentOption: !!this.getAttribute('showMarkAsSentOption'),
+ mailEditor: !!this.getAttribute('mailEditor'),
+ labelOpenMailEditor: QUILocale.get(lg, 'controls.OutputDialog.labelOpenMailEditor'),
+ labelMarkAsSent: QUILocale.get(lg, 'controls.OutputDialog.labelMarkAsSent'),
+ descMarkAsSent: QUILocale.get(lg, 'controls.OutputDialog.descMarkAsSent')
+ })
+ });
+
+ Content.addClass('quiqqer-erp-outputDialog');
+
+ self.$MessagesBox = Content.getElement('.quiqqer-erp-outputDialog-messages');
+
+ // "To mail editor" button
+ if (this.getAttribute('mailEditor')) {
+ Content.getElement('.quiqqer-erp-outputDialog-openMailEditor').addEvent('click', function() {
+ require(
+ ['package/quiqqer/erp/bin/backend/controls/OutputMailEditor'],
+ function(OutputMailEditor) {
+ new OutputMailEditor({
+ entityId: self.getAttribute('entityId'),
+ entityType: self.getAttribute('entityType'),
+ entityPlugin: self.getAttribute('entityPlugin'),
+
+ mailSubject: self.$Mail.subject,
+ mailContent: self.$Mail.content,
+ attachedMediaFileIds: self.$Mail.attachedMediaFileIds,
+
+ events: {
+ onMailSubmit: function(MailData) {
+ self.$Mail = MailData;
+ }
+ }
+ }).open();
}
-
- MH.addError(error);
- });
- };
-
- Content.set({
- html: Mustache.render(template, {
- entityId: this.getAttribute('entityId'),
- labelEntityId: QUILocale.get(lg, 'controls.OutputDialog.labelEntityId'),
- labelTemplate: QUILocale.get(lg, 'controls.OutputDialog.labelTemplate'),
- labelOutputType: QUILocale.get(lg, 'controls.OutputDialog.labelOutputType'),
- labelPDFView: QUILocale.get(lg, 'controls.OutputDialog.labelPDFView'),
- labelEmail: QUILocale.get('quiqqer/core', 'recipient'),
- showMarkAsSentOption: !!this.getAttribute('showMarkAsSentOption'),
- mailEditor: !!this.getAttribute('mailEditor'),
- labelOpenMailEditor: QUILocale.get(lg, 'controls.OutputDialog.labelOpenMailEditor'),
- labelMarkAsSent: QUILocale.get(lg, 'controls.OutputDialog.labelMarkAsSent'),
- descMarkAsSent: QUILocale.get(lg, 'controls.OutputDialog.descMarkAsSent')
- })
+ );
});
+ }
- Content.addClass('quiqqer-erp-outputDialog');
-
- self.$MessagesBox = Content.getElement('.quiqqer-erp-outputDialog-messages');
-
- // "To mail editor" button
- if (this.getAttribute('mailEditor')) {
- Content.getElement('.quiqqer-erp-outputDialog-openMailEditor').addEvent('click', function() {
- require(
- ['package/quiqqer/erp/bin/backend/controls/OutputMailEditor'],
- function(OutputMailEditor) {
- new OutputMailEditor({
- entityId: self.getAttribute('entityId'),
- entityType: self.getAttribute('entityType'),
- entityPlugin: self.getAttribute('entityPlugin'),
-
- mailSubject: self.$Mail.subject,
- mailContent: self.$Mail.content,
- attachedMediaFileIds: self.$Mail.attachedMediaFileIds,
-
- events: {
- onMailSubmit: function(MailData) {
- self.$Mail = MailData;
- }
- }
- }).open();
- }
- );
- });
+ this.$Output = new QUISelect({
+ localeStorage: 'quiqqer-erp-output-dialog',
+ name: 'output',
+ styles: {
+ border: 'none',
+ width: '100%'
+ },
+ events: {
+ onChange: self.$onOutputChange
}
-
- this.$Output = new QUISelect({
- localeStorage: 'quiqqer-erp-output-dialog',
- name: 'output',
- styles: {
- border: 'none',
- width: '100%'
- },
- events: {
- onChange: self.$onOutputChange
+ });
+
+ this.$Output.appendChild(
+ QUILocale.get(lg, 'controls.OutputDialog.data.output.print'),
+ 'print',
+ 'fa fa-print'
+ );
+
+ this.$Output.appendChild(
+ QUILocale.get(lg, 'controls.OutputDialog.data.output.pdf'),
+ 'pdf',
+ 'fa fa-file-pdf-o'
+ );
+
+ this.$Output.appendChild(
+ QUILocale.get(lg, 'controls.OutputDialog.data.output.email'),
+ 'email',
+ 'fa fa-envelope-o'
+ );
+
+ this.$Output.inject(Content.getElement('.field-output'));
+
+ Promise.all([
+ this.$getTemplates(),
+ this.$getEntityData(),
+ this.checkPdfSupport()
+ ]).then((result) => {
+ const templates = result[0];
+ const EntityData = result[1];
+ const pdfSupport = result[2];
+
+ if (!pdfSupport) {
+ if (typeof window.QUIQQER_OUTPUT_PDF === 'undefined') {
+ window.QUIQQER_OUTPUT_PDF = false;
}
- });
-
- this.$Output.appendChild(
- QUILocale.get(lg, 'controls.OutputDialog.data.output.print'),
- 'print',
- 'fa fa-print'
- );
-
- this.$Output.appendChild(
- QUILocale.get(lg, 'controls.OutputDialog.data.output.pdf'),
- 'pdf',
- 'fa fa-file-pdf-o'
- );
-
- this.$Output.appendChild(
- QUILocale.get(lg, 'controls.OutputDialog.data.output.email'),
- 'email',
- 'fa fa-envelope-o'
- );
- this.$Output.inject(Content.getElement('.field-output'));
+ const PdfView = this.getElm().getElement('.quiqqer-erp-outputDialog-pdfView');
+ const Cell = PdfView.getParent('.field-container-field');
+ PdfView.setStyle('display', 'none');
- Promise.all([
- this.$getTemplates(),
- this.$getEntityData(),
- this.checkPdfSupport()
- ]).then((result) => {
- const templates = result[0];
- const EntityData = result[1];
- const pdfSupport = result[2];
+ Cell.set(
+ 'html',
+ QUILocale.get(lg, 'controls.OutputDialog.no_pdf_preview_support')
+ );
+ } else {
+ if (typeof window.QUIQQER_OUTPUT_PDF === 'undefined') {
+ window.QUIQQER_OUTPUT_PDF = true;
+ }
- if (!pdfSupport) {
- if (typeof window.QUIQQER_OUTPUT_PDF === 'undefined') {
- window.QUIQQER_OUTPUT_PDF = false;
+ self.$PDFView = new QUISwitch({
+ name: 'pdfView',
+ status: window.QUIQQER_OUTPUT_PDF,
+ events: {
+ onChange: () => {
+ window.QUIQQER_OUTPUT_PDF = self.$PDFView.getStatus();
+ self.$renderPreview();
+ }
}
+ }).inject(self.getElm().getElement('.quiqqer-erp-outputDialog-pdfView'));
+ }
- const PdfView = this.getElm().getElement('.quiqqer-erp-outputDialog-pdfView');
- const Cell = PdfView.getParent('.field-container-field');
- PdfView.setStyle('display', 'none');
-
- Cell.set(
- 'html',
- QUILocale.get(lg, 'controls.OutputDialog.no_pdf_preview_support')
- );
- } else {
- if (typeof window.QUIQQER_OUTPUT_PDF === 'undefined') {
- window.QUIQQER_OUTPUT_PDF = true;
- }
+ const Form = Content.getElement('form');
+ let Selected = false;
- self.$PDFView = new QUISwitch({
- name: 'pdfView',
- status: window.QUIQQER_OUTPUT_PDF,
- events: {
- onChange: () => {
- window.QUIQQER_OUTPUT_PDF = self.$PDFView.getStatus();
- self.$renderPreview();
- }
- }
- }).inject(self.getElm().getElement('.quiqqer-erp-outputDialog-pdfView'));
- }
+ Content.getElement('.quiqqer-erp-outputDialog-options-entityId').set(
+ 'html',
+ EntityData.prefixedNumber
+ );
- const Form = Content.getElement('form');
- let Selected = false;
+ if (!templates.length) {
+ new Element('option', {
+ value: '#',
+ html: QUILocale.get(lg, 'controls.OutputDialog.no_templates_found')
+ }).inject(Form.elements.template);
- Content.getElement('.quiqqer-erp-outputDialog-options-entityId').set(
- 'html',
- EntityData.prefixedNumber
- );
+ Form.elements.template.disabled = true;
- if (!templates.length) {
- new Element('option', {
- value: '#',
- html: QUILocale.get(lg, 'controls.OutputDialog.no_templates_found')
- }).inject(Form.elements.template);
+ const PreviewContent = self.getContent().getElement('.quiqqer-erp-outputDialog-preview');
- Form.elements.template.disabled = true;
+ new Element('div', {
+ 'class': 'quiqqer-erp-outputDialog-nopreview',
+ html: QUILocale.get(lg, 'controls.OutputDialog.no_preview')
+ }).inject(PreviewContent);
- const PreviewContent = self.getContent().getElement('.quiqqer-erp-outputDialog-preview');
+ self.$Output.disable();
+ self.getButton('submit').disable();
- new Element('div', {
- 'class': 'quiqqer-erp-outputDialog-nopreview',
- html: QUILocale.get(lg, 'controls.OutputDialog.no_preview')
- }).inject(PreviewContent);
+ self.Loader.hide();
+ return;
+ }
- self.$Output.disable();
- self.getButton('submit').disable();
+ for (let i = 0, len = templates.length; i < len; i++) {
+ let Template = templates[i];
- self.Loader.hide();
- return;
+ if (Template.isSystemDefault && EntityData.hideSystemDefaultTemplate) {
+ continue;
}
- for (let i = 0, len = templates.length; i < len; i++) {
- let Template = templates[i];
-
- if (Template.isSystemDefault && EntityData.hideSystemDefaultTemplate) {
- continue;
- }
+ new Element('option', {
+ value: Template.id,
+ html: Template.title,
+ 'data-provider': Template.provider
+ }).inject(Form.elements.template);
- new Element('option', {
- value: Template.id,
- html: Template.title,
- 'data-provider': Template.provider
- }).inject(Form.elements.template);
-
- if (!Selected && Template.isDefault) {
- Selected = Template;
- }
+ if (!Selected && Template.isDefault) {
+ Selected = Template;
}
+ }
- Form.elements.template.addEvent('change', function(event) {
- self.$Template = {
- id: event.target.value,
- provider: event.target.getElement('option[value="' + event.target.value + '"]').get(
- 'data-provider')
- };
-
- self.$renderPreview();
- });
-
- // Set initial template and render preview
- Form.elements.template.value = Selected.id;
+ Form.elements.template.addEvent('change', function(event) {
self.$Template = {
- id: Selected.id,
- provider: Selected.provider
+ id: event.target.value,
+ provider: event.target.getElement('option[value="' + event.target.value + '"]').get(
+ 'data-provider')
};
self.$renderPreview();
+ });
- // Customer data
- self.$customerMail = EntityData.email;
- CURRENT_VIEW = null;
- self.$onOutputChange();
+ // Set initial template and render preview
+ Form.elements.template.value = Selected.id;
+ self.$Template = {
+ id: Selected.id,
+ provider: Selected.provider
+ };
- self.Loader.hide();
+ self.$renderPreview();
- // Load comments
- self.$CommentsBox = Content.getElement('.quiqqer-erp-outputDialog-comments');
- self.$Form = Form;
+ // Customer data
+ self.$customerMail = EntityData.email;
+ CURRENT_VIEW = null;
+ self.$onOutputChange();
- if (!self.getAttribute('comments') || !self.getAttribute('comments').length) {
- if (self.$CommentsBox) {
- self.$CommentsBox.destroy();
- }
+ self.Loader.hide();
- self.$CommentsBox = null;
- return;
+ // Load comments
+ self.$CommentsBox = Content.getElement('.quiqqer-erp-outputDialog-comments');
+ self.$Form = Form;
+
+ if (!self.getAttribute('comments') || !self.getAttribute('comments').length) {
+ if (self.$CommentsBox) {
+ self.$CommentsBox.destroy();
}
- new ERPComments({
- comments: self.getAttribute('comments')
- }).inject(self.$CommentsBox);
+ self.$CommentsBox = null;
+ return;
+ }
- self.$resizeCommentsBox();
- }).catch(function(e) {
- onError(e);
- });
- },
+ new ERPComments({
+ comments: self.getAttribute('comments')
+ }).inject(self.$CommentsBox);
- /**
- * Render preview with selected template
- */
- $renderPreview: function() {
- const self = this;
- const PreviewContent = this.getContent().getElement('.quiqqer-erp-outputDialog-preview');
+ self.$resizeCommentsBox();
+ }).catch(function(e) {
+ onError(e);
+ });
+ },
- this.Loader.show();
+ /**
+ * Render preview with selected template
+ */
+ $renderPreview: function() {
+ const self = this;
+ const PreviewContent = this.getContent().getElement('.quiqqer-erp-outputDialog-preview');
- const showPreviewError = function() {
- PreviewContent.set('html', '');
+ this.Loader.show();
- new Element('div', {
- 'class': 'quiqqer-erp-outputDialog-nopreview',
- html: QUILocale.get(lg, 'controls.OutputDialog.preview_error'),
- styles: {
- padding: 20
- }
- }).inject(PreviewContent);
- };
+ const showPreviewError = function() {
+ PreviewContent.set('html', '');
- if (this.$PDFView && this.$PDFView.getStatus()) {
- this.showAsPDF();
- return;
- }
+ new Element('div', {
+ 'class': 'quiqqer-erp-outputDialog-nopreview',
+ html: QUILocale.get(lg, 'controls.OutputDialog.preview_error'),
+ styles: {
+ padding: 20
+ }
+ }).inject(PreviewContent);
+ };
- this.$getPreview().then(function(previewHtml) {
- self.Loader.hide();
+ if (this.$PDFView && this.$PDFView.getStatus()) {
+ this.showAsPDF();
+ return;
+ }
- if (!previewHtml) {
- showPreviewError();
- return;
- }
+ this.$getPreview().then(function(previewHtml) {
+ self.Loader.hide();
- PreviewContent.set('html', '');
+ if (!previewHtml) {
+ showPreviewError();
+ return;
+ }
- new QUISandbox({
- content: previewHtml,
- styles: {
- height: '100%',
- padding: 20,
- width: '100%'
- },
- events: {
- onLoad: function(Box) {
- Box.getElm().addClass('quiqqer-erp-outputDialog-preview');
- }
+ PreviewContent.set('html', '');
+
+ new QUISandbox({
+ content: previewHtml,
+ styles: {
+ height: '100%',
+ padding: 20,
+ width: '100%'
+ },
+ events: {
+ onLoad: function(Box) {
+ Box.getElm().addClass('quiqqer-erp-outputDialog-preview');
}
- }).inject(PreviewContent);
- }).catch(function() {
- self.Loader.hide();
- showPreviewError();
- });
- },
+ }
+ }).inject(PreviewContent);
+ }).catch(function() {
+ self.Loader.hide();
+ showPreviewError();
+ });
+ },
+
+ /**
+ * event: on submit
+ */
+ $onSubmit: function() {
+ const self = this;
+ let Run = Promise.resolve();
+
+ this.Loader.show();
+
+ const action = this.$Output.getValue();
+
+ switch (action) {
+ case 'print':
+ Run = this.print();
+ break;
+
+ case 'pdf':
+ Run = this.saveAsPdf();
+ break;
+
+ case 'email':
+ Run = this.$sendMail();
+ break;
+ }
- /**
- * event: on submit
- */
- $onSubmit: function() {
- const self = this;
- let Run = Promise.resolve();
+ Run.then(function() {
+ const Form = self.getContent().getElement('form');
- this.Loader.show();
+ self.fireEvent('output', [
+ QUIFormUtils.getFormData(Form),
+ self
+ ]);
- const action = this.$Output.getValue();
+ const Submit = self.getButton('submit');
switch (action) {
case 'print':
- Run = this.print();
+ self.$addMessage(QUILocale.get(lg, 'controls.OutputDialog.msg.output_print'));
break;
case 'pdf':
- Run = this.saveAsPdf();
+ self.$addMessage(QUILocale.get(lg, 'controls.OutputDialog.msg.output_pdf'));
break;
case 'email':
- Run = this.$sendMail();
+ self.$mailSent = true;
+ Submit.disable();
+
+ self.$addMessage(QUILocale.get(lg, 'controls.OutputDialog.msg.mail_sent', {
+ recipient: Form.elements.recipient.value
+ }));
break;
}
- Run.then(function() {
- const Form = self.getContent().getElement('form');
-
- self.fireEvent('output', [
- QUIFormUtils.getFormData(Form),
- self
- ]);
-
- const Submit = self.getButton('submit');
-
- switch (action) {
- case 'print':
- self.$addMessage(QUILocale.get(lg, 'controls.OutputDialog.msg.output_print'));
- break;
-
- case 'pdf':
- self.$addMessage(QUILocale.get(lg, 'controls.OutputDialog.msg.output_pdf'));
- break;
-
- case 'email':
- self.$mailSent = true;
- Submit.disable();
-
- self.$addMessage(QUILocale.get(lg, 'controls.OutputDialog.msg.mail_sent', {
- recipient: Form.elements.recipient.value
- }));
- break;
+ self.$resizeCommentsBox();
+ self.Loader.hide();
+ }, function() {
+ self.Loader.hide();
+ });
+ },
+
+ /**
+ * Add message to log
+ *
+ * @param {String} msg
+ */
+ $addMessage: function(msg) {
+ const Now = new Date();
+
+ new Element('div', {
+ 'class': 'quiqqer-erp-outputDialog-messages-entry box message-success',
+ html: '<b>' + Now.format('%H:%M:%S') + '</b> ' + msg
+ }).inject(this.$MessagesBox, 'top');
+ },
+
+ /**
+ * Print the document
+ *
+ * @return {Promise}
+ */
+ print: function() {
+ const self = this,
+ entityId = this.getAttribute('entityId');
+
+ return new Promise(function(resolve) {
+ const id = 'print-document-' + entityId;
+
+ self.Loader.show();
+
+ new Element('iframe', {
+ src: URL_OPT_DIR + 'quiqqer/erp/bin/output/backend/print.php?' + Object.toQueryString({
+ id: entityId,
+ t: self.getAttribute('entityType'),
+ ep: self.getAttribute('entityPlugin'),
+ oid: self.getId(),
+ tpl: self.$Template.id,
+ tplpr: self.$Template.provider
+ }),
+ id: id,
+ styles: {
+ position: 'absolute',
+ top: -200,
+ left: -200,
+ width: 50,
+ height: 50
}
+ }).inject(document.body);
- self.$resizeCommentsBox();
- self.Loader.hide();
- }, function() {
- self.Loader.hide();
- });
- },
-
- /**
- * Add message to log
- *
- * @param {String} msg
- */
- $addMessage: function(msg) {
- const Now = new Date();
-
- new Element('div', {
- 'class': 'quiqqer-erp-outputDialog-messages-entry box message-success',
- html: '<b>' + Now.format('%H:%M:%S') + '</b> ' + msg
- }).inject(this.$MessagesBox, 'top');
- },
-
- /**
- * Print the document
- *
- * @return {Promise}
- */
- print: function() {
- const self = this,
- entityId = this.getAttribute('entityId');
-
- return new Promise(function(resolve) {
- const id = 'print-document-' + entityId;
-
- self.Loader.show();
-
- new Element('iframe', {
- src: URL_OPT_DIR + 'quiqqer/erp/bin/output/backend/print.php?' + Object.toQueryString({
- id: entityId,
- t: self.getAttribute('entityType'),
- ep: self.getAttribute('entityPlugin'),
- oid: self.getId(),
- tpl: self.$Template.id,
- tplpr: self.$Template.provider
- }),
- id: id,
- styles: {
- position: 'absolute',
- top: -200,
- left: -200,
- width: 50,
- height: 50
- }
- }).inject(document.body);
-
- self.addEvent('onPrintFinish', function(self, pId) {
- if (pId === entityId) {
- resolve();
- }
- });
- });
- },
-
- /**
- * event: on print finish
- *
- * @param {String|Number} id
- */
- $onPrintFinish: function(id) {
- this.fireEvent('printFinish', [
- this,
- id
- ]);
-
- (function() {
- document.getElements('#print-document-' + id).destroy();
- this.Loader.hide();
- }).delay(1000, this);
- },
-
- /**
- * Export the document as PDF
- *
- * @return {Promise}
- */
- saveAsPdf: function() {
- const self = this,
- entityId = this.getAttribute('entityId');
-
- return new Promise(function(resolve) {
- const id = 'download-document-' + entityId,
- Content = self.getContent(),
- Form = Content.getElement('form');
-
- new Element('iframe', {
- src: URL_OPT_DIR + 'quiqqer/erp/bin/output/backend/download.php?' + Object.toQueryString({
- id: entityId,
- t: self.getAttribute('entityType'),
- ep: self.getAttribute('entityPlugin'),
- oid: self.getId(),
- tpl: self.$Template.id,
- tplpr: self.$Template.provider
- }),
- id: id,
- styles: {
- position: 'absolute',
- top: -200,
- left: -200,
- width: 50,
- height: 50
- }
- }).inject(document.body);
-
- (function() {
+ self.addEvent('onPrintFinish', function(self, pId) {
+ if (pId === entityId) {
resolve();
- }).delay(2000, this);
-
- (function() {
- document.getElements('#' + id).destroy();
- }).delay(20000, this);
+ }
});
- },
-
- showAsPDF: function() {
- this.Loader.show();
-
- const PreviewContent = this.getContent().getElement('.quiqqer-erp-outputDialog-preview');
- const entityId = this.getAttribute('entityId');
-
- PreviewContent.set('html', '');
-
- return new Promise((resolve) => {
- const id = 'download-document-' + entityId;
-
- new Element('iframe', {
- src: URL_OPT_DIR + 'quiqqer/erp/bin/output/backend/download.php?' + Object.toQueryString({
- id: entityId,
- t: this.getAttribute('entityType'),
- ep: this.getAttribute('entityPlugin'),
- oid: this.getId(),
- tpl: this.$Template.id,
- tplpr: this.$Template.provider,
- show: 1
- }),
- id: id,
- styles: {
- height: 'calc(100% - 5px)',
- width: '100%',
- border: 'none',
- padding: 0
- }
- }).inject(PreviewContent);
-
- (function() {
- resolve();
- }).delay(2000, this);
+ });
+ },
+
+ /**
+ * event: on print finish
+ *
+ * @param {String|Number} id
+ */
+ $onPrintFinish: function(id) {
+ this.fireEvent('printFinish', [
+ this,
+ id
+ ]);
+
+ (function() {
+ document.getElements('#print-document-' + id).destroy();
+ this.Loader.hide();
+ }).delay(1000, this);
+ },
+
+ /**
+ * Export the document as PDF
+ *
+ * @return {Promise}
+ */
+ saveAsPdf: function() {
+ const self = this,
+ entityId = this.getAttribute('entityId');
+
+ return new Promise(function(resolve) {
+ const id = 'download-document-' + entityId,
+ Content = self.getContent(),
+ Form = Content.getElement('form');
+
+ new Element('iframe', {
+ src: URL_OPT_DIR + 'quiqqer/erp/bin/output/backend/download.php?' + Object.toQueryString({
+ id: entityId,
+ t: self.getAttribute('entityType'),
+ ep: self.getAttribute('entityPlugin'),
+ oid: self.getId(),
+ tpl: self.$Template.id,
+ tplpr: self.$Template.provider
+ }),
+ id: id,
+ styles: {
+ position: 'absolute',
+ top: -200,
+ left: -200,
+ width: 50,
+ height: 50
+ }
+ }).inject(document.body);
- this.Loader.hide();
- });
- },
+ (function() {
+ resolve();
+ }).delay(2000, this);
- /**
- * event : on output change
- */
- $onOutputChange: function() {
- if (CURRENT_VIEW === this.$Output.getValue()) {
- return;
- }
+ (function() {
+ document.getElements('#' + id).destroy();
+ }).delay(20000, this);
+ });
+ },
+
+ showAsPDF: function() {
+ this.Loader.show();
+
+ const PreviewContent = this.getContent().getElement('.quiqqer-erp-outputDialog-preview');
+ const entityId = this.getAttribute('entityId');
+ const pdfUrl = URL_OPT_DIR + 'quiqqer/erp/bin/output/backend/download.php?' + Object.toQueryString({
+ id: entityId,
+ t: this.getAttribute('entityType'),
+ ep: this.getAttribute('entityPlugin'),
+ oid: this.getId(),
+ tpl: this.$Template.id,
+ tplpr: this.$Template.provider,
+ show: 1
+ });
+
+ PreviewContent.set('html', '');
+
+ return new Promise((resolve, reject) => {
+ (async () => {
+ try {
+ const module = await import(URL_OPT_DIR + 'bin/quiqqer-asset/pdfjs-dist/pdfjs-dist/build/pdf.mjs');
+ console.log(module);
+
+ PreviewContent.set('html', '<canvas id="pdf-canvas"></canvas>');
+ module.GlobalWorkerOptions.workerSrc = URL_OPT_DIR + 'bin/quiqqer-asset/pdfjs-dist/pdfjs-dist/build/pdf.worker.min.mjs';
+
+ module.getDocument(pdfUrl).promise.then((pdf) => {
+ pdf.getPage(1).then(page => {
+ const scale = 1.5;
+ const viewport = page.getViewport({scale});
+ const canvas = document.getElementById('pdf-canvas');
+ const context = canvas.getContext('2d');
+ canvas.height = viewport.height;
+ canvas.width = viewport.width;
+
+ page.render({
+ canvasContext: context,
+ viewport: viewport
+ });
+
+ this.Loader.hide();
+ resolve();
+ });
+ });
+
+ } catch (error) {
+ console.error('Fehler beim Laden des Moduls:', error);
+ this.Loader.hide();
+ reject();
+ }
+ })();
+ });
+ },
+
+ /**
+ * event : on output change
+ */
+ $onOutputChange: function() {
+ if (CURRENT_VIEW === this.$Output.getValue()) {
+ return;
+ }
- const Recipient = this.getElm().getElement('[name="recipient"]');
- Recipient.getParent('tr').setStyle('display', 'none');
+ const Recipient = this.getElm().getElement('[name="recipient"]');
+ Recipient.getParent('tr').setStyle('display', 'none');
- /*
- if (this.$PDFView && this.$PDFView.getStatus() === 1) {
- if (this.$Output.getValue() === 'pdf') {
- this.$PDFView.setSilentOff();
- } else {
- this.$PDFView.off();
- }
+ /*
+ if (this.$PDFView && this.$PDFView.getStatus() === 1) {
+ if (this.$Output.getValue() === 'pdf') {
+ this.$PDFView.setSilentOff();
} else {
- (() => {
- this.$PDFView.setSilentOff();
- }).delay(100);
+ this.$PDFView.off();
}
- */
+ } else {
+ (() => {
+ this.$PDFView.setSilentOff();
+ }).delay(100);
+ }
+ */
- switch (this.$Output.getValue()) {
- case 'print':
- this.$onChangeToPrint();
- break;
+ switch (this.$Output.getValue()) {
+ case 'print':
+ this.$onChangeToPrint();
+ break;
- case 'pdf':
- this.$onChangeToPDF();
- break;
+ case 'pdf':
+ this.$onChangeToPDF();
+ break;
- case 'email':
- this.$onChangeToEmail();
- break;
- }
+ case 'email':
+ this.$onChangeToEmail();
+ break;
+ }
- this.$resizeCommentsBox();
- this.getButton('submit').enable();
- CURRENT_VIEW = this.$Output.getValue();
- },
-
- /**
- * event: on output change -> to print
- */
- $onChangeToPrint: function() {
- const Submit = this.getButton('submit');
-
- Submit.setAttribute('text', QUILocale.get(lg, 'controls.OutputDialog.data.output.print.btn'));
- Submit.setAttribute('textimage', 'fa fa-print');
- },
-
- /**
- * event: on output change -> to pdf
- */
- $onChangeToPDF: function() {
- const Submit = this.getButton('submit');
-
- Submit.setAttribute('text', QUILocale.get(lg, 'controls.OutputDialog.data.output.pdf.btn'));
- Submit.setAttribute('textimage', 'fa fa-file-pdf-o');
- },
-
- /**
- * event: on output change -> to Email
- */
- $onChangeToEmail: function() {
- const Submit = this.getButton('submit');
- const Recipient = this.getElm().getElement('[name="recipient"]');
-
- Recipient.getParent('tr').setStyle('display', null);
-
- Submit.setAttribute('text', QUILocale.get(lg, 'controls.OutputDialog.data.output.email.btn'));
- Submit.setAttribute('textimage', 'fa fa-envelope-o');
-
- if (this.$customerMail && Recipient.value === '') {
- Recipient.value = this.$customerMail;
- }
+ this.$resizeCommentsBox();
+ this.getButton('submit').enable();
+ CURRENT_VIEW = this.$Output.getValue();
+ },
+
+ /**
+ * event: on output change -> to print
+ */
+ $onChangeToPrint: function() {
+ const Submit = this.getButton('submit');
+
+ Submit.setAttribute('text', QUILocale.get(lg, 'controls.OutputDialog.data.output.print.btn'));
+ Submit.setAttribute('textimage', 'fa fa-print');
+ },
+
+ /**
+ * event: on output change -> to pdf
+ */
+ $onChangeToPDF: function() {
+ const Submit = this.getButton('submit');
+
+ Submit.setAttribute('text', QUILocale.get(lg, 'controls.OutputDialog.data.output.pdf.btn'));
+ Submit.setAttribute('textimage', 'fa fa-file-pdf-o');
+ },
+
+ /**
+ * event: on output change -> to Email
+ */
+ $onChangeToEmail: function() {
+ const Submit = this.getButton('submit');
+ const Recipient = this.getElm().getElement('[name="recipient"]');
+
+ Recipient.getParent('tr').setStyle('display', null);
+
+ Submit.setAttribute('text', QUILocale.get(lg, 'controls.OutputDialog.data.output.email.btn'));
+ Submit.setAttribute('textimage', 'fa fa-envelope-o');
+
+ if (this.$customerMail && Recipient.value === '') {
+ Recipient.value = this.$customerMail;
+ }
- Recipient.removeEvent('keyup', this.$onChangeMailRecipient);
- Recipient.addEvent('keyup', this.$onChangeMailRecipient);
+ Recipient.removeEvent('keyup', this.$onChangeMailRecipient);
+ Recipient.addEvent('keyup', this.$onChangeMailRecipient);
- Recipient.focus();
+ Recipient.focus();
- if (this.$mailSent) {
- Submit.disable();
- }
- },
-
- /**
- * If e-mail recipient changes
- */
- $onChangeMailRecipient: function() {
- this.getButton('submit').enable();
- this.$mailSent = false;
- },
-
- /**
- * Get data of the entity that is outputted
- *
- * @return {Promise}
- */
- $getEntityData: function() {
- const self = this;
-
- return new Promise(function(resolve, reject) {
- QUIAjax.get('package_quiqqer_erp_ajax_output_getEntityData', resolve, {
- 'package': 'quiqqer/erp',
- entityId: self.getAttribute('entityId'),
- entityType: self.getAttribute('entityType'),
- entityPlugin: self.getAttribute('entityPlugin'),
- onError: reject
- });
- });
- },
-
- /**
- * Fetch available templates based on entity type
- *
- * @return {Promise}
- */
- $getTemplates: function() {
- const self = this;
-
- return new Promise(function(resolve, reject) {
- QUIAjax.get('package_quiqqer_erp_ajax_output_getTemplates', resolve, {
- 'package': 'quiqqer/erp',
- entityType: self.getAttribute('entityType'),
- entityPlugin: self.getAttribute('entityPlugin'),
- onError: reject
- });
+ if (this.$mailSent) {
+ Submit.disable();
+ }
+ },
+
+ /**
+ * If e-mail recipient changes
+ */
+ $onChangeMailRecipient: function() {
+ this.getButton('submit').enable();
+ this.$mailSent = false;
+ },
+
+ /**
+ * Get data of the entity that is outputted
+ *
+ * @return {Promise}
+ */
+ $getEntityData: function() {
+ const self = this;
+
+ return new Promise(function(resolve, reject) {
+ QUIAjax.get('package_quiqqer_erp_ajax_output_getEntityData', resolve, {
+ 'package': 'quiqqer/erp',
+ entityId: self.getAttribute('entityId'),
+ entityType: self.getAttribute('entityType'),
+ entityPlugin: self.getAttribute('entityPlugin'),
+ onError: reject
});
- },
-
- /**
- * Fetch available templates based on entity type
- *
- * @return {Promise}
- */
- $getPreview: function() {
- const self = this;
-
- return new Promise(function(resolve, reject) {
- QUIAjax.get('package_quiqqer_erp_ajax_output_getPreview', resolve, {
- 'package': 'quiqqer/erp',
- entity: JSON.encode({
- id: self.getAttribute('entityId'),
- type: self.getAttribute('entityType'),
- plugin: self.getAttribute('entityPlugin')
- }),
- template: JSON.encode(self.$Template),
- onError: reject
- });
+ });
+ },
+
+ /**
+ * Fetch available templates based on entity type
+ *
+ * @return {Promise}
+ */
+ $getTemplates: function() {
+ const self = this;
+
+ return new Promise(function(resolve, reject) {
+ QUIAjax.get('package_quiqqer_erp_ajax_output_getTemplates', resolve, {
+ 'package': 'quiqqer/erp',
+ entityType: self.getAttribute('entityType'),
+ entityPlugin: self.getAttribute('entityPlugin'),
+ onError: reject
});
- },
-
- /**
- * Get data of the entity that is outputted
- *
- * @return {Promise}
- */
- $sendMail: function() {
- const self = this,
- Form = this.getContent().getElement('form');
-
- return new Promise(function(resolve, reject) {
- QUIAjax.post('package_quiqqer_erp_ajax_output_sendMail', resolve, {
- 'package': 'quiqqer/erp',
- entityId: self.getAttribute('entityId'),
- entityType: self.getAttribute('entityType'),
- entityPlugin: self.getAttribute('entityPlugin'),
- template: self.$Template.id,
- templateProvider: self.$Template.provider,
- mailSubject: self.$Mail.subject,
- mailContent: self.$Mail.content,
- mailAttachmentMediaFileIds: JSON.encode(self.$Mail.attachedMediaFileIds),
- mailRecipient: Form.elements.recipient.value,
- onError: reject
- });
+ });
+ },
+
+ /**
+ * Fetch available templates based on entity type
+ *
+ * @return {Promise}
+ */
+ $getPreview: function() {
+ const self = this;
+
+ return new Promise(function(resolve, reject) {
+ QUIAjax.get('package_quiqqer_erp_ajax_output_getPreview', resolve, {
+ 'package': 'quiqqer/erp',
+ entity: JSON.encode({
+ id: self.getAttribute('entityId'),
+ type: self.getAttribute('entityType'),
+ plugin: self.getAttribute('entityPlugin')
+ }),
+ template: JSON.encode(self.$Template),
+ onError: reject
});
- },
-
- /**
- * Resize the erp entity comments container
- */
- $resizeCommentsBox: function() {
- if (!this.$Form || !this.$CommentsBox || !this.$MessagesBox) {
- return;
- }
-
- const maxHeight = 685 - (710 - this.getContent().getSize().y);
- const height = this.$Form.getSize().y + this.$MessagesBox.getSize().y;
-
- this.$CommentsBox.setStyle('height', (maxHeight - height));
- },
-
- checkPdfSupport: function() {
- return new Promise((resolve) => {
- if (PDF_SUPPORT !== null) {
- resolve(PDF_SUPPORT);
- return;
- }
-
- const PDFFrame = new Element('iframe', {
- src: URL_OPT_DIR + 'quiqqer/erp/bin/output/backend/test.pdf',
- styles: {
- position: 'absolute',
- top: -200,
- left: -200,
- width: 50,
- height: 50
- }
- }).inject(document.body);
-
- PDFFrame.onload = function() {
- try {
- const pdfDoc = PDFFrame.contentDocument || PDFFrame.contentWindow.document;
-
- if (pdfDoc && pdfDoc.body && pdfDoc.body.innerHTML.includes('PDF') === false) {
- PDF_SUPPORT = true;
- } else {
- // PDF kann nicht angezeigt werden, Fallback anzeigen
- // pdfFrame.style.display = 'none';
- // document.getElementById('pdfFallback').style.display = 'block';
- PDF_SUPPORT = false;
- }
- } catch (error) {
- // Möglicher Cross-Origin-Fehler oder PDF nicht unterstützt
- // pdfFrame.style.display = 'none';
- // document.getElementById('pdfFallback').style.display = 'block';
- PDF_SUPPORT = false;
- }
-
- resolve(PDF_SUPPORT);
- };
-
- PDFFrame.onerror = function() {
- // Fehler beim Laden des PDFs im iframe
- // pdfFrame.style.display = 'none';
- // document.getElementById('pdfFallback').style.display = 'block';
- PDF_SUPPORT = false;
- resolve(PDF_SUPPORT);
- };
+ });
+ },
+
+ /**
+ * Get data of the entity that is outputted
+ *
+ * @return {Promise}
+ */
+ $sendMail: function() {
+ const self = this,
+ Form = this.getContent().getElement('form');
+
+ return new Promise(function(resolve, reject) {
+ QUIAjax.post('package_quiqqer_erp_ajax_output_sendMail', resolve, {
+ 'package': 'quiqqer/erp',
+ entityId: self.getAttribute('entityId'),
+ entityType: self.getAttribute('entityType'),
+ entityPlugin: self.getAttribute('entityPlugin'),
+ template: self.$Template.id,
+ templateProvider: self.$Template.provider,
+ mailSubject: self.$Mail.subject,
+ mailContent: self.$Mail.content,
+ mailAttachmentMediaFileIds: JSON.encode(self.$Mail.attachedMediaFileIds),
+ mailRecipient: Form.elements.recipient.value,
+ onError: reject
});
+ });
+ },
+
+ /**
+ * Resize the erp entity comments container
+ */
+ $resizeCommentsBox: function() {
+ if (!this.$Form || !this.$CommentsBox || !this.$MessagesBox) {
+ return;
}
- });
- }
-);
+
+ const maxHeight = 685 - (710 - this.getContent().getSize().y);
+ const height = this.$Form.getSize().y + this.$MessagesBox.getSize().y;
+
+ this.$CommentsBox.setStyle('height', (maxHeight - height));
+ },
+
+ checkPdfSupport: function() {
+ // da pdf.js integriert ist, ist unterstützung immer vorhanden
+ return new Promise((resolve) => {
+ PDF_SUPPORT = true;
+ resolve(true);
+ });
+ }
+ });
+});
diff --git a/composer.json b/composer.json
index b46b73d20f7afe9fe99cf575a59c16ec05a30d51..dd54d38de0fc251c49c5c6a7fedbf79984391ac9 100644
--- a/composer.json
+++ b/composer.json
@@ -29,7 +29,8 @@
"quiqqer/countries": "^2",
"quiqqer/frontend-users": "^2",
"quiqqer/erp-accounting-templates": "^2",
- "quiqqer/areas": "^2"
+ "quiqqer/areas": "^2",
+ "quiqqer-asset/pdfjs-dist": "^4.8"
},
"suggest": {
"quiqqer/watcher": "QUIQQER Watcher module (kind of logger)"