/184.168.182.1/admin/old/ckeditor/_source/plugins/docprops/dialogs/docprops.js

/*

Copyright (c) 2003-2012, CKSource - Frederico Knabben. All rights reserved.

For licensing, see LICENSE.html or http://ckeditor.com/license

*/



CKEDITOR.dialog.add( 'docProps', function( editor )

{

	var lang = editor.lang.docprops,

		langCommon = editor.lang.common,

		metaHash = {};



	function getDialogValue( dialogName, callback )

	{

		var onOk = function()

		{

			releaseHandlers( this );

			callback( this, this._.parentDialog );

		};

		var releaseHandlers = function( dialog )

		{

			dialog.removeListener( 'ok', onOk );

			dialog.removeListener( 'cancel', releaseHandlers );

		};

		var bindToDialog = function( dialog )

		{

			dialog.on( 'ok', onOk );

			dialog.on( 'cancel', releaseHandlers );

		};

		editor.execCommand( dialogName );

		if ( editor._.storedDialogs.colordialog )

			bindToDialog( editor._.storedDialogs.colordialog );

		else

		{

			CKEDITOR.on( 'dialogDefinition', function( e )

			{

				if ( e.data.name != dialogName )

					return;



				var definition = e.data.definition;



				e.removeListener();

				definition.onLoad = CKEDITOR.tools.override( definition.onLoad, function( orginal )

				{

					return function()

					{

						bindToDialog( this );

						definition.onLoad = orginal;

						if ( typeof orginal == 'function' )

							orginal.call( this );

					};

				});

			});

		}

	}

	function handleOther()

	{

		var dialog = this.getDialog(),

			other = dialog.getContentElement( 'general', this.id + 'Other' );

		if ( !other )

			return;

		if ( this.getValue() == 'other' )

		{

			other.getInputElement().removeAttribute( 'readOnly' );

			other.focus();

			other.getElement().removeClass( 'cke_disabled' );

		}

		else

		{

			other.getInputElement().setAttribute( 'readOnly', true );

			other.getElement().addClass( 'cke_disabled' );

		}

	}

	function commitMeta( name, isHttp, value )

	{

		return function( doc, html, head )

		{

			var hash = metaHash,

				val = typeof value != 'undefined' ? value : this.getValue();

			if ( !val && ( name in hash ) )

				hash[ name ].remove();

			else if ( val && ( name in hash ) )

				hash[ name ].setAttribute( 'content', val );

			else if ( val )

			{

				var meta = new CKEDITOR.dom.element( 'meta', editor.document );

				meta.setAttribute( isHttp ? 'http-equiv' : 'name', name );

				meta.setAttribute( 'content', val );

				head.append( meta );

			}

		};

	}

	function setupMeta( name, ret )

	{

		return function()

		{

			var hash = metaHash,

				result = ( name in hash ) ? hash[ name ].getAttribute( 'content' ) || '' : '';

			if ( ret )

				return result;

			this.setValue( result );

			return null;

		};

	}

	function commitMargin( name )

	{

		return function( doc, html, head, body )

		{

			body.removeAttribute( 'margin' + name );

			var val = this.getValue();

			if ( val !== '' )

				body.setStyle( 'margin-' + name, CKEDITOR.tools.cssLength( val ) );

			else

				body.removeStyle( 'margin-' + name );

		};

	}



	function createMetaHash( doc )

	{

		var hash = {},

			metas = doc.getElementsByTag( 'meta' ),

			count = metas.count();



		for ( var i = 0; i < count; i++ )

		{

			var meta = metas.getItem( i );

			hash[ meta.getAttribute( meta.hasAttribute( 'http-equiv' ) ? 'http-equiv' : 'name' ).toLowerCase() ] = meta;

		}

		return hash;

	}

	// We cannot just remove the style from the element, as it might be affected from non-inline stylesheets.

	// To get the proper result, we should manually set the inline style to its default value.

	function resetStyle( element, prop, resetVal )

	{

		element.removeStyle( prop );

		if ( element.getComputedStyle( prop ) != resetVal )

			element.setStyle( prop, resetVal );

	}



	// Utilty to shorten the creation of color fields in the dialog.

	var colorField = function( id, label, fieldProps )

	{

		return {

			type : 'hbox',

			padding : 0,

			widths : [ '60%', '40%' ],

			children : [

				CKEDITOR.tools.extend( {

					type : 'text',

					id : id,

					label : lang[ label ]

				}, fieldProps || {}, 1 ),

				{

					type : 'button',

					id : id + 'Choose',

					label : lang.chooseColor,

					className : 'colorChooser',

					onClick : function()

					{

						var self = this;

						getDialogValue( 'colordialog', function( colorDialog )

						{

							var dialog = self.getDialog();

							dialog.getContentElement( dialog._.currentTabId, id ).setValue( colorDialog.getContentElement( 'picker', 'selectedColor' ).getValue() );

						});

					}

				}

			]

		};

	};

	var previewSrc = 'javascript:' +

		'void((function(){' +

			encodeURIComponent(

				'document.open();' +

				( CKEDITOR.env.isCustomDomain() ? 'document.domain=\'' + document.domain + '\';' : '' ) +

				'document.write( \'<html style="background-color: #ffffff; height: 100%"><head></head><body style="width: 100%; height: 100%; margin: 0px">' + lang.previewHtml + '</body></html>\' );' +

				'document.close();'

			) +

		'})())';



	return {

		title : lang.title,

		minHeight: 330,

		minWidth: 500,

		onShow : function()

		{

			var doc = editor.document,

				html = doc.getElementsByTag( 'html' ).getItem( 0 ),

				head = doc.getHead(),

				body = doc.getBody();

			metaHash = createMetaHash( doc );

			this.setupContent( doc, html, head, body );

		},

		onHide : function()

		{

			metaHash = {};

		},

		onOk : function()

		{

			var doc = editor.document,

				html = doc.getElementsByTag( 'html' ).getItem( 0 ),

				head = doc.getHead(),

				body = doc.getBody();

			this.commitContent( doc, html, head, body );

		},

		contents : [

			{

				id : 'general',

				label : langCommon.generalTab,

				elements : [

					{

						type : 'text',

						id : 'title',

						label : lang.docTitle,

						setup : function( doc )

						{

							this.setValue( doc.getElementsByTag( 'title' ).getItem( 0 ).data( 'cke-title' ) );

						},

						commit : function( doc, html, head, body, isPreview )

						{

							if ( isPreview )

								return;

							doc.getElementsByTag( 'title' ).getItem( 0 ).data( 'cke-title', this.getValue() );

						}

					},

					{

						type : 'hbox',

						children : [

							{

								type : 'select',

								id : 'dir',

								label : langCommon.langDir,

								style : 'width: 100%',

								items : [

									[ langCommon.notSet , '' ],

									[ langCommon.langDirLtr, 'ltr' ],

									[ langCommon.langDirRtl, 'rtl' ]

								],

								setup : function( doc, html, head, body )

								{

									this.setValue( body.getDirection() || '' );

								},

								commit : function( doc, html, head, body )

								{

									var val = this.getValue();

									if ( val )

										body.setAttribute( 'dir', val );

									else

										body.removeAttribute( 'dir' );

									body.removeStyle( 'direction' );

								}

							},

							{

								type : 'text',

								id : 'langCode',

								label : langCommon.langCode,

								setup : function( doc, html )

								{

									this.setValue( html.getAttribute( 'xml:lang' ) || html.getAttribute( 'lang' ) || '' );

								},

								commit : function( doc, html, head, body, isPreview )

								{

									if ( isPreview )

										return;

									var val = this.getValue();

									if ( val )

										html.setAttributes( { 'xml:lang' : val, lang : val } );

									else

										html.removeAttributes( { 'xml:lang' : 1, lang : 1 } );

								}

							}

						]

					},

					{

						type : 'hbox',

						children : [

							{

								type : 'select',

								id : 'charset',

								label : lang.charset,

								style : 'width: 100%',

								items : [

									[ langCommon.notSet, '' ],

									[ lang.charsetASCII, 'us-ascii' ],

									[ lang.charsetCE, 'iso-8859-2' ],

									[ lang.charsetCT, 'big5' ],

									[ lang.charsetCR, 'iso-8859-5' ],

									[ lang.charsetGR, 'iso-8859-7' ],

									[ lang.charsetJP, 'iso-2022-jp' ],

									[ lang.charsetKR, 'iso-2022-kr' ],

									[ lang.charsetTR, 'iso-8859-9' ],

									[ lang.charsetUN, 'utf-8' ],

									[ lang.charsetWE, 'iso-8859-1' ],

									[ lang.other, 'other' ]

								],

								'default' : '',

								onChange : function()

								{

									this.getDialog().selectedCharset = this.getValue() != 'other' ? this.getValue() : '';

									handleOther.call( this );

								},

								setup : function()

								{

									this.metaCharset = ( 'charset' in metaHash );



									var func = setupMeta( this.metaCharset ? 'charset' : 'content-type', 1, 1 ),

										val = func.call( this );



									!this.metaCharset && val.match( /charset=[^=]+$/ ) && ( val = val.substring( val.indexOf( '=' ) + 1 ) );



									if ( val )

									{

										this.setValue( val.toLowerCase() );

										if ( !this.getValue() )

										{

											this.setValue( 'other' );

											var other = this.getDialog().getContentElement( 'general', 'charsetOther' );

											other && other.setValue( val );

										}

										this.getDialog().selectedCharset = val;

									}



									handleOther.call( this );

								},

								commit : function( doc, html, head, body, isPreview )

								{

									if ( isPreview )

										return;

									var value = this.getValue(),

										other = this.getDialog().getContentElement( 'general', 'charsetOther' );



									value == 'other' && ( value = other ? other.getValue() : '' );



									value && !this.metaCharset && ( value = ( metaHash[ 'content-type' ] ? metaHash[ 'content-type' ].getAttribute( 'content' ).split( ';' )[0] : 'text/html' ) + '; charset=' + value );



									var func = commitMeta( this.metaCharset ? 'charset' : 'content-type', 1, value );

									func.call( this, doc, html, head );

								}

							},

							{

								type : 'text',

								id : 'charsetOther',

								label : lang.charsetOther,

								onChange : function(){ this.getDialog().selectedCharset = this.getValue(); }

							}

						]

					},

					{

						type : 'hbox',

						children : [

							{

								type : 'select',

								id : 'docType',

								label : lang.docType,

								style : 'width: 100%',

								items : [

									[ langCommon.notSet , '' ],

									[ 'XHTML 1.1', '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">' ],

									[ 'XHTML 1.0 Transitional', '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">' ],

									[ 'XHTML 1.0 Strict', '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">' ],

									[ 'XHTML 1.0 Frameset', '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">' ],

									[ 'HTML 5', '<!DOCTYPE html>' ],

									[ 'HTML 4.01 Transitional', '<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">' ],

									[ 'HTML 4.01 Strict', '<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">' ],

									[ 'HTML 4.01 Frameset', '<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">' ],

									[ 'HTML 3.2', '<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">' ],

									[ 'HTML 2.0', '<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">' ],

									[ lang.other, 'other' ]

								],

								onChange : handleOther,

								setup : function()

								{

									if ( editor.docType )

									{

										this.setValue( editor.docType );

										if ( !this.getValue() )

										{

											this.setValue( 'other' );

											var other = this.getDialog().getContentElement( 'general', 'docTypeOther' );

											other && other.setValue( editor.docType );

										}

									}

									handleOther.call( this );

								},

								commit : function( doc, html, head, body, isPreview )

								{

									if ( isPreview )

										return;

									var value = this.getValue(),

										other = this.getDialog().getContentElement( 'general', 'docTypeOther' );

									editor.docType = value == 'other' ? ( other ? other.getValue() : '' ) : value;

								}

							},

							{

								type : 'text',

								id : 'docTypeOther',

								label : lang.docTypeOther

							}

						]

					},

					{

						type : 'checkbox',

						id : 'xhtmlDec',

						label : lang.xhtmlDec,

						setup : function()

						{

							this.setValue( !!editor.xmlDeclaration );

						},

						commit : function( doc, html, head, body, isPreview )

						{

							if ( isPreview )

								return;

							if ( this.getValue() )

							{

								editor.xmlDeclaration = '<?xml version="1.0" encoding="' + ( this.getDialog().selectedCharset || 'utf-8' )+ '"?>' ;

								html.setAttribute( 'xmlns', 'http://www.w3.org/1999/xhtml' );

							}

							else

							{

								editor.xmlDeclaration = '';

								html.removeAttribute( 'xmlns' );

							}

						}

					}

				]

			},

			{

				id : 'design',

				label : lang.design,

				elements : [

					{

						type : 'hbox',

						widths : [ '60%', '40%' ],

						children : [

							{

								type : 'vbox',

								children : [

									colorField( 'txtColor', 'txtColor',

									{

										setup : function( doc, html, head, body )

										{

											this.setValue( body.getComputedStyle( 'color' ) );

										},

										commit : function( doc, html, head, body, isPreview )

										{

											if ( this.isChanged() || isPreview )

											{

												body.removeAttribute( 'text' );

												var val = this.getValue();

												if ( val )

													body.setStyle( 'color', val );

												else

													body.removeStyle( 'color' );

											}

										}

									}),

									colorField( 'bgColor', 'bgColor', {

										setup : function( doc, html, head, body )

										{

											var val = body.getComputedStyle( 'background-color' ) || '';

											this.setValue( val == 'transparent' ? '' : val );

										},

										commit : function( doc, html, head, body, isPreview )

										{

											if ( this.isChanged() || isPreview )

											{

												body.removeAttribute( 'bgcolor' );

												var val = this.getValue();

												if ( val )

													body.setStyle( 'background-color', val );

												else

													resetStyle( body, 'background-color', 'transparent' );

											}

										}

									}),

									{

										type : 'hbox',

										widths : [ '60%', '40%' ],

										padding : 1,

										children : [

											{

												type : 'text',

												id : 'bgImage',

												label : lang.bgImage,

												setup : function( doc, html, head, body )

												{

													var val = body.getComputedStyle( 'background-image' ) || '';

													if ( val == 'none' )

														val = '';

													else

													{

														val = val.replace( /url\(\s*(["']?)\s*([^\)]*)\s*\1\s*\)/i, function( match, quote, url )

														{

															return url;

														});

													}

													this.setValue( val );

												},

												commit : function( doc, html, head, body )

												{

													body.removeAttribute( 'background' );

													var val = this.getValue();

													if ( val )

														body.setStyle( 'background-image', 'url(' + val + ')' );

													else

														resetStyle( body, 'background-image', 'none' );

												}

											},

											{

												type : 'button',

												id : 'bgImageChoose',

												label : langCommon.browseServer,

												style : 'display:inline-block;margin-top:10px;',

												hidden : true,

												filebrowser : 'design:bgImage'

											}

										]

									},

									{

										type : 'checkbox',

										id : 'bgFixed',

										label : lang.bgFixed,

										setup : function( doc, html, head, body )

										{

											this.setValue( body.getComputedStyle( 'background-attachment' ) == 'fixed' );

										},

										commit : function( doc, html, head, body )

										{

											if ( this.getValue() )

												body.setStyle( 'background-attachment', 'fixed' );

											else

												resetStyle( body, 'background-attachment', 'scroll' );

										}

									}

								]

							},

							{

								type : 'vbox',

								children : [

									{

										type : 'html',

										id : 'marginTitle',

										html : '<div style="text-align: center; margin: 0px auto; font-weight: bold">' + lang.margin + '</div>'

									},

									{

										type : 'text',

										id : 'marginTop',

										label : lang.marginTop,

										style : 'width: 80px; text-align: center',

										align : 'center',

										inputStyle : 'text-align: center',

										setup : function( doc, html, head, body )

										{

											this.setValue( body.getStyle( 'margin-top' ) || body.getAttribute( 'margintop' ) || '' );

										},

										commit : commitMargin( 'top' )

									},

									{

										type : 'hbox',

										children : [

											{

												type : 'text',

												id : 'marginLeft',

												label : lang.marginLeft,

												style : 'width: 80px; text-align: center',

												align : 'center',

												inputStyle : 'text-align: center',

												setup : function( doc, html, head, body )

												{

													this.setValue( body.getStyle( 'margin-left' ) || body.getAttribute( 'marginleft' ) || '' );

												},

												commit : commitMargin( 'left' )

											},

											{

												type : 'text',

												id : 'marginRight',

												label : lang.marginRight,

												style : 'width: 80px; text-align: center',

												align : 'center',

												inputStyle : 'text-align: center',

												setup : function( doc, html, head, body )

												{

													this.setValue( body.getStyle( 'margin-right' ) || body.getAttribute( 'marginright' ) || '' );

												},

												commit : commitMargin( 'right' )

											}

										]

									},

									{

										type : 'text',

										id : 'marginBottom',

										label : lang.marginBottom,

										style : 'width: 80px; text-align: center',

										align : 'center',

										inputStyle : 'text-align: center',

										setup : function( doc, html, head, body )

										{

											this.setValue( body.getStyle( 'margin-bottom' ) || body.getAttribute( 'marginbottom' ) || '' );

										},

										commit : commitMargin( 'bottom' )

									}

								]

							}

						]

					}

				]

			},

			{

				id : 'meta',

				label : lang.meta,

				elements : [

					{

						type : 'textarea',

						id : 'metaKeywords',

						label : lang.metaKeywords,

						setup : setupMeta( 'keywords' ),

						commit : commitMeta( 'keywords' )

					},

					{

						type : 'textarea',

						id : 'metaDescription',

						label : lang.metaDescription,

						setup : setupMeta( 'description' ),

						commit : commitMeta( 'description' )

					},

					{

						type : 'text',

						id : 'metaAuthor',

						label : lang.metaAuthor,

						setup : setupMeta( 'author' ),

						commit : commitMeta( 'author' )

					},

					{

						type : 'text',

						id : 'metaCopyright',

						label : lang.metaCopyright,

						setup : setupMeta( 'copyright' ),

						commit : commitMeta( 'copyright' )

					}

				]

			},

			{

				id : 'preview',

				label : langCommon.preview,

				elements : [

					{

						type : 'html',

						id : 'previewHtml',

						html : '<iframe src="' + previewSrc + '" style="width: 100%; height: 310px" hidefocus="true" frameborder="0" ' +

								'id="cke_docProps_preview_iframe"></iframe>',

						onLoad : function()

						{

							this.getDialog().on( 'selectPage', function( ev )

							{

								if ( ev.data.page == 'preview' )

								{

									var self = this;

									setTimeout( function()

									{

										var doc = CKEDITOR.document.getById( 'cke_docProps_preview_iframe' ).getFrameDocument(),

											html = doc.getElementsByTag( 'html' ).getItem( 0 ),

											head = doc.getHead(),

											body = doc.getBody();

										self.commitContent( doc, html, head, body, 1 );

									}, 50 );

								}

							});

							CKEDITOR.document.getById( 'cke_docProps_preview_iframe' ).getAscendant( 'table' ).setStyle( 'height', '100%' );

						}

					}

				]

			}

		]

	};

});