From 9a1f564f1afd804176016f49605a7cdd90466999 Mon Sep 17 00:00:00 2001
From: Julia Radzhabova <Julia.Radzhabova@onlyoffice.com>
Date: Fri, 15 Feb 2019 16:39:39 +0300
Subject: [PATCH] [DE Mobile] Add header/footer settings
---
apps/documenteditor/mobile/app-dev.js | 2 +
apps/documenteditor/mobile/app.js | 2 +
.../app/controller/edit/EditContainer.js | 18 +-
.../mobile/app/controller/edit/EditHeader.js | 194 ++++++++++++++++++
.../mobile/app/template/EditHeader.template | 79 +++++++
.../mobile/app/view/edit/EditHeader.js | 120 +++++++++++
apps/documenteditor/mobile/locale/en.json | 8 +
7 files changed, 420 insertions(+), 3 deletions(-)
create mode 100644 apps/documenteditor/mobile/app/controller/edit/EditHeader.js
create mode 100644 apps/documenteditor/mobile/app/template/EditHeader.template
create mode 100644 apps/documenteditor/mobile/app/view/edit/EditHeader.js
diff --git a/apps/documenteditor/mobile/app-dev.js b/apps/documenteditor/mobile/app-dev.js
index 3ba2a554d..653bd9b8c 100644
--- a/apps/documenteditor/mobile/app-dev.js
+++ b/apps/documenteditor/mobile/app-dev.js
@@ -139,6 +139,7 @@ require([
'EditContainer',
'EditText',
'EditParagraph',
+ 'EditHeader',
'EditTable',
'EditImage',
'EditShape',
@@ -207,6 +208,7 @@ require([
'documenteditor/mobile/app/controller/edit/EditContainer',
'documenteditor/mobile/app/controller/edit/EditText',
'documenteditor/mobile/app/controller/edit/EditParagraph',
+ 'documenteditor/mobile/app/controller/edit/EditHeader',
'documenteditor/mobile/app/controller/edit/EditTable',
'documenteditor/mobile/app/controller/edit/EditImage',
'documenteditor/mobile/app/controller/edit/EditShape',
diff --git a/apps/documenteditor/mobile/app.js b/apps/documenteditor/mobile/app.js
index 249ffe259..b0a424f65 100644
--- a/apps/documenteditor/mobile/app.js
+++ b/apps/documenteditor/mobile/app.js
@@ -150,6 +150,7 @@ require([
'EditContainer',
'EditText',
'EditParagraph',
+ 'EditHeader',
'EditTable',
'EditImage',
'EditShape',
@@ -218,6 +219,7 @@ require([
'documenteditor/mobile/app/controller/edit/EditContainer',
'documenteditor/mobile/app/controller/edit/EditText',
'documenteditor/mobile/app/controller/edit/EditParagraph',
+ 'documenteditor/mobile/app/controller/edit/EditHeader',
'documenteditor/mobile/app/controller/edit/EditTable',
'documenteditor/mobile/app/controller/edit/EditImage',
'documenteditor/mobile/app/controller/edit/EditShape',
diff --git a/apps/documenteditor/mobile/app/controller/edit/EditContainer.js b/apps/documenteditor/mobile/app/controller/edit/EditContainer.js
index 00f5da90e..e9196532d 100644
--- a/apps/documenteditor/mobile/app/controller/edit/EditContainer.js
+++ b/apps/documenteditor/mobile/app/controller/edit/EditContainer.js
@@ -49,7 +49,8 @@ define([
DE.Controllers.EditContainer = Backbone.Controller.extend(_.extend((function() {
// Private
- var _settings = [];
+ var _settings = [],
+ _headerType = 1;
return {
models: [],
@@ -135,6 +136,13 @@ define([
layout: DE.getController('EditTable').getView('EditTable').rootLayout()
})
}
+ if (_.contains(_settings, 'header')) {
+ editors.push({
+ caption: _headerType==2 ? me.textFooter : me.textHeader,
+ id: 'edit-header',
+ layout: DE.getController('EditHeader').getView('EditHeader').rootLayout()
+ })
+ }
if (_.contains(_settings, 'shape')) {
editors.push({
caption: me.textShape,
@@ -360,6 +368,9 @@ define([
}
} else if (Asc.c_oAscTypeSelectElement.Hyperlink == type) {
_settings.push('hyperlink');
+ } else if (Asc.c_oAscTypeSelectElement.Header == type) {
+ _settings.push('header');
+ _headerType = object.get_ObjectValue().get_Type();
}
});
@@ -378,8 +389,9 @@ define([
textShape: 'Shape',
textImage: 'Image',
textChart: 'Chart',
- textHyperlink: 'Hyperlink'
-
+ textHyperlink: 'Hyperlink',
+ textHeader: 'Header',
+ textFooter: 'Footer'
}
})(), DE.Controllers.EditContainer || {}))
});
\ No newline at end of file
diff --git a/apps/documenteditor/mobile/app/controller/edit/EditHeader.js b/apps/documenteditor/mobile/app/controller/edit/EditHeader.js
new file mode 100644
index 000000000..3a87c31f9
--- /dev/null
+++ b/apps/documenteditor/mobile/app/controller/edit/EditHeader.js
@@ -0,0 +1,194 @@
+/*
+ *
+ * (c) Copyright Ascensio System SIA 2010-2019
+ *
+ * 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
+ *
+ */
+
+/**
+ * EditHeader.js
+ * Document Editor
+ *
+ * Created by Julia Radzhabova on 2/15/19
+ * Copyright (c) 2019 Ascensio System SIA. All rights reserved.
+ *
+ */
+
+define([
+ 'core',
+ 'documenteditor/mobile/app/view/edit/EditHeader',
+ 'jquery',
+ 'underscore',
+ 'backbone'
+], function (core, view, $, _, Backbone) {
+ 'use strict';
+
+ DE.Controllers.EditHeader = Backbone.Controller.extend(_.extend((function() {
+ // Private
+ var _stack = [],
+ _headerObject = undefined,
+ _startAt = 1;
+
+ return {
+ models: [],
+ collections: [],
+ views: [
+ 'EditHeader'
+ ],
+
+ initialize: function () {
+ Common.NotificationCenter.on('editcontainer:show', _.bind(this.initEvents, this));
+ Common.NotificationCenter.on('editcategory:show', _.bind(this.categoryShow, this));
+
+ this.addListeners({
+ 'EditHeader': {
+ 'page:show' : this.onPageShow
+ }
+ });
+ },
+
+ setApi: function (api) {
+ var me = this;
+ me.api = api;
+
+ me.api.asc_registerCallback('asc_onFocusObject', _.bind(me.onApiFocusObject, me));
+ },
+
+ onLaunch: function () {
+ this.createView('EditHeader').render();
+ },
+
+ initEvents: function () {
+ var me = this;
+
+ $('#header-diff-first input:checkbox').single('change', _.bind(me.onDiffFirst, me));
+ $('#header-diff-odd input:checkbox').single('change', _.bind(me.onDiffOdd, me));
+ $('#header-same-as input:checkbox').single('change', _.bind(me.onSameAs, me));
+ $('#header-numbering-continue input:checkbox').single('change', _.bind(me.onNumberingContinue, me));
+ $('#header-numbering-start .button').single('click', _.bind(me.onStartAt, me));
+
+ me.initSettings();
+ },
+
+ categoryShow: function (e) {
+ var $target = $(e.currentTarget);
+
+ if ($target && $target.prop('id') === 'edit-header') {
+ this.initSettings();
+ }
+ },
+
+ onPageShow: function () {
+ var me = this;
+ me.initSettings();
+ },
+
+ initSettings: function () {
+ var me = this;
+
+ if (_headerObject) {
+ $('#header-diff-first input:checkbox').prop('checked', _headerObject.get_DifferentFirst());
+ $('#header-diff-odd input:checkbox').prop('checked', _headerObject.get_DifferentEvenOdd());
+
+ var value = _headerObject.get_LinkToPrevious();
+ $('#header-same-as input:checkbox').prop('checked', !!value);
+ $('#header-same-as').toggleClass('disabled', value===null);
+
+ value = _headerObject.get_StartPageNumber();
+ $('#header-numbering-continue input:checkbox').prop('checked', value<0);
+ $('#header-numbering-start').toggleClass('disabled', value<0);
+ if (value>=0)
+ _startAt=value;
+ $('#header-numbering-start .item-after label').text(_startAt);
+ }
+ },
+
+ // Public
+ // Handlers
+
+ onDiffFirst: function (e) {
+ var $checkbox = $(e.currentTarget);
+ this.api.HeadersAndFooters_DifferentFirstPage($checkbox.is(':checked'));
+ },
+
+ onDiffOdd: function (e) {
+ var $checkbox = $(e.currentTarget);
+ this.api.HeadersAndFooters_DifferentOddandEvenPage($checkbox.is(':checked'));
+ },
+
+ onSameAs: function (e) {
+ var $checkbox = $(e.currentTarget);
+ this.api.HeadersAndFooters_LinkToPrevious($checkbox.is(':checked'));
+ },
+
+ onNumberingContinue: function (e) {
+ var $checkbox = $(e.currentTarget);
+ $('#header-numbering-start').toggleClass('disabled', $checkbox.is(':checked'));
+ this.api.asc_SetSectionStartPage($checkbox.is(':checked') ? -1 : _startAt);
+ },
+
+ onStartAt: function (e) {
+ var $button = $(e.currentTarget),
+ start = _startAt;
+
+ if ($button.hasClass('decrement')) {
+ start = Math.max(1, --start);
+ } else {
+ start = Math.min(2147483646, ++start);
+ }
+ _startAt = start;
+
+ $('#header-numbering-start .item-after label').text(start);
+
+ this.api.asc_SetSectionStartPage(start);
+ },
+
+ // API handlers
+
+ onApiFocusObject: function (objects) {
+ _stack = objects;
+
+ var headers = [];
+
+ _.each(_stack, function(object) {
+ if (object.get_ObjectType() == Asc.c_oAscTypeSelectElement.Header) {
+ headers.push(object);
+ }
+ });
+
+ if (headers.length > 0) {
+ var object = headers[headers.length - 1]; // get top
+ _headerObject = object.get_ObjectValue();
+ } else {
+ _headerObject = undefined;
+ }
+ }
+ }
+ })(), DE.Controllers.EditHeader || {}))
+});
\ No newline at end of file
diff --git a/apps/documenteditor/mobile/app/template/EditHeader.template b/apps/documenteditor/mobile/app/template/EditHeader.template
new file mode 100644
index 000000000..35911f0eb
--- /dev/null
+++ b/apps/documenteditor/mobile/app/template/EditHeader.template
@@ -0,0 +1,79 @@
+<!-- Root view -->
+<div id="edit-header-root">
+ <div class="list-block">
+ <ul>
+ <li id="header-diff-first">
+ <div class="item-content">
+ <div class="item-inner">
+ <div class="item-title"><%= scope.textDiffFirst %></div>
+ <div class="item-after">
+ <label class="label-switch">
+ <input type="checkbox">
+ <div class="checkbox"></div>
+ </label>
+ </div>
+ </div>
+ </div>
+ </li>
+ <li id="header-diff-odd">
+ <div class="item-content">
+ <div class="item-inner">
+ <div class="item-title"><%= scope.textDiffOdd %></div>
+ <div class="item-after">
+ <label class="label-switch">
+ <input type="checkbox">
+ <div class="checkbox"></div>
+ </label>
+ </div>
+ </div>
+ </div>
+ </li>
+ <li id="header-same-as">
+ <div class="item-content">
+ <div class="item-inner">
+ <div class="item-title"><%= scope.textSameAs %></div>
+ <div class="item-after">
+ <label class="label-switch">
+ <input type="checkbox">
+ <div class="checkbox"></div>
+ </label>
+ </div>
+ </div>
+ </div>
+ </li>
+ </ul>
+ </div>
+ <div class="content-block-title"><%= scope.textPageNumbering %></div>
+ <div class="list-block">
+ <ul>
+ <li id="header-numbering-continue">
+ <div class="item-content">
+ <div class="item-inner">
+ <div class="item-title"><%= scope.textPrev %></div>
+ <div class="item-after">
+ <label class="label-switch">
+ <input type="checkbox">
+ <div class="checkbox"></div>
+ </label>
+ </div>
+ </div>
+ </div>
+ </li>
+ <li id="header-numbering-start">
+ <div class="item-content">
+ <div class="item-inner">
+ <div class="item-title"><%= scope.textFrom %></div>
+ <div class="item-after splitter">
+ <% if (!android) { %><label></label><% } %>
+ <p class="buttons-row">
+ <span class="button decrement"><% if (android) { %><i class="icon icon-expand-down"></i><% } else { %>-<% } %></span>
+ <% if (android) { %><label></label><% } %>
+ <span class="button increment"><% if (android) { %><i class="icon icon-expand-up"></i><% } else { %>+<% } %></span>
+ </p>
+ </div>
+ </div>
+ </div>
+ </li>
+ </ul>
+ </div>
+</div>
\ No newline at end of file
diff --git a/apps/documenteditor/mobile/app/view/edit/EditHeader.js b/apps/documenteditor/mobile/app/view/edit/EditHeader.js
new file mode 100644
index 000000000..8b53efa7b
--- /dev/null
+++ b/apps/documenteditor/mobile/app/view/edit/EditHeader.js
@@ -0,0 +1,120 @@
+/*
+ *
+ * (c) Copyright Ascensio System SIA 2010-2019
+ *
+ * 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
+ *
+ */
+
+/**
+ * EditHeader.js
+ * Document Editor
+ *
+ * Created by Julia Radzhabova on 2/15/19
+ * Copyright (c) 2019 Ascensio System SIA. All rights reserved.
+ *
+ */
+
+define([
+ 'text!documenteditor/mobile/app/template/EditHeader.template',
+ 'jquery',
+ 'underscore',
+ 'backbone'
+], function (editTemplate, $, _, Backbone) {
+ 'use strict';
+
+ DE.Views.EditHeader = Backbone.View.extend(_.extend((function() {
+ // private
+
+ return {
+ template: _.template(editTemplate),
+
+ events: {
+ },
+
+ initialize: function () {
+ Common.NotificationCenter.on('editcontainer:show', _.bind(this.initEvents, this));
+ },
+
+ initEvents: function () {
+ var me = this;
+
+ DE.getController('EditHeader').initSettings();
+ },
+
+ // Render layout
+ render: function () {
+ this.layout = $('<div/>').append(this.template({
+ android : Common.SharedSettings.get('android'),
+ phone : Common.SharedSettings.get('phone'),
+ scope : this
+ }));
+
+ return this;
+ },
+
+ rootLayout: function () {
+ if (this.layout) {
+ return this.layout
+ .find('#edit-header-root')
+ .html();
+ }
+
+ return '';
+ },
+
+ showPage: function (templateId, customFireEvent) {
+ var rootView = DE.getController('EditContainer').rootView;
+
+ if (rootView && this.layout) {
+ var $content = this.layout.find(templateId);
+
+ // Android fix for navigation
+ if (Framework7.prototype.device.android) {
+ $content.find('.page').append($content.find('.navbar'));
+ }
+
+ rootView.router.load({
+ content: $content.html()
+ });
+
+ if (customFireEvent !== true) {
+ this.fireEvent('page:show', [this, templateId]);
+ }
+ }
+ },
+
+ textDiffFirst: 'Different first page',
+ textDiffOdd: 'Different odd and even pages',
+ textSameAs: 'Link to Previous',
+ textPageNumbering: 'Page Numbering',
+ textPrev: 'Continue from previous section',
+ textFrom: 'Start at'
+ }
+ })(), DE.Views.EditHeader || {}))
+});
\ No newline at end of file
diff --git a/apps/documenteditor/mobile/locale/en.json b/apps/documenteditor/mobile/locale/en.json
index cc8f43431..3f8a2d6a6 100644
--- a/apps/documenteditor/mobile/locale/en.json
+++ b/apps/documenteditor/mobile/locale/en.json
@@ -37,6 +37,8 @@
"DE.Controllers.EditContainer.textShape": "Shape",
"DE.Controllers.EditContainer.textTable": "Table",
"DE.Controllers.EditContainer.textText": "Text",
+ "DE.Controllers.EditContainer.textHeader": "Header",
+ "DE.Controllers.EditContainer.textFooter": "Footer",
"DE.Controllers.EditImage.textEmptyImgUrl": "You need to specify image URL.",
"DE.Controllers.EditImage.txtNotUrl": "This field should be a URL in the 'http://www.example.com' format",
"DE.Controllers.EditText.textAuto": "Auto",
@@ -228,6 +230,12 @@
"DE.Views.EditChart.textTopBottom": "Top and Bottom",
"DE.Views.EditChart.textType": "Type",
"DE.Views.EditChart.textWrap": "Wrap",
+ "DE.Views.EditHeader.textDiffFirst": "Different first page",
+ "DE.Views.EditHeader.textDiffOdd": "Different odd and even pages",
+ "DE.Views.EditHeader.textSameAs": "Link to Previous",
+ "DE.Views.EditHeader.textPageNumbering": "Page Numbering",
+ "DE.Views.EditHeader.textPrev": "Continue from previous section",
+ "DE.Views.EditHeader.textFrom": "Start at",
"DE.Views.EditHyperlink.textDisplay": "Display",
"DE.Views.EditHyperlink.textEdit": "Edit Link",
"DE.Views.EditHyperlink.textLink": "Link",