diff --git a/apps/documenteditor/main/app.js b/apps/documenteditor/main/app.js index 190281919..289356861 100644 --- a/apps/documenteditor/main/app.js +++ b/apps/documenteditor/main/app.js @@ -157,6 +157,7 @@ require([ 'Main', 'ViewTab', 'Search', + 'Print', 'Common.Controllers.Fonts', 'Common.Controllers.History' /** coauthoring begin **/ @@ -191,6 +192,7 @@ require([ 'documenteditor/main/app/controller/Main', 'documenteditor/main/app/controller/ViewTab', 'documenteditor/main/app/controller/Search', + 'documenteditor/main/app/controller/Print', 'documenteditor/main/app/view/FileMenuPanels', 'documenteditor/main/app/view/ParagraphSettings', 'documenteditor/main/app/view/HeaderFooterSettings', diff --git a/apps/documenteditor/main/app/controller/DocumentHolder.js b/apps/documenteditor/main/app/controller/DocumentHolder.js index 9aa1bd3f6..0189f139f 100644 --- a/apps/documenteditor/main/app/controller/DocumentHolder.js +++ b/apps/documenteditor/main/app/controller/DocumentHolder.js @@ -1249,15 +1249,11 @@ define([ handler: function(dlg, result) { if (result == 'ok') { var props = dlg.getSettings(); - var mnu = DE.getController('Toolbar').toolbar.btnPageMargins.menu.items[0]; - mnu.setVisible(true); - mnu.setChecked(true); - mnu.options.value = mnu.value = [props.get_TopMargin(), props.get_LeftMargin(), props.get_BottomMargin(), props.get_RightMargin()]; - $(mnu.el).html(mnu.template({id: Common.UI.getId(), caption : mnu.caption, options : mnu.options})); Common.localStorage.setItem("de-pgmargins-top", props.get_TopMargin()); Common.localStorage.setItem("de-pgmargins-left", props.get_LeftMargin()); Common.localStorage.setItem("de-pgmargins-bottom", props.get_BottomMargin()); Common.localStorage.setItem("de-pgmargins-right", props.get_RightMargin()); + Common.NotificationCenter.trigger('margins:update', props); me.api.asc_SetSectionProps(props); me.editComplete(); diff --git a/apps/documenteditor/main/app/controller/LeftMenu.js b/apps/documenteditor/main/app/controller/LeftMenu.js index 41a64ae92..077d7b4a5 100644 --- a/apps/documenteditor/main/app/controller/LeftMenu.js +++ b/apps/documenteditor/main/app/controller/LeftMenu.js @@ -113,6 +113,7 @@ define([ if ( !this.leftMenu.panelHistory.isVisible() ) this.clickMenuFileItem(null, 'history'); }, this)); + Common.NotificationCenter.on('file:print', _.bind(this.clickToolbarPrint, this)); }, onLaunch: function() { @@ -549,6 +550,13 @@ define([ this.leftMenu.menuFile.hide(); }, + clickToolbarPrint: function () { + if (this.mode.canPreviewPrint) + this.leftMenu.showMenu('file:printpreview'); + else if (this.mode.canPrint) + this.clickMenuFileItem(null, 'print'); + }, + changeToolbarSaveState: function (state) { var btnSave = this.leftMenu.menuFile.getButton('save'); btnSave && btnSave.setDisabled(state); diff --git a/apps/documenteditor/main/app/controller/Main.js b/apps/documenteditor/main/app/controller/Main.js index 99971b70b..31b233d18 100644 --- a/apps/documenteditor/main/app/controller/Main.js +++ b/apps/documenteditor/main/app/controller/Main.js @@ -1494,6 +1494,7 @@ define([ } this.appOptions.canEditStyles = this.appOptions.canLicense && this.appOptions.canEdit; this.appOptions.canPrint = (this.permissions.print !== false); + this.appOptions.canPreviewPrint = this.appOptions.canPrint && !Common.Utils.isMac; this.appOptions.canRename = this.editorConfig.canRename; this.appOptions.buildVersion = params.asc_getBuildVersion(); this.appOptions.canForcesave = this.appOptions.isEdit && !this.appOptions.isOffline && (typeof (this.editorConfig.customization) == 'object' && !!this.editorConfig.customization.forcesave); @@ -1663,6 +1664,9 @@ define([ toolbarController.setMode(this.appOptions); documentHolder.setMode(this.appOptions); + var printController = app.getController('Print'); + printController && this.api && printController.setApi(this.api).setMode(this.appOptions); + this.api.asc_registerCallback('asc_onSendThemeColors', _.bind(this.onSendThemeColors, this)); this.api.asc_registerCallback('asc_onDownloadUrl', _.bind(this.onDownloadUrl, this)); this.api.asc_registerCallback('asc_onAuthParticipantsChanged', _.bind(this.onAuthParticipantsChanged, this)); @@ -2460,6 +2464,7 @@ define([ this.api.asc_SetDocumentUnits((value==Common.Utils.Metric.c_MetricUnits.inch) ? Asc.c_oAscDocumentUnits.Inch : ((value==Common.Utils.Metric.c_MetricUnits.pt) ? Asc.c_oAscDocumentUnits.Point : Asc.c_oAscDocumentUnits.Millimeter)); this.getApplication().getController('RightMenu').updateMetricUnit(); this.getApplication().getController('Toolbar').getView().updateMetricUnit(); + this.getApplication().getController('Print').getView('PrintWithPreview').updateMetricUnit(); }, onAdvancedOptions: function(type, advOptions, mode, formatOptions) { @@ -2614,9 +2619,7 @@ define([ onPrint: function() { if (!this.appOptions.canPrint || Common.Utils.ModalWindow.isVisible()) return; - - if (this.api) - this.api.asc_Print(new Asc.asc_CDownloadOptions(null, Common.Utils.isChrome || Common.Utils.isOpera || Common.Utils.isGecko && Common.Utils.firefoxVersion>86)); // if isChrome or isOpera == true use asc_onPrintUrl event + Common.NotificationCenter.trigger('file:print'); Common.component.Analytics.trackEvent('Print'); }, diff --git a/apps/documenteditor/main/app/controller/Print.js b/apps/documenteditor/main/app/controller/Print.js new file mode 100644 index 000000000..d92d4e893 --- /dev/null +++ b/apps/documenteditor/main/app/controller/Print.js @@ -0,0 +1,552 @@ +/* + * + * (c) Copyright Ascensio System SIA 2010-2022 + * + * This program is a free software product. You can redistribute it and/or + * modify it under the terms of the GNU Affero General Public License (AGPL) + * version 3 as published by the Free Software Foundation. In accordance with + * Section 7(a) of the GNU AGPL its Section 15 shall be amended to the effect + * that Ascensio System SIA expressly excludes the warranty of non-infringement + * of any third-party rights. + * + * This program is distributed WITHOUT ANY WARRANTY; without even the implied + * warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. For + * details, see the GNU AGPL at: http://www.gnu.org/licenses/agpl-3.0.html + * + * You can contact Ascensio System SIA at 20A-12 Ernesta Birznieka-Upisha + * street, Riga, Latvia, EU, LV-1050. + * + * The interactive user interfaces in modified source and object code versions + * of the Program must display Appropriate Legal Notices, as required under + * Section 5 of the GNU AGPL version 3. + * + * Pursuant to Section 7(b) of the License you must retain the original Product + * logo when distributing the program. Pursuant to Section 7(e) we decline to + * grant you any rights under trademark law for use of our trademarks. + * + * All the Product's GUI elements, including illustrations and icon sets, as + * well as technical writing content are licensed under the terms of the + * Creative Commons Attribution-ShareAlike 4.0 International. See the License + * terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode + * +*/ +define([ + 'core', + 'documenteditor/main/app/view/FileMenuPanels' +], function () { + 'use strict'; + + DE.Controllers.Print = Backbone.Controller.extend(_.extend({ + views: [ + 'PrintWithPreview' + ], + + initialize: function() { + var value = Common.localStorage.getItem("de-print-settings-range"); + value = (value!==null) ? parseInt(value) : Asc.c_oAscPrintType.ActiveSheets; + + this.adjPrintParams = new Asc.asc_CAdjustPrint(); + this.adjPrintParams.asc_setPrintType(value); + + this._state = { + lock_doc: false + }; + + this._navigationPreview = { + pageCount: false, + currentPage: 0, + currentPreviewPage: 0 + }; + + this._isPreviewVisible = false; + + this.addListeners({ + 'PrintWithPreview': { + 'show': _.bind(this.onShowMainSettingsPrint, this), + 'render:after': _.bind(this.onAfterRender, this) + } + }); + }, + + onLaunch: function() { + this.printSettings = this.createView('PrintWithPreview'); + }, + + 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.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)); + this.printSettings.txtNumberPage.on({ + 'keypress:after': _.bind(this.onKeypressPageNumber, this), + 'keyup:after': _.bind(this.onKeyupPageNumber, this) + }); + this.printSettings.txtNumberPage.cmpEl.find('input').on('blur', _.bind(this.onBlurPageNumber, this)); + this.printSettings.cmbPaperSize.on('selected', _.bind(this.onPaperSizeSelect, this)); + this.printSettings.cmbPaperOrientation.on('selected', _.bind(this.onPaperOrientSelect, this)); + this.printSettings.cmbPaperMargins.on('selected', _.bind(this.onPaperMarginsSelect, this)); + this.printSettings.cmbRange.on('selected', _.bind(this.comboRangeChange, this)); + this.printSettings.inputPages.on('changing', _.bind(this.inputPagesChanging, this)); + this.printSettings.inputPages.validation = function(value) { + if (!_.isEmpty(value) && /[0-9,\-]/.test(value)) { + var res = [], + arr = value.split(','); + for (var i=0; i1) // more than 1 symbol '-' + return me.txtPrintRangeInvalid; + if (!str) {// one number + var num = parseInt(item)-1; + (num>=0) && res.push(num); + } else { // range + var pages = item.split('-'), + start = (pages[0] ? parseInt(pages[0])-1 : 0), + end = (pages[1] ? parseInt(pages[1])-1 : me._navigationPreview.pageCount-1); + if (start>end) { + var num = start; + start = end; + end = num; + } + for (var j=start; j<=end; j++) { + (j>=0) && res.push(j); + } + } + } + if (res.length>0) { + // me.adjPrintParams.asc_setPages(res); + return true; + } + } + + return me.txtPrintRangeInvalid; + }; + + Common.NotificationCenter.on('window:resize', _.bind(function () { + if (this._isPreviewVisible) { + this.api.asc_drawPrintPreview(this._navigationPreview.currentPreviewPage); + } + }, this)); + Common.NotificationCenter.on('margins:update', _.bind(this.onUpdateLastCustomMargins, this)); + + var eventname = (/Firefox/i.test(navigator.userAgent))? 'DOMMouseScroll' : 'mousewheel'; + this.printSettings.$previewBox.on(eventname, _.bind(this.onPreviewWheel, this)); + + this.fillPrintOptions(); + }, + + setMode: function (mode) { + this.mode = mode; + this.printSettings && this.printSettings.setMode(mode); + }, + + setApi: function(o) { + this.api = o; + this.api.asc_registerCallback('asc_onDocSize', _.bind(this.onApiPageSize, this)); + this.api.asc_registerCallback('asc_onPageOrient', _.bind(this.onApiPageOrient, this)); + this.api.asc_registerCallback('asc_onSectionProps', _.bind(this.onSectionProps, this)); + this.api.asc_registerCallback('asc_onCountPages', _.bind(this.onCountPages, this)); + this.api.asc_registerCallback('asc_onCurrentPage', _.bind(this.onCurrentPage, this)); + this.api.asc_registerCallback('asc_onLockDocumentProps', _.bind(this.onApiLockDocumentProps, this)); + this.api.asc_registerCallback('asc_onUnLockDocumentProps', _.bind(this.onApiUnLockDocumentProps, this)); + + return this; + }, + + onApiPageSize: function(w, h) { + this._state.pgsize = [w, h]; + if (this.printSettings.isVisible()) { + var width = this._state.pgorient ? w : h, + height = this._state.pgorient ? h : w; + var panel = this.printSettings; + var store = panel.cmbPaperSize.store, + item = null; + for (var i=0; i count - 1) { + this._navigationPreview.currentPreviewPage = Math.max(0, count - 1); + if (this.printSettings.isVisible()) { + this.api.asc_drawPrintPreview(this._navigationPreview.currentPreviewPage); + this.updateNavigationButtons(this._navigationPreview.currentPreviewPage, count); + } + } + }, + + onCurrentPage: function(number) { + this._navigationPreview.currentPreviewPage = number; + if (this.printSettings.isVisible()) { + this.api.asc_drawPrintPreview(this._navigationPreview.currentPreviewPage); + this.updateNavigationButtons(this._navigationPreview.currentPreviewPage, this._navigationPreview.pageCount); + } + }, + + onShowMainSettingsPrint: function() { + var me = this; + this.printSettings.$previewBox.removeClass('hidden'); + + this.onUpdateLastCustomMargins(this._state.lastmargins); + this._state.pgsize && this.onApiPageSize(this._state.pgsize[0], this._state.pgsize[1]); + this.onApiPageOrient(this._state.pgorient); + this._state.sectionprops && this.onSectionProps(this._state.sectionprops); + + var opts = new Asc.asc_CDownloadOptions(null, Common.Utils.isChrome || Common.Utils.isOpera || Common.Utils.isGecko && Common.Utils.firefoxVersion>86); + opts.asc_setAdvancedOptions(this.adjPrintParams); + this.api.asc_initPrintPreview('print-preview', opts); + + this._navigationPreview.currentPreviewPage = this._navigationPreview.currentPage = this.api.getCurrentPage(); + this.api.asc_drawPrintPreview(this._navigationPreview.currentPreviewPage); + this.updateNavigationButtons(this._navigationPreview.currentPreviewPage, this._navigationPreview.pageCount); + this.SetDisabled(); + this._isPreviewVisible = true; + }, + + onPaperSizeSelect: function(combo, record) { + this._state.pgsize = [0, 0]; + if (record.value !== -1) { + if (this.checkPageSize(record.size[0], record.size[1])) { + var section = this.api.asc_GetSectionProps(); + this.onApiPageSize(section.get_W(), section.get_H()); + return; + } else + this.api.change_DocSize(record.size[0], record.size[1]); + } else { + var win, props, + me = this; + win = new DE.Views.PageSizeDialog({ + checkPageSize: _.bind(this.checkPageSize, this), + handler: function(dlg, result) { + if (result == 'ok') { + props = dlg.getSettings(); + me.api.change_DocSize(props[0], props[1]); + Common.NotificationCenter.trigger('edit:complete'); + } + } + }); + win.show(); + win.setSettings(me.api.asc_GetSectionProps()); + } + + Common.NotificationCenter.trigger('edit:complete'); + }, + + onPaperMarginsSelect: function(combo, record) { + this._state.pgmargins = undefined; + if (record.value !== -1) { + if (this.checkPageSize(undefined, undefined, record.size[1], record.size[3], record.size[0], record.size[2])) { + this.onSectionProps(this.api.asc_GetSectionProps()); + return; + } else { + var props = new Asc.CDocumentSectionProps(); + props.put_TopMargin(record.size[0]); + props.put_LeftMargin(record.size[1]); + props.put_BottomMargin(record.size[2]); + props.put_RightMargin(record.size[3]); + this.api.asc_SetSectionProps(props); + } + } else { + var win, props, + me = this; + win = new DE.Views.PageMarginsDialog({ + api: me.api, + handler: function(dlg, result) { + if (result == 'ok') { + props = dlg.getSettings(); + Common.localStorage.setItem("de-pgmargins-top", props.get_TopMargin()); + Common.localStorage.setItem("de-pgmargins-left", props.get_LeftMargin()); + Common.localStorage.setItem("de-pgmargins-bottom", props.get_BottomMargin()); + Common.localStorage.setItem("de-pgmargins-right", props.get_RightMargin()); + Common.NotificationCenter.trigger('margins:update', props); + + me.api.asc_SetSectionProps(props); + Common.NotificationCenter.trigger('edit:complete'); + } + } + }); + win.show(); + win.setSettings(me.api.asc_GetSectionProps()); + } + + Common.NotificationCenter.trigger('edit:complete'); + }, + + onUpdateLastCustomMargins: function(props) { + this._state.lastmargins = props; + if (this.printSettings.isVisible()) { + var top = props ? props.get_TopMargin() : Common.localStorage.getItem("de-pgmargins-top"), + left = props ? props.get_LeftMargin() : Common.localStorage.getItem("de-pgmargins-left"), + bottom = props ? props.get_BottomMargin() : Common.localStorage.getItem("de-pgmargins-bottom"), + right = props ? props.get_RightMargin() : Common.localStorage.getItem("de-pgmargins-right"); + if ( top!==null && left!==null && bottom!==null && right!==null ) { + var rec = this.printSettings.cmbPaperMargins.store.at(0); + if (rec.get('value')===-2) + rec.set('size', [parseFloat(top), parseFloat(left), parseFloat(bottom), parseFloat(right)]); + else + this.printSettings.cmbPaperMargins.store.unshift({ value: -2, displayValue: this.textMarginsLast, size: [parseFloat(top), parseFloat(left), parseFloat(bottom), parseFloat(right)]}); + this.printSettings.cmbPaperMargins.onResetItems(); + } + } + }, + + onPaperOrientSelect: function(combo, record) { + this._state.pgorient = undefined; + if (this.api) { + this.api.change_PageOrient(record.value === Asc.c_oAscPageOrientation.PagePortrait); + } + + Common.NotificationCenter.trigger('edit:complete'); + }, + + checkPageSize: function(width, height, left, right, top, bottom) { + var section = this.api.asc_GetSectionProps(); + (width===undefined) && (width = parseFloat(section.get_W().toFixed(4))); + (height===undefined) && (height = parseFloat(section.get_H().toFixed(4))); + (left===undefined) && (left = parseFloat(section.get_LeftMargin().toFixed(4))); + (right===undefined) && (right = parseFloat(section.get_RightMargin().toFixed(4))); + (top===undefined) && (top = parseFloat(section.get_TopMargin().toFixed(4))); + (bottom===undefined) && (bottom = parseFloat(section.get_BottomMargin().toFixed(4))); + var gutterLeft = section.get_GutterAtTop() ? 0 : parseFloat(section.get_Gutter().toFixed(4)), + gutterTop = section.get_GutterAtTop() ? parseFloat(section.get_Gutter().toFixed(4)) : 0; + + var errmsg = null; + if (left + right + gutterLeft > width-12.7 ) + errmsg = this.txtMarginsW; + else if (top + bottom + gutterTop > height-2.6 ) + errmsg = this.txtMarginsH; + if (errmsg) { + Common.UI.warning({ + title: this.notcriticalErrorTitle, + msg : errmsg, + callback: function() { + Common.NotificationCenter.trigger('edit:complete'); + } + }); + return true; + } + }, + + getPrintParams: function() { + return this.adjPrintParams; + }, + + onHidePrintMenu: function () { + if (this._isPreviewVisible) { + this.api.asc_closePrintPreview && this.api.asc_closePrintPreview(this._isPrint); + this._isPreviewVisible = false; + } + }, + + onChangePreviewPage: function (next) { + var index = this._navigationPreview.currentPreviewPage; + if (next) { + index++; + index = Math.min(index, this._navigationPreview.pageCount - 1); + } else { + index--; + index = Math.max(index, 0); + } + this.api.goToPage(index); + }, + + onKeypressPageNumber: function (input, e) { + if (e.keyCode === Common.UI.Keys.RETURN) { + var box = this.printSettings.$el.find('#print-number-page'), + edit = box.find('input[type=text]'), page = parseInt(edit.val()); + if (!page || page > this._navigationPreview.pageCount || page < 0) { + edit.select(); + this.printSettings.txtNumberPage.setValue(this._navigationPreview.currentPreviewPage + 1); + this.printSettings.txtNumberPage.checkValidate(); + return false; + } + + box.focus(); // for IE + + this.api.goToPage(page-1); + this.api.asc_enableKeyEvents(true); + return false; + } + }, + + onKeyupPageNumber: function (input, e) { + if (e.keyCode === Common.UI.Keys.ESC) { + var box = this.printSettings.$el.find('#print-number-page'); + box.focus(); // for IE + this.api.asc_enableKeyEvents(true); + return false; + } + }, + + onBlurPageNumber: function () { + if (this.printSettings.txtNumberPage.getValue() != this._navigationPreview.currentPreviewPage + 1) { + this.printSettings.txtNumberPage.setValue(this._navigationPreview.currentPreviewPage + 1); + this.printSettings.txtNumberPage.checkValidate(); + } + }, + + onPreviewWheel: function (e) { + if (e.ctrlKey) { + e.preventDefault(); + e.stopImmediatePropagation(); + } + var forward = (e.deltaY || (e.detail && -e.detail) || e.wheelDelta) < 0; + this.onChangePreviewPage(forward); + }, + + updateNavigationButtons: function (page, count) { + this._navigationPreview.currentPage = page; + this.printSettings.updateCurrentPage(page); + this._navigationPreview.pageCount = count; + this.printSettings.updateCountOfPages(count); + this.disableNavButtons(); + }, + + disableNavButtons: function (force) { + if (force) { + this.printSettings.btnPrevPage.setDisabled(true); + this.printSettings.btnNextPage.setDisabled(true); + return; + } + var curPage = this._navigationPreview.currentPage, + pageCount = this._navigationPreview.pageCount; + this.printSettings.btnPrevPage.setDisabled(curPage < 1); + this.printSettings.btnNextPage.setDisabled(curPage > pageCount - 2); + }, + + onBtnPrint: function(print) { + if (this.printSettings.cmbRange.getValue()===-1 && this.printSettings.inputPages.checkValidate() !== true) { + this.printSettings.inputPages.focus(); + this.isInputFirstChange = true; + return; + } + this._isPrint = print; + + if ( print ) { + var opts = new Asc.asc_CDownloadOptions(null, Common.Utils.isChrome || Common.Utils.isOpera || Common.Utils.isGecko && Common.Utils.firefoxVersion>86); + opts.asc_setAdvancedOptions(this.adjPrintParams); + this.api.asc_Print(opts); + this._isPrint = false; + } else { + var opts = new Asc.asc_CDownloadOptions(Asc.c_oAscFileType.PDF); + opts.asc_setAdvancedOptions(this.adjPrintParams); + this.api.asc_DownloadAs(opts); + } + this.printSettings.menu.hide(); + }, + + inputPagesChanging: function (input, value) { + this.isInputFirstChange && this.printSettings.inputPages.showError(); + this.isInputFirstChange = false; + + if (value.length<1) + this.printSettings.cmbRange.setValue(Asc.c_oAscPrintType.EntireWorkbook); + else if (this.printSettings.cmbRange.getValue()!==-1) + this.printSettings.cmbRange.setValue(-1); + }, + + onApiLockDocumentProps: function() { + this._state.lock_doc = true; + this.SetDisabled(); + }, + + onApiUnLockDocumentProps: function() { + this._state.lock_doc = false; + this.SetDisabled(); + }, + + SetDisabled: function() { + if (this.printSettings.isVisible()) { + var disable = !this.mode.isEdit || this._state.lock_doc; + this.printSettings.cmbPaperSize.setDisabled(disable); + this.printSettings.cmbPaperMargins.setDisabled(disable); + this.printSettings.cmbPaperOrientation.setDisabled(disable); + } + }, + + txtCustom: 'Custom', + txtPrintRangeInvalid: 'Invalid print range', + textMarginsLast: 'Last Custom' + }, DE.Controllers.Print || {})); +}); \ No newline at end of file diff --git a/apps/documenteditor/main/app/controller/Toolbar.js b/apps/documenteditor/main/app/controller/Toolbar.js index 6812ef505..3edfc217d 100644 --- a/apps/documenteditor/main/app/controller/Toolbar.js +++ b/apps/documenteditor/main/app/controller/Toolbar.js @@ -1057,9 +1057,7 @@ define([ }, onPrint: function(e) { - if (this.api) - this.api.asc_Print(new Asc.asc_CDownloadOptions(null, Common.Utils.isChrome || Common.Utils.isOpera || Common.Utils.isGecko && Common.Utils.firefoxVersion>86)); // if isChrome or isOpera == true use asc_onPrintUrl event - + Common.NotificationCenter.trigger('file:print', this.toolbar); Common.NotificationCenter.trigger('edit:complete', this.toolbar); Common.component.Analytics.trackEvent('Print'); @@ -1748,15 +1746,11 @@ define([ handler: function(dlg, result) { if (result == 'ok') { props = dlg.getSettings(); - var mnu = me.toolbar.btnPageMargins.menu.items[0]; - mnu.setVisible(true); - mnu.setChecked(true); - mnu.options.value = mnu.value = [props.get_TopMargin(), props.get_LeftMargin(), props.get_BottomMargin(), props.get_RightMargin()]; - $(mnu.el).html(mnu.template({id: Common.UI.getId(), caption : mnu.caption, options : mnu.options})); Common.localStorage.setItem("de-pgmargins-top", props.get_TopMargin()); Common.localStorage.setItem("de-pgmargins-left", props.get_LeftMargin()); Common.localStorage.setItem("de-pgmargins-bottom", props.get_BottomMargin()); Common.localStorage.setItem("de-pgmargins-right", props.get_RightMargin()); + Common.NotificationCenter.trigger('margins:update', props); me.api.asc_SetSectionProps(props); Common.NotificationCenter.trigger('edit:complete', me.toolbar); diff --git a/apps/documenteditor/main/app/template/FileMenu.template b/apps/documenteditor/main/app/template/FileMenu.template index 3ad620221..ba1e7d69d 100644 --- a/apps/documenteditor/main/app/template/FileMenu.template +++ b/apps/documenteditor/main/app/template/FileMenu.template @@ -8,6 +8,7 @@
  • +
  • @@ -34,4 +35,5 @@
    +
    \ No newline at end of file diff --git a/apps/documenteditor/main/app/view/FileMenu.js b/apps/documenteditor/main/app/view/FileMenu.js index 8bf3fdb57..7e5454e14 100644 --- a/apps/documenteditor/main/app/view/FileMenu.js +++ b/apps/documenteditor/main/app/view/FileMenu.js @@ -158,6 +158,17 @@ define([ dataHintOffset: [2, 14] }); + this.miPrintWithPreview = new Common.UI.MenuItem({ + el : $markup.elementById('#fm-btn-print-with-preview'), + action : 'printpreview', + caption : this.btnPrintCaption, + canFocused: false, + dataHint: 1, + dataHintDirection: 'left-top', + dataHintOffset: [2, 14], + dataHintTitle: 'P' + }); + this.miPrint = new Common.UI.MenuItem({ el : $markup.elementById('#fm-btn-print'), action : 'print', @@ -292,6 +303,7 @@ define([ this.miSaveCopyAs, this.miSaveAs, this.miPrint, + this.miPrintWithPreview, this.miRename, this.miProtect, this.miRecent, @@ -381,7 +393,8 @@ define([ this.miSaveAs[((this.mode.canDownload || this.mode.canDownloadOrigin) && this.mode.isDesktopApp && this.mode.isOffline)?'show':'hide'](); this.miSave[this.mode.isEdit && Common.UI.LayoutManager.isElementVisible('toolbar-file-save') ?'show':'hide'](); this.miEdit[!this.mode.isEdit && this.mode.canEdit && this.mode.canRequestEditRights ?'show':'hide'](); - this.miPrint[this.mode.canPrint?'show':'hide'](); + this.miPrint[this.mode.canPrint && !this.mode.canPreviewPrint ?'show':'hide'](); + this.miPrintWithPreview[this.mode.canPreviewPrint?'show':'hide'](); this.miRename[(this.mode.canRename && !this.mode.isDesktopApp) ?'show':'hide'](); this.miProtect[this.mode.canProtect ?'show':'hide'](); separatorVisible = (this.mode.canDownload || this.mode.canDownloadOrigin || this.mode.isEdit && Common.UI.LayoutManager.isElementVisible('toolbar-file-save') || this.mode.canPrint || this.mode.canProtect || @@ -463,6 +476,12 @@ define([ this.panels['help'].setLangConfig(this.mode.lang); } + if (this.mode.canPreviewPrint) { + var printPanel = DE.getController('Print').getView('PrintWithPreview'); + printPanel.menu = this; + !this.panels['printpreview'] && (this.panels['printpreview'] = printPanel.render(this.$el.find('#panel-print'))); + } + if ( Common.Controllers.Desktop.isActive() ) { $('
  • ').insertAfter($('#fm-btn-recent', this.$el)); this.items.push( diff --git a/apps/documenteditor/main/app/view/FileMenuPanels.js b/apps/documenteditor/main/app/view/FileMenuPanels.js index 23e81759b..881050d70 100644 --- a/apps/documenteditor/main/app/view/FileMenuPanels.js +++ b/apps/documenteditor/main/app/view/FileMenuPanels.js @@ -2329,4 +2329,338 @@ define([ }, DE.Views.FileMenuPanels.ProtectDoc || {})); + DE.Views.PrintWithPreview = Common.UI.BaseView.extend(_.extend({ + el: '#panel-print', + menu: undefined, + + template: _.template([ + '
    ', + '
    ', + '', + '
    ', + '', + '
    ' + ].join('')), + + initialize: function(options) { + Common.UI.BaseView.prototype.initialize.call(this,arguments); + + this.menu = options.menu; + + this._initSettings = true; + }, + + render: function(node) { + var me = this; + + var $markup = $(this.template({scope: this})); + + this.cmbRange = new Common.UI.ComboBox({ + el: $markup.findById('#print-combo-range'), + menuStyle: 'min-width: 248px;max-height: 280px;', + editable: false, + takeFocusOnClose: true, + cls: 'input-group-nr', + data: [ + { value: Asc.c_oAscPrintType.EntireWorkbook, displayValue: this.txtAllPages }, + { value: Asc.c_oAscPrintType.ActiveSheets, displayValue: this.txtCurrentPage }, + { value: -1, displayValue: this.txtCustomPages } + ], + dataHint: '2', + dataHintDirection: 'bottom', + dataHintOffset: 'big' + }); + + this.inputPages = new Common.UI.InputField({ + el: $markup.findById('#print-txt-pages'), + allowBlank: true, + validateOnChange: true, + validateOnBlur: false, + maskExp: /[0-9,\-]/, + dataHint: '2', + dataHintDirection: 'left', + dataHintOffset: 'small' + }); + + this.cmbPaperSize = new Common.UI.ComboBox({ + el: $markup.findById('#print-combo-pages'), + menuStyle: 'max-height: 280px; min-width: 248px;', + editable: false, + takeFocusOnClose: true, + cls: 'input-group-nr', + data: [ + { value: 0, displayValue:'US Letter (21,59cm x 27,94cm)', caption: 'US Letter', size: [215.9, 279.4]}, + { value: 1, displayValue:'US Legal (21,59cm x 35,56cm)', caption: 'US Legal', size: [215.9, 355.6]}, + { value: 2, displayValue:'A4 (21cm x 29,7cm)', caption: 'A4', size: [210, 297]}, + { value: 3, displayValue:'A5 (14,8cm x 21cm)', caption: 'A5', size: [148, 210]}, + { value: 4, displayValue:'B5 (17,6cm x 25cm)', caption: 'B5', size: [176, 250]}, + { value: 5, displayValue:'Envelope #10 (10,48cm x 24,13cm)', caption: 'Envelope #10', size: [104.8, 241.3]}, + { value: 6, displayValue:'Envelope DL (11cm x 22cm)', caption: 'Envelope DL', size: [110, 220]}, + { value: 7, displayValue:'Tabloid (27,94cm x 43,18cm)', caption: 'Tabloid', size: [279.4, 431.8]}, + { value: 8, displayValue:'A3 (29,7cm x 42cm)', caption: 'A3', size: [297, 420]}, + { value: 9, displayValue:'Tabloid Oversize (30,48cm x 45,71cm)', caption: 'Tabloid Oversize', size: [304.8, 457.1]}, + { value: 10, displayValue:'ROC 16K (19,68cm x 27,3cm)', caption: 'ROC 16K', size: [196.8, 273]}, + { value: 11, displayValue:'Envelope Choukei 3 (11,99cm x 23,49cm)', caption: 'Envelope Choukei 3', size: [119.9, 234.9]}, + { value: 12, displayValue:'Super B/A3 (33,02cm x 48,25cm)', caption: 'Super B/A3', size: [330.2, 482.5]}, + { value: 13, displayValue:'A4 (84,1cm x 118,9cm)', caption: 'A0', size: [841, 1189]}, + { value: 14, displayValue:'A4 (59,4cm x 84,1cm)', caption: 'A1', size: [594, 841]}, + { value: 16, displayValue:'A4 (42cm x 59,4cm)', caption: 'A2', size: [420, 594]}, + { value: 17, displayValue:'A4 (10,5cm x 14,8cm)', caption: 'A6', size: [105, 148]}, + { value: -1, displayValue: this.txtCustom, caption: this.txtCustom, size: []} + ], + dataHint: '2', + dataHintDirection: 'bottom', + dataHintOffset: 'big' + }); + + this.cmbPaperOrientation = new Common.UI.ComboBox({ + el : $markup.findById('#print-combo-orient'), + menuStyle : 'min-width: 150px;', + editable : false, + takeFocusOnClose: true, + cls : 'input-group-nr', + data : [ + { value: Asc.c_oAscPageOrientation.PagePortrait, displayValue: this.txtPortrait }, + { value: Asc.c_oAscPageOrientation.PageLandscape, displayValue: this.txtLandscape } + ], + dataHint: '2', + dataHintDirection: 'bottom', + dataHintOffset: 'big' + }); + + this.cmbPaperMargins = new Common.UI.ComboBox({ + el: $markup.findById('#print-combo-margins'), + menuStyle: 'max-height: 280px; min-width: 248px;', + editable: false, + takeFocusOnClose: true, + cls: 'input-group-nr', + data: [ + { value: 0, displayValue: this.textMarginsNormal, size: [20, 30, 20, 15]}, + { value: 1, displayValue: this.textMarginsUsNormal, size: [25.4, 25.4, 25.4, 25.4]}, + { value: 2, displayValue: this.textMarginsNarrow, size: [12.7, 12.7, 12.7, 12.7]}, + { value: 3, displayValue: this.textMarginsModerate, size: [25.4, 19.1, 25.4, 19.1]}, + { value: 4, displayValue: this.textMarginsWide, size: [25.4, 50.8, 25.4, 50.8]}, + { value: -1, displayValue: this.txtCustom, size: null} + ], + itemsTemplate: _.template([ + '<% _.each(items, function(item) { %>', + '
  • ', + '
    <%= scope.getDisplayValue(item) %>
    ', + '<% if (item.size !== null) { %>
    ' + + '' + + '
    ' + + '' + + '
    ' + + '<% } %>', + '<% }); %>' + ].join('')), + dataHint: '2', + dataHintDirection: 'bottom', + dataHintOffset: 'big' + }); + + this.pnlSettings = $markup.find('.flex-settings').addBack().filter('.flex-settings'); + this.pnlTable = $(this.pnlSettings.find('table')[0]); + this.trApply = $markup.find('.fms-btn-apply'); + + this.btnPrint = new Common.UI.Button({ + el: $markup.findById('#print-btn-print') + }); + this.btnPrintPdf = new Common.UI.Button({ + el: $markup.findById('#print-btn-print-pdf') + }); + + this.btnPrevPage = new Common.UI.Button({ + parentEl: $markup.findById('#print-prev-page'), + cls: 'btn-prev-page', + iconCls: 'arrow', + dataHint: '2', + dataHintDirection: 'top' + }); + + this.btnNextPage = new Common.UI.Button({ + parentEl: $markup.findById('#print-next-page'), + cls: 'btn-next-page', + iconCls: 'arrow', + dataHint: '2', + dataHintDirection: 'top' + }); + + this.countOfPages = $markup.findById('#print-count-page'); + + this.txtNumberPage = new Common.UI.InputField({ + el: $markup.findById('#print-number-page'), + allowBlank: true, + validateOnChange: true, + style: 'width: 50px;', + maskExp: /[0-9]/, + validation: function(value) { + if (/(^[0-9]+$)/.test(value)) { + value = parseInt(value); + if (undefined !== value && value > 0 && value <= me.pageCount) + return true; + } + + return me.txtPageNumInvalid; + }, + dataHint: '2', + dataHintDirection: 'left', + dataHintOffset: 'small' + }); + + this.$el = $(node).html($markup); + this.$previewBox = $('#print-preview-box'); + + if (_.isUndefined(this.scroller)) { + this.scroller = new Common.UI.Scroller({ + el: this.pnlSettings, + suppressScrollX: true, + alwaysVisibleY: true + }); + } + + Common.NotificationCenter.on({ + 'window:resize': function() { + me.isVisible() && me.updateScroller(); + } + }); + + this.updateMetricUnit(); + + this.fireEvent('render:after', this); + + return this; + }, + + show: function() { + Common.UI.BaseView.prototype.show.call(this,arguments); + if (this._initSettings) { + this.updateMetricUnit(); + this._initSettings = false; + } + this.updateScroller(); + this.fireEvent('show', this); + }, + + updateScroller: function() { + if (this.scroller) { + Common.UI.Menu.Manager.hideAll(); + var scrolled = this.$el.height()< this.pnlTable.height(); + this.pnlSettings.css('overflow', scrolled ? 'hidden' : 'visible'); + this.scroller.update(); + } + }, + + setMode: function(mode) { + this.mode = mode; + }, + + setApi: function(api) { + + }, + + updateMetricUnit: function() { + var store = this.cmbPaperSize.store; + for (var i=0; i86)); // if isChrome or isOpera == true use asc_onPrintUrl event + Common.NotificationCenter.trigger('file:print'); Common.component.Analytics.trackEvent('Print'); }, diff --git a/apps/presentationeditor/main/app/controller/Print.js b/apps/presentationeditor/main/app/controller/Print.js new file mode 100644 index 000000000..3f3938aa4 --- /dev/null +++ b/apps/presentationeditor/main/app/controller/Print.js @@ -0,0 +1,342 @@ +/* + * + * (c) Copyright Ascensio System SIA 2010-2022 + * + * This program is a free software product. You can redistribute it and/or + * modify it under the terms of the GNU Affero General Public License (AGPL) + * version 3 as published by the Free Software Foundation. In accordance with + * Section 7(a) of the GNU AGPL its Section 15 shall be amended to the effect + * that Ascensio System SIA expressly excludes the warranty of non-infringement + * of any third-party rights. + * + * This program is distributed WITHOUT ANY WARRANTY; without even the implied + * warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. For + * details, see the GNU AGPL at: http://www.gnu.org/licenses/agpl-3.0.html + * + * You can contact Ascensio System SIA at 20A-12 Ernesta Birznieka-Upisha + * street, Riga, Latvia, EU, LV-1050. + * + * The interactive user interfaces in modified source and object code versions + * of the Program must display Appropriate Legal Notices, as required under + * Section 5 of the GNU AGPL version 3. + * + * Pursuant to Section 7(b) of the License you must retain the original Product + * logo when distributing the program. Pursuant to Section 7(e) we decline to + * grant you any rights under trademark law for use of our trademarks. + * + * All the Product's GUI elements, including illustrations and icon sets, as + * well as technical writing content are licensed under the terms of the + * Creative Commons Attribution-ShareAlike 4.0 International. See the License + * terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode + * +*/ +define([ + 'core', + 'presentationeditor/main/app/view/FileMenuPanels' +], function () { + 'use strict'; + + PE.Controllers.Print = Backbone.Controller.extend(_.extend({ + views: [ + 'PrintWithPreview' + ], + + initialize: function() { + var value = Common.localStorage.getItem("pe-print-settings-range"); + value = (value!==null) ? parseInt(value) : Asc.c_oAscPrintType.ActiveSheets; + + this.adjPrintParams = new Asc.asc_CAdjustPrint(); + this.adjPrintParams.asc_setPrintType(value); + + this._state = {}; + + this._navigationPreview = { + pageCount: false, + currentPage: 0, + currentPreviewPage: 0 + }; + + this._isPreviewVisible = false; + + this.addListeners({ + 'PrintWithPreview': { + 'show': _.bind(this.onShowMainSettingsPrint, this), + 'render:after': _.bind(this.onAfterRender, this) + } + }); + }, + + onLaunch: function() { + this.printSettings = this.createView('PrintWithPreview'); + }, + + 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.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)); + this.printSettings.txtNumberPage.on({ + 'keypress:after': _.bind(this.onKeypressPageNumber, this), + 'keyup:after': _.bind(this.onKeyupPageNumber, this) + }); + this.printSettings.txtNumberPage.cmpEl.find('input').on('blur', _.bind(this.onBlurPageNumber, this)); + this.printSettings.cmbRange.on('selected', _.bind(this.comboRangeChange, this)); + this.printSettings.inputPages.on('changing', _.bind(this.inputPagesChanging, this)); + this.printSettings.inputPages.validation = function(value) { + if (!_.isEmpty(value) && /[0-9,\-]/.test(value)) { + var res = [], + arr = value.split(','); + for (var i=0; i1) // more than 1 symbol '-' + return me.txtPrintRangeInvalid; + if (!str) {// one number + var num = parseInt(item)-1; + (num>=0) && res.push(num); + } else { // range + var pages = item.split('-'), + start = (pages[0] ? parseInt(pages[0])-1 : 0), + end = (pages[1] ? parseInt(pages[1])-1 : me._navigationPreview.pageCount-1); + if (start>end) { + var num = start; + start = end; + end = num; + } + for (var j=start; j<=end; j++) { + (j>=0) && res.push(j); + } + } + } + if (res.length>0) { + // me.adjPrintParams.asc_setPages(res); + return true; + } + } + + return me.txtPrintRangeInvalid; + }; + + Common.NotificationCenter.on('window:resize', _.bind(function () { + if (this._isPreviewVisible) { + this.api.asc_drawPrintPreview(this._navigationPreview.currentPreviewPage); + } + }, this)); + + var eventname = (/Firefox/i.test(navigator.userAgent))? 'DOMMouseScroll' : 'mousewheel'; + this.printSettings.$previewBox.on(eventname, _.bind(this.onPreviewWheel, this)); + + this.fillPrintOptions(); + }, + + setMode: function (mode) { + this.mode = mode; + this.printSettings && this.printSettings.setMode(mode); + }, + + setApi: function(o) { + this.api = o; + this.api.asc_registerCallback('asc_onCountPages', _.bind(this.onCountPages, this)); + this.api.asc_registerCallback('asc_onCurrentPage', _.bind(this.onCurrentPage, this)); + + return this; + }, + + fillPrintOptions: function(props) { + // fill page numbers, copies, collated + var panel = this.printSettings; + panel.cmbRange.setValue(this.adjPrintParams.asc_getPrintType()); + panel.inputPages.setValue(''); // pages numbers + }, + + comboRangeChange: function(combo, record) { + if (record.value === -1) { + var me = this; + setTimeout(function(){ + me.printSettings.inputPages.focus(); + }, 50); + // this.adjPrintParams.asc_setPrintType(record.value) + } else { + this.printSettings.inputPages.setValue(''); + this.adjPrintParams.asc_setPrintType(record.value) + } + this.printSettings.inputPages.showError(); + }, + + onCountPages: function(count) { + this._navigationPreview.pageCount = count; + + if (this.printSettings.isVisible()) { + this.printSettings.$previewBox.toggleClass('hidden', !this._navigationPreview.pageCount); + this.printSettings.$previewEmpty.toggleClass('hidden', !!this._navigationPreview.pageCount); + } + if (!!this._navigationPreview.pageCount) { + if (this._navigationPreview.currentPreviewPage > count - 1) + this._navigationPreview.currentPreviewPage = Math.max(0, count - 1); + if (this.printSettings.isVisible()) { + this.api.asc_drawPrintPreview(this._navigationPreview.currentPreviewPage); + this.updateNavigationButtons(this._navigationPreview.currentPreviewPage, count); + } + } + }, + + onCurrentPage: function(number) { + this._navigationPreview.currentPreviewPage = number; + if (this.printSettings.isVisible()) { + this.api.asc_drawPrintPreview(this._navigationPreview.currentPreviewPage); + this.updateNavigationButtons(this._navigationPreview.currentPreviewPage, this._navigationPreview.pageCount); + } + }, + + onShowMainSettingsPrint: function() { + var me = this; + this.printSettings.$previewBox.removeClass('hidden'); + + var opts = new Asc.asc_CDownloadOptions(null, Common.Utils.isChrome || Common.Utils.isOpera || Common.Utils.isGecko && Common.Utils.firefoxVersion>86); + opts.asc_setAdvancedOptions(this.adjPrintParams); + this.api.asc_initPrintPreview('print-preview', opts); + + this.printSettings.$previewBox.toggleClass('hidden', !this._navigationPreview.pageCount); + this.printSettings.$previewEmpty.toggleClass('hidden', !!this._navigationPreview.pageCount); + if (!!this._navigationPreview.pageCount) { + this._navigationPreview.currentPreviewPage = this._navigationPreview.currentPage = this.api.getCurrentPage(); + this.api.asc_drawPrintPreview(this._navigationPreview.currentPreviewPage); + this.updateNavigationButtons(this._navigationPreview.currentPreviewPage, this._navigationPreview.pageCount); + this.SetDisabled(); + } + this._isPreviewVisible = true; + }, + + getPrintParams: function() { + return this.adjPrintParams; + }, + + onHidePrintMenu: function () { + if (this._isPreviewVisible) { + this.api.asc_closePrintPreview && this.api.asc_closePrintPreview(this._isPrint); + this._isPreviewVisible = false; + } + }, + + onChangePreviewPage: function (next) { + var index = this._navigationPreview.currentPreviewPage; + if (next) { + index++; + index = Math.min(index, this._navigationPreview.pageCount - 1); + } else { + index--; + index = Math.max(index, 0); + } + this.api.goToPage(index); + }, + + onKeypressPageNumber: function (input, e) { + if (e.keyCode === Common.UI.Keys.RETURN) { + var box = this.printSettings.$el.find('#print-number-page'), + edit = box.find('input[type=text]'), page = parseInt(edit.val()); + if (!page || page > this._navigationPreview.pageCount || page < 0) { + edit.select(); + this.printSettings.txtNumberPage.setValue(this._navigationPreview.currentPreviewPage + 1); + this.printSettings.txtNumberPage.checkValidate(); + return false; + } + + box.focus(); // for IE + + this.api.goToPage(page-1); + this.api.asc_enableKeyEvents(true); + return false; + } + }, + + onKeyupPageNumber: function (input, e) { + if (e.keyCode === Common.UI.Keys.ESC) { + var box = this.printSettings.$el.find('#print-number-page'); + box.focus(); // for IE + this.api.asc_enableKeyEvents(true); + return false; + } + }, + + onBlurPageNumber: function () { + if (this.printSettings.txtNumberPage.getValue() != this._navigationPreview.currentPreviewPage + 1) { + this.printSettings.txtNumberPage.setValue(this._navigationPreview.currentPreviewPage + 1); + this.printSettings.txtNumberPage.checkValidate(); + } + }, + + onPreviewWheel: function (e) { + if (e.ctrlKey) { + e.preventDefault(); + e.stopImmediatePropagation(); + } + var forward = (e.deltaY || (e.detail && -e.detail) || e.wheelDelta) < 0; + this.onChangePreviewPage(forward); + }, + + updateNavigationButtons: function (page, count) { + this._navigationPreview.currentPage = page; + this.printSettings.updateCurrentPage(page); + this._navigationPreview.pageCount = count; + this.printSettings.updateCountOfPages(count); + this.disableNavButtons(); + }, + + disableNavButtons: function (force) { + if (force) { + this.printSettings.btnPrevPage.setDisabled(true); + this.printSettings.btnNextPage.setDisabled(true); + return; + } + var curPage = this._navigationPreview.currentPage, + pageCount = this._navigationPreview.pageCount; + this.printSettings.btnPrevPage.setDisabled(curPage < 1); + this.printSettings.btnNextPage.setDisabled(curPage > pageCount - 2); + }, + + onBtnPrint: function(print) { + if (this.printSettings.cmbRange.getValue()===-1 && this.printSettings.inputPages.checkValidate() !== true) { + this.printSettings.inputPages.focus(); + this.isInputFirstChange = true; + return; + } + if (this._navigationPreview.pageCount<1) + return; + + this._isPrint = print; + if ( print ) { + var opts = new Asc.asc_CDownloadOptions(null, Common.Utils.isChrome || Common.Utils.isOpera || Common.Utils.isGecko && Common.Utils.firefoxVersion>86); + opts.asc_setAdvancedOptions(this.adjPrintParams); + this.api.asc_Print(opts); + this._isPrint = false; + } else { + var opts = new Asc.asc_CDownloadOptions(Asc.c_oAscFileType.PDF); + opts.asc_setAdvancedOptions(this.adjPrintParams); + this.api.asc_DownloadAs(opts); + } + this.printSettings.menu.hide(); + }, + + inputPagesChanging: function (input, value) { + this.isInputFirstChange && this.printSettings.inputPages.showError(); + this.isInputFirstChange = false; + + if (value.length<1) + this.printSettings.cmbRange.setValue(Asc.c_oAscPrintType.EntireWorkbook); + else if (this.printSettings.cmbRange.getValue()!==-1) + this.printSettings.cmbRange.setValue(-1); + }, + + SetDisabled: function() { + if (this.printSettings.isVisible()) { + var disable = !this.mode.isEdit; + } + }, + + txtPrintRangeInvalid: 'Invalid print range' + }, PE.Controllers.Print || {})); +}); \ No newline at end of file diff --git a/apps/presentationeditor/main/app/controller/Toolbar.js b/apps/presentationeditor/main/app/controller/Toolbar.js index 917fb1299..121084f53 100644 --- a/apps/presentationeditor/main/app/controller/Toolbar.js +++ b/apps/presentationeditor/main/app/controller/Toolbar.js @@ -1061,9 +1061,7 @@ define([ }, onPrint: function(e) { - if (this.api) - this.api.asc_Print(new Asc.asc_CDownloadOptions(null, Common.Utils.isChrome || Common.Utils.isOpera || Common.Utils.isGecko && Common.Utils.firefoxVersion>86)); // if isChrome or isOpera == true use asc_onPrintUrl event - + Common.NotificationCenter.trigger('file:print', this.toolbar); Common.NotificationCenter.trigger('edit:complete', this.toolbar); Common.component.Analytics.trackEvent('Print'); diff --git a/apps/presentationeditor/main/app/template/FileMenu.template b/apps/presentationeditor/main/app/template/FileMenu.template index 3ad620221..ba1e7d69d 100644 --- a/apps/presentationeditor/main/app/template/FileMenu.template +++ b/apps/presentationeditor/main/app/template/FileMenu.template @@ -8,6 +8,7 @@
  • +
  • @@ -34,4 +35,5 @@
    +
    \ No newline at end of file diff --git a/apps/presentationeditor/main/app/view/FileMenu.js b/apps/presentationeditor/main/app/view/FileMenu.js index eda4f9afa..089618d55 100644 --- a/apps/presentationeditor/main/app/view/FileMenu.js +++ b/apps/presentationeditor/main/app/view/FileMenu.js @@ -171,6 +171,17 @@ define([ dataHintTitle: 'P' }); + this.miPrintWithPreview = new Common.UI.MenuItem({ + el : $markup.elementById('#fm-btn-print-with-preview'), + action : 'printpreview', + caption : this.btnPrintCaption, + canFocused: false, + dataHint: 1, + dataHintDirection: 'left-top', + dataHintOffset: [2, 14], + dataHintTitle: 'P' + }); + this.miRename = new Common.UI.MenuItem({ el : $markup.elementById('#fm-btn-rename'), action : 'rename', @@ -292,6 +303,7 @@ define([ this.miSaveCopyAs, this.miSaveAs, this.miPrint, + this.miPrintWithPreview, this.miRename, this.miProtect, this.miRecent, @@ -381,7 +393,8 @@ define([ this.miSaveAs[(this.mode.canDownload && this.mode.isDesktopApp && this.mode.isOffline)?'show':'hide'](); this.miSave[this.mode.isEdit && Common.UI.LayoutManager.isElementVisible('toolbar-file-save') ?'show':'hide'](); this.miEdit[!this.mode.isEdit && this.mode.canEdit && this.mode.canRequestEditRights ?'show':'hide'](); - this.miPrint[this.mode.canPrint?'show':'hide'](); + this.miPrint[this.mode.canPrint && !this.mode.canPreviewPrint ?'show':'hide'](); + this.miPrintWithPreview[this.mode.canPreviewPrint?'show':'hide'](); this.miRename[(this.mode.canRename && !this.mode.isDesktopApp) ?'show':'hide'](); this.miProtect[this.mode.canProtect ?'show':'hide'](); separatorVisible = (this.mode.canDownload || this.mode.isEdit && Common.UI.LayoutManager.isElementVisible('toolbar-file-save') || this.mode.canPrint || this.mode.canProtect || @@ -462,6 +475,12 @@ define([ this.panels['help'].setLangConfig(this.mode.lang); } + if (this.mode.canPreviewPrint) { + var printPanel = PE.getController('Print').getView('PrintWithPreview'); + printPanel.menu = this; + !this.panels['printpreview'] && (this.panels['printpreview'] = printPanel.render(this.$el.find('#panel-print'))); + } + if ( Common.Controllers.Desktop.isActive() ) { $('
  • ').insertAfter($('#fm-btn-recent', this.$el)); this.items.push( diff --git a/apps/presentationeditor/main/app/view/FileMenuPanels.js b/apps/presentationeditor/main/app/view/FileMenuPanels.js index 662166101..f02b56ff3 100644 --- a/apps/presentationeditor/main/app/view/FileMenuPanels.js +++ b/apps/presentationeditor/main/app/view/FileMenuPanels.js @@ -1821,4 +1821,220 @@ define([ }, PE.Views.FileMenuPanels.ProtectDoc || {})); + PE.Views.PrintWithPreview = Common.UI.BaseView.extend(_.extend({ + el: '#panel-print', + menu: undefined, + + template: _.template([ + '
    ', + '
    ', + '', + '
    ', + '', + '', + '
    ' + ].join('')), + + initialize: function(options) { + Common.UI.BaseView.prototype.initialize.call(this,arguments); + + this.menu = options.menu; + }, + + render: function(node) { + var me = this; + + var $markup = $(this.template({scope: this})); + + this.cmbRange = new Common.UI.ComboBox({ + el: $markup.findById('#print-combo-range'), + menuStyle: 'min-width: 248px;max-height: 280px;', + editable: false, + takeFocusOnClose: true, + cls: 'input-group-nr', + data: [ + { value: Asc.c_oAscPrintType.EntireWorkbook, displayValue: this.txtAllPages }, + { value: Asc.c_oAscPrintType.ActiveSheets, displayValue: this.txtCurrentPage }, + { value: -1, displayValue: this.txtCustomPages } + ], + dataHint: '2', + dataHintDirection: 'bottom', + dataHintOffset: 'big' + }); + + this.inputPages = new Common.UI.InputField({ + el: $markup.findById('#print-txt-pages'), + allowBlank: true, + validateOnChange: true, + validateOnBlur: false, + maskExp: /[0-9,\-]/, + dataHint: '2', + dataHintDirection: 'left', + dataHintOffset: 'small' + }); + + this.pnlSettings = $markup.find('.flex-settings').addBack().filter('.flex-settings'); + this.pnlTable = $(this.pnlSettings.find('table')[0]); + this.trApply = $markup.find('.fms-btn-apply'); + + this.btnPrint = new Common.UI.Button({ + el: $markup.findById('#print-btn-print') + }); + this.btnPrintPdf = new Common.UI.Button({ + el: $markup.findById('#print-btn-print-pdf') + }); + + this.btnPrevPage = new Common.UI.Button({ + parentEl: $markup.findById('#print-prev-page'), + cls: 'btn-prev-page', + iconCls: 'arrow', + dataHint: '2', + dataHintDirection: 'top' + }); + + this.btnNextPage = new Common.UI.Button({ + parentEl: $markup.findById('#print-next-page'), + cls: 'btn-next-page', + iconCls: 'arrow', + dataHint: '2', + dataHintDirection: 'top' + }); + + this.countOfPages = $markup.findById('#print-count-page'); + + this.txtNumberPage = new Common.UI.InputField({ + el: $markup.findById('#print-number-page'), + allowBlank: true, + validateOnChange: true, + style: 'width: 50px;', + maskExp: /[0-9]/, + validation: function(value) { + if (/(^[0-9]+$)/.test(value)) { + value = parseInt(value); + if (undefined !== value && value > 0 && value <= me.pageCount) + return true; + } + + return me.txtPageNumInvalid; + }, + dataHint: '2', + dataHintDirection: 'left', + dataHintOffset: 'small' + }); + + this.$el = $(node).html($markup); + this.$previewBox = $('#print-preview-box'); + this.$previewEmpty = $('#print-preview-empty'); + + if (_.isUndefined(this.scroller)) { + this.scroller = new Common.UI.Scroller({ + el: this.pnlSettings, + suppressScrollX: true, + alwaysVisibleY: true + }); + } + + Common.NotificationCenter.on({ + 'window:resize': function() { + me.isVisible() && me.updateScroller(); + } + }); + + this.fireEvent('render:after', this); + + return this; + }, + + show: function() { + Common.UI.BaseView.prototype.show.call(this,arguments); + this.updateScroller(); + this.fireEvent('show', this); + }, + + updateScroller: function() { + if (this.scroller) { + Common.UI.Menu.Manager.hideAll(); + var scrolled = this.$el.height()< this.pnlTable.height(); + this.pnlSettings.css('overflow', scrolled ? 'hidden' : 'visible'); + this.scroller.update(); + } + }, + + setMode: function(mode) { + this.mode = mode; + }, + + setApi: function(api) { + + }, + + isVisible: function() { + return (this.$el || $(this.el)).is(":visible"); + }, + + setRange: function(value) { + this.cmbRange.setValue(value); + }, + + getRange: function() { + return this.cmbRange.getValue(); + }, + + updateCountOfPages: function (count) { + this.countOfPages.text( + Common.Utils.String.format(this.txtOf, count) + ); + this.pageCount = count; + }, + + updateCurrentPage: function (index) { + this.txtNumberPage.setValue(index + 1); + }, + + txtPrint: 'Print', + txtPrintPdf: 'Print to PDF', + txtPrintRange: 'Print range', + txtCurrentPage: 'Current slide', + txtAllPages: 'All slides', + txtCustomPages: 'Custom print', + txtPage: 'Slide', + txtOf: 'of {0}', + txtPageNumInvalid: 'Slide number invalid', + txtEmptyTable: 'There is nothing to print because the presentation is empty', + txtPages: 'Slides' + + }, PE.Views.PrintWithPreview || {})); }); diff --git a/apps/presentationeditor/main/app_dev.js b/apps/presentationeditor/main/app_dev.js index 8d7c9c55e..f22a6e1f0 100644 --- a/apps/presentationeditor/main/app_dev.js +++ b/apps/presentationeditor/main/app_dev.js @@ -143,6 +143,7 @@ require([ 'Main', 'ViewTab', 'Search', + 'Print', 'Common.Controllers.Fonts', 'Common.Controllers.History' /** coauthoring begin **/ @@ -173,6 +174,7 @@ require([ 'presentationeditor/main/app/controller/Main', 'presentationeditor/main/app/controller/ViewTab', 'presentationeditor/main/app/controller/Search', + 'presentationeditor/main/app/controller/Print', 'presentationeditor/main/app/view/FileMenuPanels', 'presentationeditor/main/app/view/ParagraphSettings', 'presentationeditor/main/app/view/ImageSettings', diff --git a/apps/presentationeditor/main/resources/less/leftmenu.less b/apps/presentationeditor/main/resources/less/leftmenu.less index e852e3cc8..0bfa96c29 100644 --- a/apps/presentationeditor/main/resources/less/leftmenu.less +++ b/apps/presentationeditor/main/resources/less/leftmenu.less @@ -519,6 +519,128 @@ } } } + + #panel-print { + padding: 0; + #print-preview-empty { + padding: 14px; + color: @text-tertiary-ie; + color: @text-tertiary; + + position: absolute; + left: 280px; + top: 0; + right: 0; + bottom: 0; + display: flex; + justify-content: center; + align-items: center; + + div { + text-align: center; + } + } + #id-print-settings { + position: absolute; + width:280px; + top: 0; + bottom: 0; + } + .print-settings { + width: 100%; + height: 100%; + overflow: hidden; + display: flex; + flex-direction: column; + border-right: @scaled-one-px-value-ie solid @border-toolbar-ie; + border-right: @scaled-one-px-value solid @border-toolbar; + label.header { + font-weight: 700; + } + .footer { + .btn.primary { + margin-right: 8px; + } + } + .settings-container { + width: 100%; + height: 100%; + overflow: hidden; + padding: 12px 16px; + .padding-small { + padding-bottom: 8px; + } + .padding-large { + padding-bottom: 16px; + } + + #print-apply-all { + margin-top: 5px; + } + .link { + margin-top: 9px; + } + .footer { + margin-top: 24px; + } + } + } + #print-navigation { + height: 50px; + padding-left: 20px; + padding-top: 10px; + display: flex; + .btn-prev-page, .btn-next-page { + background-color: transparent; + padding: 0; + height: 20px; + width: 20px; + i.arrow { + display: inline-block; + width: 10px; + height: 10px; + + border: solid @scaled-one-px-value-ie @icon-normal-ie; + border: solid @scaled-one-px-value @icon-normal; + border-bottom: none; + border-right: none; + } + &.disabled { + opacity: @component-disabled-opacity; + } + + &:hover:not(:disabled):not(.disabled) { + background-color: @highlight-button-hover-ie; + background-color: @highlight-button-hover; + } + } + .btn-prev-page { + i { + transform: rotate(-45deg) translate(-1px, 3px); + } + } + .btn-next-page { + i { + transform: rotate(135deg) translate(4px, 0px); + } + } + .page-number { + display: flex; + align-items: center; + height: 20px; + margin-left: 10px; + label { + .font-weight-bold(); + } + #print-count-page, #print-number-page { + margin-left: 4px; + } + } + } + #print-preview { + height: calc(100% - 50px); + } + } } }