$this->addField('header_disposition', FormSection::class, __('Disposition'));
$this->addField('group_disposition', FieldGroupStart::class);
$this->addField('group_position', FieldGroupStart::class, __('Position'));
- $this->addField('x', Text::class, 'X',['suffix'=>'px']);
- $this->addField('y', Text::class, 'Y',['suffix'=>'px']);
+ $this->addField('x', Text::class, 'X', ['suffix' => 'px', 'class' => 'calculation']);
+ $this->addField('y', Text::class, 'Y', ['suffix' => 'px', 'class' => 'calculation']);
$this->addField('group_position_end', FieldGroupEnd::class);
$this->addField('group_dimensions', FieldGroupStart::class, __('Dimensions'));
- $this->addField('w', Text::class, 'W',['suffix'=>'px']);
- $this->addField('h', Text::class, 'H',['suffix'=>'px']);
+ $this->addField('w', Text::class, 'W', ['suffix' => 'px', 'class' => 'calculation']);
+ $this->addField('h', Text::class, 'H', ['suffix' => 'px', 'class' => 'calculation']);
$this->addField('group_dimensions_end', FieldGroupEnd::class);
if ($this->_displayedOnFluidbook) {
$this->addField('group_transform', FieldGroupStart::class);
- $this->addField('rot', Text::class, __('Rotation'), ['suffix' => '°']);
+ $this->addField('rot', Text::class, __('Rotation'), ['suffix' => '°', 'class' => 'calculation']);
$this->addField('group_transform_end', FieldGroupEnd::class);
$this->addField('zindex', Depth::class, __('Profondeur'));
}
init: function () {
var $this = this;
+ $(document).on('change', '.calculation', function () {
+ var v = $(this).val();
+ console.log(v);
+ if (/[0-9\., \-\+\*\/]+/.test(v)) {
+ try {
+ v = eval(v.replace(/,/g, '.'));
+ console.log(v);
+ if (isNaN(v)) {
+ return;
+ }
+ } catch (e) {
+ return;
+ }
+ }
+ $(this).val(v);
+ });
+
$(document).on('change', '#linkeditor-panel-form [name="type"]', function () {
console.log('change type');
if ($this._maskChangeEvent) {
$this.updateLinkForm();
});
+
$(document).on('change', "#linkeditor-panel-form input,#linkeditor-panel-form select,#linkeditor-panel-form textarea", function () {
if ($this._maskChangeEvent) {
return;