JasonWoof Got questions, comments, patches, etc.? Contact Jason Woofenden
vanilla ckeditor-3.0
[ckeditor.git] / _source / plugins / forms / dialogs / button.js
diff --git a/_source/plugins/forms/dialogs/button.js b/_source/plugins/forms/dialogs/button.js
new file mode 100644 (file)
index 0000000..dc718d7
--- /dev/null
@@ -0,0 +1,135 @@
+/*\r
+Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved.\r
+For licensing, see LICENSE.html or http://ckeditor.com/license\r
+*/\r
+CKEDITOR.dialog.add( 'button', function( editor )\r
+{\r
+       return {\r
+               title : editor.lang.button.title,\r
+               minWidth : 350,\r
+               minHeight : 150,\r
+               onShow : function()\r
+               {\r
+                       delete this.button;\r
+                       var element = this.getParentEditor().getSelection().getSelectedElement();\r
+                       if ( element && element.getName() == "input" )\r
+                       {\r
+                               var type = element.getAttribute( 'type' );\r
+                               if ( type == "button" || type == "reset" || type == "submit" )\r
+                               {\r
+                                       this.button = element;\r
+                                       this.setupContent( element );\r
+                               }\r
+                       }\r
+               },\r
+               onOk : function()\r
+               {\r
+                       var editor,\r
+                               element = this.button,\r
+                               isInsertMode = !element;\r
+\r
+                       if ( isInsertMode )\r
+                       {\r
+                               editor = this.getParentEditor();\r
+                               element = editor.document.createElement( 'input' );\r
+                       }\r
+\r
+                       if ( isInsertMode )\r
+                               editor.insertElement( element );\r
+                       this.commitContent( { element : element } );\r
+               },\r
+               contents : [\r
+                       {\r
+                               id : 'info',\r
+                               label : editor.lang.button.title,\r
+                               title : editor.lang.button.title,\r
+                               elements : [\r
+                                       {\r
+                                               id : '_cke_saved_name',\r
+                                               type : 'text',\r
+                                               label : editor.lang.common.name,\r
+                                               'default' : '',\r
+                                               setup : function( element )\r
+                                               {\r
+                                                       this.setValue(\r
+                                                                       element.getAttribute( '_cke_saved_name' ) ||\r
+                                                                       element.getAttribute( 'name' ) ||\r
+                                                                       '' );\r
+                                               },\r
+                                               commit : function( data )\r
+                                               {\r
+                                                       var element = data.element;\r
+\r
+                                                       if ( this.getValue() )\r
+                                                               element.setAttribute( '_cke_saved_name', this.getValue() );\r
+                                                       else\r
+                                                       {\r
+                                                               element.removeAttribute( '_cke_saved_name' );\r
+                                                               element.removeAttribute( 'name' );\r
+                                                       }\r
+                                               }\r
+                                       },\r
+                                       {\r
+                                               id : 'value',\r
+                                               type : 'text',\r
+                                               label : editor.lang.button.text,\r
+                                               accessKey : 'V',\r
+                                               'default' : '',\r
+                                               setup : function( element )\r
+                                               {\r
+                                                       this.setValue( element.getAttribute( 'value' ) || '' );\r
+                                               },\r
+                                               commit : function( data )\r
+                                               {\r
+                                                       var element = data.element;\r
+\r
+                                                       if ( this.getValue() )\r
+                                                               element.setAttribute( 'value', this.getValue() );\r
+                                                       else\r
+                                                               element.removeAttribute( 'value' );\r
+                                               }\r
+                                       },\r
+                                       {\r
+                                               id : 'type',\r
+                                               type : 'select',\r
+                                               label : editor.lang.button.type,\r
+                                               'default' : 'button',\r
+                                               accessKey : 'T',\r
+                                               items :\r
+                                               [\r
+                                                       [ editor.lang.button.typeBtn, 'button' ],\r
+                                                       [ editor.lang.button.typeSbm, 'submit' ],\r
+                                                       [ editor.lang.button.typeRst, 'reset' ]\r
+                                               ],\r
+                                               setup : function( element )\r
+                                               {\r
+                                                       this.setValue( element.getAttribute( 'type' ) || '' );\r
+                                               },\r
+                                               commit : function( data )\r
+                                               {\r
+                                                       var element = data.element;\r
+\r
+                                                       if ( CKEDITOR.env.ie )\r
+                                                       {\r
+                                                               var elementType = element.getAttribute( 'type' );\r
+                                                               var currentType = this.getValue();\r
+\r
+                                                               if ( currentType != elementType )\r
+                                                               {\r
+                                                                       var replace = CKEDITOR.dom.element.createFromHtml( '<input type="' + currentType +\r
+                                                                               '"></input>', editor.document );\r
+                                                                       element.copyAttributes( replace, { type : 1 } );\r
+                                                                       replace.replace( element );\r
+                                                                       editor.getSelection().selectElement( replace );\r
+                                                                       data.element = replace;\r
+                                                               }\r
+                                                       }\r
+                                                       else\r
+                                                               element.setAttribute( 'type', this.getValue() );\r
+                                               }\r
+                                       }\r
+                               ]\r
+                       }\r
+               ]\r
+       };\r
+});\r