Lea/web-apps
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity
web-apps/apps/presentationeditor/main/app/view/TableSettingsAdvanced.js

462 lines
22 KiB
JavaScript
Raw Normal View History

license info added to js
2016-04-01 13:17:09 +00:00
/*
*
[copyright] Update Copyright Limited -> SIA
2019-01-17 13:05:03 +00:00
* (c) Copyright Ascensio System SIA 2010-2019
license info added to js
2016-04-01 13:17:09 +00:00
*
* 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
*
[copyright] For bug 39644 Change address Latvian office.
2019-01-17 13:00:34 +00:00
* You can contact Ascensio System SIA at 20A-12 Ernesta Birznieka-Upisha
* street, Riga, Latvia, EU, LV-1050.
license info added to js
2016-04-01 13:17:09 +00:00
*
* 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
*
*/
webapps added
2016-03-11 00:48:53 +00:00
/**
* TableSettingsAdvanced.js
*
* Created by Julia Radzhabova on 4/15/14
Update copyright to 2018
2018-03-01 12:16:38 +00:00
* Copyright (c) 2018 Ascensio System SIA. All rights reserved.
webapps added
2016-03-11 00:48:53 +00:00
*
*/
define([ 'text!presentationeditor/main/app/template/TableSettingsAdvanced.template',
'common/main/lib/view/AdvancedSettingsWindow',
'common/main/lib/component/MetricSpinner'
], function (contentTemplate) {
'use strict';
PE.Views.TableSettingsAdvanced = Common.Views.AdvancedSettingsWindow.extend(_.extend({
options: {
alias: 'TableSettingsAdvanced',
contentWidth: 280,
Bug 32194.
2016-04-21 11:47:28 +00:00
height: 385,
storageName: 'pe-table-settings-adv-category'
webapps added
2016-03-11 00:48:53 +00:00
},
initialize : function(options) {
_.extend(this.options, {
title: this.textTitle,
[PE] Change layout for advanced table settings. Added alternative text for tables (for future use).
2017-01-19 09:54:34 +00:00
items: [
{panelId: 'id-adv-table-cell-props', panelCaption: this.textWidthSpaces},
{panelId: 'id-adv-table-alttext', panelCaption: this.textAlt}
],
contentTemplate: _.template(contentTemplate)({
scope: this
})
webapps added
2016-03-11 00:48:53 +00:00
}, options);
[PE] Change layout for advanced table settings. Added alternative text for tables (for future use).
2017-01-19 09:54:34 +00:00
webapps added
2016-03-11 00:48:53 +00:00
Common.Views.AdvancedSettingsWindow.prototype.initialize.call(this, this.options);
[PE] Change layout for advanced table settings. Added alternative text for tables (for future use).
2017-01-19 09:54:34 +00:00
webapps added
2016-03-11 00:48:53 +00:00
this.spinners = [];
this._changedProps = null;
this._allTable = false;
this.TableMargins = {
Left : 0.19,
Right : 0.19,
Top : 0,
Bottom : 0
};
this.CellMargins = {
Left : 0.19,
Right : 0.19,
Top : null,
Bottom : null,
Flag : 0 // 0(checked) - как в таблице, 1(indeterminate) - разные значения, не определено, 2 (unchecked) - собственные
};
this._initialMarginsDefault = false; // если для всех выделенных ячеек пришло одинаковое значение Flag=0 (Use Default Margins)
global clases -> Asc namespace
2016-04-05 12:57:51 +00:00
this._originalProps = new Asc.CTableProp(this.options.tableProps);
webapps added
2016-03-11 00:48:53 +00:00
},
render: function() {
Common.Views.AdvancedSettingsWindow.prototype.render.call(this);
var me = this;
this._marginsChange = function(field, newValue, oldValue, eOpts, source, property){
if (source=='table')
this.TableMargins[property] = field.getNumberValue();
else
this.CellMargins[property] = field.getNumberValue();
};
// Margins
this.spnTableMarginTop = new Common.UI.MetricSpinner({
el: $('#tableadv-number-margin-table-top'),
step: .1,
width: 85,
defaultUnit : "cm",
value: '0 cm',
maxValue: 55.87,
minValue: 0
});
this.spnTableMarginTop.on('change', _.bind(function(field, newValue, oldValue, eOpts){
this._marginsChange( field, newValue, oldValue, eOpts, 'table', 'Top');
if (this._changedProps) {
if (this._changedProps.get_DefaultMargins()===undefined)
to Asc namespace
2016-04-18 12:21:15 +00:00
this._changedProps.put_DefaultMargins(new Asc.asc_CPaddings());
webapps added
2016-03-11 00:48:53 +00:00
this._changedProps.get_DefaultMargins().put_Top((this.TableMargins.Top!==null) ? Common.Utils.Metric.fnRecalcToMM(this.TableMargins.Top) : null);
this.TableMargins.isChanged = true;
}
}, this));
this.spinners.push(this.spnTableMarginTop);
this.spnTableMarginBottom = new Common.UI.MetricSpinner({
el: $('#tableadv-number-margin-table-bottom'),
step: .1,
width: 85,
defaultUnit : "cm",
value: '0 cm',
maxValue: 55.87,
minValue: 0
});
this.spnTableMarginBottom.on('change', _.bind(function(field, newValue, oldValue, eOpts){
this._marginsChange( field, newValue, oldValue, eOpts, 'table', 'Bottom');
if (this._changedProps) {
if (this._changedProps.get_DefaultMargins()===undefined)
to Asc namespace
2016-04-18 12:21:15 +00:00
this._changedProps.put_DefaultMargins(new Asc.asc_CPaddings());
webapps added
2016-03-11 00:48:53 +00:00
this._changedProps.get_DefaultMargins().put_Bottom((this.TableMargins.Bottom!==null) ? Common.Utils.Metric.fnRecalcToMM(this.TableMargins.Bottom) : null);
this.TableMargins.isChanged = true;
}
}, this));
this.spinners.push(this.spnTableMarginBottom);
this.spnTableMarginLeft = new Common.UI.MetricSpinner({
el: $('#tableadv-number-margin-table-left'),
step: .1,
width: 85,
defaultUnit : "cm",
value: '0.19 cm',
[PE mobile] Fix Bug 47132 [PE] Fix margins
2020-10-28 20:03:01 +00:00
maxValue: 55.87,
webapps added
2016-03-11 00:48:53 +00:00
minValue: 0
});
this.spnTableMarginLeft.on('change', _.bind(function(field, newValue, oldValue, eOpts){
this._marginsChange( field, newValue, oldValue, eOpts, 'table', 'Left');
if (this._changedProps) {
if (this._changedProps.get_DefaultMargins()===undefined)
to Asc namespace
2016-04-18 12:21:15 +00:00
this._changedProps.put_DefaultMargins(new Asc.asc_CPaddings());
webapps added
2016-03-11 00:48:53 +00:00
this._changedProps.get_DefaultMargins().put_Left((this.TableMargins.Left!==null) ? Common.Utils.Metric.fnRecalcToMM(this.TableMargins.Left) : null);
this.TableMargins.isChanged = true;
}
}, this));
this.spinners.push(this.spnTableMarginLeft);
this.spnTableMarginRight = new Common.UI.MetricSpinner({
el: $('#tableadv-number-margin-table-right'),
step: .1,
width: 85,
defaultUnit : "cm",
value: '0.19 cm',
[PE mobile] Fix Bug 47132 [PE] Fix margins
2020-10-28 20:03:01 +00:00
maxValue: 55.87,
webapps added
2016-03-11 00:48:53 +00:00
minValue: 0
});
this.spnTableMarginRight.on('change', _.bind(function(field, newValue, oldValue, eOpts){
this._marginsChange( field, newValue, oldValue, eOpts, 'table', 'Right');
if (this._changedProps) {
if (this._changedProps.get_DefaultMargins()===undefined)
to Asc namespace
2016-04-18 12:21:15 +00:00
this._changedProps.put_DefaultMargins(new Asc.asc_CPaddings());
webapps added
2016-03-11 00:48:53 +00:00
this._changedProps.get_DefaultMargins().put_Right((this.TableMargins.Right!==null) ? Common.Utils.Metric.fnRecalcToMM(this.TableMargins.Right) : null);
this.TableMargins.isChanged = true;
}
}, this));
this.spinners.push(this.spnTableMarginRight);
// Cell Margins
var setCellFlag = function() {
if (me.CellMargins.Flag=='indeterminate')
me._changedProps.get_CellMargins().put_Flag(1);
else if (me.CellMargins.Flag=='checked')
me._changedProps.get_CellMargins().put_Flag(0);
else
me._changedProps.get_CellMargins().put_Flag(2);
};
this.chCellMargins = new Common.UI.CheckBox({
el: $('#tableadv-checkbox-margins'),
value: true,
labelText: this.textCheckMargins
});
this.chCellMargins.on('change', _.bind(function(field, newValue, oldValue, eOpts){
if ( oldValue=='checked' && this._originalProps && this._originalProps.get_CellMargins().get_Flag()==1 ) { // позволяем выставлять значение indeterminate только если исходные значения не совпадали
field.setValue('indeterminate', true);
}
this.fillMargins.call( this, field.getValue());
this.CellMargins.Flag = field.getValue();
if (this._changedProps) {
if (this._changedProps.get_CellMargins()===undefined)
global clases -> Asc namespace
2016-04-05 12:57:51 +00:00
this._changedProps.put_CellMargins(new Asc.CMargins());
webapps added
2016-03-11 00:48:53 +00:00
this._changedProps.get_CellMargins().put_Left( ( this.CellMargins.Left!== null) ? Common.Utils.Metric.fnRecalcToMM(this.CellMargins.Left) : null);
this._changedProps.get_CellMargins().put_Top((this.CellMargins.Top!==null) ? Common.Utils.Metric.fnRecalcToMM(this.CellMargins.Top) : null);
this._changedProps.get_CellMargins().put_Bottom((this.CellMargins.Bottom!==null) ? Common.Utils.Metric.fnRecalcToMM(this.CellMargins.Bottom) : null);
this._changedProps.get_CellMargins().put_Right((this.CellMargins.Right!==null) ? Common.Utils.Metric.fnRecalcToMM(this.CellMargins.Right) : null);
setCellFlag();
}
}, this));
this.spnMarginTop = new Common.UI.MetricSpinner({
el: $('#tableadv-number-margin-top'),
step: .1,
width: 85,
defaultUnit : "cm",
value: '0 cm',
maxValue: 55.87,
minValue: 0
});
this.spnMarginTop.on('change', _.bind(function(field, newValue, oldValue, eOpts){
this._marginsChange( field, newValue, oldValue, eOpts, 'cell', 'Top');
if (this._changedProps) {
if (this._changedProps.get_CellMargins()===undefined)
global clases -> Asc namespace
2016-04-05 12:57:51 +00:00
this._changedProps.put_CellMargins(new Asc.CMargins());
webapps added
2016-03-11 00:48:53 +00:00
this._changedProps.get_CellMargins().put_Top((this.CellMargins.Top!==null) ? Common.Utils.Metric.fnRecalcToMM(this.CellMargins.Top) : null);
setCellFlag();
}
}, this));
this.spinners.push(this.spnMarginTop);
this.spnMarginBottom = new Common.UI.MetricSpinner({
el: $('#tableadv-number-margin-bottom'),
step: .1,
width: 85,
defaultUnit : "cm",
value: '0 cm',
maxValue: 55.87,
minValue: 0
});
this.spnMarginBottom.on('change', _.bind(function(field, newValue, oldValue, eOpts){
this._marginsChange( field, newValue, oldValue, eOpts, 'cell', 'Bottom');
if (this._changedProps) {
if (this._changedProps.get_CellMargins()===undefined)
global clases -> Asc namespace
2016-04-05 12:57:51 +00:00
this._changedProps.put_CellMargins(new Asc.CMargins());
webapps added
2016-03-11 00:48:53 +00:00
this._changedProps.get_CellMargins().put_Bottom((this.CellMargins.Bottom!==null) ? Common.Utils.Metric.fnRecalcToMM(this.CellMargins.Bottom) : null);
setCellFlag();
}
}, this));
this.spinners.push(this.spnMarginBottom);
this.spnMarginLeft = new Common.UI.MetricSpinner({
el: $('#tableadv-number-margin-left'),
step: .1,
width: 85,
defaultUnit : "cm",
value: '0.19 cm',
[PE mobile] Fix Bug 47132 [PE] Fix margins
2020-10-28 20:03:01 +00:00
maxValue: 55.87,
webapps added
2016-03-11 00:48:53 +00:00
minValue: 0
});
this.spnMarginLeft.on('change', _.bind(function(field, newValue, oldValue, eOpts){
this._marginsChange( field, newValue, oldValue, eOpts, 'cell', 'Left');
if (this._changedProps) {
if (this._changedProps.get_CellMargins()===undefined)
global clases -> Asc namespace
2016-04-05 12:57:51 +00:00
this._changedProps.put_CellMargins(new Asc.CMargins());
webapps added
2016-03-11 00:48:53 +00:00
this._changedProps.get_CellMargins().put_Left((this.CellMargins.Left!==null) ? Common.Utils.Metric.fnRecalcToMM(this.CellMargins.Left) : null);
setCellFlag();
}
}, this));
this.spinners.push(this.spnMarginLeft);
this.spnMarginRight = new Common.UI.MetricSpinner({
el: $('#tableadv-number-margin-right'),
step: .1,
width: 85,
defaultUnit : "cm",
value: '0.19 cm',
[PE mobile] Fix Bug 47132 [PE] Fix margins
2020-10-28 20:03:01 +00:00
maxValue: 55.87,
webapps added
2016-03-11 00:48:53 +00:00
minValue: 0
});
this.spnMarginRight.on('change', _.bind(function(field, newValue, oldValue, eOpts){
this._marginsChange( field, newValue, oldValue, eOpts, 'cell', 'Right');
if (this._changedProps) {
if (this._changedProps.get_CellMargins()===undefined)
global clases -> Asc namespace
2016-04-05 12:57:51 +00:00
this._changedProps.put_CellMargins(new Asc.CMargins());
webapps added
2016-03-11 00:48:53 +00:00
this._changedProps.get_CellMargins().put_Right((this.CellMargins.Right!==null) ? Common.Utils.Metric.fnRecalcToMM(this.CellMargins.Right) : null);
setCellFlag();
}
}, this));
this.spinners.push(this.spnMarginRight);
[PE] Change layout for advanced table settings. Added alternative text for tables (for future use).
2017-01-19 09:54:34 +00:00
// Alt Text
this.inputAltTitle = new Common.UI.InputField({
el : $('#tableadv-alt-title'),
allowBlank : true,
validateOnBlur: false,
style : 'width: 100%;'
}).on('changed:after', function() {
me.isAltTitleChanged = true;
});
this.textareaAltDescription = this.$window.find('textarea');
this.textareaAltDescription.keydown(function (event) {
if (event.keyCode == Common.UI.Keys.RETURN) {
event.stopPropagation();
}
me.isAltDescChanged = true;
});
webapps added
2016-03-11 00:48:53 +00:00
this.afterRender();
},
[PE] Add focus manager to advanced settings
2020-10-13 19:49:04 +00:00
getFocusedComponents: function() {
return [
[PE] Set focus for checkbox
2021-04-13 15:20:08 +00:00
this.chCellMargins, this.spnMarginTop, this.spnMarginLeft, this.spnMarginBottom, this.spnMarginRight,
[PE] Add focus manager to advanced settings
2020-10-13 19:49:04 +00:00
this.spnTableMarginTop, this.spnTableMarginLeft, this.spnTableMarginBottom, this.spnTableMarginRight, // 0 tab
this.inputAltTitle, this.textareaAltDescription // 1 tab
];
},
onCategoryClick: function(btn, index) {
Common.Views.AdvancedSettingsWindow.prototype.onCategoryClick.call(this, btn, index);
var me = this;
setTimeout(function(){
switch (index) {
case 0:
if (!me.spnMarginTop.isDisabled())
me.spnMarginTop.focus();
else
me.spnTableMarginTop.focus();
break;
case 1:
me.inputAltTitle.focus();
break;
}
}, 10);
},
webapps added
2016-03-11 00:48:53 +00:00
afterRender: function() {
this.updateMetricUnit();
this._setDefaults(this._originalProps);
Bug 32194.
2016-04-21 11:47:28 +00:00
if (this.storageName) {
var value = Common.localStorage.getItem(this.storageName);
this.setActiveCategory((value!==null) ? parseInt(value) : 0);
}
webapps added
2016-03-11 00:48:53 +00:00
},
getSettings: function() {
[PE] Change layout for advanced table settings. Added alternative text for tables (for future use).
2017-01-19 09:54:34 +00:00
if (this.isAltTitleChanged)
[PE] Add alternative text for tables.
2017-02-07 08:50:30 +00:00
this._changedProps.put_TableCaption(this.inputAltTitle.getValue());
[PE] Change layout for advanced table settings. Added alternative text for tables (for future use).
2017-01-19 09:54:34 +00:00
if (this.isAltDescChanged)
[PE] Add alternative text for tables.
2017-02-07 08:50:30 +00:00
this._changedProps.put_TableDescription(this.textareaAltDescription.val());
[PE] Change layout for advanced table settings. Added alternative text for tables (for future use).
2017-01-19 09:54:34 +00:00
webapps added
2016-03-11 00:48:53 +00:00
return { tableProps: this._changedProps };
},
_setDefaults: function(props) {
if (props ){
this._allTable = !props.get_CellSelect();
// margins
var margins = props.get_DefaultMargins();
if (margins) {
this.TableMargins = {
Left : (margins.get_Left() !==null) ? Common.Utils.Metric.fnRecalcFromMM(margins.get_Left()) : null,
Right : (margins.get_Right() !==null) ? Common.Utils.Metric.fnRecalcFromMM(margins.get_Right()) : null,
Top : (margins.get_Top() !==null) ? Common.Utils.Metric.fnRecalcFromMM(margins.get_Top()) : null,
Bottom : (margins.get_Bottom() !==null) ? Common.Utils.Metric.fnRecalcFromMM(margins.get_Bottom()) : null
};
}
margins = props.get_CellMargins();
var flag = undefined;
if (margins) {
this.CellMargins = {
Left : (margins.get_Left() !==null) ? Common.Utils.Metric.fnRecalcFromMM(margins.get_Left()) : null,
Right : (margins.get_Right() !==null) ? Common.Utils.Metric.fnRecalcFromMM(margins.get_Right()) : null,
Top : (margins.get_Top() !==null) ? Common.Utils.Metric.fnRecalcFromMM(margins.get_Top()) : null,
Bottom : (margins.get_Bottom() !==null) ? Common.Utils.Metric.fnRecalcFromMM(margins.get_Bottom()) : null
};
flag = margins.get_Flag();
this.CellMargins.Flag = (flag==1) ? 'indeterminate' : ((flag==0) ? 'checked' : 'unchecked');
this.chCellMargins.setValue( this.CellMargins.Flag, true);
}
if ( flag===0 ) {
// Если для всех выделенных ячеек пришло одинаковое значение Flag=0 (Use Default Margins), выставим в поля для Cell Margins значения DefaultMargins
if (this.CellMargins.Left=== null) this.CellMargins.Left = this.TableMargins.Left;
if (this.CellMargins.Top=== null) this.CellMargins.Top = this.TableMargins.Top;
if (this.CellMargins.Right=== null) this.CellMargins.Right = this.TableMargins.Right;
if (this.CellMargins.Bottom=== null) this.CellMargins.Bottom = this.TableMargins.Bottom;
}
this.fillMargins(this.CellMargins.Flag);
[PE] Change layout for advanced table settings. Added alternative text for tables (for future use).
2017-01-19 09:54:34 +00:00
[PE] Add alternative text for tables.
2017-02-07 08:50:30 +00:00
var value = props.get_TableCaption();
this.inputAltTitle.setValue(value ? value : '');
value = props.get_TableDescription();
this.textareaAltDescription.val(value ? value : '');
[PE] Change layout for advanced table settings. Added alternative text for tables (for future use).
2017-01-19 09:54:34 +00:00
global clases -> Asc namespace
2016-04-05 12:57:51 +00:00
this._changedProps = new Asc.CTableProp();
webapps added
2016-03-11 00:48:53 +00:00
}
},
fillMargins : function (checkMarginsState) {
if ( this._initialMarginsDefault && checkMarginsState=='unchecked' ) {
// изначально для всех ячеек использовали DefaultMargins, а теперь снимаем галку -> выставим в поля для маргинов 0, а не пустые значения
if (this.CellMargins.Left=== null) this.CellMargins.Left = 0;
if (this.CellMargins.Top=== null) this.CellMargins.Top = 0;
if (this.CellMargins.Right=== null) this.CellMargins.Right = 0;
if (this.CellMargins.Bottom=== null) this.CellMargins.Bottom = 0;
}
this.spnMarginLeft.setValue((this.CellMargins.Left!== null) ? this.CellMargins.Left : '', true);
this.spnMarginTop.setValue((this.CellMargins.Top!== null) ? this.CellMargins.Top : '', true);
this.spnMarginRight.setValue((this.CellMargins.Right!== null) ? this.CellMargins.Right : '', true);
this.spnMarginBottom.setValue((this.CellMargins.Bottom!== null) ? this.CellMargins.Bottom : '', true);
var disabled = (checkMarginsState=='checked');
this.spnMarginTop.setDisabled(disabled);
this.spnMarginBottom.setDisabled(disabled);
this.spnMarginLeft.setDisabled(disabled);
this.spnMarginRight.setDisabled(disabled);
this.spnTableMarginLeft.setValue((this.TableMargins.Left!== null) ? this.TableMargins.Left : '', true);
this.spnTableMarginTop.setValue((this.TableMargins.Top!== null) ? this.TableMargins.Top : '', true);
this.spnTableMarginRight.setValue((this.TableMargins.Right!== null) ? this.TableMargins.Right : '', true);
this.spnTableMarginBottom.setValue((this.TableMargins.Bottom!== null) ? this.TableMargins.Bottom : '', true);
},
updateMetricUnit: function() {
if (this.spinners) {
for (var i=0; i<this.spinners.length; i++) {
var spinner = this.spinners[i];
Реализована локализация единиц измерения (Cm, Pt).
2016-04-06 13:38:54 +00:00
spinner.setDefaultUnit(Common.Utils.Metric.getCurrentMetricName());
В список единиц измерения добавлены дюймы.
2016-04-06 15:17:40 +00:00
spinner.setStep(Common.Utils.Metric.getCurrentMetric()==Common.Utils.Metric.c_MetricUnits.pt ? 1 : 0.1);
webapps added
2016-03-11 00:48:53 +00:00
}
}
},
textWidthSpaces: 'Margins',
textMargins: 'Cell Margins',
textTop: 'Top',
textLeft: 'Left',
textBottom: 'Bottom',
textRight: 'Right',
textTitle: 'Table - Advanced Settings',
textDefaultMargins: 'Default Margins',
textCheckMargins: 'Use default margins',
[PE] Change layout for advanced table settings. Added alternative text for tables (for future use).
2017-01-19 09:54:34 +00:00
textAlt: 'Alternative Text',
textAltTitle: 'Title',
textAltDescription: 'Description',
textAltTip: 'The alternative text-based representation of the visual object information, which will be read to the people with vision or cognitive impairments to help them better understand what information there is in the image, autoshape, chart or table.'
webapps added
2016-03-11 00:48:53 +00:00
}, PE.Views.TableSettingsAdvanced || {}));
});
Reference in a new issue Copy permalink