[DE] Fix position image setting in form settings

This commit is contained in:
JuliaSvinareva 2021-08-09 19:11:22 +03:00
parent 817d6338f1
commit 0cba1c20e0
2 changed files with 13 additions and 26 deletions

View file

@ -149,11 +149,7 @@ define([
me.setThumbPosition(pos); me.setThumbPosition(pos);
me.lastValue = me.value; me.lastValue = me.value;
if (me.direction === 'vertical') { me.value = pos/me.delta + me.minValue;
me.value = (100 - pos)/me.delta + me.minValue;
} else {
me.value = pos/me.delta + me.minValue;
}
me.thumb.removeClass('active'); me.thumb.removeClass('active');
$(document).off('mouseup', onMouseUp); $(document).off('mouseup', onMouseUp);
@ -176,11 +172,7 @@ define([
me.setThumbPosition(pos); me.setThumbPosition(pos);
me.lastValue = me.value; me.lastValue = me.value;
if (me.direction === 'vertical') { me.value = pos/me.delta + me.minValue;
me.value = (100 - pos)/me.delta + me.minValue;
} else {
me.value = pos/me.delta + me.minValue;
}
if (Math.abs(me.value-me.lastValue)>0.001) if (Math.abs(me.value-me.lastValue)>0.001)
me.trigger('change', me, me.value, me.lastValue); me.trigger('change', me, me.value, me.lastValue);
@ -207,11 +199,7 @@ define([
me.setThumbPosition(pos); me.setThumbPosition(pos);
me.lastValue = me.value; me.lastValue = me.value;
if (me.direction === 'vertical') { me.value = pos/me.delta + me.minValue;
me.value = (100 - pos)/me.delta + me.minValue;
} else {
me.value = pos/me.delta + me.minValue;
}
me.trigger('change', me, me.value, me.lastValue); me.trigger('change', me, me.value, me.lastValue);
me.trigger('changecomplete', me, me.value, me.lastValue); me.trigger('changecomplete', me, me.value, me.lastValue);
@ -276,11 +264,7 @@ define([
setValue: function(value) { setValue: function(value) {
this.lastValue = this.value; this.lastValue = this.value;
this.value = Math.max(this.minValue, Math.min(this.maxValue, value)); this.value = Math.max(this.minValue, Math.min(this.maxValue, value));
if (this.direction === 'vertical') { this.setThumbPosition(Math.round((value-this.minValue)*this.delta));
this.setThumbPosition(100 - Math.round((value-this.minValue)*this.delta));
} else {
this.setThumbPosition(Math.round((value-this.minValue)*this.delta));
}
}, },
getValue: function() { getValue: function() {

View file

@ -942,7 +942,7 @@ define([
this.sldrPreviewPositionX.setValue(val); this.sldrPreviewPositionX.setValue(val);
this._state.imgPositionX = val; this._state.imgPositionX = val;
} }
val = 100 - (pictPr.get_ShiftY() * 100); val = pictPr.get_ShiftY() * 100;
if (this._state.imgPositionY !== val) { if (this._state.imgPositionY !== val) {
this.sldrPreviewPositionY.setValue(val); this.sldrPreviewPositionY.setValue(val);
this._state.imgPositionY = val; this._state.imgPositionY = val;
@ -950,8 +950,13 @@ define([
this.imagePositionLabel.text(Math.round(this._state.imgPositionX) + ',' + Math.round(this._state.imgPositionY)); this.imagePositionLabel.text(Math.round(this._state.imgPositionX) + ',' + Math.round(this._state.imgPositionY));
val = ((130 - 80) * this._state.imgPositionX) / 100 - 1; val = ((130 - 80) * this._state.imgPositionX) / 100 - 1;
this.imagePositionPreview.css({'left': val + 'px'}); this.imagePositionPreview.css({'left': val + 'px'});
val = (130 - 80) * (100 - this._state.imgPositionY) / 100 - 1; val = ((130 - 80) * this._state.imgPositionY) / 100 - 1;
this.imagePositionPreview.css({'top': val + 'px'}); this.imagePositionPreview.css({'top': val + 'px'});
this.chAspect.setDisabled(this._state.scaleFlag === Asc.c_oAscPictureFormScaleFlag.Never);
var disableSliders = this._state.scaleFlag === Asc.c_oAscPictureFormScaleFlag.Always && !this._state.Aspect;
this.sldrPreviewPositionX.setDisabled(disableSliders);
this.sldrPreviewPositionY.setDisabled(disableSliders);
} }
var formTextPr = props.get_TextFormPr(); var formTextPr = props.get_TextFormPr();
@ -1158,13 +1163,11 @@ define([
}, },
onImagePositionChange: function (type, field, newValue, oldValue) { onImagePositionChange: function (type, field, newValue, oldValue) {
var value; var value = ((130 - 80) * newValue) / 100 - 1;
if (type === 'x') { if (type === 'x') {
value = ((130 - 80) * newValue) / 100 - 1;
this.imagePositionPreview.css({'left': value + 'px'}); this.imagePositionPreview.css({'left': value + 'px'});
this._state.imgPositionX = newValue; this._state.imgPositionX = newValue;
} else { } else {
value = (130 - 80) * (100 - newValue) / 100 - 1;
this.imagePositionPreview.css({'top': value + 'px'}); this.imagePositionPreview.css({'top': value + 'px'});
this._state.imgPositionY = newValue; this._state.imgPositionY = newValue;
} }
@ -1205,7 +1208,7 @@ define([
val = this._state.imgPositionX / 100; val = this._state.imgPositionX / 100;
pictPr.put_ShiftX(val); pictPr.put_ShiftX(val);
} else { } else {
val = (100 - this._state.imgPositionY) / 100; val = this._state.imgPositionY / 100;
pictPr.put_ShiftY(val); pictPr.put_ShiftY(val);
} }
props.put_PictureFormPr(pictPr); props.put_PictureFormPr(pictPr);