Debugging resizable plugins.
This commit is contained in:
parent
bc0a3bffd1
commit
b475bb5f20
|
@ -226,7 +226,9 @@ define([
|
|||
var me = this,
|
||||
arrBtns = variation.get_Buttons(),
|
||||
newBtns = {},
|
||||
size = variation.get_Size();
|
||||
size = variation.get_Size(),
|
||||
maxsize = variation.get_MaximumSize(),
|
||||
minsize = variation.get_MinimumSize();
|
||||
if (!size || size.length<2) size = [800, 600];
|
||||
|
||||
if (_.isArray(arrBtns)) {
|
||||
|
@ -242,7 +244,11 @@ define([
|
|||
height: size[1], // inner height
|
||||
url: _baseUrl + variation.get_Url(),
|
||||
buttons: newBtns,
|
||||
toolcallback: _.bind(this.onToolClose, this)
|
||||
toolcallback: _.bind(this.onToolClose, this),
|
||||
maxwidth: maxsize[0],
|
||||
maxheight: maxsize[1],
|
||||
minwidth: minsize[0],
|
||||
minheight: minsize[1]
|
||||
});
|
||||
me.pluginDlg.on('render:after', function(obj){
|
||||
obj.getChild('.footer .dlg-btn').on('click', _.bind(me.onDlgBtnClick, me));
|
||||
|
@ -251,6 +257,8 @@ define([
|
|||
me.pluginDlg = undefined;
|
||||
}).on('drag', function(args){
|
||||
me.api.asc_pluginEnableMouseEvents(args[1]=='start');
|
||||
}).on('resize', function(args){
|
||||
me.api.asc_pluginEnableMouseEvents(args[1]=='start');
|
||||
});
|
||||
me.pluginDlg.show();
|
||||
}
|
||||
|
@ -286,7 +294,8 @@ define([
|
|||
|
||||
onPluginMouseUp: function(x, y) {
|
||||
if (this.pluginDlg) {
|
||||
this.pluginDlg.binding.dragStop();
|
||||
if (this.pluginDlg.binding.dragStop) this.pluginDlg.binding.dragStop();
|
||||
if (this.pluginDlg.binding.resizeStop) this.pluginDlg.binding.resizeStop();
|
||||
} else
|
||||
Common.NotificationCenter.trigger('frame:mouseup', jQuery.Event("mouseup", { pageX: x+this._moveOffset.x, pageY: y+this._moveOffset.y } ));
|
||||
},
|
||||
|
@ -294,7 +303,8 @@ define([
|
|||
onPluginMouseMove: function(x, y) {
|
||||
if (this.pluginDlg) {
|
||||
var offset = this.pluginContainer.offset();
|
||||
this.pluginDlg.binding.drag(jQuery.Event("mousemove", { pageX: x+offset.left, pageY: y+offset.top } ));
|
||||
if (this.pluginDlg.binding.drag) this.pluginDlg.binding.drag(jQuery.Event("mousemove", { pageX: x+offset.left, pageY: y+offset.top } ));
|
||||
if (this.pluginDlg.binding.resize) this.pluginDlg.binding.resize(jQuery.Event("mousemove", { pageX: x+offset.left, pageY: y+offset.top } ));
|
||||
} else
|
||||
Common.NotificationCenter.trigger('frame:mousemove', jQuery.Event("mousemove", { pageX: x+this._moveOffset.x, pageY: y+this._moveOffset.y } ));
|
||||
}
|
||||
|
|
|
@ -230,6 +230,10 @@ define([
|
|||
Common.UI.Window.prototype.render.call(this);
|
||||
this.$window.find('> .body').css({height: 'auto', overflow: 'hidden'});
|
||||
|
||||
this.boxEl = this.$window.find('.body > .box');
|
||||
this._headerFooterHeight = (this.options.buttons && _.size(this.options.buttons)>0) ? 85 : 34;
|
||||
this._headerFooterHeight += ((parseInt(this.$window.css('border-top-width')) + parseInt(this.$window.css('border-bottom-width'))));
|
||||
|
||||
var iframe = document.createElement("iframe");
|
||||
iframe.id = 'plugin_iframe';
|
||||
iframe.name = 'pluginFrameEditor',
|
||||
|
@ -251,6 +255,10 @@ define([
|
|||
|
||||
iframe.src = this.url;
|
||||
$('#id-plugin-placeholder').append(iframe);
|
||||
|
||||
this.on('resizing', function(args){
|
||||
me.boxEl.css('height', parseInt(me.$window.css('height')) - me._headerFooterHeight);
|
||||
});
|
||||
},
|
||||
|
||||
_onLoad: function() {
|
||||
|
@ -262,23 +270,19 @@ define([
|
|||
setInnerSize: function(width, height) {
|
||||
var maxHeight = parseInt(window.innerHeight),
|
||||
maxWidth = parseInt(window.innerWidth),
|
||||
header_footer = (this.options.buttons && _.size(this.options.buttons)>0) ? 85 : 34,
|
||||
borders_height = (parseInt(this.$window.css('border-top-width')) + parseInt(this.$window.css('border-bottom-width'))),
|
||||
borders_width = (parseInt(this.$window.css('border-left-width')) + parseInt(this.$window.css('border-right-width')));
|
||||
if (maxHeight<height + header_footer + borders_height)
|
||||
height = maxHeight - header_footer - borders_height;
|
||||
if (maxHeight<height + this._headerFooterHeight)
|
||||
height = maxHeight - this._headerFooterHeight;
|
||||
if (maxWidth<width + borders_width)
|
||||
width = maxWidth - borders_width;
|
||||
|
||||
var $window = this.getChild();
|
||||
var boxEl = $window.find('.body > .box');
|
||||
boxEl.css('height', height);
|
||||
this.boxEl.css('height', height);
|
||||
|
||||
Common.UI.Window.prototype.setHeight.call(this, height + header_footer + borders_height);
|
||||
Common.UI.Window.prototype.setHeight.call(this, height + this._headerFooterHeight);
|
||||
Common.UI.Window.prototype.setWidth.call(this, width + borders_width);
|
||||
|
||||
this.$window.css('left',(maxWidth - width - borders_width) / 2);
|
||||
this.$window.css('top',((maxHeight - height - header_footer - borders_height) / 2) * 0.9);
|
||||
this.$window.css('top',((maxHeight - height - this._headerFooterHeight) / 2) * 0.9);
|
||||
},
|
||||
|
||||
textLoading : 'Loading'
|
||||
|
|
Loading…
Reference in a new issue