-
-
-
-
-
-
-
-
-
-
-
-
+
diff --git a/apps/spreadsheeteditor/mobile/app/view/CellEditor.js b/apps/spreadsheeteditor/mobile/app/view/CellEditor.js
new file mode 100644
index 000000000..95bb067fa
--- /dev/null
+++ b/apps/spreadsheeteditor/mobile/app/view/CellEditor.js
@@ -0,0 +1,99 @@
+/*
+ *
+ * (c) Copyright Ascensio System Limited 2010-2016
+ *
+ * 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
+ *
+*/
+/**
+ * CellEdit.js
+ *
+ * Created by Maxim Kadushkin on 11/28/2016
+ * Copyright (c) 2016 Ascensio System SIA. All rights reserved.
+ *
+ */
+
+define([
+ 'text!spreadsheeteditor/mobile/app/template/CellEditor.template',
+ 'backbone'
+], function (template, Backbone) {
+ 'use strict';
+
+ SSE.Views.CellEditor = Backbone.View.extend({
+ defEditorHeight: 30,
+ maxEditorHeight: 70,
+
+ el: '.pages > .page',
+ template: _.template(template),
+
+ events: {
+ 'click button#ce-btn-expand': 'expandEditor'
+ },
+
+ initialize: function (options) {
+ },
+
+ render: function () {
+ var $el = $(this.el);
+ this.$el = $(this.template()).prependTo($el);
+
+ this.$cellname = $('#ce-cell-name', this.el);
+ this.$btnexpand = $('#ce-btn-expand', this.el);
+ // this.$btnfunc = $('#ce-func-label', this.el);
+
+ // this.$el.height(this.defEditorHeight);
+
+ return this;
+ },
+
+ updateCellInfo: function(info) {
+ if (info) {
+ this.$cellname.html(typeof(info)=='string' ? info : info.asc_getName());
+ }
+ },
+
+ expandEditor: function() {
+ if (this.$el.height() > this.defEditorHeight) {
+ this.$el.height(this.defEditorHeight);
+ this.$btnexpand.removeClass('collapse');
+ } else {
+ this.$el.height(this.maxEditorHeight);
+ this.$btnexpand.addClass('collapse');
+ }
+
+ // Common.NotificationCenter.trigger('layout:changed', 'celleditor');
+ // Common.NotificationCenter.trigger('edit:complete', this.editor, {restorefocus:true});
+ },
+
+ cellNameDisabled: function(disabled){
+ // (disabled) ? this.$cellname.attr('disabled', 'disabled') : this.$cellname.removeAttr('disabled');
+ // this.$btnfunc.toggleClass('disabled', disabled);
+ // this.btnNamedRanges.setDisabled(disabled);
+ }
+ });
+});
diff --git a/apps/spreadsheeteditor/mobile/resources/less/app-common.less b/apps/spreadsheeteditor/mobile/resources/less/app-common.less
index 8df48ae56..6704d73f6 100644
--- a/apps/spreadsheeteditor/mobile/resources/less/app-common.less
+++ b/apps/spreadsheeteditor/mobile/resources/less/app-common.less
@@ -1,6 +1,20 @@
+@appStatusbarHeight: 30px;
+
.navbar-through {
> .page {
padding-top: @appToolbarHeight;
}
}
+
+.flex-horizontal {
+ display: flex;
+ flex-direction: column;
+ align-items: stretch;
+}
+
+.flex-vertical {
+ display: flex;
+ flex-direction: row;
+ align-items: stretch;
+}
diff --git a/apps/spreadsheeteditor/mobile/resources/less/celleditor.less b/apps/spreadsheeteditor/mobile/resources/less/celleditor.less
index d49c3790b..1a7a35519 100644
--- a/apps/spreadsheeteditor/mobile/resources/less/celleditor.less
+++ b/apps/spreadsheeteditor/mobile/resources/less/celleditor.less
@@ -9,6 +9,7 @@
}
#cell-editing-box {
+ box-sizing: border-box;
* {
box-sizing: border-box;
}
@@ -18,6 +19,7 @@
background-color: #fff;
display: flex;
align-items: stretch;
+ overflow: hidden;
.btn {
border: 0 none;
@@ -26,6 +28,7 @@
}
.ce-group {
+ overflow: hidden;
}
.group-name {
@@ -88,12 +91,14 @@
.caret {
display: block;
transform: rotate(90deg);
+ transition: transform 0.1s ease;
font-size: 16px;
}
&.collapse {
.caret {
transform: rotate(-90deg);
+ transition: transform 0.1s ease;
}
}
}