mirror of
https://git.rwth-aachen.de/acs/public/villas/web/
synced 2025-03-30 00:00:13 +01:00
77ebf05526
Plots can be positioned freely. The plot area does not scrolls yet while editing, but scales to fit all plots which are inside.
46 lines
1.3 KiB
JavaScript
46 lines
1.3 KiB
JavaScript
import Ember from 'ember';
|
|
import Resizable from '../mixins/resizable';
|
|
import Draggable from '../mixins/draggable';
|
|
|
|
export default Ember.Component.extend(Resizable, Draggable, {
|
|
attributeBindings: [ 'style' ],
|
|
|
|
plot: null,
|
|
|
|
disabled_resize: false,
|
|
autoHide_resize: false,
|
|
grid_resize: [ 10, 10 ],
|
|
|
|
disabled_drag: false,
|
|
containment_drag: 'parent',
|
|
grid_drag: [ 10, 10 ],
|
|
|
|
style: function() {
|
|
return Ember.String.htmlSafe('width: ' + this.get('plot.width') + 'px; height: ' + this.get('plot.height') + 'px; left: ' + this.get('plot.x') + 'px; top: ' + this.get('plot.y') + 'px;');
|
|
}.property('plot'),
|
|
|
|
stop_resize(event, ui) {
|
|
var width = ui.size.width;
|
|
var height = ui.size.height;
|
|
|
|
this.set('plot.width', width);
|
|
this.set('plot.height', height);
|
|
},
|
|
|
|
stop_drag(event, ui) {
|
|
this.set('plot.x', ui.position.left);
|
|
this.set('plot.y', ui.position.top);
|
|
},
|
|
|
|
_updateUI: function() {
|
|
if (this.get('editing') === true) {
|
|
this.set('disabled_resize', false);
|
|
this.set('autoHide_resize', false);
|
|
this.set('disabled_drag', false);
|
|
} else {
|
|
this.set('disabled_resize', true);
|
|
this.set('autoHide_resize', true);
|
|
this.set('disabled_drag', true);
|
|
}
|
|
}.observes('editing').on('init')
|
|
});
|