mirror of
https://github.com/UnickSoft/graphonline.git
synced 2025-07-03 16:25:59 +00:00
474 lines
15 KiB
JavaScript
Executable File
474 lines
15 KiB
JavaScript
Executable File
/**
|
|
* @license Copyright (c) 2003-2012, CKSource - Frederico Knabben. All rights reserved.
|
|
* For licensing, see LICENSE.html or http://ckeditor.com/license
|
|
*/
|
|
|
|
CKEDITOR.dialog.add( 'scaytcheck', function( editor ) {
|
|
var firstLoad = true,
|
|
captions,
|
|
doc = CKEDITOR.document,
|
|
editorName = editor.name,
|
|
tags = CKEDITOR.plugins.scayt.getUiTabs( editor ),
|
|
i,
|
|
contents = [],
|
|
userDicActive = 0,
|
|
dic_buttons = [
|
|
// [0] contains buttons for creating
|
|
"dic_create_" + editorName + ",dic_restore_" + editorName,
|
|
// [1] contains buton for manipulation
|
|
"dic_rename_" + editorName + ",dic_delete_" + editorName
|
|
],
|
|
optionsIds = [ 'mixedCase', 'mixedWithDigits', 'allCaps', 'ignoreDomainNames' ];
|
|
|
|
// common operations
|
|
|
|
function getBOMAllOptions() {
|
|
if ( typeof document.forms[ "optionsbar_" + editorName ] != "undefined" )
|
|
return document.forms[ "optionsbar_" + editorName ][ "options" ];
|
|
return [];
|
|
}
|
|
|
|
function getBOMAllLangs() {
|
|
if ( typeof document.forms[ "languagesbar_" + editorName ] != "undefined" )
|
|
return document.forms[ "languagesbar_" + editorName ][ "scayt_lang" ];
|
|
return [];
|
|
}
|
|
|
|
function setCheckedValue( radioObj, newValue ) {
|
|
if ( !radioObj )
|
|
return;
|
|
var radioLength = radioObj.length;
|
|
if ( radioLength == undefined ) {
|
|
radioObj.checked = radioObj.value == newValue.toString();
|
|
return;
|
|
}
|
|
for ( var i = 0; i < radioLength; i++ ) {
|
|
radioObj[ i ].checked = false;
|
|
if ( radioObj[ i ].value == newValue.toString() )
|
|
radioObj[ i ].checked = true;
|
|
}
|
|
}
|
|
|
|
var lang = editor.lang.scayt;
|
|
var tags_contents = [
|
|
{
|
|
id: 'options',
|
|
label: lang.optionsTab,
|
|
elements: [
|
|
{
|
|
type: 'html',
|
|
id: 'options',
|
|
html: '<form name="optionsbar_' + editorName + '"><div class="inner_options">' +
|
|
' <div class="messagebox"></div>' +
|
|
' <div style="display:none;">' +
|
|
' <input type="checkbox" name="options" id="allCaps_' + editorName + '" />' +
|
|
' <label style = "display: inline" for="allCaps" id="label_allCaps_' + editorName + '"></label>' +
|
|
' </div>' +
|
|
' <div style="display:none;">' +
|
|
' <input name="options" type="checkbox" id="ignoreDomainNames_' + editorName + '" />' +
|
|
' <label style = "display: inline" for="ignoreDomainNames" id="label_ignoreDomainNames_' + editorName + '"></label>' +
|
|
' </div>' +
|
|
' <div style="display:none;">' +
|
|
' <input name="options" type="checkbox" id="mixedCase_' + editorName + '" />' +
|
|
' <label style = "display: inline" for="mixedCase" id="label_mixedCase_' + editorName + '"></label>' +
|
|
' </div>' +
|
|
' <div style="display:none;">' +
|
|
' <input name="options" type="checkbox" id="mixedWithDigits_' + editorName + '" />' +
|
|
' <label style = "display: inline" for="mixedWithDigits" id="label_mixedWithDigits_' + editorName + '"></label>' +
|
|
' </div>' +
|
|
'</div></form>'
|
|
}
|
|
]
|
|
},
|
|
{
|
|
id: 'langs',
|
|
label: lang.languagesTab,
|
|
elements: [
|
|
{
|
|
type: 'html',
|
|
id: 'langs',
|
|
html: '<form name="languagesbar_' + editorName + '"><div class="inner_langs">' +
|
|
' <div class="messagebox"></div> ' +
|
|
' <div style="float:left;width:45%;margin-left:5px;" id="scayt_lcol_' + editorName + '" ></div>' +
|
|
' <div style="float:left;width:45%;margin-left:15px;" id="scayt_rcol_' + editorName + '"></div>' +
|
|
'</div></form>'
|
|
}
|
|
]
|
|
},
|
|
{
|
|
id: 'dictionaries',
|
|
label: lang.dictionariesTab,
|
|
elements: [
|
|
{
|
|
type: 'html',
|
|
style: '',
|
|
id: 'dictionaries',
|
|
html: '<form name="dictionarybar_' + editorName + '"><div class="inner_dictionary" style="text-align:left; white-space:normal; width:320px; overflow: hidden;">' +
|
|
' <div style="margin:5px auto; width:95%;white-space:normal; overflow:hidden;" id="dic_message_' + editorName + '"> </div>' +
|
|
' <div style="margin:5px auto; width:95%;white-space:normal;"> ' +
|
|
' <span class="cke_dialog_ui_labeled_label" >Dictionary name</span><br>' +
|
|
' <span class="cke_dialog_ui_labeled_content" >' +
|
|
' <div class="cke_dialog_ui_input_text">' +
|
|
' <input id="dic_name_' + editorName + '" type="text" class="cke_dialog_ui_input_text" style = "height: 25px; background: none; padding: 0;"/>' +
|
|
' </div></span></div>' +
|
|
' <div style="margin:5px auto; width:95%;white-space:normal;">' +
|
|
' <a style="display:none;" class="cke_dialog_ui_button" href="javascript:void(0)" id="dic_create_' + editorName + '">' +
|
|
' </a>' +
|
|
' <a style="display:none;" class="cke_dialog_ui_button" href="javascript:void(0)" id="dic_delete_' + editorName + '">' +
|
|
' </a>' +
|
|
' <a style="display:none;" class="cke_dialog_ui_button" href="javascript:void(0)" id="dic_rename_' + editorName + '">' +
|
|
' </a>' +
|
|
' <a style="display:none;" class="cke_dialog_ui_button" href="javascript:void(0)" id="dic_restore_' + editorName + '">' +
|
|
' </a>' +
|
|
' </div>' +
|
|
' <div style="margin:5px auto; width:95%;white-space:normal;" id="dic_info_' + editorName + '"></div>' +
|
|
'</div></form>'
|
|
}
|
|
]
|
|
},
|
|
{
|
|
id: 'about',
|
|
label: lang.aboutTab,
|
|
elements: [
|
|
{
|
|
type: 'html',
|
|
id: 'about',
|
|
style: 'margin: 5px 5px;',
|
|
html: '<div id="scayt_about_' + editorName + '"></div>'
|
|
}
|
|
]
|
|
}
|
|
];
|
|
|
|
var dialogDefiniton = {
|
|
title: lang.title,
|
|
minWidth: 360,
|
|
minHeight: 220,
|
|
onShow: function() {
|
|
var dialog = this;
|
|
dialog.data = editor.fire( 'scaytDialog', {} );
|
|
dialog.options = dialog.data.scayt_control.option();
|
|
dialog.chosed_lang = dialog.sLang = dialog.data.scayt_control.sLang;
|
|
|
|
if ( !dialog.data || !dialog.data.scayt || !dialog.data.scayt_control ) {
|
|
alert( 'Error loading application service' );
|
|
dialog.hide();
|
|
return;
|
|
}
|
|
|
|
var stop = 0;
|
|
if ( firstLoad ) {
|
|
dialog.data.scayt.getCaption( editor.langCode || 'en', function( caps ) {
|
|
if ( stop++ > 0 ) // Once only
|
|
return;
|
|
captions = caps;
|
|
init_with_captions.apply( dialog );
|
|
reload.apply( dialog );
|
|
firstLoad = false;
|
|
});
|
|
} else
|
|
reload.apply( dialog );
|
|
|
|
dialog.selectPage( dialog.data.tab );
|
|
},
|
|
onOk: function() {
|
|
var scayt_control = this.data.scayt_control;
|
|
scayt_control.option( this.options );
|
|
// Setup language if it was changed.
|
|
var csLang = this.chosed_lang;
|
|
scayt_control.setLang( csLang );
|
|
scayt_control.refresh();
|
|
},
|
|
onCancel: function() {
|
|
var o = getBOMAllOptions();
|
|
for ( var i in o )
|
|
o[ i ].checked = false;
|
|
|
|
setCheckedValue( getBOMAllLangs(), "" );
|
|
},
|
|
contents: contents
|
|
};
|
|
|
|
var scayt_control = CKEDITOR.plugins.scayt.getScayt( editor );
|
|
|
|
for ( i = 0; i < tags.length; i++ ) {
|
|
if ( tags[ i ] == 1 )
|
|
contents[ contents.length ] = tags_contents[ i ];
|
|
}
|
|
if ( tags[ 2 ] == 1 )
|
|
userDicActive = 1;
|
|
|
|
var init_with_captions = function() {
|
|
var dialog = this,
|
|
lang_list = dialog.data.scayt.getLangList(),
|
|
buttonCaptions = [ 'dic_create', 'dic_delete', 'dic_rename', 'dic_restore' ],
|
|
buttonIds = [],
|
|
langList = [],
|
|
labels = optionsIds,
|
|
i;
|
|
|
|
// Add buttons titles
|
|
if ( userDicActive ) {
|
|
for ( i = 0; i < buttonCaptions.length; i++ ) {
|
|
buttonIds[ i ] = buttonCaptions[ i ] + "_" + editorName;
|
|
doc.getById( buttonIds[ i ] ).setHtml( '<span class="cke_dialog_ui_button">' + captions[ 'button_' + buttonCaptions[ i ] ] + '</span>' );
|
|
}
|
|
doc.getById( 'dic_info_' + editorName ).setHtml( captions[ 'dic_info' ] );
|
|
}
|
|
|
|
// Fill options and dictionary labels.
|
|
if ( tags[ 0 ] == 1 ) {
|
|
for ( i in labels ) {
|
|
var labelCaption = 'label_' + labels[ i ],
|
|
labelId = labelCaption + '_' + editorName,
|
|
labelElement = doc.getById( labelId );
|
|
|
|
if ( 'undefined' != typeof labelElement && 'undefined' != typeof captions[ labelCaption ] && 'undefined' != typeof dialog.options[ labels[ i ] ] ) {
|
|
labelElement.setHtml( captions[ labelCaption ] );
|
|
var labelParent = labelElement.getParent();
|
|
labelParent.$.style.display = "block";
|
|
}
|
|
}
|
|
}
|
|
|
|
var about = '<p><img src="' + window.scayt.getAboutInfo().logoURL + '" /></p>' +
|
|
'<p>' + captions[ 'version' ] + window.scayt.getAboutInfo().version.toString() + '</p>' +
|
|
'<p>' + captions[ 'about_throwt_copy' ] + '</p>';
|
|
|
|
doc.getById( 'scayt_about_' + editorName ).setHtml( about );
|
|
|
|
// Create languages tab.
|
|
var createOption = function( option, list ) {
|
|
var label = doc.createElement( 'label' );
|
|
label.setAttribute( 'for', 'cke_option' + option );
|
|
label.setStyle('display', 'inline');
|
|
label.setHtml( list[ option ] );
|
|
|
|
if ( dialog.sLang == option ) // Current.
|
|
dialog.chosed_lang = option;
|
|
|
|
var div = doc.createElement( 'div' );
|
|
var radio = CKEDITOR.dom.element.createFromHtml( '<input class = "cke_dialog_ui_radio_input" id="cke_option' +
|
|
option + '" type="radio" ' +
|
|
( dialog.sLang == option ? 'checked="checked"' : '' ) +
|
|
' value="' + option + '" name="scayt_lang" />' );
|
|
|
|
radio.on( 'click', function() {
|
|
this.$.checked = true;
|
|
dialog.chosed_lang = option;
|
|
});
|
|
|
|
div.append( radio );
|
|
div.append( label );
|
|
|
|
return {
|
|
lang: list[ option ],
|
|
code: option,
|
|
radio: div
|
|
};
|
|
};
|
|
|
|
if ( tags[ 1 ] == 1 ) {
|
|
for ( i in lang_list.rtl )
|
|
langList[ langList.length ] = createOption( i, lang_list.ltr );
|
|
|
|
for ( i in lang_list.ltr )
|
|
langList[ langList.length ] = createOption( i, lang_list.ltr );
|
|
|
|
langList.sort( function( lang1, lang2 ) {
|
|
return ( lang2.lang > lang1.lang ) ? -1 : 1;
|
|
});
|
|
|
|
var fieldL = doc.getById( 'scayt_lcol_' + editorName ),
|
|
fieldR = doc.getById( 'scayt_rcol_' + editorName );
|
|
for ( i = 0; i < langList.length; i++ ) {
|
|
var field = ( i < langList.length / 2 ) ? fieldL : fieldR;
|
|
field.append( langList[ i ].radio );
|
|
}
|
|
}
|
|
|
|
// user dictionary handlers
|
|
var dic = {};
|
|
dic.dic_create = function( el, dic_name, dic_buttons ) {
|
|
// comma separated button's ids include repeats if exists
|
|
var all_buttons = dic_buttons[ 0 ] + ',' + dic_buttons[ 1 ];
|
|
|
|
var err_massage = captions[ "err_dic_create" ];
|
|
var suc_massage = captions[ "succ_dic_create" ];
|
|
|
|
window.scayt.createUserDictionary( dic_name, function( arg ) {
|
|
hide_dic_buttons( all_buttons );
|
|
display_dic_buttons( dic_buttons[ 1 ] );
|
|
suc_massage = suc_massage.replace( "%s", arg.dname );
|
|
dic_success_message( suc_massage );
|
|
}, function( arg ) {
|
|
err_massage = err_massage.replace( "%s", arg.dname );
|
|
dic_error_message( err_massage + "( " + ( arg.message || "" ) + ")" );
|
|
});
|
|
|
|
};
|
|
|
|
dic.dic_rename = function( el, dic_name ) {
|
|
//
|
|
// try to rename dictionary
|
|
var err_massage = captions[ "err_dic_rename" ] || "";
|
|
var suc_massage = captions[ "succ_dic_rename" ] || "";
|
|
window.scayt.renameUserDictionary( dic_name, function( arg ) {
|
|
suc_massage = suc_massage.replace( "%s", arg.dname );
|
|
set_dic_name( dic_name );
|
|
dic_success_message( suc_massage );
|
|
}, function( arg ) {
|
|
err_massage = err_massage.replace( "%s", arg.dname );
|
|
set_dic_name( dic_name );
|
|
dic_error_message( err_massage + "( " + ( arg.message || "" ) + " )" );
|
|
});
|
|
};
|
|
|
|
dic.dic_delete = function( el, dic_name, dic_buttons ) {
|
|
var all_buttons = dic_buttons[ 0 ] + ',' + dic_buttons[ 1 ];
|
|
var err_massage = captions[ "err_dic_delete" ];
|
|
var suc_massage = captions[ "succ_dic_delete" ];
|
|
|
|
// try to delete dictionary
|
|
window.scayt.deleteUserDictionary( function( arg ) {
|
|
suc_massage = suc_massage.replace( "%s", arg.dname );
|
|
hide_dic_buttons( all_buttons );
|
|
display_dic_buttons( dic_buttons[ 0 ] );
|
|
set_dic_name( "" ); // empty input field
|
|
dic_success_message( suc_massage );
|
|
}, function( arg ) {
|
|
err_massage = err_massage.replace( "%s", arg.dname );
|
|
dic_error_message( err_massage );
|
|
});
|
|
};
|
|
|
|
dic.dic_restore = dialog.dic_restore ||
|
|
function( el, dic_name, dic_buttons ) {
|
|
// try to restore existing dictionary
|
|
var all_buttons = dic_buttons[ 0 ] + ',' + dic_buttons[ 1 ];
|
|
var err_massage = captions[ "err_dic_restore" ];
|
|
var suc_massage = captions[ "succ_dic_restore" ];
|
|
|
|
window.scayt.restoreUserDictionary( dic_name, function( arg ) {
|
|
suc_massage = suc_massage.replace( "%s", arg.dname );
|
|
hide_dic_buttons( all_buttons );
|
|
display_dic_buttons( dic_buttons[ 1 ] );
|
|
dic_success_message( suc_massage );
|
|
}, function( arg ) {
|
|
err_massage = err_massage.replace( "%s", arg.dname );
|
|
dic_error_message( err_massage );
|
|
});
|
|
};
|
|
|
|
function onDicButtonClick( ev ) {
|
|
var dic_name = doc.getById( 'dic_name_' + editorName ).getValue();
|
|
if ( !dic_name ) {
|
|
dic_error_message( " Dictionary name should not be empty. " );
|
|
return false;
|
|
}
|
|
try {
|
|
var el = ev.data.getTarget().getParent();
|
|
var id = /(dic_\w+)_[\w\d]+/.exec( el.getId() )[ 1 ];
|
|
dic[ id ].apply( null, [ el, dic_name, dic_buttons ] );
|
|
} catch ( err ) {
|
|
dic_error_message( " Dictionary error. " );
|
|
}
|
|
|
|
return true;
|
|
}
|
|
|
|
// ** bind event listeners
|
|
var arr_buttons = ( dic_buttons[ 0 ] + ',' + dic_buttons[ 1 ] ).split( ',' ),
|
|
l;
|
|
|
|
for ( i = 0, l = arr_buttons.length; i < l; i += 1 ) {
|
|
var dic_button = doc.getById( arr_buttons[ i ] );
|
|
if ( dic_button )
|
|
dic_button.on( 'click', onDicButtonClick, this );
|
|
}
|
|
};
|
|
|
|
var reload = function() {
|
|
var dialog = this;
|
|
// for enabled options tab
|
|
if ( tags[ 0 ] == 1 ) {
|
|
var opto = getBOMAllOptions();
|
|
|
|
// Animate options.
|
|
for ( var k = 0, l = opto.length; k < l; k++ ) {
|
|
|
|
var i = opto[ k ].id;
|
|
var checkbox = doc.getById( i );
|
|
|
|
if ( checkbox ) {
|
|
opto[ k ].checked = false;
|
|
//alert (opto[k].removeAttribute)
|
|
if ( dialog.options[ i.split( "_" )[ 0 ] ] == 1 ) {
|
|
opto[ k ].checked = true;
|
|
}
|
|
|
|
|
|
// Bind events. Do it only once.
|
|
if ( firstLoad ) {
|
|
checkbox.on( 'click', function() {
|
|
dialog.options[ this.getId().split( "_" )[ 0 ] ] = this.$.checked ? 1 : 0;
|
|
});
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
//for enabled languages tab
|
|
if ( tags[ 1 ] == 1 ) {
|
|
var domLang = doc.getById( "cke_option" + dialog.sLang );
|
|
setCheckedValue( domLang.$, dialog.sLang );
|
|
}
|
|
|
|
// * user dictionary
|
|
if ( userDicActive ) {
|
|
window.scayt.getNameUserDictionary( function( o ) {
|
|
var dic_name = o.dname;
|
|
hide_dic_buttons( dic_buttons[ 0 ] + ',' + dic_buttons[ 1 ] );
|
|
if ( dic_name ) {
|
|
doc.getById( 'dic_name_' + editorName ).setValue( dic_name );
|
|
display_dic_buttons( dic_buttons[ 1 ] );
|
|
} else
|
|
display_dic_buttons( dic_buttons[ 0 ] );
|
|
|
|
}, function() {
|
|
doc.getById( 'dic_name_' + editorName ).setValue( "" );
|
|
});
|
|
dic_success_message( "" );
|
|
}
|
|
|
|
};
|
|
|
|
function dic_error_message( m ) {
|
|
doc.getById( 'dic_message_' + editorName ).setHtml( '<span style="color:red;">' + m + '</span>' );
|
|
}
|
|
|
|
function dic_success_message( m ) {
|
|
doc.getById( 'dic_message_' + editorName ).setHtml( '<span style="color:blue;">' + m + '</span>' );
|
|
}
|
|
|
|
function display_dic_buttons( sIds ) {
|
|
sIds = String( sIds );
|
|
var aIds = sIds.split( ',' );
|
|
for ( var i = 0, l = aIds.length; i < l; i += 1 )
|
|
doc.getById( aIds[ i ] ).$.style.display = "inline";
|
|
}
|
|
|
|
function hide_dic_buttons( sIds ) {
|
|
sIds = String( sIds );
|
|
var aIds = sIds.split( ',' );
|
|
for ( var i = 0, l = aIds.length; i < l; i += 1 )
|
|
doc.getById( aIds[ i ] ).$.style.display = "none";
|
|
}
|
|
|
|
function set_dic_name( dic_name ) {
|
|
doc.getById( 'dic_name_' + editorName ).$.value = dic_name;
|
|
}
|
|
|
|
return dialogDefiniton;
|
|
});
|