From 9375a202fec465bf7e0cd6fe94821691bfa1fb52 Mon Sep 17 00:00:00 2001 From: Julia Radzhabova Date: Fri, 29 Jun 2018 10:55:05 +0300 Subject: [PATCH] [SSE] Add custom page margins --- .../main/app/controller/Toolbar.js | 58 ++--- .../main/app/view/PageMarginsDialog.js | 209 ++++++++++++++++++ 2 files changed, 240 insertions(+), 27 deletions(-) create mode 100644 apps/spreadsheeteditor/main/app/view/PageMarginsDialog.js diff --git a/apps/spreadsheeteditor/main/app/controller/Toolbar.js b/apps/spreadsheeteditor/main/app/controller/Toolbar.js index 17bf38741..9172c498d 100644 --- a/apps/spreadsheeteditor/main/app/controller/Toolbar.js +++ b/apps/spreadsheeteditor/main/app/controller/Toolbar.js @@ -52,7 +52,8 @@ define([ 'spreadsheeteditor/main/app/view/NamedRangeEditDlg', 'spreadsheeteditor/main/app/view/NamedRangePasteDlg', 'spreadsheeteditor/main/app/view/NameManagerDlg', - 'spreadsheeteditor/main/app/view/FormatSettingsDialog' + 'spreadsheeteditor/main/app/view/FormatSettingsDialog', + 'spreadsheeteditor/main/app/view/PageMarginsDialog' ], function () { 'use strict'; SSE.Controllers.Toolbar = Backbone.Controller.extend(_.extend({ @@ -3151,7 +3152,7 @@ define([ // opt.asc_setHeight(item.value[1]); // props.asc_setPageSetup(opt); // this.api.asc_setPageOptions(props, this.api.asc_getActiveWorksheetIndex()); - + Common.NotificationCenter.trigger('page:settings'); Common.component.Analytics.trackEvent('ToolBar', 'Page Size'); } @@ -3171,32 +3172,34 @@ define([ // // props.asc_setPageMargins(opt); // this.api.asc_setPageOptions(props, this.api.asc_getActiveWorksheetIndex()); + Common.NotificationCenter.trigger('page:settings'); } else { - // var win, props, - // me = this; - // win = new SSE.Views.PageMarginsDialog({ - // 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("sse-pgmargins-top", props.asc_getTop()); - // Common.localStorage.setItem("sse-pgmargins-left", props.asc_getLeft()); - // Common.localStorage.setItem("sse-pgmargins-bottom", props.asc_getBottom()); - // Common.localStorage.setItem("sse-pgmargins-right", props.asc_getRight()); - // - // var pageProps = new Asc.asc_CPageOptions(), - // pageProps.asc_setPageMargins(props); - // me.api.asc_setPageOptions(pageProps, me.api.asc_getActiveWorksheetIndex()); - // Common.NotificationCenter.trigger('edit:complete', me.toolbar); - // } - // } - // }); - // win.show(); - // win.setSettings(me.api.asc_getPageOptions(me.api.asc_getActiveWorksheetIndex())); + var win, props, + me = this; + win = new SSE.Views.PageMarginsDialog({ + 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.asc_getTop(), props.asc_getLeft(), props.asc_getBottom(), props.asc_getRight()]; + $(mnu.el).html(mnu.template({id: Common.UI.getId(), caption : mnu.caption, options : mnu.options})); + Common.localStorage.setItem("sse-pgmargins-top", props.asc_getTop()); + Common.localStorage.setItem("sse-pgmargins-left", props.asc_getLeft()); + Common.localStorage.setItem("sse-pgmargins-bottom", props.asc_getBottom()); + Common.localStorage.setItem("sse-pgmargins-right", props.asc_getRight()); + + // var pageProps = new Asc.asc_CPageOptions(); + // pageProps.asc_setPageMargins(props); + // me.api.asc_setPageOptions(pageProps, me.api.asc_getActiveWorksheetIndex()); + Common.NotificationCenter.trigger('page:settings'); + Common.NotificationCenter.trigger('edit:complete', me.toolbar); + } + } + }); + win.show(); + win.setSettings(me.api.asc_getPageOptions(me.api.asc_getActiveWorksheetIndex())); } Common.component.Analytics.trackEvent('ToolBar', 'Page Margins'); @@ -3213,6 +3216,7 @@ define([ // opt.asc_setOrientation(item.value); // props.asc_setPageSetup(opt); // this.api.asc_setPageOptions(props, this.api.asc_getActiveWorksheetIndex()); + Common.NotificationCenter.trigger('page:settings'); } Common.NotificationCenter.trigger('edit:complete', this.toolbar); diff --git a/apps/spreadsheeteditor/main/app/view/PageMarginsDialog.js b/apps/spreadsheeteditor/main/app/view/PageMarginsDialog.js new file mode 100644 index 000000000..c1965e8fa --- /dev/null +++ b/apps/spreadsheeteditor/main/app/view/PageMarginsDialog.js @@ -0,0 +1,209 @@ +/* + * + * (c) Copyright Ascensio System Limited 2010-2018 + * + * 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 Lubanas st. 125a-25, Riga, Latvia, + * EU, LV-1021. + * + * 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 + * +*/ +/** + * PageMarginsDialog.js + * + * Created by Julia Radzhabova on 06/29/18 + * Copyright (c) 2018 Ascensio System SIA. All rights reserved. + * + */ + +define([ + 'common/main/lib/component/Window', + 'common/main/lib/component/MetricSpinner' +], function () { 'use strict'; + + SSE.Views.PageMarginsDialog = Common.UI.Window.extend(_.extend({ + options: { + width: 215, + header: true, + style: 'min-width: 216px;', + cls: 'modal-dlg', + id: 'window-page-margins' + }, + + initialize : function(options) { + _.extend(this.options, { + title: this.textTitle + }, options || {}); + + this.template = [ + '
', + '', + '', + '', + '', + '', + '', + '', + '', + '', + '
', + '', + '
', + '		', + '', + '
', + '
', + '', + '
', + '		', + '', + '
', + '
', + '
', + '
', + '
', + '', + '', + '
' + ].join(''); + + this.options.tpl = _.template(this.template)(this.options); + + this.spinners = []; + this._noApply = false; + this.maxMarginsW = this.maxMarginsH = 0; + + Common.UI.Window.prototype.initialize.call(this, this.options); + }, + + render: function() { + Common.UI.Window.prototype.render.call(this); + + this.spnTop = new Common.UI.MetricSpinner({ + el: $('#page-margins-spin-top'), + step: .1, + width: 86, + defaultUnit : "cm", + value: '0', + maxValue: 48.25, + minValue: 0 + }); + this.spinners.push(this.spnTop); + + this.spnBottom = new Common.UI.MetricSpinner({ + el: $('#page-margins-spin-bottom'), + step: .1, + width: 86, + defaultUnit : "cm", + value: '0', + maxValue: 48.25, + minValue: 0 + }); + this.spinners.push(this.spnBottom); + + this.spnLeft = new Common.UI.MetricSpinner({ + el: $('#page-margins-spin-left'), + step: .1, + width: 86, + defaultUnit : "cm", + value: '0.19 cm', + maxValue: 48.25, + minValue: 0 + }); + this.spinners.push(this.spnLeft); + + this.spnRight = new Common.UI.MetricSpinner({ + el: $('#page-margins-spin-right'), + step: .1, + width: 86, + defaultUnit : "cm", + value: '0.19 cm', + maxValue: 48.25, + minValue: 0 + }); + this.spinners.push(this.spnRight); + + var $window = this.getChild(); + $window.find('.dlg-btn').on('click', _.bind(this.onBtnClick, this)); + $window.find('input').on('keypress', _.bind(this.onKeyPress, this)); + + this.updateMetricUnit(); + }, + + _handleInput: function(state) { + if (this.options.handler) + this.options.handler.call(this, this, state); + + this.close(); + }, + + onBtnClick: function(event) { + this._handleInput(event.currentTarget.attributes['result'].value); + }, + + onKeyPress: function(event) { + if (event.keyCode == Common.UI.Keys.RETURN) { + this._handleInput('ok'); + } + }, + + setSettings: function (props) { + if (props) { + var margins = props.asc_getPageMargins(); + + this.spnTop.setValue(Common.Utils.Metric.fnRecalcFromMM(margins.asc_getTop()), true); + this.spnBottom.setValue(Common.Utils.Metric.fnRecalcFromMM(margins.asc_getBottom()), true); + this.spnLeft.setValue(Common.Utils.Metric.fnRecalcFromMM(margins.asc_getLeft()), true); + this.spnRight.setValue(Common.Utils.Metric.fnRecalcFromMM(margins.asc_getRight()), true); + } + }, + + getSettings: function() { + var props = new Asc.asc_CPageMargins(); + props.asc_setTop(Common.Utils.Metric.fnRecalcToMM(this.spnTop.getNumberValue())); + props.asc_setBottom(Common.Utils.Metric.fnRecalcToMM(this.spnBottom.getNumberValue())); + props.asc_setLeft(Common.Utils.Metric.fnRecalcToMM(this.spnLeft.getNumberValue())); + props.asc_setRight(Common.Utils.Metric.fnRecalcToMM(this.spnRight.getNumberValue())); + return props; + }, + + updateMetricUnit: function() { + if (this.spinners) { + for (var i=0; i