mirror of
https://github.com/UnickSoft/graphonline.git
synced 2025-07-03 16:25:59 +00:00
504 lines
15 KiB
JavaScript
Executable File
504 lines
15 KiB
JavaScript
Executable File
/**
|
|
* @license Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved.
|
|
* For licensing, see LICENSE.md or http://ckeditor.com/license
|
|
*/
|
|
CKEDITOR.dialog.add( 'select', function( editor ) {
|
|
// Add a new option to a SELECT object (combo or list).
|
|
function addOption( combo, optionText, optionValue, documentObject, index ) {
|
|
combo = getSelect( combo );
|
|
var oOption;
|
|
if ( documentObject )
|
|
oOption = documentObject.createElement( "OPTION" );
|
|
else
|
|
oOption = document.createElement( "OPTION" );
|
|
|
|
if ( combo && oOption && oOption.getName() == 'option' ) {
|
|
if ( CKEDITOR.env.ie ) {
|
|
if ( !isNaN( parseInt( index, 10 ) ) )
|
|
combo.$.options.add( oOption.$, index );
|
|
else
|
|
combo.$.options.add( oOption.$ );
|
|
|
|
oOption.$.innerHTML = optionText.length > 0 ? optionText : '';
|
|
oOption.$.value = optionValue;
|
|
} else {
|
|
if ( index !== null && index < combo.getChildCount() )
|
|
combo.getChild( index < 0 ? 0 : index ).insertBeforeMe( oOption );
|
|
else
|
|
combo.append( oOption );
|
|
|
|
oOption.setText( optionText.length > 0 ? optionText : '' );
|
|
oOption.setValue( optionValue );
|
|
}
|
|
} else
|
|
return false;
|
|
|
|
return oOption;
|
|
}
|
|
// Remove all selected options from a SELECT object.
|
|
function removeSelectedOptions( combo ) {
|
|
combo = getSelect( combo );
|
|
|
|
// Save the selected index
|
|
var iSelectedIndex = getSelectedIndex( combo );
|
|
|
|
// Remove all selected options.
|
|
for ( var i = combo.getChildren().count() - 1; i >= 0; i-- ) {
|
|
if ( combo.getChild( i ).$.selected )
|
|
combo.getChild( i ).remove();
|
|
}
|
|
|
|
// Reset the selection based on the original selected index.
|
|
setSelectedIndex( combo, iSelectedIndex );
|
|
}
|
|
//Modify option from a SELECT object.
|
|
function modifyOption( combo, index, title, value ) {
|
|
combo = getSelect( combo );
|
|
if ( index < 0 )
|
|
return false;
|
|
var child = combo.getChild( index );
|
|
child.setText( title );
|
|
child.setValue( value );
|
|
return child;
|
|
}
|
|
|
|
function removeAllOptions( combo ) {
|
|
combo = getSelect( combo );
|
|
while ( combo.getChild( 0 ) && combo.getChild( 0 ).remove() ) {
|
|
/*jsl:pass*/
|
|
}
|
|
}
|
|
// Moves the selected option by a number of steps (also negative).
|
|
function changeOptionPosition( combo, steps, documentObject ) {
|
|
combo = getSelect( combo );
|
|
var iActualIndex = getSelectedIndex( combo );
|
|
if ( iActualIndex < 0 )
|
|
return false;
|
|
|
|
var iFinalIndex = iActualIndex + steps;
|
|
iFinalIndex = ( iFinalIndex < 0 ) ? 0 : iFinalIndex;
|
|
iFinalIndex = ( iFinalIndex >= combo.getChildCount() ) ? combo.getChildCount() - 1 : iFinalIndex;
|
|
|
|
if ( iActualIndex == iFinalIndex )
|
|
return false;
|
|
|
|
var oOption = combo.getChild( iActualIndex ),
|
|
sText = oOption.getText(),
|
|
sValue = oOption.getValue();
|
|
|
|
oOption.remove();
|
|
|
|
oOption = addOption( combo, sText, sValue, ( !documentObject ) ? null : documentObject, iFinalIndex );
|
|
setSelectedIndex( combo, iFinalIndex );
|
|
return oOption;
|
|
}
|
|
|
|
function getSelectedIndex( combo ) {
|
|
combo = getSelect( combo );
|
|
return combo ? combo.$.selectedIndex : -1;
|
|
}
|
|
|
|
function setSelectedIndex( combo, index ) {
|
|
combo = getSelect( combo );
|
|
if ( index < 0 )
|
|
return null;
|
|
var count = combo.getChildren().count();
|
|
combo.$.selectedIndex = ( index >= count ) ? ( count - 1 ) : index;
|
|
return combo;
|
|
}
|
|
|
|
function getOptions( combo ) {
|
|
combo = getSelect( combo );
|
|
return combo ? combo.getChildren() : false;
|
|
}
|
|
|
|
function getSelect( obj ) {
|
|
if ( obj && obj.domId && obj.getInputElement().$ ) // Dialog element.
|
|
return obj.getInputElement();
|
|
else if ( obj && obj.$ )
|
|
return obj;
|
|
return false;
|
|
}
|
|
|
|
return {
|
|
title: editor.lang.forms.select.title,
|
|
minWidth: CKEDITOR.env.ie ? 460 : 395,
|
|
minHeight: CKEDITOR.env.ie ? 320 : 300,
|
|
onShow: function() {
|
|
delete this.selectBox;
|
|
this.setupContent( 'clear' );
|
|
var element = this.getParentEditor().getSelection().getSelectedElement();
|
|
if ( element && element.getName() == "select" ) {
|
|
this.selectBox = element;
|
|
this.setupContent( element.getName(), element );
|
|
|
|
// Load Options into dialog.
|
|
var objOptions = getOptions( element );
|
|
for ( var i = 0; i < objOptions.count(); i++ )
|
|
this.setupContent( 'option', objOptions.getItem( i ) );
|
|
}
|
|
},
|
|
onOk: function() {
|
|
var editor = this.getParentEditor(),
|
|
element = this.selectBox,
|
|
isInsertMode = !element;
|
|
|
|
if ( isInsertMode )
|
|
element = editor.document.createElement( 'select' );
|
|
this.commitContent( element );
|
|
|
|
if ( isInsertMode ) {
|
|
editor.insertElement( element );
|
|
if ( CKEDITOR.env.ie ) {
|
|
var sel = editor.getSelection(),
|
|
bms = sel.createBookmarks();
|
|
setTimeout( function() {
|
|
sel.selectBookmarks( bms );
|
|
}, 0 );
|
|
}
|
|
}
|
|
},
|
|
contents: [
|
|
{
|
|
id: 'info',
|
|
label: editor.lang.forms.select.selectInfo,
|
|
title: editor.lang.forms.select.selectInfo,
|
|
accessKey: '',
|
|
elements: [
|
|
{
|
|
id: 'txtName',
|
|
type: 'text',
|
|
widths: [ '25%', '75%' ],
|
|
labelLayout: 'horizontal',
|
|
label: editor.lang.common.name,
|
|
'default': '',
|
|
accessKey: 'N',
|
|
style: 'width:350px',
|
|
setup: function( name, element ) {
|
|
if ( name == 'clear' )
|
|
this.setValue( this[ 'default' ] || '' );
|
|
else if ( name == 'select' ) {
|
|
this.setValue( element.data( 'cke-saved-name' ) || element.getAttribute( 'name' ) || '' );
|
|
}
|
|
},
|
|
commit: function( element ) {
|
|
if ( this.getValue() )
|
|
element.data( 'cke-saved-name', this.getValue() );
|
|
else {
|
|
element.data( 'cke-saved-name', false );
|
|
element.removeAttribute( 'name' );
|
|
}
|
|
}
|
|
},
|
|
{
|
|
id: 'txtValue',
|
|
type: 'text',
|
|
widths: [ '25%', '75%' ],
|
|
labelLayout: 'horizontal',
|
|
label: editor.lang.forms.select.value,
|
|
style: 'width:350px',
|
|
'default': '',
|
|
className: 'cke_disabled',
|
|
onLoad: function() {
|
|
this.getInputElement().setAttribute( 'readOnly', true );
|
|
},
|
|
setup: function( name, element ) {
|
|
if ( name == 'clear' )
|
|
this.setValue( '' );
|
|
else if ( name == 'option' && element.getAttribute( 'selected' ) )
|
|
this.setValue( element.$.value );
|
|
}
|
|
},
|
|
{
|
|
type: 'hbox',
|
|
widths: [ '175px', '170px' ],
|
|
children: [
|
|
{
|
|
id: 'txtSize',
|
|
type: 'text',
|
|
labelLayout: 'horizontal',
|
|
label: editor.lang.forms.select.size,
|
|
'default': '',
|
|
accessKey: 'S',
|
|
style: 'width:175px',
|
|
validate: function() {
|
|
var func = CKEDITOR.dialog.validate.integer( editor.lang.common.validateNumberFailed );
|
|
return ( ( this.getValue() === '' ) || func.apply( this ) );
|
|
},
|
|
setup: function( name, element ) {
|
|
if ( name == 'select' )
|
|
this.setValue( element.getAttribute( 'size' ) || '' );
|
|
if ( CKEDITOR.env.webkit )
|
|
this.getInputElement().setStyle( 'width', '86px' );
|
|
},
|
|
commit: function( element ) {
|
|
if ( this.getValue() )
|
|
element.setAttribute( 'size', this.getValue() );
|
|
else
|
|
element.removeAttribute( 'size' );
|
|
}
|
|
},
|
|
{
|
|
type: 'html',
|
|
html: '<span>' + CKEDITOR.tools.htmlEncode( editor.lang.forms.select.lines ) + '</span>'
|
|
}
|
|
]
|
|
},
|
|
{
|
|
type: 'html',
|
|
html: '<span>' + CKEDITOR.tools.htmlEncode( editor.lang.forms.select.opAvail ) + '</span>'
|
|
},
|
|
{
|
|
type: 'hbox',
|
|
widths: [ '115px', '115px', '100px' ],
|
|
children: [
|
|
{
|
|
type: 'vbox',
|
|
children: [
|
|
{
|
|
id: 'txtOptName',
|
|
type: 'text',
|
|
label: editor.lang.forms.select.opText,
|
|
style: 'width:115px',
|
|
setup: function( name, element ) {
|
|
if ( name == 'clear' )
|
|
this.setValue( "" );
|
|
}
|
|
},
|
|
{
|
|
type: 'select',
|
|
id: 'cmbName',
|
|
label: '',
|
|
title: '',
|
|
size: 5,
|
|
style: 'width:115px;height:75px',
|
|
items: [],
|
|
onChange: function() {
|
|
var dialog = this.getDialog(),
|
|
values = dialog.getContentElement( 'info', 'cmbValue' ),
|
|
optName = dialog.getContentElement( 'info', 'txtOptName' ),
|
|
optValue = dialog.getContentElement( 'info', 'txtOptValue' ),
|
|
iIndex = getSelectedIndex( this );
|
|
|
|
setSelectedIndex( values, iIndex );
|
|
optName.setValue( this.getValue() );
|
|
optValue.setValue( values.getValue() );
|
|
},
|
|
setup: function( name, element ) {
|
|
if ( name == 'clear' )
|
|
removeAllOptions( this );
|
|
else if ( name == 'option' )
|
|
addOption( this, element.getText(), element.getText(), this.getDialog().getParentEditor().document );
|
|
},
|
|
commit: function( element ) {
|
|
var dialog = this.getDialog(),
|
|
optionsNames = getOptions( this ),
|
|
optionsValues = getOptions( dialog.getContentElement( 'info', 'cmbValue' ) ),
|
|
selectValue = dialog.getContentElement( 'info', 'txtValue' ).getValue();
|
|
|
|
removeAllOptions( element );
|
|
|
|
for ( var i = 0; i < optionsNames.count(); i++ ) {
|
|
var oOption = addOption( element, optionsNames.getItem( i ).getValue(), optionsValues.getItem( i ).getValue(), dialog.getParentEditor().document );
|
|
if ( optionsValues.getItem( i ).getValue() == selectValue ) {
|
|
oOption.setAttribute( 'selected', 'selected' );
|
|
oOption.selected = true;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
]
|
|
},
|
|
{
|
|
type: 'vbox',
|
|
children: [
|
|
{
|
|
id: 'txtOptValue',
|
|
type: 'text',
|
|
label: editor.lang.forms.select.opValue,
|
|
style: 'width:115px',
|
|
setup: function( name, element ) {
|
|
if ( name == 'clear' )
|
|
this.setValue( "" );
|
|
}
|
|
},
|
|
{
|
|
type: 'select',
|
|
id: 'cmbValue',
|
|
label: '',
|
|
size: 5,
|
|
style: 'width:115px;height:75px',
|
|
items: [],
|
|
onChange: function() {
|
|
var dialog = this.getDialog(),
|
|
names = dialog.getContentElement( 'info', 'cmbName' ),
|
|
optName = dialog.getContentElement( 'info', 'txtOptName' ),
|
|
optValue = dialog.getContentElement( 'info', 'txtOptValue' ),
|
|
iIndex = getSelectedIndex( this );
|
|
|
|
setSelectedIndex( names, iIndex );
|
|
optName.setValue( names.getValue() );
|
|
optValue.setValue( this.getValue() );
|
|
},
|
|
setup: function( name, element ) {
|
|
if ( name == 'clear' )
|
|
removeAllOptions( this );
|
|
else if ( name == 'option' ) {
|
|
var oValue = element.getValue();
|
|
addOption( this, oValue, oValue, this.getDialog().getParentEditor().document );
|
|
if ( element.getAttribute( 'selected' ) == 'selected' )
|
|
this.getDialog().getContentElement( 'info', 'txtValue' ).setValue( oValue );
|
|
}
|
|
}
|
|
}
|
|
]
|
|
},
|
|
{
|
|
type: 'vbox',
|
|
padding: 5,
|
|
children: [
|
|
{
|
|
type: 'button',
|
|
id: 'btnAdd',
|
|
style: '',
|
|
label: editor.lang.forms.select.btnAdd,
|
|
title: editor.lang.forms.select.btnAdd,
|
|
style: 'width:100%;',
|
|
onClick: function() {
|
|
//Add new option.
|
|
var dialog = this.getDialog(),
|
|
parentEditor = dialog.getParentEditor(),
|
|
optName = dialog.getContentElement( 'info', 'txtOptName' ),
|
|
optValue = dialog.getContentElement( 'info', 'txtOptValue' ),
|
|
names = dialog.getContentElement( 'info', 'cmbName' ),
|
|
values = dialog.getContentElement( 'info', 'cmbValue' );
|
|
|
|
addOption( names, optName.getValue(), optName.getValue(), dialog.getParentEditor().document );
|
|
addOption( values, optValue.getValue(), optValue.getValue(), dialog.getParentEditor().document );
|
|
|
|
optName.setValue( "" );
|
|
optValue.setValue( "" );
|
|
}
|
|
},
|
|
{
|
|
type: 'button',
|
|
id: 'btnModify',
|
|
label: editor.lang.forms.select.btnModify,
|
|
title: editor.lang.forms.select.btnModify,
|
|
style: 'width:100%;',
|
|
onClick: function() {
|
|
//Modify selected option.
|
|
var dialog = this.getDialog(),
|
|
optName = dialog.getContentElement( 'info', 'txtOptName' ),
|
|
optValue = dialog.getContentElement( 'info', 'txtOptValue' ),
|
|
names = dialog.getContentElement( 'info', 'cmbName' ),
|
|
values = dialog.getContentElement( 'info', 'cmbValue' ),
|
|
iIndex = getSelectedIndex( names );
|
|
|
|
if ( iIndex >= 0 ) {
|
|
modifyOption( names, iIndex, optName.getValue(), optName.getValue() );
|
|
modifyOption( values, iIndex, optValue.getValue(), optValue.getValue() );
|
|
}
|
|
}
|
|
},
|
|
{
|
|
type: 'button',
|
|
id: 'btnUp',
|
|
style: 'width:100%;',
|
|
label: editor.lang.forms.select.btnUp,
|
|
title: editor.lang.forms.select.btnUp,
|
|
onClick: function() {
|
|
//Move up.
|
|
var dialog = this.getDialog(),
|
|
names = dialog.getContentElement( 'info', 'cmbName' ),
|
|
values = dialog.getContentElement( 'info', 'cmbValue' );
|
|
|
|
changeOptionPosition( names, -1, dialog.getParentEditor().document );
|
|
changeOptionPosition( values, -1, dialog.getParentEditor().document );
|
|
}
|
|
},
|
|
{
|
|
type: 'button',
|
|
id: 'btnDown',
|
|
style: 'width:100%;',
|
|
label: editor.lang.forms.select.btnDown,
|
|
title: editor.lang.forms.select.btnDown,
|
|
onClick: function() {
|
|
//Move down.
|
|
var dialog = this.getDialog(),
|
|
names = dialog.getContentElement( 'info', 'cmbName' ),
|
|
values = dialog.getContentElement( 'info', 'cmbValue' );
|
|
|
|
changeOptionPosition( names, 1, dialog.getParentEditor().document );
|
|
changeOptionPosition( values, 1, dialog.getParentEditor().document );
|
|
}
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
type: 'hbox',
|
|
widths: [ '40%', '20%', '40%' ],
|
|
children: [
|
|
{
|
|
type: 'button',
|
|
id: 'btnSetValue',
|
|
label: editor.lang.forms.select.btnSetValue,
|
|
title: editor.lang.forms.select.btnSetValue,
|
|
onClick: function() {
|
|
//Set as default value.
|
|
var dialog = this.getDialog(),
|
|
values = dialog.getContentElement( 'info', 'cmbValue' ),
|
|
txtValue = dialog.getContentElement( 'info', 'txtValue' );
|
|
txtValue.setValue( values.getValue() );
|
|
}
|
|
},
|
|
{
|
|
type: 'button',
|
|
id: 'btnDelete',
|
|
label: editor.lang.forms.select.btnDelete,
|
|
title: editor.lang.forms.select.btnDelete,
|
|
onClick: function() {
|
|
// Delete option.
|
|
var dialog = this.getDialog(),
|
|
names = dialog.getContentElement( 'info', 'cmbName' ),
|
|
values = dialog.getContentElement( 'info', 'cmbValue' ),
|
|
optName = dialog.getContentElement( 'info', 'txtOptName' ),
|
|
optValue = dialog.getContentElement( 'info', 'txtOptValue' );
|
|
|
|
removeSelectedOptions( names );
|
|
removeSelectedOptions( values );
|
|
|
|
optName.setValue( "" );
|
|
optValue.setValue( "" );
|
|
}
|
|
},
|
|
{
|
|
id: 'chkMulti',
|
|
type: 'checkbox',
|
|
label: editor.lang.forms.select.chkMulti,
|
|
'default': '',
|
|
accessKey: 'M',
|
|
value: "checked",
|
|
setup: function( name, element ) {
|
|
if ( name == 'select' )
|
|
this.setValue( element.getAttribute( 'multiple' ) );
|
|
if ( CKEDITOR.env.webkit )
|
|
this.getElement().getParent().setStyle( 'vertical-align', 'middle' );
|
|
},
|
|
commit: function( element ) {
|
|
if ( this.getValue() )
|
|
element.setAttribute( 'multiple', this.getValue() );
|
|
else
|
|
element.removeAttribute( 'multiple' );
|
|
}
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
};
|
|
});
|