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

[SSE] Fix slicer settings

Browse source
This commit is contained in:
Julia Radzhabova 2020-05-28 17:05:20 +03:00
parent 6a8e712c8f
commit 64904a2a0b
2 changed files with 31 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
apps/spreadsheeteditor/main/app/template/SlicerSettings.template
View file

@ -20,11 +20,11 @@
</td>
</tr>
<tr>
<td class="" width="50%">
<td class="padding-small" width="50%">
<label class="input-label"><%= scope.textHor %></label>
<div id="slicer-spin-hor"></div>
</td>
<td class="" width="50%">
<td class="padding-small" width="50%">
<label class="input-label"><%= scope.textVert %></label>
<div id="slicer-spin-vert"></div>
</td>

34
apps/spreadsheeteditor/main/app/view/SlicerSettings.js
View file

@ -75,7 +75,8 @@ define([
ColWidth: 0,
ColHeight: 0,
PosVert: 0,
PosHor: 0
PosHor: 0,
PosLocked: false
};
this.spinners = [];
this.lockedControls = [];
@ -94,7 +95,7 @@ define([
scope: this
}));
this.linkAdvanced = $('#image-advanced-link');
this.linkAdvanced = $('#slicer-advanced-link');
},
setApi: function(api) {
@ -181,7 +182,7 @@ define([
minValue: 0
});
this.spinners.push(this.spnHor);
this.lockedControls.push(this.spnVert);
this.lockedControls.push(this.spnHor);
this.spnVert = new Common.UI.MetricSpinner({
el: $('#slicer-spin-vert'),
@ -200,6 +201,14 @@ define([
this.spnHor.on('inputleave', function(){ Common.NotificationCenter.trigger('edit:complete', me);});
this.spnVert.on('inputleave', function(){ Common.NotificationCenter.trigger('edit:complete', me);});
this.chLock = new Common.UI.CheckBox({
el: $('#slicer-checkbox-disable-resize'),
labelText: this.textLock,
disabled: this._locked
});
this.lockedControls.push(this.chLock);
this.chLock.on('change', this.onLockSlicerChange.bind(this));
this.spnColWidth = new Common.UI.MetricSpinner({
el: $('#slicer-spin-col-width'),
step: .1,
@ -367,6 +376,11 @@ define([
}
this._isTemplatesChanged = false;
value = slicerprops.asc_getLockedPosition();
if ( this._state.PosLocked!==value ) {
this.chLock.setValue((value !== null && value !== undefined) ? !!value : 'indeterminate', true);
this._state.PosLocked=value;
}
}
}
},
@ -493,7 +507,7 @@ define([
self.mnuSlicerPicker.store.reset(arr);
}
}
this.btnSlicerStyle.setDisabled(this.mnuSlicerPicker.store.length<1);
this.btnSlicerStyle.setDisabled(this.mnuSlicerPicker.store.length<1 || this._locked);
},
onSelectSlicerStyle: function(btn, picker, itemView, record) {
@ -505,6 +519,15 @@ define([
}
},
onLockSlicerChange: function(field, newValue, oldValue, eOpts){
if (this.api) {
if (this._originalProps) {
this._originalProps.asc_getSlicerProperties().asc_setLockedPosition(field.getValue()=='checked');
this.api.asc_setGraphicObjectProps(this._originalProps);
}
}
},
setLocked: function (locked) {
this._locked = locked;
},
@ -531,7 +554,8 @@ define([
textVert: 'Vertical',
textButtons: 'Buttons',
textColumns: 'Columns',
textStyle: 'Style'
textStyle: 'Style',
textLock: 'Disable resizing or moving'
}, SSE.Views.SlicerSettings || {}));
});