summaryrefslogtreecommitdiff
path: root/_source/plugins/floatpanel/plugin.js
diff options
context:
space:
mode:
authorLester Caine <lester@lsces.co.uk>2010-03-22 22:10:52 +0000
committerLester Caine <lester@lsces.co.uk>2010-03-22 22:10:52 +0000
commit71224fa72e9c7cb45518813513750b5305030b90 (patch)
tree20ced4dfc65e0f2401f4869d6f2f376fbd340158 /_source/plugins/floatpanel/plugin.js
parent29f4d82d692440a219ab4302b2245122476ef69f (diff)
downloadckeditor-71224fa72e9c7cb45518813513750b5305030b90.tar.gz
ckeditor-71224fa72e9c7cb45518813513750b5305030b90.tar.bz2
ckeditor-71224fa72e9c7cb45518813513750b5305030b90.zip
Upgrade to version 3.2 ( No apologies for commit method )
Diffstat (limited to '_source/plugins/floatpanel/plugin.js')
-rw-r--r--_source/plugins/floatpanel/plugin.js736
1 files changed, 376 insertions, 360 deletions
diff --git a/_source/plugins/floatpanel/plugin.js b/_source/plugins/floatpanel/plugin.js
index 55e4532..6d57442 100644
--- a/_source/plugins/floatpanel/plugin.js
+++ b/_source/plugins/floatpanel/plugin.js
@@ -1,360 +1,376 @@
-/*
-Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
-For licensing, see LICENSE.html or http://ckeditor.com/license
-*/
-
-CKEDITOR.plugins.add( 'floatpanel',
-{
- requires : [ 'panel' ]
-});
-
-(function()
-{
- var panels = {};
- var isShowing = false;
-
- function getPanel( editor, doc, parentElement, definition, level )
- {
- // Generates the panel key: docId-eleId-skinName-langDir[-uiColor][-CSSs][-level]
- var key =
- doc.getUniqueId() +
- '-' + parentElement.getUniqueId() +
- '-' + editor.skinName +
- '-' + editor.lang.dir +
- ( ( editor.uiColor && ( '-' + editor.uiColor ) ) || '' ) +
- ( ( definition.css && ( '-' + definition.css ) ) || '' ) +
- ( ( level && ( '-' + level ) ) || '' );
-
- var panel = panels[ key ];
-
- if ( !panel )
- {
- panel = panels[ key ] = new CKEDITOR.ui.panel( doc, definition );
- panel.element = parentElement.append( CKEDITOR.dom.element.createFromHtml( panel.renderHtml( editor ), doc ) );
-
- panel.element.setStyles(
- {
- display : 'none',
- position : 'absolute'
- });
- }
-
- return panel;
- }
-
- CKEDITOR.ui.floatPanel = CKEDITOR.tools.createClass(
- {
- $ : function( editor, parentElement, definition, level )
- {
- definition.forceIFrame = true;
-
- var doc = parentElement.getDocument(),
- panel = getPanel( editor, doc, parentElement, definition, level || 0 ),
- element = panel.element,
- iframe = element.getFirst().getFirst();
-
- this.element = element;
-
- this._ =
- {
- // The panel that will be floating.
- panel : panel,
- parentElement : parentElement,
- definition : definition,
- document : doc,
- iframe : iframe,
- children : [],
- dir : editor.lang.dir
- };
- },
-
- proto :
- {
- addBlock : function( name, block )
- {
- return this._.panel.addBlock( name, block );
- },
-
- addListBlock : function( name, multiSelect )
- {
- return this._.panel.addListBlock( name, multiSelect );
- },
-
- getBlock : function( name )
- {
- return this._.panel.getBlock( name );
- },
-
- /*
- corner (LTR):
- 1 = top-left
- 2 = top-right
- 3 = bottom-right
- 4 = bottom-left
-
- corner (RTL):
- 1 = top-right
- 2 = top-left
- 3 = bottom-left
- 4 = bottom-right
- */
- showBlock : function( name, offsetParent, corner, offsetX, offsetY )
- {
- var panel = this._.panel,
- block = panel.showBlock( name );
-
- this.allowBlur( false );
- isShowing = true;
-
- var element = this.element,
- iframe = this._.iframe,
- definition = this._.definition,
- position = offsetParent.getDocumentPosition( element.getDocument() ),
- rtl = this._.dir == 'rtl';
-
- var left = position.x + ( offsetX || 0 ),
- top = position.y + ( offsetY || 0 );
-
- // Floating panels are off by (-1px, 0px) in RTL mode. (#3438)
- if ( rtl && ( corner == 1 || corner == 4 ) )
- left += offsetParent.$.offsetWidth;
- else if ( !rtl && ( corner == 2 || corner == 3 ) )
- left += offsetParent.$.offsetWidth - 1;
-
- if ( corner == 3 || corner == 4 )
- top += offsetParent.$.offsetHeight - 1;
-
- // Memorize offsetParent by it's ID.
- this._.panel._.offsetParentId = offsetParent.getId();
-
- element.setStyles(
- {
- top : top + 'px',
- left : '-3000px',
- opacity : '0', // FF3 is ignoring "visibility"
- display : ''
- });
-
- // Configure the IFrame blur event. Do that only once.
- if ( !this._.blurSet )
- {
- // Non IE prefer the event into a window object.
- var focused = CKEDITOR.env.ie ? iframe : new CKEDITOR.dom.window( iframe.$.contentWindow );
-
- // With addEventListener compatible browsers, we must
- // useCapture when registering the focus/blur events to
- // guarantee they will be firing in all situations. (#3068, #3222 )
- CKEDITOR.event.useCapture = true;
-
- focused.on( 'blur', function( ev )
- {
- if ( !this.allowBlur() )
- return;
-
- // As we are using capture to register the listener,
- // the blur event may get fired even when focusing
- // inside the window itself, so we must ensure the
- // target is out of it.
- var target = ev.data.getTarget(),
- targetWindow = target.getWindow && target.getWindow();
-
- if ( targetWindow && targetWindow.equals( focused ) )
- return;
-
- if ( this.visible && !this._.activeChild && !isShowing )
- this.hide();
- },
- this );
-
- focused.on( 'focus', function()
- {
- this._.focused = true;
- this.hideChild();
- this.allowBlur( true );
- },
- this );
-
- CKEDITOR.event.useCapture = false;
-
- this._.blurSet = 1;
- }
-
- panel.onEscape = CKEDITOR.tools.bind( function()
- {
- this.onEscape && this.onEscape();
- },
- this );
-
- CKEDITOR.tools.setTimeout( function()
- {
- if ( rtl )
- left -= element.$.offsetWidth;
-
- var panelLoad = CKEDITOR.tools.bind( function ()
- {
- if ( block.autoSize )
- {
- var target = element.getFirst();
- var height = block.element.$.scrollHeight;
-
- // Account for extra height needed due to IE quirks box model bug:
- // http://en.wikipedia.org/wiki/Internet_Explorer_box_model_bug
- // (#3426)
- if ( CKEDITOR.env.ie && CKEDITOR.env.quirks && height > 0 )
- height += ( target.$.offsetHeight || 0 ) - ( target.$.clientHeight || 0 );
-
- target.setStyle( 'height', height + 'px' );
-
- // Fix IE < 8 visibility.
- panel._.currentBlock.element.setStyle( 'display', 'none' ).removeStyle( 'display' );
- }
- else
- element.getFirst().removeStyle( 'height' );
-
- var panelElement = panel.element,
- panelWindow = panelElement.getWindow(),
- windowScroll = panelWindow.getScrollPosition(),
- viewportSize = panelWindow.getViewPaneSize(),
- panelSize =
- {
- 'height' : panelElement.$.offsetHeight,
- 'width' : panelElement.$.offsetWidth
- };
-
- // If the menu is horizontal off, shift it toward
- // the opposite language direction.
- if ( rtl ? left < 0 : left + panelSize.width > viewportSize.width + windowScroll.x )
- left += ( panelSize.width * ( rtl ? 1 : -1 ) );
-
- // Vertical off screen is simpler.
- if( top + panelSize.height > viewportSize.height + windowScroll.y )
- top -= panelSize.height;
-
- element.setStyles(
- {
- top : top + 'px',
- left : left + 'px',
- opacity : '1'
- } );
-
- } , this );
-
- panel.isLoaded ? panelLoad() : panel.onLoad = panelLoad;
-
- // Set the panel frame focus, so the blur event gets fired.
- CKEDITOR.tools.setTimeout( function()
- {
- if ( definition.voiceLabel )
- {
- if ( CKEDITOR.env.gecko )
- {
- var container = iframe.getParent();
- container.setAttribute( 'role', 'region' );
- container.setAttribute( 'title', definition.voiceLabel );
- iframe.setAttribute( 'role', 'region' );
- iframe.setAttribute( 'title', ' ' );
- }
- }
-
- iframe.$.contentWindow.focus();
- // We need this get fired manually because of unfired focus() function.
- this.allowBlur( true );
-
- }, 0, this);
- }, 0, this);
- this.visible = 1;
-
- if ( this.onShow )
- this.onShow.call( this );
-
- isShowing = false;
- },
-
- hide : function()
- {
- if ( this.visible && ( !this.onHide || this.onHide.call( this ) !== true ) )
- {
- this.hideChild();
- this.element.setStyle( 'display', 'none' );
- this.visible = 0;
- }
- },
-
- allowBlur : function( allow ) // Prevent editor from hiding the panel. #3222.
- {
- var panel = this._.panel;
- if ( allow != undefined )
- panel.allowBlur = allow;
-
- return panel.allowBlur;
- },
-
- showAsChild : function( panel, blockName, offsetParent, corner, offsetX, offsetY )
- {
- // Skip reshowing of child which is already visible.
- if ( this._.activeChild == panel && panel._.panel._.offsetParentId == offsetParent.getId() )
- return;
-
- this.hideChild();
-
- panel.onHide = CKEDITOR.tools.bind( function()
- {
- // Use a timeout, so we give time for this menu to get
- // potentially focused.
- CKEDITOR.tools.setTimeout( function()
- {
- if ( !this._.focused )
- this.hide();
- },
- 0, this );
- },
- this );
-
- this._.activeChild = panel;
- this._.focused = false;
-
- panel.showBlock( blockName, offsetParent, corner, offsetX, offsetY );
-
- /* #3767 IE: Second level menu may not have borders */
- if ( CKEDITOR.env.ie7Compat || ( CKEDITOR.env.ie8 && CKEDITOR.env.ie6Compat ) )
- {
- setTimeout(function()
- {
- panel.element.getChild( 0 ).$.style.cssText += '';
- }, 100);
- }
- },
-
- hideChild : function()
- {
- var activeChild = this._.activeChild;
-
- if ( activeChild )
- {
- delete activeChild.onHide;
- delete this._.activeChild;
- activeChild.hide();
- }
- }
- }
- });
-
- CKEDITOR.on( 'instanceDestroyed', function()
- {
- var isLastInstance = CKEDITOR.tools.isEmpty( CKEDITOR.instances );
-
- for( var i in panels )
- {
- var panel = panels[ i ];
- // Safe to destroy it since there're no more instances.(#4241)
- if( isLastInstance )
- panel.destroy();
- // Panel might be used by other instances, just hide them.(#4552)
- else
- panel.element.hide();
- }
- // Remove the registration.
- isLastInstance && ( panels = {} );
-
- } );
-})();
+/*
+Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+*/
+
+CKEDITOR.plugins.add( 'floatpanel',
+{
+ requires : [ 'panel' ]
+});
+
+(function()
+{
+ var panels = {};
+ var isShowing = false;
+
+ function getPanel( editor, doc, parentElement, definition, level )
+ {
+ // Generates the panel key: docId-eleId-skinName-langDir[-uiColor][-CSSs][-level]
+ var key =
+ doc.getUniqueId() +
+ '-' + parentElement.getUniqueId() +
+ '-' + editor.skinName +
+ '-' + editor.lang.dir +
+ ( ( editor.uiColor && ( '-' + editor.uiColor ) ) || '' ) +
+ ( ( definition.css && ( '-' + definition.css ) ) || '' ) +
+ ( ( level && ( '-' + level ) ) || '' );
+
+ var panel = panels[ key ];
+
+ if ( !panel )
+ {
+ panel = panels[ key ] = new CKEDITOR.ui.panel( doc, definition );
+ panel.element = parentElement.append( CKEDITOR.dom.element.createFromHtml( panel.renderHtml( editor ), doc ) );
+
+ panel.element.setStyles(
+ {
+ display : 'none',
+ position : 'absolute'
+ });
+ }
+
+ return panel;
+ }
+
+ CKEDITOR.ui.floatPanel = CKEDITOR.tools.createClass(
+ {
+ $ : function( editor, parentElement, definition, level )
+ {
+ definition.forceIFrame = true;
+
+ var doc = parentElement.getDocument(),
+ panel = getPanel( editor, doc, parentElement, definition, level || 0 ),
+ element = panel.element,
+ iframe = element.getFirst().getFirst();
+
+ this.element = element;
+
+ this._ =
+ {
+ // The panel that will be floating.
+ panel : panel,
+ parentElement : parentElement,
+ definition : definition,
+ document : doc,
+ iframe : iframe,
+ children : [],
+ dir : editor.lang.dir
+ };
+ },
+
+ proto :
+ {
+ addBlock : function( name, block )
+ {
+ return this._.panel.addBlock( name, block );
+ },
+
+ addListBlock : function( name, multiSelect )
+ {
+ return this._.panel.addListBlock( name, multiSelect );
+ },
+
+ getBlock : function( name )
+ {
+ return this._.panel.getBlock( name );
+ },
+
+ /*
+ corner (LTR):
+ 1 = top-left
+ 2 = top-right
+ 3 = bottom-right
+ 4 = bottom-left
+
+ corner (RTL):
+ 1 = top-right
+ 2 = top-left
+ 3 = bottom-left
+ 4 = bottom-right
+ */
+ showBlock : function( name, offsetParent, corner, offsetX, offsetY )
+ {
+ var panel = this._.panel,
+ block = panel.showBlock( name );
+
+ this.allowBlur( false );
+ isShowing = true;
+
+ var element = this.element,
+ iframe = this._.iframe,
+ definition = this._.definition,
+ position = offsetParent.getDocumentPosition( element.getDocument() ),
+ rtl = this._.dir == 'rtl';
+
+ var left = position.x + ( offsetX || 0 ),
+ top = position.y + ( offsetY || 0 );
+
+ // Floating panels are off by (-1px, 0px) in RTL mode. (#3438)
+ if ( rtl && ( corner == 1 || corner == 4 ) )
+ left += offsetParent.$.offsetWidth;
+ else if ( !rtl && ( corner == 2 || corner == 3 ) )
+ left += offsetParent.$.offsetWidth - 1;
+
+ if ( corner == 3 || corner == 4 )
+ top += offsetParent.$.offsetHeight - 1;
+
+ // Memorize offsetParent by it's ID.
+ this._.panel._.offsetParentId = offsetParent.getId();
+
+ element.setStyles(
+ {
+ top : top + 'px',
+ left : '-3000px',
+ opacity : '0', // FF3 is ignoring "visibility"
+ display : ''
+ });
+
+ // To allow the context menu to decrease back their width
+ element.getFirst().removeStyle('width');
+
+ // Configure the IFrame blur event. Do that only once.
+ if ( !this._.blurSet )
+ {
+ // Non IE prefer the event into a window object.
+ var focused = CKEDITOR.env.ie ? iframe : new CKEDITOR.dom.window( iframe.$.contentWindow );
+
+ // With addEventListener compatible browsers, we must
+ // useCapture when registering the focus/blur events to
+ // guarantee they will be firing in all situations. (#3068, #3222 )
+ CKEDITOR.event.useCapture = true;
+
+ focused.on( 'blur', function( ev )
+ {
+ if ( !this.allowBlur() )
+ return;
+
+ // As we are using capture to register the listener,
+ // the blur event may get fired even when focusing
+ // inside the window itself, so we must ensure the
+ // target is out of it.
+ var target;
+ if ( CKEDITOR.env.ie && !this.allowBlur()
+ || ( target = ev.data.getTarget() )
+ && target.getName && target.getName() != 'iframe' )
+ return;
+
+ if ( this.visible && !this._.activeChild && !isShowing )
+ this.hide();
+ },
+ this );
+
+ focused.on( 'focus', function()
+ {
+ this._.focused = true;
+ this.hideChild();
+ this.allowBlur( true );
+ },
+ this );
+
+ CKEDITOR.event.useCapture = false;
+
+ this._.blurSet = 1;
+ }
+
+ panel.onEscape = CKEDITOR.tools.bind( function( keystroke )
+ {
+ if ( this.onEscape && this.onEscape( keystroke ) === false )
+ return false;
+ },
+ this );
+
+ CKEDITOR.tools.setTimeout( function()
+ {
+ if ( rtl )
+ left -= element.$.offsetWidth;
+
+ var panelLoad = CKEDITOR.tools.bind( function ()
+ {
+ var target = element.getFirst();
+
+ if ( block.autoSize )
+ {
+ // We must adjust first the width or IE6 could include extra lines in the height computation
+ var widthNode = block.element.$;
+
+ if ( CKEDITOR.env.gecko || CKEDITOR.env.opera)
+ widthNode = widthNode.parentNode;
+
+ if ( CKEDITOR.env.ie)
+ widthNode = widthNode.document.body;
+
+ var width = widthNode.scrollWidth;
+ // Account for extra height needed due to IE quirks box model bug:
+ // http://en.wikipedia.org/wiki/Internet_Explorer_box_model_bug
+ // (#3426)
+ if ( CKEDITOR.env.ie && CKEDITOR.env.quirks && width > 0 )
+ width += ( target.$.offsetWidth || 0 ) - ( target.$.clientWidth || 0 );
+ // A little extra at the end.
+ // If not present, IE6 might break into the next line, but also it looks better this way
+ width += 4 ;
+
+ target.setStyle( 'width', width + 'px' );
+
+ // IE doesn't compute the scrollWidth if a filter is applied previously
+ block.element.addClass( 'cke_frameLoaded' );
+
+ var height = block.element.$.scrollHeight;
+
+ // Account for extra height needed due to IE quirks box model bug:
+ // http://en.wikipedia.org/wiki/Internet_Explorer_box_model_bug
+ // (#3426)
+ if ( CKEDITOR.env.ie && CKEDITOR.env.quirks && height > 0 )
+ height += ( target.$.offsetHeight || 0 ) - ( target.$.clientHeight || 0 );
+
+ target.setStyle( 'height', height + 'px' );
+
+ // Fix IE < 8 visibility.
+ panel._.currentBlock.element.setStyle( 'display', 'none' ).removeStyle( 'display' );
+ }
+ else
+ target.removeStyle( 'height' );
+
+ var panelElement = panel.element,
+ panelWindow = panelElement.getWindow(),
+ windowScroll = panelWindow.getScrollPosition(),
+ viewportSize = panelWindow.getViewPaneSize(),
+ panelSize =
+ {
+ 'height' : panelElement.$.offsetHeight,
+ 'width' : panelElement.$.offsetWidth
+ };
+
+ // If the menu is horizontal off, shift it toward
+ // the opposite language direction.
+ if ( rtl ? left < 0 : left + panelSize.width > viewportSize.width + windowScroll.x )
+ left += ( panelSize.width * ( rtl ? 1 : -1 ) );
+
+ // Vertical off screen is simpler.
+ if ( top + panelSize.height > viewportSize.height + windowScroll.y )
+ top -= panelSize.height;
+
+ element.setStyles(
+ {
+ top : top + 'px',
+ left : left + 'px',
+ opacity : '1'
+ } );
+
+ } , this );
+
+ panel.isLoaded ? panelLoad() : panel.onLoad = panelLoad;
+
+ // Set the panel frame focus, so the blur event gets fired.
+ CKEDITOR.tools.setTimeout( function()
+ {
+ iframe.$.contentWindow.focus();
+ // We need this get fired manually because of unfired focus() function.
+ this.allowBlur( true );
+ }, 0, this);
+ }, 0, this);
+ this.visible = 1;
+
+ if ( this.onShow )
+ this.onShow.call( this );
+
+ isShowing = false;
+ },
+
+ hide : function()
+ {
+ if ( this.visible && ( !this.onHide || this.onHide.call( this ) !== true ) )
+ {
+ this.hideChild();
+ this.element.setStyle( 'display', 'none' );
+ this.visible = 0;
+ }
+ },
+
+ allowBlur : function( allow ) // Prevent editor from hiding the panel. #3222.
+ {
+ var panel = this._.panel;
+ if ( allow != undefined )
+ panel.allowBlur = allow;
+
+ return panel.allowBlur;
+ },
+
+ showAsChild : function( panel, blockName, offsetParent, corner, offsetX, offsetY )
+ {
+ // Skip reshowing of child which is already visible.
+ if ( this._.activeChild == panel && panel._.panel._.offsetParentId == offsetParent.getId() )
+ return;
+
+ this.hideChild();
+
+ panel.onHide = CKEDITOR.tools.bind( function()
+ {
+ // Use a timeout, so we give time for this menu to get
+ // potentially focused.
+ CKEDITOR.tools.setTimeout( function()
+ {
+ if ( !this._.focused )
+ this.hide();
+ },
+ 0, this );
+ },
+ this );
+
+ this._.activeChild = panel;
+ this._.focused = false;
+
+ panel.showBlock( blockName, offsetParent, corner, offsetX, offsetY );
+
+ /* #3767 IE: Second level menu may not have borders */
+ if ( CKEDITOR.env.ie7Compat || ( CKEDITOR.env.ie8 && CKEDITOR.env.ie6Compat ) )
+ {
+ setTimeout(function()
+ {
+ panel.element.getChild( 0 ).$.style.cssText += '';
+ }, 100);
+ }
+ },
+
+ hideChild : function()
+ {
+ var activeChild = this._.activeChild;
+
+ if ( activeChild )
+ {
+ delete activeChild.onHide;
+ delete this._.activeChild;
+ activeChild.hide();
+ }
+ }
+ }
+ });
+
+ CKEDITOR.on( 'instanceDestroyed', function()
+ {
+ var isLastInstance = CKEDITOR.tools.isEmpty( CKEDITOR.instances );
+
+ for ( var i in panels )
+ {
+ var panel = panels[ i ];
+ // Safe to destroy it since there're no more instances.(#4241)
+ if ( isLastInstance )
+ panel.destroy();
+ // Panel might be used by other instances, just hide them.(#4552)
+ else
+ panel.element.hide();
+ }
+ // Remove the registration.
+ isLastInstance && ( panels = {} );
+
+ } );
+})();