_source/plugins/panelbutton/plugin.js

   1 /*\r
   2 Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved.\r
   3 For licensing, see LICENSE.html or http://ckeditor.com/license\r
   4 */\r
   5 \r
   6 CKEDITOR.plugins.add( 'panelbutton',\r
   7 {\r
   8         requires : [ 'button' ],\r
   9         beforeInit : function( editor )\r
  10         {\r
  11                 editor.ui.addHandler( CKEDITOR.UI_PANELBUTTON, CKEDITOR.ui.panelButton.handler );\r
  12         }\r
  13 });\r
  14 \r
  15 /**\r
  16  * Button UI element.\r
  17  * @constant\r
  18  * @example\r
  19  */\r
  20 CKEDITOR.UI_PANELBUTTON = 4;\r
  21 \r
  22 (function()\r
  23 {\r
  24         var clickFn = function( editor )\r
  25         {\r
  26                 var _ = this._;\r
  27 \r
  28                 if ( _.state == CKEDITOR.TRISTATE_DISABLED )\r
  29                         return;\r
  30 \r
  31                 this.createPanel( editor );\r
  32 \r
  33                 if ( _.on )\r
  34                 {\r
  35                         _.panel.hide();\r
  36                         return;\r
  37                 }\r
  38 \r
  39                 _.panel.showBlock( this._.id, this.document.getById( this._.id ), 4 );\r
  40         };\r
  41 \r
  42 \r
  43         CKEDITOR.ui.panelButton = CKEDITOR.tools.createClass(\r
  44         {\r
  45                 base : CKEDITOR.ui.button,\r
  46 \r
  47                 $ : function( definition )\r
  48                 {\r
  49                         // We don't want the panel definition in this object.\r
  50                         var panelDefinition = definition.panel;\r
  51                         delete definition.panel;\r
  52 \r
  53                         this.base( definition );\r
  54 \r
  55                         this.document = ( panelDefinition\r
  56                                                                 && panelDefinition.parent\r
  57                                                                 && panelDefinition.parent.getDocument() )\r
  58                                                         || CKEDITOR.document;\r
  59 \r
  60                         this.hasArrow = true;\r
  61 \r
  62                         this.click = clickFn;\r
  63 \r
  64                         this._ =\r
  65                         {\r
  66                                 panelDefinition : panelDefinition\r
  67                         };\r
  68                 },\r
  69 \r
  70                 statics :\r
  71                 {\r
  72                         handler :\r
  73                         {\r
  74                                 create : function( definition )\r
  75                                 {\r
  76                                         return new CKEDITOR.ui.panelButton( definition );\r
  77                                 }\r
  78                         }\r
  79                 },\r
  80 \r
  81                 proto :\r
  82                 {\r
  83                         createPanel : function( editor )\r
  84                         {\r
  85                                 var _ = this._;\r
  86 \r
  87                                 if ( _.panel )\r
  88                                         return;\r
  89 \r
  90                                 var panelDefinition = this._.panelDefinition || {},\r
  91                                         panelParentElement = panelDefinition.parent || CKEDITOR.document.getBody(),\r
  92                                         panel = this._.panel = new CKEDITOR.ui.floatPanel( editor, panelParentElement, panelDefinition ),\r
  93                                         me = this;\r
  94 \r
  95                                 panel.onShow = function()\r
  96                                         {\r
  97                                                 if ( me.className )\r
  98                                                         this.element.getFirst().addClass( me.className + '_panel' );\r
  99 \r
 100                                                 _.oldState = me._.state;\r
 101                                                 me.setState( CKEDITOR.TRISTATE_ON );\r
 102 \r
 103                                                 _.on = 1;\r
 104 \r
 105                                                 if ( me.onOpen )\r
 106                                                         me.onOpen();\r
 107                                         };\r
 108 \r
 109                                 panel.onHide = function()\r
 110                                         {\r
 111                                                 if ( me.className )\r
 112                                                         this.element.getFirst().removeClass( me.className + '_panel' );\r
 113 \r
 114                                                 me.setState( _.oldState );\r
 115 \r
 116                                                 _.on = 0;\r
 117 \r
 118                                                 if ( me.onClose )\r
 119                                                         me.onClose();\r
 120                                         };\r
 121 \r
 122                                 panel.onEscape = function()\r
 123                                         {\r
 124                                                 panel.hide();\r
 125                                                 me.document.getById( _.id ).focus();\r
 126                                         };\r
 127 \r
 128                                 if ( this.onBlock )\r
 129                                         this.onBlock( panel, _.id );\r
 130 \r
 131                                 panel.getBlock( _.id ).onHide = function()\r
 132                                                 {\r
 133                                                                 _.on = 0;\r
 134                                                                 me.setState( CKEDITOR.TRISTATE_OFF );\r
 135                                                 };\r
 136                         }\r
 137                 }\r
 138         });\r
 139 \r
 140 })();\r