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> </td>
</tr> </tr>
<tr> <tr>
<td class="" width="50%"> <td class="padding-small" width="50%">
<label class="input-label"><%= scope.textHor %></label> <label class="input-label"><%= scope.textHor %></label>
<div id="slicer-spin-hor"></div> <div id="slicer-spin-hor"></div>
</td> </td>
<td class="" width="50%"> <td class="padding-small" width="50%">
<label class="input-label"><%= scope.textVert %></label> <label class="input-label"><%= scope.textVert %></label>
<div id="slicer-spin-vert"></div> <div id="slicer-spin-vert"></div>
</td> </td>

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

@ -75,7 +75,8 @@ define([
ColWidth: 0, ColWidth: 0,
ColHeight: 0, ColHeight: 0,
PosVert: 0, PosVert: 0,
PosHor: 0 PosHor: 0,
PosLocked: false
}; };
this.spinners = []; this.spinners = [];
this.lockedControls = []; this.lockedControls = [];
@ -94,7 +95,7 @@ define([
scope: this scope: this
})); }));
this.linkAdvanced = $('#image-advanced-link'); this.linkAdvanced = $('#slicer-advanced-link');
}, },
setApi: function(api) { setApi: function(api) {
@ -181,7 +182,7 @@ define([
minValue: 0 minValue: 0
}); });
this.spinners.push(this.spnHor); this.spinners.push(this.spnHor);
this.lockedControls.push(this.spnVert); this.lockedControls.push(this.spnHor);
this.spnVert = new Common.UI.MetricSpinner({ this.spnVert = new Common.UI.MetricSpinner({
el: $('#slicer-spin-vert'), el: $('#slicer-spin-vert'),
@ -200,6 +201,14 @@ define([
this.spnHor.on('inputleave', function(){ Common.NotificationCenter.trigger('edit:complete', me);}); this.spnHor.on('inputleave', function(){ Common.NotificationCenter.trigger('edit:complete', me);});
this.spnVert.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({ this.spnColWidth = new Common.UI.MetricSpinner({
el: $('#slicer-spin-col-width'), el: $('#slicer-spin-col-width'),
step: .1, step: .1,
@ -367,6 +376,11 @@ define([
} }
this._isTemplatesChanged = false; 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); 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) { 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) { setLocked: function (locked) {
this._locked = locked; this._locked = locked;
}, },
@ -531,7 +554,8 @@ define([
textVert: 'Vertical', textVert: 'Vertical',
textButtons: 'Buttons', textButtons: 'Buttons',
textColumns: 'Columns', textColumns: 'Columns',
textStyle: 'Style' textStyle: 'Style',
textLock: 'Disable resizing or moving'
}, SSE.Views.SlicerSettings || {})); }, SSE.Views.SlicerSettings || {}));
}); });