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

954 lines
45 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
/**
* ShapeSettingsAdvanced.js
*
* Created by Julia Radzhabova on 3/31/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!spreadsheeteditor/main/app/template/ShapeSettingsAdvanced.template',
'common/main/lib/view/AdvancedSettingsWindow',
'common/main/lib/component/ComboBox',
[PE][SSE] Bug 19378
2018-08-30 15:41:09 +00:00
'common/main/lib/component/MetricSpinner',
'common/main/lib/component/CheckBox'
webapps added
2016-03-11 00:48:53 +00:00
], function (contentTemplate) {
'use strict';
SSE.Views.ShapeSettingsAdvanced = Common.Views.AdvancedSettingsWindow.extend(_.extend({
options: {
contentWidth: 300,
[SSE] Added alternative text for charts and shapes.
2017-01-18 19:26:05 +00:00
height: 342,
webapps added
2016-03-11 00:48:53 +00:00
toggleGroup: 'shape-adv-settings-group',
sizeOriginal: {width: 0, height: 0},
sizeMax: {width: 55.88, height: 55.88},
Bug 32194.
2016-04-21 11:47:28 +00:00
properties: null,
storageName: 'sse-shape-settings-adv-category'
webapps added
2016-03-11 00:48:53 +00:00
},
initialize : function(options) {
_.extend(this.options, {
title: this.textTitle,
items: [
{panelId: 'id-adv-shape-width', panelCaption: this.textSize},
[PE][SSE] Bug 19378
2018-08-30 15:41:09 +00:00
{panelId: 'id-adv-shape-rotate', panelCaption: this.textRotation},
webapps added
2016-03-11 00:48:53 +00:00
{panelId: 'id-adv-shape-shape', panelCaption: this.textWeightArrows},
[DE][SSE] Add autofit settings for shape
2020-02-25 13:47:53 +00:00
{panelId: 'id-adv-shape-margins', panelCaption: this.textTextBox},
[PE][SSE] Set columns for text in shape.
2017-05-26 09:49:33 +00:00
{panelId: 'id-adv-shape-columns', panelCaption: this.strColumns},
[SSE] Add cell snapping settings for Image/Shape/Chart
2019-10-03 13:56:19 +00:00
{panelId: 'id-adv-shape-snap', panelCaption: this.textSnap},
[SSE] Added alternative text for charts and shapes.
2017-01-18 19:26:05 +00:00
{panelId: 'id-adv-shape-alttext', panelCaption: this.textAlt}
webapps added
2016-03-11 00:48:53 +00:00
],
contentTemplate: _.template(contentTemplate)({
scope: this
})
}, options);
Common.Views.AdvancedSettingsWindow.prototype.initialize.call(this, this.options);
this.spinners = [];
this.Margins = undefined;
this._nRatio = 1;
this._originalProps = this.options.shapeProps;
this._changedProps = null;
},
render: function() {
Common.Views.AdvancedSettingsWindow.prototype.render.call(this);
var me = this;
this.spnWidth = new Common.UI.MetricSpinner({
el: $('#shape-advanced-spin-width'),
step: .1,
width: 100,
defaultUnit : "cm",
value: '3 cm',
maxValue: 55.88,
minValue: 0
});
this.spnWidth.on('change', _.bind(function(field, newValue, oldValue, eOpts){
if (this.btnRatio.pressed) {
var w = field.getNumberValue();
var h = w/this._nRatio;
if (h>this.spnHeight.options.maxValue) {
h = this.spnHeight.options.maxValue;
w = h * this._nRatio;
this.spnWidth.setValue(w, true);
}
this.spnHeight.setValue(h, true);
}
if (this._changedProps) {
this._changedProps.asc_putWidth(Common.Utils.Metric.fnRecalcToMM(field.getNumberValue()));
this._changedProps.asc_putHeight(Common.Utils.Metric.fnRecalcToMM(this.spnHeight.getNumberValue()));
}
}, this));
this.spinners.push(this.spnWidth);
this.spnHeight = new Common.UI.MetricSpinner({
el: $('#shape-advanced-spin-height'),
step: .1,
width: 100,
defaultUnit : "cm",
value: '3 cm',
maxValue: 55.88,
minValue: 0
});
this.spnHeight.on('change', _.bind(function(field, newValue, oldValue, eOpts){
var h = field.getNumberValue(), w = null;
if (this.btnRatio.pressed) {
w = h * this._nRatio;
if (w>this.spnWidth.options.maxValue) {
w = this.spnWidth.options.maxValue;
h = w/this._nRatio;
this.spnHeight.setValue(h, true);
}
this.spnWidth.setValue(w, true);
}
if (this._changedProps) {
this._changedProps.asc_putHeight(Common.Utils.Metric.fnRecalcToMM(field.getNumberValue()));
this._changedProps.asc_putWidth(Common.Utils.Metric.fnRecalcToMM(this.spnWidth.getNumberValue()));
}
}, this));
this.spinners.push(this.spnHeight);
this.btnRatio = new Common.UI.Button({
Refactoring button component
2020-04-29 07:36:53 +00:00
parentEl: $('#shape-advanced-button-ratio'),
webapps added
2016-03-11 00:48:53 +00:00
cls: 'btn-toolbar',
Change styles for ratio and zoom buttons
2019-12-02 11:48:50 +00:00
iconCls: 'toolbar__icon advanced-btn-ratio',
webapps added
2016-03-11 00:48:53 +00:00
style: 'margin-bottom: 1px;',
enableToggle: true,
hint: this.textKeepRatio
});
this.btnRatio.on('click', _.bind(function(btn, e) {
if (btn.pressed && this.spnHeight.getNumberValue()>0) {
this._nRatio = this.spnWidth.getNumberValue()/this.spnHeight.getNumberValue();
}
[PE, SSE] Выставление опции сохранения пропорций для изображений, автофигур и диаграмм (см. баги 32442, 32436).
2016-05-24 11:45:53 +00:00
if (this._changedProps) {
this._changedProps.asc_putLockAspect(btn.pressed);
}
webapps added
2016-03-11 00:48:53 +00:00
}, this));
// Margins
this.spnMarginTop = new Common.UI.MetricSpinner({
el: $('#shape-margin-top'),
step: .1,
width: 100,
defaultUnit : "cm",
value: '0 cm',
maxValue: 55.87,
minValue: 0
});
this.spnMarginTop.on('change', _.bind(function(field, newValue, oldValue, eOpts){
if (this._changedProps) {
if (this._changedProps.asc_getShapeProperties()===null || this._changedProps.asc_getShapeProperties()===undefined)
this._changedProps.asc_putShapeProperties(new Asc.asc_CShapeProperty());
if (this._changedProps.asc_getShapeProperties().asc_getPaddings()===null)
this._changedProps.asc_getShapeProperties().asc_putPaddings(new Asc.asc_CPaddings());
this._changedProps.asc_getShapeProperties().asc_getPaddings().asc_putTop(Common.Utils.Metric.fnRecalcToMM(field.getNumberValue()));
}
}, this));
this.spinners.push(this.spnMarginTop);
this.spnMarginBottom = new Common.UI.MetricSpinner({
el: $('#shape-margin-bottom'),
step: .1,
width: 100,
defaultUnit : "cm",
value: '0 cm',
maxValue: 55.87,
minValue: 0
});
this.spnMarginBottom.on('change', _.bind(function(field, newValue, oldValue, eOpts){
if (this._changedProps) {
if (this._changedProps.asc_getShapeProperties()===null || this._changedProps.asc_getShapeProperties()===undefined)
this._changedProps.asc_putShapeProperties(new Asc.asc_CShapeProperty());
if (this._changedProps.asc_getShapeProperties().asc_getPaddings()===null)
this._changedProps.asc_getShapeProperties().asc_putPaddings(new Asc.asc_CPaddings());
this._changedProps.asc_getShapeProperties().asc_getPaddings().asc_putBottom(Common.Utils.Metric.fnRecalcToMM(field.getNumberValue()));
}
}, this));
this.spinners.push(this.spnMarginBottom);
this.spnMarginLeft = new Common.UI.MetricSpinner({
el: $('#shape-margin-left'),
step: .1,
width: 100,
defaultUnit : "cm",
value: '0.19 cm',
maxValue: 9.34,
minValue: 0
});
this.spnMarginLeft.on('change', _.bind(function(field, newValue, oldValue, eOpts){
if (this._changedProps) {
if (this._changedProps.asc_getShapeProperties()===null || this._changedProps.asc_getShapeProperties()===undefined)
this._changedProps.asc_putShapeProperties(new Asc.asc_CShapeProperty());
if (this._changedProps.asc_getShapeProperties().asc_getPaddings()===null)
this._changedProps.asc_getShapeProperties().asc_putPaddings(new Asc.asc_CPaddings());
this._changedProps.asc_getShapeProperties().asc_getPaddings().asc_putLeft(Common.Utils.Metric.fnRecalcToMM(field.getNumberValue()));
}
}, this));
this.spinners.push(this.spnMarginLeft);
this.spnMarginRight = new Common.UI.MetricSpinner({
el: $('#shape-margin-right'),
step: .1,
width: 100,
defaultUnit : "cm",
value: '0.19 cm',
maxValue: 9.34,
minValue: 0
});
this.spnMarginRight.on('change', _.bind(function(field, newValue, oldValue, eOpts){
if (this._changedProps) {
if (this._changedProps.asc_getShapeProperties()===null || this._changedProps.asc_getShapeProperties()===undefined)
this._changedProps.asc_putShapeProperties(new Asc.asc_CShapeProperty());
if (this._changedProps.asc_getShapeProperties().asc_getPaddings()===null)
this._changedProps.asc_getShapeProperties().asc_putPaddings(new Asc.asc_CPaddings());
this._changedProps.asc_getShapeProperties().asc_getPaddings().asc_putRight(Common.Utils.Metric.fnRecalcToMM(field.getNumberValue()));
}
}, this));
this.spinners.push(this.spnMarginRight);
[DE][SSE] Add autofit settings for shape
2020-02-25 13:47:53 +00:00
this.chAutofit = new Common.UI.CheckBox({
el: $('#shape-checkbox-autofit'),
labelText: this.textResizeFit
});
this.chAutofit.on('change', _.bind(function(field, newValue, oldValue, eOpts){
if (this._changedProps) {
if (this._changedProps.asc_getShapeProperties()===null || this._changedProps.asc_getShapeProperties()===undefined)
this._changedProps.asc_putShapeProperties(new Asc.asc_CShapeProperty());
this._changedProps.asc_getShapeProperties().asc_putTextFitType(field.getValue()=='checked' ? AscFormat.text_fit_Auto : AscFormat.text_fit_No);
}
}, this));
[SSE] Add overflow settings for shape
2020-02-26 11:24:58 +00:00
this.chOverflow = new Common.UI.CheckBox({
el: $('#shape-checkbox-overflow'),
labelText: this.textOverflow
});
this.chOverflow.on('change', _.bind(function(field, newValue, oldValue, eOpts){
if (this._changedProps) {
if (this._changedProps.asc_getShapeProperties()===null || this._changedProps.asc_getShapeProperties()===undefined)
this._changedProps.asc_putShapeProperties(new Asc.asc_CShapeProperty());
this._changedProps.asc_getShapeProperties().asc_putVertOverflowType(field.getValue()=='checked' ? AscFormat.nOTOwerflow : AscFormat.nOTClip);
}
}, this));
[PE][SSE] Bug 19378
2018-08-30 15:41:09 +00:00
// Rotation
this.spnAngle = new Common.UI.MetricSpinner({
el: $('#shape-advanced-spin-angle'),
step: 1,
width: 80,
defaultUnit : "°",
value: '0 °',
maxValue: 3600,
minValue: -3600
});
this.chFlipHor = new Common.UI.CheckBox({
el: $('#shape-advanced-checkbox-hor'),
labelText: this.textHorizontally
});
this.chFlipVert = new Common.UI.CheckBox({
el: $('#shape-advanced-checkbox-vert'),
labelText: this.textVertically
});
webapps added
2016-03-11 00:48:53 +00:00
// Shape
this._arrCapType = [
use 'c_oAsc...' variables from Asc namespace
2016-04-05 11:52:34 +00:00
{displayValue: this.textFlat, value: Asc.c_oAscLineCapType.Flat},
{displayValue: this.textRound, value: Asc.c_oAscLineCapType.Round},
{displayValue: this.textSquare, value: Asc.c_oAscLineCapType.Square}
webapps added
2016-03-11 00:48:53 +00:00
];
this.cmbCapType = new Common.UI.ComboBox({
el: $('#shape-advanced-cap-type'),
cls: 'input-group-nr',
menuStyle: 'min-width: 100px;',
editable: false,
[SSE] Add focus manager to advanced settings
2020-10-14 10:43:44 +00:00
data: this._arrCapType,
takeFocusOnClose: true
webapps added
2016-03-11 00:48:53 +00:00
});
use 'c_oAsc...' variables from Asc namespace
2016-04-05 11:52:34 +00:00
this.cmbCapType.setValue(Asc.c_oAscLineCapType.Flat);
webapps added
2016-03-11 00:48:53 +00:00
this.cmbCapType.on('selected', _.bind(function(combo, record){
if (this._changedProps) {
if (this._changedProps.asc_getShapeProperties()===null || this._changedProps.asc_getShapeProperties()===undefined)
this._changedProps.asc_putShapeProperties(new Asc.asc_CShapeProperty());
if (this._changedProps.asc_getShapeProperties().asc_getStroke()===null)
this._changedProps.asc_getShapeProperties().asc_putStroke(new Asc.asc_CStroke());
this._changedProps.asc_getShapeProperties().asc_getStroke().asc_putLinecap(record.value);
}
}, this));
this._arrJoinType = [
use 'c_oAsc...' variables from Asc namespace
2016-04-05 11:52:34 +00:00
{displayValue: this.textRound, value: Asc.c_oAscLineJoinType.Round},
{displayValue: this.textBevel, value: Asc.c_oAscLineJoinType.Bevel},
{displayValue: this.textMiter, value: Asc.c_oAscLineJoinType.Miter}
webapps added
2016-03-11 00:48:53 +00:00
];
this.cmbJoinType = new Common.UI.ComboBox({
el: $('#shape-advanced-join-type'),
cls: 'input-group-nr',
menuStyle: 'min-width: 100px;',
editable: false,
[SSE] Add focus manager to advanced settings
2020-10-14 10:43:44 +00:00
data: this._arrJoinType,
takeFocusOnClose: true
webapps added
2016-03-11 00:48:53 +00:00
});
use 'c_oAsc...' variables from Asc namespace
2016-04-05 11:52:34 +00:00
this.cmbJoinType.setValue(Asc.c_oAscLineJoinType.Round);
webapps added
2016-03-11 00:48:53 +00:00
this.cmbJoinType.on('selected', _.bind(function(combo, record){
if (this._changedProps) {
if (this._changedProps.asc_getShapeProperties()===null || this._changedProps.asc_getShapeProperties()===undefined)
this._changedProps.asc_putShapeProperties(new Asc.asc_CShapeProperty());
if (this._changedProps.asc_getShapeProperties().asc_getStroke()===null)
this._changedProps.asc_getShapeProperties().asc_putStroke(new Asc.asc_CStroke());
this._changedProps.asc_getShapeProperties().asc_getStroke().asc_putLinejoin(record.value);
}
}, this));
var _arrStyles = [], _arrSize = [];
for ( var i=0; i<6; i++ )
_arrStyles.push({value: i, offsetx: 80*i+10, offsety: 0});
use 'c_oAsc...' variables from Asc namespace
2016-04-05 11:52:34 +00:00
_arrStyles[0].type = Asc.c_oAscLineBeginType.None;
_arrStyles[1].type = Asc.c_oAscLineBeginType.Triangle;
_arrStyles[2].type = Asc.c_oAscLineBeginType.Arrow;
_arrStyles[3].type = Asc.c_oAscLineBeginType.Stealth;
_arrStyles[4].type = Asc.c_oAscLineBeginType.Diamond;
_arrStyles[5].type = Asc.c_oAscLineBeginType.Oval;
webapps added
2016-03-11 00:48:53 +00:00
for ( i=0; i<9; i++ )
_arrSize.push({value: i, offsetx: 80+10, offsety: 20*(i+1)});
use 'c_oAsc...' variables from Asc namespace
2016-04-05 11:52:34 +00:00
_arrSize[0].type = Asc.c_oAscLineBeginSize.small_small;
_arrSize[1].type = Asc.c_oAscLineBeginSize.small_mid;
_arrSize[2].type = Asc.c_oAscLineBeginSize.small_large;
_arrSize[3].type = Asc.c_oAscLineBeginSize.mid_small;
_arrSize[4].type = Asc.c_oAscLineBeginSize.mid_mid;
_arrSize[5].type = Asc.c_oAscLineBeginSize.mid_large;
_arrSize[6].type = Asc.c_oAscLineBeginSize.large_small;
_arrSize[7].type = Asc.c_oAscLineBeginSize.large_mid;
_arrSize[8].type = Asc.c_oAscLineBeginSize.large_large;
webapps added
2016-03-11 00:48:53 +00:00
this.btnBeginStyle = new Common.UI.ComboBox({
el: $('#shape-advanced-begin-style'),
template: _.template([
'<div class="input-group combobox combo-dataview-menu input-group-nr dropdown-toggle combo-arrow-style" data-toggle="dropdown">',
'<div class="form-control image" style="width: 100px;"></div>',
'<div style="display: table-cell;"></div>',
[stylesheets] repaired some components
2021-01-06 17:33:01 +00:00
'<button type="button" class="btn btn-default"><span class="caret"></span></button>',
webapps added
2016-03-11 00:48:53 +00:00
'</div>'
].join(''))
});
this.btnBeginStyleMenu = (new Common.UI.Menu({
style: 'min-width: 105px;',
Fix Bug 40747
2019-02-28 10:05:23 +00:00
additionalAlign: this.menuAddAlign,
webapps added
2016-03-11 00:48:53 +00:00
items: [
{ template: _.template('<div id="shape-advanced-menu-begin-style" style="width: 105px; margin: 0 5px;"></div>') }
]
})).render($('#shape-advanced-begin-style'));
this.mnuBeginStylePicker = new Common.UI.DataView({
el: $('#shape-advanced-menu-begin-style'),
parentMenu: this.btnBeginStyleMenu,
store: new Common.UI.DataViewStore(_arrStyles),
itemTemplate: _.template('<div id="<%= id %>" class="item-arrow" style="background-position: -<%= offsetx %>px -<%= offsety %>px;"></div>')
});
this.mnuBeginStylePicker.on('item:click', _.bind(this.onSelectBeginStyle, this));
this._selectStyleItem(this.btnBeginStyle, null);
this.btnBeginSize = new Common.UI.ComboBox({
el: $('#shape-advanced-begin-size'),
template: _.template([
'<div class="input-group combobox combo-dataview-menu input-group-nr dropdown-toggle combo-arrow-style" data-toggle="dropdown">',
'<div class="form-control image" style="width: 100px;"></div>',
'<div style="display: table-cell;"></div>',
[stylesheets] repaired some components
2021-01-06 17:33:01 +00:00
'<button type="button" class="btn btn-default"><span class="caret"></span></button>',
webapps added
2016-03-11 00:48:53 +00:00
'</div>'
].join(''))
});
this.btnBeginSizeMenu = (new Common.UI.Menu({
style: 'min-width: 160px;',
Fix Bug 40747
2019-02-28 10:05:23 +00:00
additionalAlign: this.menuAddAlign,
webapps added
2016-03-11 00:48:53 +00:00
items: [
{ template: _.template('<div id="shape-advanced-menu-begin-size" style="width: 160px; margin: 0 5px;"></div>') }
]
})).render($('#shape-advanced-begin-size'));
this.mnuBeginSizePicker = new Common.UI.DataView({
el: $('#shape-advanced-menu-begin-size'),
parentMenu: this.btnBeginSizeMenu,
store: new Common.UI.DataViewStore(_arrSize),
itemTemplate: _.template('<div id="<%= id %>" class="item-arrow" style="background-position: -<%= offsetx %>px -<%= offsety %>px;"></div>')
});
this.mnuBeginSizePicker.on('item:click', _.bind(this.onSelectBeginSize, this));
this._selectStyleItem(this.btnBeginSize, null);
for ( i=0; i<_arrStyles.length; i++ )
_arrStyles[i].offsety += 200;
for ( i=0; i<_arrSize.length; i++ )
_arrSize[i].offsety += 200;
this.btnEndStyle = new Common.UI.ComboBox({
el: $('#shape-advanced-end-style'),
template: _.template([
'<div class="input-group combobox combo-dataview-menu input-group-nr dropdown-toggle combo-arrow-style" data-toggle="dropdown">',
'<div class="form-control image" style="width: 100px;"></div>',
'<div style="display: table-cell;"></div>',
[stylesheets] repaired some components
2021-01-06 17:33:01 +00:00
'<button type="button" class="btn btn-default"><span class="caret"></span></button>',
webapps added
2016-03-11 00:48:53 +00:00
'</div>'
].join(''))
});
this.btnEndStyleMenu = (new Common.UI.Menu({
style: 'min-width: 105px;',
Fix Bug 40747
2019-02-28 10:05:23 +00:00
additionalAlign: this.menuAddAlign,
webapps added
2016-03-11 00:48:53 +00:00
items: [
{ template: _.template('<div id="shape-advanced-menu-end-style" style="width: 105px; margin: 0 5px;"></div>') }
]
})).render($('#shape-advanced-end-style'));
this.mnuEndStylePicker = new Common.UI.DataView({
el: $('#shape-advanced-menu-end-style'),
parentMenu: this.btnEndStyleMenu,
store: new Common.UI.DataViewStore(_arrStyles),
itemTemplate: _.template('<div id="<%= id %>" class="item-arrow" style="background-position: -<%= offsetx %>px -<%= offsety %>px;"></div>')
});
this.mnuEndStylePicker.on('item:click', _.bind(this.onSelectEndStyle, this));
this._selectStyleItem(this.btnEndStyle, null);
this.btnEndSize = new Common.UI.ComboBox({
el: $('#shape-advanced-end-size'),
template: _.template([
'<div class="input-group combobox combo-dataview-menu input-group-nr dropdown-toggle combo-arrow-style" data-toggle="dropdown">',
'<div class="form-control image" style="width: 100px;"></div>',
'<div style="display: table-cell;"></div>',
[stylesheets] repaired some components
2021-01-06 17:33:01 +00:00
'<button type="button" class="btn btn-default"><span class="caret"></span></button>',
webapps added
2016-03-11 00:48:53 +00:00
'</div>'
].join(''))
});
this.btnEndSizeMenu = (new Common.UI.Menu({
style: 'min-width: 160px;',
Fix Bug 40747
2019-02-28 10:05:23 +00:00
additionalAlign: this.menuAddAlign,
webapps added
2016-03-11 00:48:53 +00:00
items: [
{ template: _.template('<div id="shape-advanced-menu-end-size" style="width: 160px; margin: 0 5px;"></div>') }
]
})).render($('#shape-advanced-end-size'));
this.mnuEndSizePicker = new Common.UI.DataView({
el: $('#shape-advanced-menu-end-size'),
parentMenu: this.btnEndSizeMenu,
store: new Common.UI.DataViewStore(_arrSize),
itemTemplate: _.template('<div id="<%= id %>" class="item-arrow" style="background-position: -<%= offsetx %>px -<%= offsety %>px;"></div>')
});
this.mnuEndSizePicker.on('item:click', _.bind(this.onSelectEndSize, this));
this._selectStyleItem(this.btnEndSize, null);
[PE][SSE] Set columns for text in shape.
2017-05-26 09:49:33 +00:00
// Columns
this.spnColumns = new Common.UI.MetricSpinner({
el: $('#shape-columns-number'),
step: 1,
Fix Bug 35139.
2017-06-19 08:54:26 +00:00
allowDecimal: false,
[PE][SSE] Set columns for text in shape.
2017-05-26 09:49:33 +00:00
width: 100,
defaultUnit : "",
value: '1',
maxValue: 16,
minValue: 1
});
this.spnColumns.on('change', _.bind(function(field, newValue, oldValue, eOpts){
if (this._changedProps) {
if (this._changedProps.asc_getShapeProperties()===null || this._changedProps.asc_getShapeProperties()===undefined)
this._changedProps.asc_putShapeProperties(new Asc.asc_CShapeProperty());
this._changedProps.asc_getShapeProperties().asc_putColumnNumber(field.getNumberValue());
}
}, this));
this.spnSpacing = new Common.UI.MetricSpinner({
el: $('#shape-columns-spacing'),
step: .1,
width: 100,
defaultUnit : "cm",
value: '0 cm',
maxValue: 40.64,
minValue: 0
});
this.spnSpacing.on('change', _.bind(function(field, newValue, oldValue, eOpts){
if (this._changedProps) {
if (this._changedProps.asc_getShapeProperties()===null || this._changedProps.asc_getShapeProperties()===undefined)
this._changedProps.asc_putShapeProperties(new Asc.asc_CShapeProperty());
this._changedProps.asc_getShapeProperties().asc_putColumnSpace(Common.Utils.Metric.fnRecalcToMM(field.getNumberValue()));
}
}, this));
this.spinners.push(this.spnSpacing);
[SSE] Add cell snapping settings for Image/Shape/Chart
2019-10-03 13:56:19 +00:00
// Snapping
this.radioTwoCell = new Common.UI.RadioBox({
el: $('#shape-radio-twocell'),
name: 'asc-radio-snap',
labelText: this.textTwoCell,
value: AscCommon.c_oAscCellAnchorType.cellanchorTwoCell
});
this.radioTwoCell.on('change', _.bind(this.onRadioSnapChange, this));
this.radioOneCell = new Common.UI.RadioBox({
el: $('#shape-radio-onecell'),
name: 'asc-radio-snap',
labelText: this.textOneCell,
value: AscCommon.c_oAscCellAnchorType.cellanchorOneCell
});
this.radioOneCell.on('change', _.bind(this.onRadioSnapChange, this));
this.radioAbsolute = new Common.UI.RadioBox({
el: $('#shape-radio-absolute'),
name: 'asc-radio-snap',
labelText: this.textAbsolute,
value: AscCommon.c_oAscCellAnchorType.cellanchorAbsolute
});
this.radioAbsolute.on('change', _.bind(this.onRadioSnapChange, this));
[SSE] Added alternative text for charts and shapes.
2017-01-18 19:26:05 +00:00
// Alt Text
this.inputAltTitle = new Common.UI.InputField({
el : $('#shape-advanced-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();
},
[SSE] Add focus manager to advanced settings
2020-10-14 10:43:44 +00:00
getFocusedComponents: function() {
return [
this.spnWidth, this.spnHeight, // 0 tab
[SSE] Add focus for checkbox
2021-04-13 22:12:59 +00:00
this.spnAngle, this.chFlipHor, this.chFlipVert, // 1 tab
[SSE] Add focus manager to advanced settings
2020-10-14 10:43:44 +00:00
this.cmbCapType, this.cmbJoinType, // 2 tab
[SSE] Add focus for checkbox
2021-04-13 22:12:59 +00:00
this.chAutofit, this.chOverflow, this.spnMarginTop, this.spnMarginLeft, this.spnMarginBottom, this.spnMarginRight, // 3 tab
[SSE] Add focus manager to advanced settings
2020-10-14 10:43:44 +00:00
this.spnColumns, this.spnSpacing, // 4 tab
[SSE] Add focus for radiobox
2021-04-14 15:16:27 +00:00
this.radioTwoCell, this.radioOneCell, this.radioAbsolute, // 5 tab
[SSE] Add focus manager to advanced settings
2020-10-14 10:43:44 +00:00
this.inputAltTitle, this.textareaAltDescription // 6 tab
];
},
onCategoryClick: function(btn, index) {
Common.Views.AdvancedSettingsWindow.prototype.onCategoryClick.call(this, btn, index);
var me = this;
setTimeout(function(){
switch (index) {
case 0:
me.spnWidth.focus();
break;
case 1:
me.spnAngle.focus();
break;
case 2:
me.cmbCapType.focus();
break;
case 3:
me.spnMarginTop.focus();
break;
case 4:
me.spnColumns.focus();
break;
[SSE] Add focus for radiobox
2021-04-14 15:16:27 +00:00
case 5:
me.radioTwoCell.focus();
break;
[SSE] Add focus manager to advanced settings
2020-10-14 10:43:44 +00:00
case 6:
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
},
_setDefaults: function(props) {
if (props && props.asc_getShapeProperties()){
var shapeprops = props.asc_getShapeProperties();
[DE PE SSE] Hide or disable controls for smart arts in right panel and advanced settings
2021-10-30 19:47:44 +00:00
if (shapeprops.asc_getFromSmartArt()) {
this.btnsCategory[1].setDisabled(true);
}
if (shapeprops.asc_getFromSmartArtInternal()) {
this.chAutofit.setDisabled(true);
this.chOverflow.setDisabled(true);
Disable flip for shape in smart art
2022-03-28 12:31:59 +00:00
this.chFlipHor.setDisabled(true);
this.chFlipVert.setDisabled(true);
Disable resize for shape inside smart arts. Resize smart arts proportionately.
2022-04-19 17:19:52 +00:00
this.btnsCategory[0].setDisabled(true);
[DE PE SSE] Hide or disable controls for smart arts in right panel and advanced settings
2021-10-30 19:47:44 +00:00
}
webapps added
2016-03-11 00:48:53 +00:00
this.spnWidth.setValue(Common.Utils.Metric.fnRecalcFromMM(props.asc_getWidth()).toFixed(2), true);
this.spnHeight.setValue(Common.Utils.Metric.fnRecalcFromMM(props.asc_getHeight()).toFixed(2), true);
if (props.asc_getHeight()>0)
this._nRatio = props.asc_getWidth()/props.asc_getHeight();
[PE, SSE] Выставление опции сохранения пропорций для изображений, автофигур и диаграмм (см. баги 32442, 32436).
2016-05-24 11:45:53 +00:00
var value = props.asc_getLockAspect();
Disable resize for shape inside smart arts. Resize smart arts proportionately.
2022-04-19 17:19:52 +00:00
this.btnRatio.toggle(value || shapeprops.asc_getFromSmartArt());
this.btnRatio.setDisabled(!!shapeprops.asc_getFromSmartArt()); // can resize smart art only proportionately
webapps added
2016-03-11 00:48:53 +00:00
this._setShapeDefaults(shapeprops);
var margins = shapeprops.asc_getPaddings();
if (margins) {
var val = margins.asc_getLeft();
this.spnMarginLeft.setValue((null !== val && undefined !== val) ? Common.Utils.Metric.fnRecalcFromMM(val) : '', true);
val = margins.asc_getTop();
this.spnMarginTop.setValue((null !== val && undefined !== val) ? Common.Utils.Metric.fnRecalcFromMM(val) : '', true);
val = margins.asc_getRight();
this.spnMarginRight.setValue((null !== val && undefined !== val) ? Common.Utils.Metric.fnRecalcFromMM(val) : '', true);
val = margins.asc_getBottom();
this.spnMarginBottom.setValue((null !== val && undefined !== val) ? Common.Utils.Metric.fnRecalcFromMM(val) : '', true);
}
[PE][SSE] Bug 19378
2018-08-30 15:41:09 +00:00
this.btnsCategory[3].setDisabled(null === margins); // Margins
webapps added
2016-03-11 00:48:53 +00:00
[DE][SSE] Add autofit settings for shape
2020-02-25 13:47:53 +00:00
this.chAutofit.setValue(shapeprops.asc_getTextFitType()==AscFormat.text_fit_Auto);
[SSE] Add overflow settings for shape
2020-02-26 11:24:58 +00:00
this.chOverflow.setValue(shapeprops.asc_getVertOverflowType()==AscFormat.nOTOwerflow);
[DE][SSE] Add autofit settings for shape
2020-02-25 13:47:53 +00:00
[SSE][PE] Fix Bug 35041.
2017-06-29 09:15:01 +00:00
var shapetype = shapeprops.asc_getType();
[DE PE SSE] Hide or disable controls for smart arts in right panel and advanced settings
2021-10-30 19:47:44 +00:00
this.btnsCategory[4].setDisabled(shapeprops.asc_getFromSmartArtInternal()
|| shapetype=='line' || shapetype=='bentConnector2' || shapetype=='bentConnector3'
[SSE][PE] Fix Bug 35041.
2017-06-29 09:15:01 +00:00
|| shapetype=='bentConnector4' || shapetype=='bentConnector5' || shapetype=='curvedConnector2'
|| shapetype=='curvedConnector3' || shapetype=='curvedConnector4' || shapetype=='curvedConnector5'
|| shapetype=='straightConnector1');
[PE][SSE] Set columns for text in shape.
2017-05-26 09:49:33 +00:00
value = shapeprops.asc_getColumnNumber();
this.spnColumns.setValue((null !== value && undefined !== value) ? value : '', true);
value = shapeprops.asc_getColumnSpace();
this.spnSpacing.setValue((null !== value && undefined !== value) ? Common.Utils.Metric.fnRecalcFromMM(value) : '', true);
[SSE] Added alternative text for charts and shapes.
2017-01-18 19:26:05 +00:00
value = props.asc_getTitle();
this.inputAltTitle.setValue(value ? value : '');
value = props.asc_getDescription();
this.textareaAltDescription.val(value ? value : '');
[PE][SSE] Bug 19378
2018-08-30 15:41:09 +00:00
value = props.asc_getRot();
this.spnAngle.setValue((value==undefined || value===null) ? '' : Math.floor(value*180/3.14159265358979+0.5), true);
this.chFlipHor.setValue(props.asc_getFlipH());
this.chFlipVert.setValue(props.asc_getFlipV());
[SSE] Add cell snapping settings for Image/Shape/Chart
2019-10-03 13:56:19 +00:00
value = props.asc_getAnchor();
switch (value) {
case AscCommon.c_oAscCellAnchorType.cellanchorTwoCell:
this.radioTwoCell.setValue(true, true);
break;
case AscCommon.c_oAscCellAnchorType.cellanchorOneCell:
this.radioOneCell.setValue(true, true);
break;
case AscCommon.c_oAscCellAnchorType.cellanchorAbsolute:
this.radioAbsolute.setValue(true, true);
break;
}
webapps added
2016-03-11 00:48:53 +00:00
this._changedProps = new Asc.asc_CImgProperty();
}
},
getSettings: function() {
[SSE] Added alternative text for charts and shapes.
2017-01-18 19:26:05 +00:00
if (this.isAltTitleChanged)
this._changedProps.asc_putTitle(this.inputAltTitle.getValue());
if (this.isAltDescChanged)
this._changedProps.asc_putDescription(this.textareaAltDescription.val());
[PE][SSE] Bug 19378
2018-08-30 15:41:09 +00:00
this._changedProps.asc_putRot(this.spnAngle.getNumberValue() * 3.14159265358979 / 180);
this._changedProps.asc_putFlipH(this.chFlipHor.getValue()=='checked');
this._changedProps.asc_putFlipV(this.chFlipVert.getValue()=='checked');
webapps added
2016-03-11 00:48:53 +00:00
return { shapeProps: this._changedProps} ;
},
_setShapeDefaults: function(props) {
if (props ){
var stroke = props.asc_getStroke();
if (stroke) {
[PE][SSE] Bug 19378
2018-08-30 15:41:09 +00:00
this.btnsCategory[2].setDisabled(stroke.asc_getType() == Asc.c_oAscStrokeType.STROKE_NONE); // Weights & Arrows
Fix Bug 35415.
2017-08-04 11:24:30 +00:00
webapps added
2016-03-11 00:48:53 +00:00
var value = stroke.asc_getLinejoin();
for (var i=0; i<this._arrJoinType.length; i++) {
if (value == this._arrJoinType[i].value) {
this.cmbJoinType.setValue(value);
break;
}
}
value = stroke.asc_getLinecap();
for (i=0; i<this._arrCapType.length; i++) {
if (value == this._arrCapType[i].value) {
this.cmbCapType.setValue(value);
break;
}
}
var canchange = stroke.asc_getCanChangeArrows();
this.btnBeginStyle.setDisabled(!canchange);
this.btnEndStyle.setDisabled(!canchange);
this.btnBeginSize.setDisabled(!canchange);
this.btnEndSize.setDisabled(!canchange);
if (canchange) {
value = stroke.asc_getLinebeginsize();
var rec = this.mnuBeginSizePicker.store.findWhere({type: value});
if (rec) {
this._beginSizeIdx = rec.get('value');
} else {
this._beginSizeIdx = null;
this._selectStyleItem(this.btnBeginSize, null);
}
value = stroke.asc_getLinebeginstyle();
rec = this.mnuBeginStylePicker.store.findWhere({type: value});
if (rec) {
this.mnuBeginStylePicker.selectRecord(rec, true);
this._updateSizeArr(this.btnBeginSize, this.mnuBeginSizePicker, rec, this._beginSizeIdx);
this._selectStyleItem(this.btnBeginStyle, rec);
} else
this._selectStyleItem(this.btnBeginStyle, null);
value = stroke.asc_getLineendsize();
rec = this.mnuEndSizePicker.store.findWhere({type: value});
if (rec) {
this._endSizeIdx = rec.get('value');
} else {
this._endSizeIdx = null;
this._selectStyleItem(this.btnEndSize, null);
}
value = stroke.asc_getLineendstyle();
rec = this.mnuEndStylePicker.store.findWhere({type: value});
if (rec) {
this.mnuEndStylePicker.selectRecord(rec, true);
this._updateSizeArr(this.btnEndSize, this.mnuEndSizePicker, rec, this._endSizeIdx);
this._selectStyleItem(this.btnEndStyle, rec);
} else
this._selectStyleItem(this.btnEndStyle, null);
} else {
this._selectStyleItem(this.btnBeginStyle);
this._selectStyleItem(this.btnEndStyle);
this._selectStyleItem(this.btnBeginSize);
this._selectStyleItem(this.btnEndSize);
}
}
}
},
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.01);
webapps added
2016-03-11 00:48:53 +00:00
}
}
this.sizeMax = {
width: Common.Utils.Metric.fnRecalcFromMM(this.options.sizeMax.width*10),
height: Common.Utils.Metric.fnRecalcFromMM(this.options.sizeMax.height*10)
};
if (this.options.sizeOriginal)
this.sizeOriginal = {
width: Common.Utils.Metric.fnRecalcFromMM(this.options.sizeOriginal.width),
height: Common.Utils.Metric.fnRecalcFromMM(this.options.sizeOriginal.height)
};
},
_updateSizeArr: function(combo, picker, record, sizeidx) {
if (record.get('value')>0) {
picker.store.each( function(rec){
rec.set({offsetx: record.get('value')*80 + 10});
}, this);
combo.setDisabled(false);
if (sizeidx !== null) {
picker.selectByIndex(sizeidx, true);
this._selectStyleItem(combo, picker.store.at(sizeidx));
} else
this._selectStyleItem(combo, null);
} else {
this._selectStyleItem(combo, null);
combo.setDisabled(true);
}
},
_selectStyleItem: function(combo, record) {
var formcontrol = $(combo.el).find('.form-control');
formcontrol.css('background-position', ((record) ? (-record.get('offsetx')+20) + 'px' : '0') + ' ' + ((record) ? '-' + record.get('offsety') + 'px' : '-30px'));
},
onSelectBeginStyle: function(picker, view, record){
if (this._changedProps) {
if (this._changedProps.asc_getShapeProperties()===null || this._changedProps.asc_getShapeProperties()===undefined)
this._changedProps.asc_putShapeProperties(new Asc.asc_CShapeProperty());
if (this._changedProps.asc_getShapeProperties().asc_getStroke()===null)
this._changedProps.asc_getShapeProperties().asc_putStroke(new Asc.asc_CStroke());
this._changedProps.asc_getShapeProperties().asc_getStroke().asc_putLinebeginstyle(record.get('type'));
}
if (this._beginSizeIdx===null || this._beginSizeIdx===undefined)
this._beginSizeIdx = 4;
this._updateSizeArr(this.btnBeginSize, this.mnuBeginSizePicker, record, this._beginSizeIdx);
this._selectStyleItem(this.btnBeginStyle, record);
},
onSelectBeginSize: function(picker, view, record){
if (this._changedProps) {
if (this._changedProps.asc_getShapeProperties()===null || this._changedProps.asc_getShapeProperties()===undefined)
this._changedProps.asc_putShapeProperties(new Asc.asc_CShapeProperty());
if (this._changedProps.asc_getShapeProperties().asc_getStroke()===null)
this._changedProps.asc_getShapeProperties().asc_putStroke(new Asc.asc_CStroke());
this._changedProps.asc_getShapeProperties().asc_getStroke().asc_putLinebeginsize(record.get('type'));
}
this._beginSizeIdx = record.get('value');
this._selectStyleItem(this.btnBeginSize, record);
},
onSelectEndStyle: function(picker, view, record){
if (this._changedProps) {
if (this._changedProps.asc_getShapeProperties()===null || this._changedProps.asc_getShapeProperties()===undefined)
this._changedProps.asc_putShapeProperties(new Asc.asc_CShapeProperty());
if (this._changedProps.asc_getShapeProperties().asc_getStroke()===null)
this._changedProps.asc_getShapeProperties().asc_putStroke(new Asc.asc_CStroke());
this._changedProps.asc_getShapeProperties().asc_getStroke().asc_putLineendstyle(record.get('type'));
}
if (this._endSizeIdx===null || this._endSizeIdx===undefined)
this._endSizeIdx = 4;
this._updateSizeArr(this.btnEndSize, this.mnuEndSizePicker, record, this._endSizeIdx);
this._selectStyleItem(this.btnEndStyle, record);
},
onSelectEndSize: function(picker, view, record){
if (this._changedProps) {
if (this._changedProps.asc_getShapeProperties()===null || this._changedProps.asc_getShapeProperties()===undefined)
this._changedProps.asc_putShapeProperties(new Asc.asc_CShapeProperty());
if (this._changedProps.asc_getShapeProperties().asc_getStroke()===null)
this._changedProps.asc_getShapeProperties().asc_putStroke(new Asc.asc_CStroke());
this._changedProps.asc_getShapeProperties().asc_getStroke().asc_putLineendsize(record.get('type'));
}
this._endSizeIdx = record.get('value');
this._selectStyleItem(this.btnEndSize, record);
},
[SSE] Add cell snapping settings for Image/Shape/Chart
2019-10-03 13:56:19 +00:00
onRadioSnapChange: function(field, newValue, eOpts) {
if (newValue && this._changedProps) {
this._changedProps.asc_putAnchor(field.options.value);
}
},
webapps added
2016-03-11 00:48:53 +00:00
textTop: 'Top',
textLeft: 'Left',
textBottom: 'Bottom',
textRight: 'Right',
textSize: 'Size',
textWidth: 'Width',
textHeight: 'Height',
textKeepRatio: 'Constant Proportions',
textTitle: 'Shape - Advanced Settings',
strMargins: 'Text Padding',
textRound: 'Round',
textMiter: 'Miter',
textSquare: 'Square',
textFlat: 'Flat',
textBevel: 'Bevel',
textArrows: 'Arrows',
textLineStyle: 'Line Style',
textCapType: 'Cap Type',
textJoinType: 'Join Type',
textBeginStyle: 'Begin Style',
textBeginSize: 'Begin Size',
textEndStyle: 'End Style',
textEndSize: 'End Size',
[SSE] Added alternative text for charts and shapes.
2017-01-18 19:26:05 +00:00
textWeightArrows: 'Weights & Arrows',
textAlt: 'Alternative Text',
textAltTitle: 'Title',
textAltDescription: 'Description',
[PE][SSE] Set columns for text in shape.
2017-05-26 09:49:33 +00:00
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.',
strColumns: 'Columns',
textSpacing: 'Spacing between columns',
[PE][SSE] Bug 19378
2018-08-30 15:41:09 +00:00
textColNumber: 'Number of columns',
textRotation: 'Rotation',
textAngle: 'Angle',
textFlipped: 'Flipped',
textHorizontally: 'Horizontally',
[SSE] Add cell snapping settings for Image/Shape/Chart
2019-10-03 13:56:19 +00:00
textVertically: 'Vertically',
textSnap: 'Cell Snapping',
textAbsolute: 'Don\'t move or size with cells',
textOneCell: 'Move but don\'t size with cells',
[DE][SSE] Add autofit settings for shape
2020-02-25 13:47:53 +00:00
textTwoCell: 'Move and size with cells',
textTextBox: 'Text Box',
textAutofit: 'AutoFit',
[SSE] Add overflow settings for shape
2020-02-26 11:24:58 +00:00
textResizeFit: 'Resize shape to fit text',
textOverflow: 'Allow text to overflow shape'
webapps added
2016-03-11 00:48:53 +00:00
}, SSE.Views.ShapeSettingsAdvanced || {}));
});
Reference in a new issue Copy permalink