X-Git-Url: https://jasonwoof.com/gitweb/?a=blobdiff_plain;f=_source%2Fplugins%2Ftabletools%2Fdialogs%2FtableCell.js;h=1bfa3bfce47b86c32c22247d06476b32f2f80677;hb=3fe9cac293e090ea459a3ee10d78cbe9e1dd0e03;hp=c970727e3046caa1eecf44177610e37adf1efea3;hpb=e7789c1ad838194d45eeee6ac2eb6e55f5cf35a1;p=ckeditor.git diff --git a/_source/plugins/tabletools/dialogs/tableCell.js b/_source/plugins/tabletools/dialogs/tableCell.js index c970727..1bfa3bf 100644 --- a/_source/plugins/tabletools/dialogs/tableCell.js +++ b/_source/plugins/tabletools/dialogs/tableCell.js @@ -1,22 +1,19 @@ /* -Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved. +Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved. For licensing, see LICENSE.html or http://ckeditor.com/license */ CKEDITOR.dialog.add( 'cellProperties', function( editor ) { - var langTable = editor.lang.table; - var langCell = langTable.cell; - var langCommon = editor.lang.common; - var validate = CKEDITOR.dialog.validate; - var widthPattern = /^(\d+(?:\.\d+)?)(px|%)$/, - heightPattern = /^(\d+(?:\.\d+)?)px$/; - var bind = CKEDITOR.tools.bind; - - function spacer() - { - return { type : 'html', html : ' ' }; - } + var langTable = editor.lang.table, + langCell = langTable.cell, + langCommon = editor.lang.common, + validate = CKEDITOR.dialog.validate, + widthPattern = /^(\d+(?:\.\d+)?)(px|%)$/, + heightPattern = /^(\d+(?:\.\d+)?)px$/, + bind = CKEDITOR.tools.bind, + spacer = { type : 'html', html : ' ' }, + rtl = editor.lang.dir == 'rtl'; /** * @@ -28,22 +25,24 @@ CKEDITOR.dialog.add( 'cellProperties', function( editor ) var onOk = function() { releaseHandlers( this ); - callback( this ); + callback( this, this._.parentDialog ); + this._.parentDialog.changeFocus(); }; var onCancel = function() { releaseHandlers( this ); - }; - var bindToDialog = function( dialog ) - { - dialog.on( 'ok', onOk ); - dialog.on( 'cancel', onCancel ); + this._.parentDialog.changeFocus(); }; var releaseHandlers = function( dialog ) { dialog.removeListener( 'ok', onOk ); dialog.removeListener( 'cancel', onCancel ); }; + var bindToDialog = function( dialog ) + { + dialog.on( 'ok', onOk ); + dialog.on( 'cancel', onCancel ); + }; editor.execCommand( dialogName ); if ( editor._.storedDialogs.colordialog ) bindToDialog( editor._.storedDialogs.colordialog ); @@ -73,8 +72,8 @@ CKEDITOR.dialog.add( 'cellProperties', function( editor ) return { title : langCell.title, - minWidth : CKEDITOR.env.ie && CKEDITOR.env.quirks ? 550 : 480, - minHeight : CKEDITOR.env.ie ? ( CKEDITOR.env.quirks ? 180 : 150 ) : 140, + minWidth : CKEDITOR.env.ie && CKEDITOR.env.quirks? 450 : 410, + minHeight : CKEDITOR.env.ie && ( CKEDITOR.env.ie7Compat || CKEDITOR.env.quirks )? 230 : 220, contents : [ { id : 'info', @@ -100,9 +99,8 @@ CKEDITOR.dialog.add( 'cellProperties', function( editor ) { type : 'text', id : 'width', - label : langTable.width, - widths : [ '71%', '29%' ], - labelLayout : 'horizontal', + width: '100px', + label : langCommon.width, validate : validate[ 'number' ]( langCell.invalidWidth ), // Extra labelling of width unit type. @@ -141,10 +139,8 @@ CKEDITOR.dialog.add( 'cellProperties', function( editor ) { type : 'select', id : 'widthType', - labelLayout : 'horizontal', - widths : [ '0%', '100%' ], label : editor.lang.table.widthUnit, - labelStyle: 'display:none', + labelStyle: 'visibility:hidden', 'default' : 'px', items : [ @@ -153,7 +149,7 @@ CKEDITOR.dialog.add( 'cellProperties', function( editor ) ], setup : function( selectedCell ) { - var widthMatch = widthPattern.exec( selectedCell.$.style.width ); + var widthMatch = widthPattern.exec( selectedCell.getStyle( 'width' ) || selectedCell.getAttribute( 'width' ) ); if ( widthMatch ) this.setValue( widthMatch[2] ); } @@ -168,10 +164,9 @@ CKEDITOR.dialog.add( 'cellProperties', function( editor ) { type : 'text', id : 'height', - label : langTable.height, + label : langCommon.height, + width: '100px', 'default' : '', - widths : [ '71%', '29%' ], - labelLayout : 'horizontal', validate : validate[ 'number' ]( langCell.invalidHeight ), // Extra labelling of height unit type. @@ -208,17 +203,15 @@ CKEDITOR.dialog.add( 'cellProperties', function( editor ) { id : 'htmlHeightType', type : 'html', - html : langTable.widthPx + html : '
'+ langTable.widthPx } ] }, - spacer(), + spacer, { type : 'select', id : 'wordWrap', - labelLayout : 'horizontal', label : langCell.wordWrap, - widths : [ '50%', '50%' ], 'default' : 'yes', items : [ @@ -243,20 +236,18 @@ CKEDITOR.dialog.add( 'cellProperties', function( editor ) element.removeAttribute( 'noWrap' ); } }, - spacer(), + spacer, { type : 'select', id : 'hAlign', - labelLayout : 'horizontal', label : langCell.hAlign, - widths : [ '50%', '50%' ], 'default' : '', items : [ [ langCommon.notSet, '' ], - [ langTable.alignLeft, 'left' ], - [ langTable.alignCenter, 'center' ], - [ langTable.alignRight, 'right' ] + [ langCommon.alignLeft, 'left' ], + [ langCommon.alignCenter, 'center' ], + [ langCommon.alignRight, 'right' ] ], setup : function( element ) { @@ -280,16 +271,14 @@ CKEDITOR.dialog.add( 'cellProperties', function( editor ) { type : 'select', id : 'vAlign', - labelLayout : 'horizontal', label : langCell.vAlign, - widths : [ '50%', '50%' ], 'default' : '', items : [ [ langCommon.notSet, '' ], - [ langCell.alignTop, 'top' ], - [ langCell.alignMiddle, 'middle' ], - [ langCell.alignBottom, 'bottom' ], + [ langCommon.alignTop, 'top' ], + [ langCommon.alignMiddle, 'middle' ], + [ langCommon.alignBottom, 'bottom' ], [ langCell.alignBaseline, 'baseline' ] ], setup : function( element ) @@ -325,7 +314,7 @@ CKEDITOR.dialog.add( 'cellProperties', function( editor ) } ] }, - spacer(), + spacer, { type : 'vbox', padding : 0, @@ -335,8 +324,6 @@ CKEDITOR.dialog.add( 'cellProperties', function( editor ) type : 'select', id : 'cellType', label : langCell.cellType, - labelLayout : 'horizontal', - widths : [ '50%', '50%' ], 'default' : 'td', items : [ @@ -352,13 +339,11 @@ CKEDITOR.dialog.add( 'cellProperties', function( editor ) selectedCell.renameNode( this.getValue() ); } }, - spacer(), + spacer, { type : 'text', id : 'rowSpan', label : langCell.rowSpan, - labelLayout : 'horizontal', - widths : [ '50%', '50%' ], 'default' : '', validate : validate.integer( langCell.invalidRowSpan ), setup : function( selectedCell ) @@ -380,8 +365,6 @@ CKEDITOR.dialog.add( 'cellProperties', function( editor ) type : 'text', id : 'colSpan', label : langCell.colSpan, - labelLayout : 'horizontal', - widths : [ '50%', '50%' ], 'default' : '', validate : validate.integer( langCell.invalidColSpan ), setup : function( element ) @@ -399,19 +382,17 @@ CKEDITOR.dialog.add( 'cellProperties', function( editor ) selectedCell.removeAttribute( 'colSpan' ); } }, - spacer(), + spacer, { type : 'hbox', padding : 0, - widths : [ '80%', '20%' ], + widths : [ '60%', '40%' ], children : [ { type : 'text', id : 'bgColor', label : langCell.bgColor, - labelLayout : 'horizontal', - widths : [ '70%', '30%' ], 'default' : '', setup : function( element ) { @@ -435,8 +416,13 @@ CKEDITOR.dialog.add( 'cellProperties', function( editor ) { type : 'button', id : 'bgColorChoose', + "class" : 'colorChooser', label : langCell.chooseColor, - style : 'margin-left: 10px', + onLoad : function() + { + // Stick the element to the bottom (#5587) + this.getElement().getParent().setStyle( 'vertical-align', 'bottom' ); + }, onClick : function() { var self = this; @@ -450,19 +436,17 @@ CKEDITOR.dialog.add( 'cellProperties', function( editor ) } ] }, - spacer(), + spacer, { type : 'hbox', padding : 0, - widths : [ '80%', '20%' ], + widths : [ '60%', '40%' ], children : [ { type : 'text', id : 'borderColor', label : langCell.borderColor, - labelLayout : 'horizontal', - widths : [ '70%', '30%' ], 'default' : '', setup : function( element ) { @@ -485,8 +469,14 @@ CKEDITOR.dialog.add( 'cellProperties', function( editor ) { type : 'button', id : 'borderColorChoose', + "class" : 'colorChooser', label : langCell.chooseColor, - style : 'margin-left: 10px', + style : ( rtl ? 'margin-right' : 'margin-left' ) + ': 10px', + onLoad : function() + { + // Stick the element to the bottom (#5587) + this.getElement().getParent().setStyle( 'vertical-align', 'bottom' ); + }, onClick : function() { var self = this; @@ -522,7 +512,9 @@ CKEDITOR.dialog.add( 'cellProperties', function( editor ) for ( var i = 0 ; i < cells.length ; i++ ) this.commitContent( cells[ i ] ); + this._.editor.forceNextSelectionCheck(); selection.selectBookmarks( bookmarks ); + this._.editor.selectionChange(); } }; } );