Upgrade to 4.5.7 and add some plugin

[perso/Immae/Projets/packagist/connexionswing-ckeditor-component.git] / sources / plugins / forms / dialogs / textfield.js

/**\r
 * @license Copyright (c) 2003-2016, CKSource - Frederico Knabben. All rights reserved.\r
 * For licensing, see LICENSE.md or http://ckeditor.com/license\r
 */\r
CKEDITOR.dialog.add( 'textfield', function( editor ) {\r
\r
	var acceptedTypes = { email: 1, password: 1, search: 1, tel: 1, text: 1, url: 1 };\r
\r
	function autoCommit( data ) {\r
		var element = data.element;\r
		var value = this.getValue();\r
\r
		value ? element.setAttribute( this.id, value ) : element.removeAttribute( this.id );\r
	}\r
\r
	function autoSetup( element ) {\r
		var value = element.hasAttribute( this.id ) && element.getAttribute( this.id );\r
		this.setValue( value || '' );\r
	}\r
\r
	return {\r
		title: editor.lang.forms.textfield.title,\r
		minWidth: 350,\r
		minHeight: 150,\r
		onShow: function() {\r
			delete this.textField;\r
\r
			var element = this.getParentEditor().getSelection().getSelectedElement();\r
			if ( element && element.getName() == 'input' && ( acceptedTypes[ element.getAttribute( 'type' ) ] || !element.getAttribute( 'type' ) ) ) {\r
				this.textField = element;\r
				this.setupContent( element );\r
			}\r
		},\r
		onOk: function() {\r
			var editor = this.getParentEditor(),\r
				element = this.textField,\r
				isInsertMode = !element;\r
\r
			if ( isInsertMode ) {\r
				element = editor.document.createElement( 'input' );\r
				element.setAttribute( 'type', 'text' );\r
			}\r
\r
			var data = { element: element };\r
\r
			if ( isInsertMode )\r
				editor.insertElement( data.element );\r
\r
			this.commitContent( data );\r
\r
			// Element might be replaced by commitment.\r
			if ( !isInsertMode )\r
				editor.getSelection().selectElement( data.element );\r
		},\r
		onLoad: function() {\r
			this.foreach( function( contentObj ) {\r
				if ( contentObj.getValue ) {\r
					if ( !contentObj.setup )\r
						contentObj.setup = autoSetup;\r
					if ( !contentObj.commit )\r
						contentObj.commit = autoCommit;\r
				}\r
			} );\r
		},\r
		contents: [ {\r
			id: 'info',\r
			label: editor.lang.forms.textfield.title,\r
			title: editor.lang.forms.textfield.title,\r
			elements: [ {\r
				type: 'hbox',\r
				widths: [ '50%', '50%' ],\r
				children: [ {\r
					id: '_cke_saved_name',\r
					type: 'text',\r
					label: editor.lang.forms.textfield.name,\r
					'default': '',\r
					accessKey: 'N',\r
					setup: function( element ) {\r
						this.setValue( element.data( 'cke-saved-name' ) || element.getAttribute( 'name' ) || '' );\r
					},\r
					commit: function( data ) {\r
						var element = data.element;\r
\r
						if ( this.getValue() )\r
							element.data( 'cke-saved-name', this.getValue() );\r
						else {\r
							element.data( 'cke-saved-name', false );\r
							element.removeAttribute( 'name' );\r
						}\r
					}\r
				},\r
				{\r
					id: 'value',\r
					type: 'text',\r
					label: editor.lang.forms.textfield.value,\r
					'default': '',\r
					accessKey: 'V',\r
					commit: function( data ) {\r
						if ( CKEDITOR.env.ie && !this.getValue() ) {\r
							var element = data.element,\r
								fresh = new CKEDITOR.dom.element( 'input', editor.document );\r
							element.copyAttributes( fresh, { value: 1 } );\r
							fresh.replace( element );\r
							data.element = fresh;\r
						} else {\r
							autoCommit.call( this, data );\r
						}\r
					}\r
				} ]\r
			},\r
			{\r
				type: 'hbox',\r
				widths: [ '50%', '50%' ],\r
				children: [ {\r
					id: 'size',\r
					type: 'text',\r
					label: editor.lang.forms.textfield.charWidth,\r
					'default': '',\r
					accessKey: 'C',\r
					style: 'width:50px',\r
					validate: CKEDITOR.dialog.validate.integer( editor.lang.common.validateNumberFailed )\r
				},\r
				{\r
					id: 'maxLength',\r
					type: 'text',\r
					label: editor.lang.forms.textfield.maxChars,\r
					'default': '',\r
					accessKey: 'M',\r
					style: 'width:50px',\r
					validate: CKEDITOR.dialog.validate.integer( editor.lang.common.validateNumberFailed )\r
				} ],\r
				onLoad: function() {\r
					// Repaint the style for IE7 (#6068)\r
					if ( CKEDITOR.env.ie7Compat )\r
						this.getElement().setStyle( 'zoom', '100%' );\r
				}\r
			},\r
			{\r
				id: 'type',\r
				type: 'select',\r
				label: editor.lang.forms.textfield.type,\r
				'default': 'text',\r
				accessKey: 'M',\r
				items: [\r
					[ editor.lang.forms.textfield.typeEmail,	'email' ],\r
					[ editor.lang.forms.textfield.typePass,		'password' ],\r
					[ editor.lang.forms.textfield.typeSearch,	'search' ],\r
					[ editor.lang.forms.textfield.typeTel,		'tel' ],\r
					[ editor.lang.forms.textfield.typeText,		'text' ],\r
					[ editor.lang.forms.textfield.typeUrl,		'url' ]\r
				],\r
				setup: function( element ) {\r
					this.setValue( element.getAttribute( 'type' ) );\r
				},\r
				commit: function( data ) {\r
					var element = data.element;\r
\r
					if ( CKEDITOR.env.ie ) {\r
						var elementType = element.getAttribute( 'type' );\r
						var myType = this.getValue();\r
\r
						if ( elementType != myType ) {\r
							var replace = CKEDITOR.dom.element.createFromHtml( '<input type="' + myType + '"></input>', editor.document );\r
							element.copyAttributes( replace, { type: 1 } );\r
							replace.replace( element );\r
							data.element = replace;\r
						}\r
					} else {\r
						element.setAttribute( 'type', this.getValue() );\r
					}\r
				}\r
			},\r
			{\r
				id: 'required',\r
				type: 'checkbox',\r
				label: editor.lang.forms.textfield.required,\r
				'default': '',\r
				accessKey: 'Q',\r
				value: 'required',\r
				setup: function( element ) {\r
					this.setValue( element.getAttribute( 'required' ) );\r
				},\r
				commit: function( data ) {\r
					var element = data.element;\r
					if ( this.getValue() )\r
						element.setAttribute( 'required', 'required' );\r
					else\r
						element.removeAttribute( 'required' );\r
				}\r
			} ]\r
		} ]\r
	};\r
} );\r