Lea/web-apps
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

[SSE] Load slicer settings

Browse source
This commit is contained in:
Julia Radzhabova 2020-05-26 17:14:58 +03:00
parent 61b38d6888
commit 95a6e48e16
3 changed files with 134 additions and 40 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
apps/spreadsheeteditor/main/app/controller/DocumentHolder.js
View file

@ -72,7 +72,7 @@ define([
'spreadsheeteditor/main/app/view/SetValueDialog', 'spreadsheeteditor/main/app/view/SetValueDialog',
'spreadsheeteditor/main/app/view/AutoFilterDialog', 'spreadsheeteditor/main/app/view/AutoFilterDialog',
'spreadsheeteditor/main/app/view/SpecialPasteDialog', 'spreadsheeteditor/main/app/view/SpecialPasteDialog',
'spreadsheeteditor/main/app/view/SlicerSettings' 'spreadsheeteditor/main/app/view/SlicerSettingsAdvanced'
], function () { ], function () {
'use strict'; 'use strict';
@ -883,7 +883,7 @@ define([
onSlicerAdvanced: function(item) { onSlicerAdvanced: function(item) {
var me = this; var me = this;
(new SSE.Views.SlicerSettings({ (new SSE.Views.SlicerSettingsAdvanced({
props : item.imageInfo, props : item.imageInfo,
api : me.api, api : me.api,
handler : function(result, value) { handler : function(result, value) {

31
apps/spreadsheeteditor/main/app/template/SlicerSettings.template → apps/spreadsheeteditor/main/app/template/SlicerSettingsAdvanced.template
View file

@ -26,10 +26,10 @@
<label class="input-label"><%= scope.strColumns %></label> <label class="input-label"><%= scope.strColumns %></label>
<div id="sliceradv-spin-columns"></div> <div id="sliceradv-spin-columns"></div>
</div> </div>
<div style="display: inline-block; margin-right: 5px;"> <!-- <div style="display: inline-block; margin-right: 5px;"> -->
<label class="input-label"><%= scope.strWidth %></label> <!-- <label class="input-label"><%= scope.strWidth %></label> -->
<div id="sliceradv-spin-col-width"></div> <!-- <div id="sliceradv-spin-col-width"></div> -->
</div> <!-- </div> -->
<div style="display: inline-block;"> <div style="display: inline-block;">
<label class="input-label"><%= scope.strHeight %></label> <label class="input-label"><%= scope.strHeight %></label>
<div id="sliceradv-spin-col-height"></div> <div id="sliceradv-spin-col-height"></div>
@ -73,4 +73,27 @@
<div id="sliceradv-text-name"></div> <div id="sliceradv-text-name"></div>
</div> </div>
</div> </div>
</div>
<div id="id-adv-image-alttext" class="settings-panel">
<div class="inner-content">
<table cols="1" width="100%">
<tr>
<td class="padding-large">
<label class="header"><%= scope.textAltTitle %></label>
<div id="sliceradv-alt-title"></div>
</td>
</tr>
<tr>
<td>
<label class="header"><%= scope.textAltDescription %></label>
<textarea id="sliceradv-alt-description" class="form-control" style="width: 100%; height: 120px;"></textarea>
</td>
</tr>
<tr>
<td>
<label><%= scope.textAltTip %></label>
</td>
</tr>
</table>
</div>
</div> </div>

139
apps/spreadsheeteditor/main/app/view/SlicerSettings.js → apps/spreadsheeteditor/main/app/view/SlicerSettingsAdvanced.js
View file

@ -31,14 +31,14 @@
* *
*/ */
/** /**
* SlicerSettings.js * SlicerSettingsAdvanced.js
* *
* Created by Julia Radzhabova on 14.04.2020 * Created by Julia Radzhabova on 14.04.2020
* Copyright (c) 2018 Ascensio System SIA. All rights reserved. * Copyright (c) 2018 Ascensio System SIA. All rights reserved.
* *
*/ */
define([ 'text!spreadsheeteditor/main/app/template/SlicerSettings.template', define([ 'text!spreadsheeteditor/main/app/template/SlicerSettingsAdvanced.template',
'common/main/lib/view/AdvancedSettingsWindow', 'common/main/lib/view/AdvancedSettingsWindow',
'common/main/lib/component/MetricSpinner', 'common/main/lib/component/MetricSpinner',
'common/main/lib/component/CheckBox', 'common/main/lib/component/CheckBox',
@ -47,7 +47,7 @@ define([ 'text!spreadsheeteditor/main/app/template/SlicerSettings.template',
], function (contentTemplate) { ], function (contentTemplate) {
'use strict'; 'use strict';
SSE.Views.SlicerSettings = Common.Views.AdvancedSettingsWindow.extend(_.extend({ SSE.Views.SlicerSettingsAdvanced = Common.Views.AdvancedSettingsWindow.extend(_.extend({
options: { options: {
contentWidth: 330, contentWidth: 330,
height: 435, height: 435,
@ -62,7 +62,8 @@ define([ 'text!spreadsheeteditor/main/app/template/SlicerSettings.template',
items: [ items: [
{panelId: 'id-adv-slicer-style', panelCaption: this.strStyleSize}, {panelId: 'id-adv-slicer-style', panelCaption: this.strStyleSize},
{panelId: 'id-adv-slicer-sorting', panelCaption: this.strSorting}, {panelId: 'id-adv-slicer-sorting', panelCaption: this.strSorting},
{panelId: 'id-adv-slicer-references', panelCaption: this.strReferences} {panelId: 'id-adv-slicer-references', panelCaption: this.strReferences},
{panelId: 'id-adv-image-alttext', panelCaption: this.textAlt}
], ],
contentTemplate: _.template(contentTemplate)({ contentTemplate: _.template(contentTemplate)({
scope: this scope: this
@ -88,6 +89,8 @@ define([ 'text!spreadsheeteditor/main/app/template/SlicerSettings.template',
allowBlank : false, allowBlank : false,
blankError : me.txtEmpty, blankError : me.txtEmpty,
style : 'width: 178px;' style : 'width: 178px;'
}).on('changed:after', function() {
me.isCaptionChanged = true;
}); });
this.chHeader = new Common.UI.CheckBox({ this.chHeader = new Common.UI.CheckBox({
@ -96,7 +99,7 @@ define([ 'text!spreadsheeteditor/main/app/template/SlicerSettings.template',
}); });
this.chHeader.on('change', _.bind(function(field, newValue, oldValue, eOpts){ this.chHeader.on('change', _.bind(function(field, newValue, oldValue, eOpts){
if (this._changedProps) { if (this._changedProps) {
// this._changedProps.asc_putStrikeout(field.getValue()=='checked'); this._changedProps.asc_setShowCaption(field.getValue()=='checked');
} }
}, this)); }, this));
@ -130,7 +133,8 @@ define([ 'text!spreadsheeteditor/main/app/template/SlicerSettings.template',
}); });
this.numWidth.on('change', _.bind(function(field, newValue, oldValue, eOpts){ this.numWidth.on('change', _.bind(function(field, newValue, oldValue, eOpts){
var numval = field.getNumberValue(); var numval = field.getNumberValue();
if (this._changedProps) { if (this._originalProps) {
this._originalProps.put_Width(Common.Utils.Metric.fnRecalcToMM(numval));
} }
}, this)); }, this));
this.spinners.push(this.numWidth); this.spinners.push(this.numWidth);
@ -147,27 +151,29 @@ define([ 'text!spreadsheeteditor/main/app/template/SlicerSettings.template',
}); });
this.numHeight.on('change', _.bind(function(field, newValue, oldValue, eOpts){ this.numHeight.on('change', _.bind(function(field, newValue, oldValue, eOpts){
var numval = field.getNumberValue(); var numval = field.getNumberValue();
if (this._changedProps) { if (this._originalProps) {
this._originalProps.put_Height(Common.Utils.Metric.fnRecalcToMM(numval));
} }
}, this)); }, this));
this.spinners.push(this.numHeight); this.spinners.push(this.numHeight);
this.numColWidth = new Common.UI.MetricSpinner({ // this.numColWidth = new Common.UI.MetricSpinner({
el: $('#sliceradv-spin-col-width'), // el: $('#sliceradv-spin-col-width'),
step: .1, // step: .1,
width: 85, // width: 85,
defaultUnit : "cm", // defaultUnit : "cm",
defaultValue : 0, // defaultValue : 0,
value: '0 cm', // value: '0 cm',
maxValue: 5963.9, // maxValue: 5963.9,
minValue: 0 // minValue: 0,
}); // visible: false
this.numColWidth.on('change', _.bind(function(field, newValue, oldValue, eOpts){ // });
var numval = field.getNumberValue(); // this.numColWidth.on('change', _.bind(function(field, newValue, oldValue, eOpts){
if (this._changedProps) { // var numval = field.getNumberValue();
} // if (this._changedProps) {
}, this)); // }
this.spinners.push(this.numColWidth); // }, this));
// this.spinners.push(this.numColWidth);
this.numColHeight = new Common.UI.MetricSpinner({ this.numColHeight = new Common.UI.MetricSpinner({
el: $('#sliceradv-spin-col-height'), el: $('#sliceradv-spin-col-height'),
@ -182,6 +188,7 @@ define([ 'text!spreadsheeteditor/main/app/template/SlicerSettings.template',
this.numColHeight.on('change', _.bind(function(field, newValue, oldValue, eOpts){ this.numColHeight.on('change', _.bind(function(field, newValue, oldValue, eOpts){
var numval = field.getNumberValue(); var numval = field.getNumberValue();
if (this._changedProps) { if (this._changedProps) {
this._changedProps.asc_setRowHeight(Common.Utils.Metric.fnRecalcToMM(numval)*36000);
} }
}, this)); }, this));
this.spinners.push(this.numColHeight); this.spinners.push(this.numColHeight);
@ -200,6 +207,7 @@ define([ 'text!spreadsheeteditor/main/app/template/SlicerSettings.template',
this.numCols.on('change', _.bind(function(field, newValue, oldValue, eOpts){ this.numCols.on('change', _.bind(function(field, newValue, oldValue, eOpts){
var numval = field.getNumberValue(); var numval = field.getNumberValue();
if (this._changedProps) { if (this._changedProps) {
this._changedProps.asc_setColumnCount(numval);
} }
}, this)); }, this));
@ -213,6 +221,9 @@ define([ 'text!spreadsheeteditor/main/app/template/SlicerSettings.template',
}); });
this.radioAsc.on('change', _.bind(function(field, newValue, eOpts) { this.radioAsc.on('change', _.bind(function(field, newValue, eOpts) {
if (newValue) { if (newValue) {
if (this._changedProps) {
this._changedProps.asc_setSortOrder(Asc.ST_tabularSlicerCacheSortOrder.Ascending);
}
} }
}, this)); }, this));
@ -224,6 +235,9 @@ define([ 'text!spreadsheeteditor/main/app/template/SlicerSettings.template',
}); });
this.radioDesc.on('change', _.bind(function(field, newValue, eOpts) { this.radioDesc.on('change', _.bind(function(field, newValue, eOpts) {
if (newValue) { if (newValue) {
if (this._changedProps) {
this._changedProps.asc_setSortOrder(Asc.ST_tabularSlicerCacheSortOrder.Descending);
}
} }
}, this)); }, this));
@ -237,6 +251,7 @@ define([ 'text!spreadsheeteditor/main/app/template/SlicerSettings.template',
this.chShowNoData.setDisabled(checked || (this.chIndNoData.getValue()!='checked')); this.chShowNoData.setDisabled(checked || (this.chIndNoData.getValue()!='checked'));
this.chShowDel.setDisabled(checked); this.chShowDel.setDisabled(checked);
if (this._changedProps) { if (this._changedProps) {
this._changedProps.asc_setHideItemsWithNoData(checked);
} }
}, this)); }, this));
@ -248,6 +263,7 @@ define([ 'text!spreadsheeteditor/main/app/template/SlicerSettings.template',
var checked = (field.getValue()=='checked'); var checked = (field.getValue()=='checked');
this.chShowNoData.setDisabled(!checked); this.chShowNoData.setDisabled(!checked);
if (this._changedProps) { if (this._changedProps) {
this._changedProps.asc_setIndicateItemsWithNoData(checked);
} }
}, this)); }, this));
@ -258,7 +274,7 @@ define([ 'text!spreadsheeteditor/main/app/template/SlicerSettings.template',
}); });
this.chShowNoData.on('change', _.bind(function(field, newValue, oldValue, eOpts){ this.chShowNoData.on('change', _.bind(function(field, newValue, oldValue, eOpts){
if (this._changedProps) { if (this._changedProps) {
// this._changedProps.asc_putStrikeout(field.getValue()=='checked'); this._changedProps.asc_setHideItemsWithNoData(field.getValue()=='checked');
} }
}, this)); }, this));
@ -279,11 +295,32 @@ define([ 'text!spreadsheeteditor/main/app/template/SlicerSettings.template',
allowBlank : false, allowBlank : false,
blankError : me.txtEmpty, blankError : me.txtEmpty,
style : 'width: 178px;' style : 'width: 178px;'
}).on('changed:after', function() {
me.isNameChanged = true;
}); });
this.lblSource = $('#sliceradv-lbl-source'); this.lblSource = $('#sliceradv-lbl-source');
this.lblFormula = $('#sliceradv-lbl-formula'); this.lblFormula = $('#sliceradv-lbl-formula');
// Alt Text
this.inputAltTitle = new Common.UI.InputField({
el : $('#sliceradv-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;
});
this.on('show', function(obj) { this.on('show', function(obj) {
obj.getChild('.footer .primary').focus(); obj.getChild('.footer .primary').focus();
}); });
@ -292,7 +329,18 @@ define([ 'text!spreadsheeteditor/main/app/template/SlicerSettings.template',
}, },
getSettings: function() { getSettings: function() {
return this._changedProps; if (this.isCaptionChanged)
this._changedProps.asc_setCaption(this.inputHeader.getValue());
if (this.isNameChanged)
this._changedProps.asc_setName(this.inputName.getValue());
if (this.isAltTitleChanged)
this._originalProps.asc_putTitle(this.inputAltTitle.getValue());
if (this.isAltDescChanged)
this._originalProps.asc_putDescription(this.textareaAltDescription.val());
return this._originalProps;
}, },
_setDefaults: function(props) { _setDefaults: function(props) {
@ -302,24 +350,43 @@ define([ 'text!spreadsheeteditor/main/app/template/SlicerSettings.template',
value = props.asc_getHeight(); value = props.asc_getHeight();
this.numHeight.setValue((value!==null) ? Common.Utils.Metric.fnRecalcFromMM(value).toFixed(2) : '', true); this.numHeight.setValue((value!==null) ? Common.Utils.Metric.fnRecalcFromMM(value).toFixed(2) : '', true);
value = props.asc_getTitle();
this.inputAltTitle.setValue(value ? value : '');
value = props.asc_getDescription();
this.textareaAltDescription.val(value ? value : '');
var slicerprops = props.asc_getSlicerProperties(); var slicerprops = props.asc_getSlicerProperties();
if (slicerprops) { if (slicerprops) {
this._noApply = true; this._noApply = true;
this.numCols.setValue(slicerprops.asc_getColumnCount(), true); this.numCols.setValue(slicerprops.asc_getColumnCount(), true);
// this.numColWidth.setValue(Common.Utils.Metric.fnRecalcFromMM(slicerprops.asc_getColWidth()).toFixed(2), true); // this.numColWidth.setValue(Common.Utils.Metric.fnRecalcFromMM(slicerprops.asc_getColWidth()).toFixed(2), true);
this.numColHeight.setValue(Common.Utils.Metric.fnRecalcFromMM(slicerprops.asc_getRowHeight()).toFixed(2), true); this.numColHeight.setValue(Common.Utils.Metric.fnRecalcFromMM(slicerprops.asc_getRowHeight()/36000).toFixed(2), true);
this.inputHeader.setValue(slicerprops.asc_getCaption()); this.inputHeader.setValue(slicerprops.asc_getCaption(), true);
this.chHeader.setValue(!!slicerprops.asc_getShowCaption()); var checked = slicerprops.asc_getShowCaption();
this.chHeader.setValue(checked !== null && checked !== undefined ? checked : 'indeterminate', true);
// depends of data type // depends of data type
this.radioAsc.setCaption(this.textAsc + ' (' + this.textSmallLarge + ')' ); this.radioAsc.setCaption(this.textAsc + ' (' + this.textAZ + ')' );
this.radioDesc.setCaption(this.textDesc + ' (' + this.textLargeSmall + ')' ); this.radioDesc.setCaption(this.textDesc + ' (' + this.textZA + ')' );
(slicerprops.asc_getSortOrder()==Asc.ST_tabularSlicerCacheSortOrder.Ascending) ? this.radioAsc.setValue(true, true) : this.radioDesc.setValue(true, true);
checked = slicerprops.asc_getIndicateItemsWithNoData();
this.chIndNoData.setValue(checked !== null && checked !== undefined ? checked : 'indeterminate', true);
checked = slicerprops.asc_getShowItemsWithNoDataLast();
this.chShowNoData.setValue(checked !== null && checked !== undefined ? checked : 'indeterminate', true);
checked = slicerprops.asc_getHideItemsWithNoData();
this.chHideNoData.setValue(checked !== null && checked !== undefined ? checked : 'indeterminate', true);
this.chIndNoData.setDisabled(checked);
this.chShowNoData.setDisabled(checked || (this.chIndNoData.getValue()!='checked'));
this.chShowDel.setDisabled(checked);
this.inputName.setValue(slicerprops.asc_getName()); this.inputName.setValue(slicerprops.asc_getName());
this.lblSource.text('Source name'); this.lblSource.text(slicerprops.asc_getSourceName());
this.lblFormula.text('Name in formulas'); this.lblFormula.text(slicerprops.asc_getNameInFormulas());
this._noApply = false; this._noApply = false;
@ -382,7 +449,11 @@ define([ 'text!spreadsheeteditor/main/app/template/SlicerSettings.template',
strHideNoData: 'Hide items with no data', strHideNoData: 'Hide items with no data',
strIndNoData: 'Visually indicate items with no data', strIndNoData: 'Visually indicate items with no data',
strShowNoData: 'Show items with no data last', strShowNoData: 'Show items with no data last',
strShowDel: 'Show items deleted from the data source' strShowDel: 'Show items deleted from the data source',
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.',
}, SSE.Views.SlicerSettings || {})); }, SSE.Views.SlicerSettingsAdvanced || {}));
}); });