diff options
Diffstat (limited to 'addons/website/static/lib/ckeditor/plugins/tabletools/dialogs')
| -rw-r--r-- | addons/website/static/lib/ckeditor/plugins/tabletools/dialogs/tableCell.js | 418 |
1 files changed, 0 insertions, 418 deletions
diff --git a/addons/website/static/lib/ckeditor/plugins/tabletools/dialogs/tableCell.js b/addons/website/static/lib/ckeditor/plugins/tabletools/dialogs/tableCell.js deleted file mode 100644 index f0b7971b5ac..00000000000 --- a/addons/website/static/lib/ckeditor/plugins/tabletools/dialogs/tableCell.js +++ /dev/null @@ -1,418 +0,0 @@ -/** - * @license Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved. - * For licensing, see LICENSE.md or http://ckeditor.com/license - */ - -CKEDITOR.dialog.add( 'cellProperties', function( editor ) { - 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', - colorDialog = editor.plugins.colordialog; - - return { - title: langCell.title, - minWidth: CKEDITOR.env.ie && CKEDITOR.env.quirks ? 450 : 410, - minHeight: CKEDITOR.env.ie && ( CKEDITOR.env.ie7Compat || CKEDITOR.env.quirks ) ? 230 : 220, - contents: [ - { - id: 'info', - label: langCell.title, - accessKey: 'I', - elements: [ - { - type: 'hbox', - widths: [ '40%', '5%', '40%' ], - children: [ - { - type: 'vbox', - padding: 0, - children: [ - { - type: 'hbox', - widths: [ '70%', '30%' ], - children: [ - { - type: 'text', - id: 'width', - width: '100px', - label: langCommon.width, - validate: validate[ 'number' ]( langCell.invalidWidth ), - - // Extra labelling of width unit type. - onLoad: function() { - var widthType = this.getDialog().getContentElement( 'info', 'widthType' ), - labelElement = widthType.getElement(), - inputElement = this.getInputElement(), - ariaLabelledByAttr = inputElement.getAttribute( 'aria-labelledby' ); - - inputElement.setAttribute( 'aria-labelledby', [ ariaLabelledByAttr, labelElement.$.id ].join( ' ' ) ); - }, - - setup: function( element ) { - var widthAttr = parseInt( element.getAttribute( 'width' ), 10 ), - widthStyle = parseInt( element.getStyle( 'width' ), 10 ); - - !isNaN( widthAttr ) && this.setValue( widthAttr ); - !isNaN( widthStyle ) && this.setValue( widthStyle ); - }, - commit: function( element ) { - var value = parseInt( this.getValue(), 10 ), - unit = this.getDialog().getValueOf( 'info', 'widthType' ); - - if ( !isNaN( value ) ) - element.setStyle( 'width', value + unit ); - else - element.removeStyle( 'width' ); - - element.removeAttribute( 'width' ); - }, - 'default': '' - }, - { - type: 'select', - id: 'widthType', - label: editor.lang.table.widthUnit, - labelStyle: 'visibility:hidden', - 'default': 'px', - items: [ - [ langTable.widthPx, 'px' ], - [ langTable.widthPc, '%' ] - ], - setup: function( selectedCell ) { - var widthMatch = widthPattern.exec( selectedCell.getStyle( 'width' ) || selectedCell.getAttribute( 'width' ) ); - if ( widthMatch ) - this.setValue( widthMatch[ 2 ] ); - } - } - ] - }, - { - type: 'hbox', - widths: [ '70%', '30%' ], - children: [ - { - type: 'text', - id: 'height', - label: langCommon.height, - width: '100px', - 'default': '', - validate: validate[ 'number' ]( langCell.invalidHeight ), - - // Extra labelling of height unit type. - onLoad: function() { - var heightType = this.getDialog().getContentElement( 'info', 'htmlHeightType' ), - labelElement = heightType.getElement(), - inputElement = this.getInputElement(), - ariaLabelledByAttr = inputElement.getAttribute( 'aria-labelledby' ); - - inputElement.setAttribute( 'aria-labelledby', [ ariaLabelledByAttr, labelElement.$.id ].join( ' ' ) ); - }, - - setup: function( element ) { - var heightAttr = parseInt( element.getAttribute( 'height' ), 10 ), - heightStyle = parseInt( element.getStyle( 'height' ), 10 ); - - !isNaN( heightAttr ) && this.setValue( heightAttr ); - !isNaN( heightStyle ) && this.setValue( heightStyle ); - }, - commit: function( element ) { - var value = parseInt( this.getValue(), 10 ); - - if ( !isNaN( value ) ) - element.setStyle( 'height', CKEDITOR.tools.cssLength( value ) ); - else - element.removeStyle( 'height' ); - - element.removeAttribute( 'height' ); - } - }, - { - id: 'htmlHeightType', - type: 'html', - html: '<br />' + langTable.widthPx - } - ] - }, - spacer, - { - type: 'select', - id: 'wordWrap', - label: langCell.wordWrap, - 'default': 'yes', - items: [ - [ langCell.yes, 'yes' ], - [ langCell.no, 'no' ] - ], - setup: function( element ) { - var wordWrapAttr = element.getAttribute( 'noWrap' ), - wordWrapStyle = element.getStyle( 'white-space' ); - - if ( wordWrapStyle == 'nowrap' || wordWrapAttr ) - this.setValue( 'no' ); - }, - commit: function( element ) { - if ( this.getValue() == 'no' ) - element.setStyle( 'white-space', 'nowrap' ); - else - element.removeStyle( 'white-space' ); - - element.removeAttribute( 'noWrap' ); - } - }, - spacer, - { - type: 'select', - id: 'hAlign', - label: langCell.hAlign, - 'default': '', - items: [ - [ langCommon.notSet, '' ], - [ langCommon.alignLeft, 'left' ], - [ langCommon.alignCenter, 'center' ], - [ langCommon.alignRight, 'right' ] - ], - setup: function( element ) { - var alignAttr = element.getAttribute( 'align' ), - textAlignStyle = element.getStyle( 'text-align' ); - - this.setValue( textAlignStyle || alignAttr || '' ); - }, - commit: function( selectedCell ) { - var value = this.getValue(); - - if ( value ) - selectedCell.setStyle( 'text-align', value ); - else - selectedCell.removeStyle( 'text-align' ); - - selectedCell.removeAttribute( 'align' ); - } - }, - { - type: 'select', - id: 'vAlign', - label: langCell.vAlign, - 'default': '', - items: [ - [ langCommon.notSet, '' ], - [ langCommon.alignTop, 'top' ], - [ langCommon.alignMiddle, 'middle' ], - [ langCommon.alignBottom, 'bottom' ], - [ langCell.alignBaseline, 'baseline' ] - ], - setup: function( element ) { - var vAlignAttr = element.getAttribute( 'vAlign' ), - vAlignStyle = element.getStyle( 'vertical-align' ); - - switch ( vAlignStyle ) { - // Ignore all other unrelated style values.. - case 'top': - case 'middle': - case 'bottom': - case 'baseline': - break; - default: - vAlignStyle = ''; - } - - this.setValue( vAlignStyle || vAlignAttr || '' ); - }, - commit: function( element ) { - var value = this.getValue(); - - if ( value ) - element.setStyle( 'vertical-align', value ); - else - element.removeStyle( 'vertical-align' ); - - element.removeAttribute( 'vAlign' ); - } - } - ] - }, - spacer, - { - type: 'vbox', - padding: 0, - children: [ - { - type: 'select', - id: 'cellType', - label: langCell.cellType, - 'default': 'td', - items: [ - [ langCell.data, 'td' ], - [ langCell.header, 'th' ] - ], - setup: function( selectedCell ) { - this.setValue( selectedCell.getName() ); - }, - commit: function( selectedCell ) { - selectedCell.renameNode( this.getValue() ); - } - }, - spacer, - { - type: 'text', - id: 'rowSpan', - label: langCell.rowSpan, - 'default': '', - validate: validate.integer( langCell.invalidRowSpan ), - setup: function( selectedCell ) { - var attrVal = parseInt( selectedCell.getAttribute( 'rowSpan' ), 10 ); - if ( attrVal && attrVal != 1 ) - this.setValue( attrVal ); - }, - commit: function( selectedCell ) { - var value = parseInt( this.getValue(), 10 ); - if ( value && value != 1 ) - selectedCell.setAttribute( 'rowSpan', this.getValue() ); - else - selectedCell.removeAttribute( 'rowSpan' ); - } - }, - { - type: 'text', - id: 'colSpan', - label: langCell.colSpan, - 'default': '', - validate: validate.integer( langCell.invalidColSpan ), - setup: function( element ) { - var attrVal = parseInt( element.getAttribute( 'colSpan' ), 10 ); - if ( attrVal && attrVal != 1 ) - this.setValue( attrVal ); - }, - commit: function( selectedCell ) { - var value = parseInt( this.getValue(), 10 ); - if ( value && value != 1 ) - selectedCell.setAttribute( 'colSpan', this.getValue() ); - else - selectedCell.removeAttribute( 'colSpan' ); - } - }, - spacer, - { - type: 'hbox', - padding: 0, - widths: [ '60%', '40%' ], - children: [ - { - type: 'text', - id: 'bgColor', - label: langCell.bgColor, - 'default': '', - setup: function( element ) { - var bgColorAttr = element.getAttribute( 'bgColor' ), - bgColorStyle = element.getStyle( 'background-color' ); - - this.setValue( bgColorStyle || bgColorAttr ); - }, - commit: function( selectedCell ) { - var value = this.getValue(); - - if ( value ) - selectedCell.setStyle( 'background-color', this.getValue() ); - else - selectedCell.removeStyle( 'background-color' ); - - selectedCell.removeAttribute( 'bgColor' ); - } - }, - colorDialog ? { - type: 'button', - id: 'bgColorChoose', - "class": 'colorChooser', - label: langCell.chooseColor, - onLoad: function() { - // Stick the element to the bottom (#5587) - this.getElement().getParent().setStyle( 'vertical-align', 'bottom' ); - }, - onClick: function() { - editor.getColorFromDialog( function( color ) { - if ( color ) - this.getDialog().getContentElement( 'info', 'bgColor' ).setValue( color ); - this.focus(); - }, this ); - } - } : spacer - ] - }, - spacer, - { - type: 'hbox', - padding: 0, - widths: [ '60%', '40%' ], - children: [ - { - type: 'text', - id: 'borderColor', - label: langCell.borderColor, - 'default': '', - setup: function( element ) { - var borderColorAttr = element.getAttribute( 'borderColor' ), - borderColorStyle = element.getStyle( 'border-color' ); - - this.setValue( borderColorStyle || borderColorAttr ); - }, - commit: function( selectedCell ) { - var value = this.getValue(); - if ( value ) - selectedCell.setStyle( 'border-color', this.getValue() ); - else - selectedCell.removeStyle( 'border-color' ); - - selectedCell.removeAttribute( 'borderColor' ); - } - }, - - colorDialog ? { - type: 'button', - id: 'borderColorChoose', - "class": 'colorChooser', - label: langCell.chooseColor, - 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() { - editor.getColorFromDialog( function( color ) { - if ( color ) - this.getDialog().getContentElement( 'info', 'borderColor' ).setValue( color ); - this.focus(); - }, this ); - } - } : spacer - ] - } - ] - } - ] - } - ] - } - ], - onShow: function() { - this.cells = CKEDITOR.plugins.tabletools.getSelectedCells( this._.editor.getSelection() ); - this.setupContent( this.cells[ 0 ] ); - }, - onOk: function() { - var selection = this._.editor.getSelection(), - bookmarks = selection.createBookmarks(); - - var cells = this.cells; - for ( var i = 0; i < cells.length; i++ ) - this.commitContent( cells[ i ] ); - - this._.editor.forceNextSelectionCheck(); - selection.selectBookmarks( bookmarks ); - this._.editor.selectionChange(); - } - }; -}); |