From 40973dc4fef98d0fbde2d157af366eea96c3af4a Mon Sep 17 00:00:00 2001 From: Alexey Koshelev Date: Thu, 27 Mar 2025 15:31:46 +0300 Subject: [PATCH] [PDFE] Add select printer and print using the system dialog --- apps/pdfeditor/main/app/controller/Print.js | 27 ++- .../pdfeditor/main/app/view/FileMenuPanels.js | 210 +++++++++++++++--- 2 files changed, 200 insertions(+), 37 deletions(-) diff --git a/apps/pdfeditor/main/app/controller/Print.js b/apps/pdfeditor/main/app/controller/Print.js index b8c1df2b2d..77aced2af4 100644 --- a/apps/pdfeditor/main/app/controller/Print.js +++ b/apps/pdfeditor/main/app/controller/Print.js @@ -43,7 +43,11 @@ define([ this.adjPrintParams = new Asc.asc_CAdjustPrint(); this._state = { lock_doc: false, - firstPrintPage: 0 + firstPrintPage: 0, + pgorient: true, + isPrinterInfoLoad: false, + currentPrinter: null, + printersList: [] }; this._navigationPreview = { @@ -75,7 +79,8 @@ define([ onAfterRender: function(view) { var me = this; this.printSettings.menu.on('menu:hide', _.bind(this.onHidePrintMenu, this)); - this.printSettings.btnPrint.on('click', _.bind(this.onBtnPrint, this, true)); + this.printSettings.btnPrintSystemDialog.on('click', _.bind(this.onBtnPrint, this, true, true)); + this.printSettings.btnPrint.on('click', _.bind(this.onBtnPrint, this, true, false)); this.printSettings.btnPrintPdf.on('click', _.bind(this.onBtnPrint, this, false)); this.printSettings.btnPrevPage.on('click', _.bind(this.onChangePreviewPage, this, false)); this.printSettings.btnNextPage.on('click', _.bind(this.onChangePreviewPage, this, true)); @@ -129,6 +134,10 @@ define([ return me.txtPrintRangeInvalid; }; + if(this._state.isPrinterInfoLoad) { + this.printSettings.updateCmbPrinter(this._state.currentPrinter, this._state.printersList); + } + Common.NotificationCenter.on('window:resize', _.bind(function () { if (this._isPreviewVisible) { this.api.asc_drawPrintPreview(this._navigationPreview.currentPreviewPage); @@ -398,6 +407,15 @@ define([ Common.NotificationCenter.trigger('edit:complete'); }, + setPrinterInfo: function(currentPrinter, list) { + this._state.isPrinterInfoLoad = true; + this._state.currentPrinter = currentPrinter; + this._state.printersList = list; + if(this.printSettings) { + this.printSettings.updateCmbPrinter(this._state.currentPrinter, this._state.printersList); + } + }, + checkPageSize: function(width, height, left, right, top, bottom) { var section = this.api.asc_GetSectionProps(); (width===undefined) && (width = parseFloat(section.get_W().toFixed(4))); @@ -512,7 +530,7 @@ define([ this.printSettings.btnNextPage.setDisabled(curPage > pageCount - 2); }, - onBtnPrint: function(print) { + onBtnPrint: function(print, useSystemDialog) { this._isPrint = print; if (this.printSettings.cmbRange.getValue()===-1 && this.printSettings.inputPages.checkValidate() !== true) { this.printSettings.inputPages.focus(); @@ -525,7 +543,10 @@ define([ this._state.firstPrintPage = this._navigationPreview.currentPage; var size = this.api.asc_getPageSize(this._state.firstPrintPage); + var printerOption = this.printSettings.cmbPrinter.getSelectedRecord(); this.adjPrintParams.asc_setNativeOptions({ + usesystemdialog: useSystemDialog, + printer: printerOption ? printerOption.value : null, pages: this.printSettings.cmbRange.getValue()===-1 ? this.printSettings.inputPages.getValue() : this.printSettings.cmbRange.getValue(), paperSize: { w: size ? size['W'] : undefined, diff --git a/apps/pdfeditor/main/app/view/FileMenuPanels.js b/apps/pdfeditor/main/app/view/FileMenuPanels.js index 3d06a7ded2..cb20ae044c 100644 --- a/apps/pdfeditor/main/app/view/FileMenuPanels.js +++ b/apps/pdfeditor/main/app/view/FileMenuPanels.js @@ -2315,22 +2315,25 @@ define([], function () { '
<%= scope.txtPrint %>
', '', '', - '', + '', + '', + '', '', '', - '', + '', '', - '', + '', '', - '', + '', '', - '', + '', '', + '', '
', '', - '', - '', + '', + '', '
<%= scope.txtPages %>:
<%= scope.txtCopies %>:
<%= scope.txtPages %>:
<%= scope.txtCopies %>:
', '
', '
', '', @@ -2367,6 +2370,26 @@ define([], function () { this.menu = options.menu; + this._defaultPaperSizeList = [ + { value: 0, displayValue: ['US Letter', '21,59', '27,94', 'cm'], caption: 'US Letter', size: [215.9, 279.4]}, + { value: 1, displayValue: ['US Legal', '21,59', '35,56', 'cm'], caption: 'US Legal', size: [215.9, 355.6]}, + { value: 2, displayValue: ['A4', '21', '29,7', 'cm'], caption: 'A4', size: [210, 297]}, + { value: 3, displayValue: ['A5', '14,8', '21', 'cm'], caption: 'A5', size: [148, 210]}, + { value: 4, displayValue: ['B5', '17,6', '25', 'cm'], caption: 'B5', size: [176, 250]}, + { value: 5, displayValue: ['Envelope #10', '10,48', '24,13', 'cm'], caption: 'Envelope #10', size: [104.8, 241.3]}, + { value: 6, displayValue: ['Envelope DL', '11', '22', 'cm'], caption: 'Envelope DL', size: [110, 220]}, + { value: 7, displayValue: ['Tabloid', '27,94', '43,18', 'cm'], caption: 'Tabloid', size: [279.4, 431.8]}, + { value: 8, displayValue: ['A3', '29,7', '42', 'cm'], caption: 'A3', size: [297, 420]}, + { value: 9, displayValue: ['Tabloid Oversize', '29,69', '45,72', 'cm'], caption: 'Tabloid Oversize', size: [296.9, 457.2]}, + { value: 10, displayValue: ['ROC 16K', '19,68', '27,3', 'cm'], caption: 'ROC 16K', size: [196.8, 273]}, + { value: 11, displayValue: ['Envelope Choukei 3', '12', '23,5', 'cm'], caption: 'Envelope Choukei 3', size: [120, 235]}, + { value: 12, displayValue: ['Super B/A3', '30,5', '48,7', 'cm'], caption: 'Super B/A3', size: [305, 487]}, + { value: 13, displayValue: ['A4', '84,1', '118,9', 'cm'], caption: 'A0', size: [841, 1189]}, + { value: 14, displayValue: ['A4', '59,4', '84,1', 'cm'], caption: 'A1', size: [594, 841]}, + { value: 16, displayValue: ['A4', '42', '59,4', 'cm'], caption: 'A2', size: [420, 594]}, + { value: 17, displayValue: ['A4', '10,5', '14,8', 'cm'], caption: 'A6', size: [105, 148]} + ]; + this._initSettings = true; }, @@ -2375,6 +2398,29 @@ define([], function () { var $markup = $(this.template({scope: this, isRTL: Common.UI.isRTL()})); + this.cmbPrinter = new Common.UI.ComboBox({ + el: $markup.findById('#print-combo-printer'), + menuStyle: 'min-width: 248px;max-height: 280px;', + editable: false, + takeFocusOnClose: true, + cls: 'input-group-nr', + placeHolder: this.txtPrinterNotSelected, + itemsTemplate: _.template([ + '<% if (items.length > 0) { %>', + '<% _.each(items, function(item) { %>', + '
  • class="checked" <% } %> ><%= scope.getDisplayValue(item) %>
    • ', + '<% }); %>', + '<% } else { %>', + '
  • ' + this.txtPrintersNotFound + '
    • ', + '<% } %>' + ].join('')), + data: [], + dataHint: '2', + dataHintDirection: 'bottom', + dataHintOffset: 'big' + }); + this.cmbPrinter.on('selected', _.bind(this.onPrinterSelected, this)); + this.cmbRange = new Common.UI.ComboBox({ el: $markup.findById('#print-combo-range'), menuStyle: 'min-width: 248px;max-height: 280px;', @@ -2424,11 +2470,7 @@ define([], function () { editable: false, takeFocusOnClose: true, cls : 'input-group-nr', - data : [ - { value: 'one', displayValue: this.txtOneSide, descValue: this.txtOneSideDesc }, - { value: 'both-long', displayValue: this.txtBothSides, descValue: this.txtBothSidesLongDesc }, - { value: 'both-short', displayValue: this.txtBothSides, descValue: this.txtBothSidesShortDesc } - ], + data : [], itemsTemplate: _.template([ '<% _.each(items, function(item) { %>', '
  • ', @@ -2488,26 +2530,7 @@ define([], function () { takeFocusOnClose: true, template: paperSizeTemplate, itemsTemplate: paperSizeItemsTemplate, - data: [ - { value: 0, displayValue: ['US Letter', '21,59', '27,94', 'cm'], caption: 'US Letter', size: [215.9, 279.4]}, - { value: 1, displayValue: ['US Legal', '21,59', '35,56', 'cm'], caption: 'US Legal', size: [215.9, 355.6]}, - { value: 2, displayValue: ['A4', '21', '29,7', 'cm'], caption: 'A4', size: [210, 297]}, - { value: 3, displayValue: ['A5', '14,8', '21', 'cm'], caption: 'A5', size: [148, 210]}, - { value: 4, displayValue: ['B5', '17,6', '25', 'cm'], caption: 'B5', size: [176, 250]}, - { value: 5, displayValue: ['Envelope #10', '10,48', '24,13', 'cm'], caption: 'Envelope #10', size: [104.8, 241.3]}, - { value: 6, displayValue: ['Envelope DL', '11', '22', 'cm'], caption: 'Envelope DL', size: [110, 220]}, - { value: 7, displayValue: ['Tabloid', '27,94', '43,18', 'cm'], caption: 'Tabloid', size: [279.4, 431.8]}, - { value: 8, displayValue: ['A3', '29,7', '42', 'cm'], caption: 'A3', size: [297, 420]}, - { value: 9, displayValue: ['Tabloid Oversize', '29,69', '45,72', 'cm'], caption: 'Tabloid Oversize', size: [296.9, 457.2]}, - { value: 10, displayValue: ['ROC 16K', '19,68', '27,3', 'cm'], caption: 'ROC 16K', size: [196.8, 273]}, - { value: 11, displayValue: ['Envelope Choukei 3', '12', '23,5', 'cm'], caption: 'Envelope Choukei 3', size: [120, 235]}, - { value: 12, displayValue: ['Super B/A3', '30,5', '48,7', 'cm'], caption: 'Super B/A3', size: [305, 487]}, - { value: 13, displayValue: ['A4', '84,1', '118,9', 'cm'], caption: 'A0', size: [841, 1189]}, - { value: 14, displayValue: ['A4', '59,4', '84,1', 'cm'], caption: 'A1', size: [594, 841]}, - { value: 16, displayValue: ['A4', '42', '59,4', 'cm'], caption: 'A2', size: [420, 594]}, - { value: 17, displayValue: ['A4', '10,5', '14,8', 'cm'], caption: 'A6', size: [105, 148]}, - { value: -1, displayValue: this.txtCustom, caption: this.txtCustom, size: []} - ], + data: [], dataHint: '2', dataHintDirection: 'bottom', dataHintOffset: 'big', @@ -2581,8 +2604,10 @@ define([], function () { this.pnlTable = $(this.pnlSettings.find('table')[0]); this.trApply = $markup.find('.fms-btn-apply'); + this.btnPrintSystemDialog = $markup.findById('#print-btn-system-dialog'); this.btnPrint = new Common.UI.Button({ - el: $markup.findById('#print-btn-print') + el: $markup.findById('#print-btn-print'), + disabled: true }); this.btnPrintPdf = new Common.UI.Button({ el: $markup.findById('#print-btn-print-pdf') @@ -2658,10 +2683,113 @@ define([], function () { this.updateMetricUnit(); this._initSettings = false; } + this.updateSettings(); this.updateScroller(); this.fireEvent('show', this); }, + updateSettings: function() { + var selectedPrinter = this.cmbPrinter.getSelectedRecord(); + this.setCmbSidesOptions(selectedPrinter ? selectedPrinter.isDuplexSupported : true); + this.setCmbPaperSizeOptions(selectedPrinter ? selectedPrinter.paperSupported : null); + }, + + updateCmbPrinter: function(currentPrinter, printers) { + var cmbPrinterOptions = []; + + printers = printers || []; + + //If the current printer is not in the list of printers, add it + if(currentPrinter && !_.some(printers, function(printer) { return printer.name == currentPrinter })) { + printers.push({ + name: currentPrinter, + duplex_supported: true, + paperSupported: this._defaultPaperSizeList + }); + } + + cmbPrinterOptions = printers.map(function(printer) { + return { + value: printer.name, + displayValue: printer.name, + paperSupported: printer.paper_supported, + isDuplexSupported: printer.duplex_supported + } + }); + + this.cmbPrinter.setData(cmbPrinterOptions); + this.cmbPrinter.setValue(currentPrinter); + this.cmbPrinter.trigger('selected', this, this.cmbPrinter.getSelectedRecord()); + }, + + setCmbSidesOptions: function(isDuplexSupported) { + var cmbValue = this.cmbSides.getValue(); + var list = [{ value: 'one', displayValue: this.txtOneSide, descValue: this.txtOneSideDesc }]; + if(isDuplexSupported) { + list.push( + { value: 'both-long', displayValue: this.txtBothSides, descValue: this.txtBothSidesLongDesc }, + { value: 'both-short', displayValue: this.txtBothSides, descValue: this.txtBothSidesShortDesc } + ); + } else if(cmbValue != 'one') { + cmbValue = 'one'; + } + this.cmbSides.setData(list); + this.cmbSides.setValue(cmbValue); + }, + + setCmbPaperSizeOptions(paperSizeList) { + var resultList = []; + + if(paperSizeList && paperSizeList.length > 0) { + resultList = paperSizeList.map(function(item, index) { + return { + value: index, + displayValue: [item.name, item.width / 10, item.height / 10, 'cm'], + caption: item.name, + size: [item.width, item.height] + } + }); + } else { + resultList = [].concat(this._defaultPaperSizeList); + } + resultList.push({ value: -1, displayValue: this.txtCustom, caption: this.txtCustom, size: []}); + + var prevSelectedOption = this.cmbPaperSize.store.findWhere({ + value: this.cmbPaperSize.getValue() + }); + var newSelectedOption = null; + + function findOptionBySize(list, width, height) { + return _.find(list, function(option) { + return Math.abs(option.size[0] - width) < 0.1 && Math.abs(option.size[1] - height) < 0.1; + }); + } + + // If a previously selected option exists, search for a matching one in resultList + if (prevSelectedOption) { + newSelectedOption = findOptionBySize( + resultList, + Math.round(prevSelectedOption.get('size')[0]), + Math.round(prevSelectedOption.get('size')[1]) + ); + } + + // If no matching option is found, look for the default size 210x297 (A4) + if (!newSelectedOption) { + newSelectedOption = findOptionBySize(resultList, 210, 297); + } + if (!newSelectedOption && resultList[0]) { + newSelectedOption = resultList[0]; + } + + this.cmbPaperSize.setData(resultList); + this.updatePaperSizeMetricUnit(); + this.cmbPaperSize.setValue(newSelectedOption ? newSelectedOption.value : null); + if(!this.cmbPaperSize.isDisabled){ + this.cmbPaperSize.trigger('selected', this, this.cmbPaperSize.getSelectedRecord()); + } + }, + updateScroller: function() { if (this.scroller) { Common.UI.Menu.Manager.hideAll(); @@ -2679,7 +2807,18 @@ define([], function () { }, + onPrinterSelected: function(combo, record) { + this.setCmbSidesOptions(record ? record.isDuplexSupported : true); + this.setCmbPaperSizeOptions(record ? record.paperSupported : null); + this.btnPrint.setDisabled(!record); + }, + updateMetricUnit: function() { + this.updatePaperSizeMetricUnit(); + this.cmbPaperMargins.onResetItems(); + }, + + updatePaperSizeMetricUnit: function() { if (!this.cmbPaperSize) return; var store = this.cmbPaperSize.store; for (var i=0; i