[SSE mobile] Disable cell editing in opensource version
This commit is contained in:
parent
ae69d00eb7
commit
631cea5e06
|
@ -51,29 +51,8 @@ define([
|
||||||
'use strict';
|
'use strict';
|
||||||
|
|
||||||
SSE.Controllers.EditCell = Backbone.Controller.extend(_.extend((function() {
|
SSE.Controllers.EditCell = Backbone.Controller.extend(_.extend((function() {
|
||||||
var _fontsArray = [],
|
var _stack = [],
|
||||||
_stack = [],
|
_borderInfo = {color: '000000', width: Asc.c_oAscBorderStyles.Medium};
|
||||||
_cellInfo = undefined,
|
|
||||||
_cellStyles = [],
|
|
||||||
_fontInfo = {},
|
|
||||||
_borderInfo = {color: '000000', width: Asc.c_oAscBorderStyles.Medium},
|
|
||||||
_styleSize = {width: 100, height: 50},
|
|
||||||
_isEdit = false;
|
|
||||||
|
|
||||||
function onApiLoadFonts(fonts, select) {
|
|
||||||
_.each(fonts, function(font){
|
|
||||||
var fontId = font.asc_getFontId();
|
|
||||||
_fontsArray.push({
|
|
||||||
id : fontId,
|
|
||||||
name : font.asc_getFontName(),
|
|
||||||
// displayValue: font.asc_getFontName(),
|
|
||||||
imgidx : font.asc_getFontThumbnail(),
|
|
||||||
type : font.asc_getFontType()
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
Common.NotificationCenter.trigger('fonts:load', _fontsArray, select);
|
|
||||||
}
|
|
||||||
|
|
||||||
return {
|
return {
|
||||||
models: [],
|
models: [],
|
||||||
|
@ -92,22 +71,26 @@ define([
|
||||||
'style:click' : this.onStyleClick
|
'style:click' : this.onStyleClick
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
this._fontsArray = [];
|
||||||
|
this._styleSize = {width: 100, height: 50};
|
||||||
|
this._cellStyles = [];
|
||||||
|
this._cellInfo = undefined;
|
||||||
|
this._fontInfo = {};
|
||||||
|
this._isEdit = false;
|
||||||
},
|
},
|
||||||
|
|
||||||
setApi: function (api) {
|
setApi: function (api) {
|
||||||
var me = this;
|
var me = this;
|
||||||
me.api = api;
|
me.api = api;
|
||||||
|
|
||||||
me.api.asc_setThumbnailStylesSizes(_styleSize.width, _styleSize.height);
|
me.api.asc_setThumbnailStylesSizes(me._styleSize.width, me._styleSize.height);
|
||||||
|
|
||||||
me.api.asc_registerCallback('asc_onInitEditorFonts', _.bind(onApiLoadFonts, me));
|
|
||||||
me.api.asc_registerCallback('asc_onSelectionChanged', _.bind(me.onApiSelectionChanged, me));
|
me.api.asc_registerCallback('asc_onSelectionChanged', _.bind(me.onApiSelectionChanged, me));
|
||||||
me.api.asc_registerCallback('asc_onEditorSelectionChanged', _.bind(me.onApiEditorSelectionChanged, me));
|
me.api.asc_registerCallback('asc_onEditorSelectionChanged', _.bind(me.onApiEditorSelectionChanged, me));
|
||||||
me.api.asc_registerCallback('asc_onInitEditorStyles', _.bind(me.onApiInitEditorStyles, me));
|
|
||||||
},
|
},
|
||||||
|
|
||||||
setMode: function (mode) {
|
setMode: function (mode) {
|
||||||
_isEdit = mode.isEdit;
|
this._isEdit = mode.isEdit;
|
||||||
},
|
},
|
||||||
|
|
||||||
onLaunch: function () {
|
onLaunch: function () {
|
||||||
|
@ -125,13 +108,11 @@ define([
|
||||||
$('#font-italic').single('click', _.bind(me.onItalic, me));
|
$('#font-italic').single('click', _.bind(me.onItalic, me));
|
||||||
$('#font-underline').single('click', _.bind(me.onUnderline, me));
|
$('#font-underline').single('click', _.bind(me.onUnderline, me));
|
||||||
|
|
||||||
me.getView('EditCell').renderStyles(_cellStyles);
|
me.getView('EditCell').renderStyles(me._cellStyles);
|
||||||
|
|
||||||
me.initSettings();
|
me.initSettings();
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
onPageShow: function (view, pageId) {
|
onPageShow: function (view, pageId) {
|
||||||
var me = this;
|
var me = this;
|
||||||
|
|
||||||
|
@ -156,14 +137,14 @@ define([
|
||||||
} else if (!_.isUndefined(pageId) && pageId.indexOf('#edit-cell-format') > -1) {
|
} else if (!_.isUndefined(pageId) && pageId.indexOf('#edit-cell-format') > -1) {
|
||||||
me.initCellFormat();
|
me.initCellFormat();
|
||||||
} else {
|
} else {
|
||||||
me.initCellSettings(_cellInfo);
|
me.initCellSettings(me._cellInfo);
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
// Public
|
// Public
|
||||||
|
|
||||||
getFonts: function() {
|
getFonts: function() {
|
||||||
return _fontsArray;
|
return this._fontsArray;
|
||||||
},
|
},
|
||||||
|
|
||||||
getStack: function() {
|
getStack: function() {
|
||||||
|
@ -171,20 +152,20 @@ define([
|
||||||
},
|
},
|
||||||
|
|
||||||
getFontInfo: function () {
|
getFontInfo: function () {
|
||||||
return _fontInfo;
|
return this._fontInfo;
|
||||||
},
|
},
|
||||||
|
|
||||||
getCell: function () {
|
getCell: function () {
|
||||||
return _cellInfo;
|
return this._cellInfo;
|
||||||
},
|
},
|
||||||
|
|
||||||
getStyleSize: function () {
|
getStyleSize: function () {
|
||||||
return _styleSize;
|
return this._styleSize;
|
||||||
},
|
},
|
||||||
|
|
||||||
initFontsPage: function () {
|
initFontsPage: function () {
|
||||||
var me = this,
|
var me = this,
|
||||||
displaySize = _fontInfo.size;
|
displaySize = this._fontInfo.size;
|
||||||
|
|
||||||
_.isUndefined(displaySize) ? displaySize = this.textAuto : displaySize = displaySize + ' ' + this.textPt;
|
_.isUndefined(displaySize) ? displaySize = this.textAuto : displaySize = displaySize + ' ' + this.textPt;
|
||||||
|
|
||||||
|
@ -195,7 +176,7 @@ define([
|
||||||
initTextColorPage: function () {
|
initTextColorPage: function () {
|
||||||
var me = this,
|
var me = this,
|
||||||
palette = me.getView('EditCell').paletteTextColor,
|
palette = me.getView('EditCell').paletteTextColor,
|
||||||
color = me._sdkToThemeColor(_fontInfo.color);
|
color = me._sdkToThemeColor(this._fontInfo.color);
|
||||||
|
|
||||||
if (palette) {
|
if (palette) {
|
||||||
palette.select(color);
|
palette.select(color);
|
||||||
|
@ -204,9 +185,11 @@ define([
|
||||||
},
|
},
|
||||||
|
|
||||||
initFillColorPage: function () {
|
initFillColorPage: function () {
|
||||||
|
if (_.isUndefined(this._cellInfo)) return;
|
||||||
|
|
||||||
var me = this,
|
var me = this,
|
||||||
palette = me.getView('EditCell').paletteFillColor,
|
palette = me.getView('EditCell').paletteFillColor,
|
||||||
color = me._sdkToThemeColor(_cellInfo.asc_getFill().asc_getColor());
|
color = me._sdkToThemeColor(me._cellInfo.asc_getFill().asc_getColor());
|
||||||
|
|
||||||
if (palette) {
|
if (palette) {
|
||||||
palette.select(color);
|
palette.select(color);
|
||||||
|
@ -228,13 +211,15 @@ define([
|
||||||
},
|
},
|
||||||
|
|
||||||
initTextFormat: function () {
|
initTextFormat: function () {
|
||||||
|
if (_.isUndefined(this._cellInfo)) return;
|
||||||
|
|
||||||
var me = this,
|
var me = this,
|
||||||
$pageTextFormat = $('.page[data-page=edit-text-format]'),
|
$pageTextFormat = $('.page[data-page=edit-text-format]'),
|
||||||
hAlign = _cellInfo.asc_getHorAlign(),
|
hAlign = me._cellInfo.asc_getHorAlign(),
|
||||||
vAlign = _cellInfo.asc_getVertAlign(),
|
vAlign = me._cellInfo.asc_getVertAlign(),
|
||||||
hAlignStr = 'left',
|
hAlignStr = 'left',
|
||||||
vAlignStr = 'bottom',
|
vAlignStr = 'bottom',
|
||||||
isWrapText = _cellInfo.asc_getFlags().asc_getWrapText();
|
isWrapText = me._cellInfo.asc_getFlags().asc_getWrapText();
|
||||||
|
|
||||||
if (vAlign == Asc.c_oAscVAlign.Top)
|
if (vAlign == Asc.c_oAscVAlign.Top)
|
||||||
vAlignStr = 'top';
|
vAlignStr = 'top';
|
||||||
|
@ -294,7 +279,7 @@ define([
|
||||||
|
|
||||||
// Init font name
|
// Init font name
|
||||||
var fontName = fontObj.asc_getName() || this.textFonts;
|
var fontName = fontObj.asc_getName() || this.textFonts;
|
||||||
_fontInfo.name = fontName;
|
this._fontInfo.name = fontName;
|
||||||
|
|
||||||
$('#font-fonts .item-title').html(fontName);
|
$('#font-fonts .item-title').html(fontName);
|
||||||
|
|
||||||
|
@ -306,8 +291,8 @@ define([
|
||||||
|
|
||||||
|
|
||||||
// Init font size
|
// Init font size
|
||||||
_fontInfo.size = fontObj.asc_getSize();
|
this._fontInfo.size = fontObj.asc_getSize();
|
||||||
var displaySize = _fontInfo.size;
|
var displaySize = this._fontInfo.size;
|
||||||
|
|
||||||
_.isUndefined(displaySize) ? displaySize = this.textAuto : displaySize = displaySize + ' ' + this.textPt;
|
_.isUndefined(displaySize) ? displaySize = this.textAuto : displaySize = displaySize + ' ' + this.textPt;
|
||||||
|
|
||||||
|
@ -316,9 +301,9 @@ define([
|
||||||
|
|
||||||
|
|
||||||
// Init font color
|
// Init font color
|
||||||
_fontInfo.color = fontObj.asc_getColor();
|
this._fontInfo.color = fontObj.asc_getColor();
|
||||||
|
|
||||||
var color = _fontInfo.color,
|
var color = this._fontInfo.color,
|
||||||
clr = me._sdkToThemeColor(color);
|
clr = me._sdkToThemeColor(color);
|
||||||
|
|
||||||
$('#text-color .color-preview').css('background-color', '#' + (_.isObject(clr) ? clr.color : clr));
|
$('#text-color .color-preview').css('background-color', '#' + (_.isObject(clr) ? clr.color : clr));
|
||||||
|
@ -356,21 +341,12 @@ define([
|
||||||
me.initTextFormat();
|
me.initTextFormat();
|
||||||
},
|
},
|
||||||
|
|
||||||
onApiInitEditorStyles: function(styles){
|
|
||||||
window.styles_loaded = false;
|
|
||||||
_cellStyles = styles;
|
|
||||||
|
|
||||||
this.getView('EditCell').renderStyles(styles);
|
|
||||||
|
|
||||||
window.styles_loaded = true;
|
|
||||||
},
|
|
||||||
|
|
||||||
// Handlers
|
// Handlers
|
||||||
|
|
||||||
onFontSize: function (e) {
|
onFontSize: function (e) {
|
||||||
var me = this,
|
var me = this,
|
||||||
$button = $(e.currentTarget),
|
$button = $(e.currentTarget),
|
||||||
fontSize = _fontInfo.size;
|
fontSize = this._fontInfo.size;
|
||||||
|
|
||||||
if ($button.hasClass('decrement')) {
|
if ($button.hasClass('decrement')) {
|
||||||
_.isUndefined(fontSize) ? me.api.asc_decreaseFontSize() : fontSize = Math.max(1, --fontSize);
|
_.isUndefined(fontSize) ? me.api.asc_decreaseFontSize() : fontSize = Math.max(1, --fontSize);
|
||||||
|
@ -464,10 +440,6 @@ define([
|
||||||
},
|
},
|
||||||
|
|
||||||
onCellFormat: function (e) {
|
onCellFormat: function (e) {
|
||||||
var $target = $(e.currentTarget),
|
|
||||||
type = decodeURIComponent(atob($target.data('type')));
|
|
||||||
|
|
||||||
this.api.asc_setCellFormat(type);
|
|
||||||
},
|
},
|
||||||
|
|
||||||
onBorderStyle: function (e) {
|
onBorderStyle: function (e) {
|
||||||
|
@ -504,21 +476,9 @@ define([
|
||||||
// API handlers
|
// API handlers
|
||||||
|
|
||||||
onApiEditorSelectionChanged: function(fontObj) {
|
onApiEditorSelectionChanged: function(fontObj) {
|
||||||
if (!_isEdit) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
_fontInfo = fontObj;
|
|
||||||
this.initFontSettings(fontObj);
|
|
||||||
},
|
},
|
||||||
|
|
||||||
onApiSelectionChanged: function(cellInfo) {
|
onApiSelectionChanged: function(cellInfo) {
|
||||||
if (!_isEdit) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
_cellInfo = cellInfo;
|
|
||||||
this.initCellSettings(cellInfo);
|
|
||||||
},
|
},
|
||||||
|
|
||||||
// Helpers
|
// Helpers
|
||||||
|
|
Loading…
Reference in a new issue