2 Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
\r
3 For licensing, see LICENSE.html or http://ckeditor.com/license
\r
6 CKEDITOR.dialog.add( 'scaytcheck', function( editor )
\r
8 var firstLoad = true,
\r
10 doc = CKEDITOR.document,
\r
14 userDicActive = false,
\r
16 // [0] contains buttons for creating
\r
17 "dic_create,dic_restore",
\r
18 // [1] contains buton for manipulation
\r
19 "dic_rename,dic_delete"
\r
21 optionsIds= [ 'mixedCase','mixedWithDigits','allCaps','ignoreDomainNames' ];
\r
23 // common operations
\r
25 function getBOMAllOptions () {
\r
26 return document.forms.optionsbar["options"];
\r
28 function getBOMAllLangs () {
\r
29 return document.forms.languagesbar["scayt_lang"];
\r
32 function setCheckedValue(radioObj, newValue) {
\r
35 var radioLength = radioObj.length;
\r
36 if (radioLength == undefined) {
\r
37 radioObj.checked = (radioObj.value == newValue.toString());
\r
40 for (var i = 0; i < radioLength; i++) {
\r
41 radioObj[i].checked = false;
\r
42 if (radioObj[i].value == newValue.toString()) {
\r
43 radioObj[i].checked = true;
\r
48 var tags_contents = [
\r
51 label : editor.lang.scayt.optionsTab,
\r
56 html : '<form name="optionsbar"><div class="inner_options">' +
\r
57 ' <div class="messagebox"></div>' +
\r
58 ' <div style="display:none;">' +
\r
59 ' <input type="checkbox" name="options" id="allCaps" />' +
\r
60 ' <label for="allCaps" id="label_allCaps"></label>' +
\r
62 ' <div style="display:none;">' +
\r
63 ' <input name="options" type="checkbox" id="ignoreDomainNames" />' +
\r
64 ' <label for="ignoreDomainNames" id="label_ignoreDomainNames"></label>' +
\r
66 ' <div style="display:none;">' +
\r
67 ' <input name="options" type="checkbox" id="mixedCase" />' +
\r
68 ' <label for="mixedCase" id="label_mixedCase"></label>' +
\r
70 ' <div style="display:none;">' +
\r
71 ' <input name="options" type="checkbox" id="mixedWithDigits" />' +
\r
72 ' <label for="mixedWithDigits" id="label_mixedWithDigits"></label>' +
\r
80 label : editor.lang.scayt.languagesTab,
\r
85 html : '<form name="languagesbar"><div class="inner_langs">' +
\r
86 ' <div class="messagebox"></div> ' +
\r
87 ' <div style="float:left;width:45%;margin-left:5px;" id="scayt_lcol" ></div>' +
\r
88 ' <div style="float:left;width:45%;margin-left:15px;" id="scayt_rcol"></div>' +
\r
94 id : 'dictionaries',
\r
95 label : editor.lang.scayt.dictionariesTab,
\r
100 id : 'dictionaries',
\r
101 html : '<form name="dictionarybar"><div class="inner_dictionary" style="text-align:left; white-space:normal; width:320px; overflow: hidden;">' +
\r
102 ' <div style="margin:5px auto; width:80%;white-space:normal; overflow:hidden;" id="dic_message"> </div>' +
\r
103 ' <div style="margin:5px auto; width:80%;white-space:normal;"> ' +
\r
104 ' <span class="cke_dialog_ui_labeled_label" >Dictionary name</span><br>'+
\r
105 ' <span class="cke_dialog_ui_labeled_content" >'+
\r
106 ' <div class="cke_dialog_ui_input_text">'+
\r
107 ' <input id="dic_name" type="text" class="cke_dialog_ui_input_text"/>'+
\r
108 ' </div></span></div>'+
\r
109 ' <div style="margin:5px auto; width:80%;white-space:normal;">'+
\r
110 ' <a style="display:none;" class="cke_dialog_ui_button" href="javascript:void(0)" id="dic_create">'+
\r
112 ' <a style="display:none;" class="cke_dialog_ui_button" href="javascript:void(0)" id="dic_delete">'+
\r
114 ' <a style="display:none;" class="cke_dialog_ui_button" href="javascript:void(0)" id="dic_rename">'+
\r
116 ' <a style="display:none;" class="cke_dialog_ui_button" href="javascript:void(0)" id="dic_restore">'+
\r
119 ' <div style="margin:5px auto; width:95%;white-space:normal;" id="dic_info"></div>' +
\r
126 label : editor.lang.scayt.aboutTab,
\r
131 style : 'margin: 5px 5px;',
\r
132 html : '<div id="scayt_about"></div>'
\r
138 var dialogDefiniton = {
\r
139 title : editor.lang.scayt.title,
\r
142 onShow : function()
\r
145 dialog.data = editor.fire( 'scaytDialog', {} );
\r
146 dialog.options = dialog.data.scayt_control.option();
\r
147 dialog.sLang = dialog.data.scayt_control.sLang;
\r
149 if ( !dialog.data || !dialog.data.scayt || !dialog.data.scayt_control )
\r
151 alert( 'Error loading application service' );
\r
159 dialog.data.scayt.getCaption( editor.langCode || 'en', function( caps )
\r
161 if ( stop++ > 0 ) // Once only
\r
164 init_with_captions.apply( dialog );
\r
165 reload.apply( dialog );
\r
170 reload.apply( dialog );
\r
172 dialog.selectPage( dialog.data.tab );
\r
176 var scayt_control = this.data.scayt_control;
\r
177 scayt_control.option( this.options );
\r
178 // Setup languge if it was changed.
\r
179 var csLang = this.chosed_lang;
\r
180 scayt_control.setLang( csLang );
\r
181 scayt_control.refresh();
\r
183 onCancel: function()
\r
185 var o = getBOMAllOptions();
\r
187 o[i].checked = false;
\r
189 setCheckedValue(getBOMAllLangs(),"");
\r
191 contents : contents
\r
194 var scayt_control = CKEDITOR.plugins.scayt.getScayt( editor );
\r
196 tags = CKEDITOR.plugins.scayt.uiTabs;
\r
200 if ( tags[ i ] == 1 )
\r
201 contents[ contents.length ] = tags_contents[ i ];
\r
203 if ( tags[2] == 1 )
\r
204 userDicActive = true;
\r
207 var init_with_captions = function()
\r
210 lang_list = dialog.data.scayt.getLangList(),
\r
211 buttons = [ 'dic_create','dic_delete','dic_rename','dic_restore' ],
\r
212 labels = optionsIds,
\r
215 // Add buttons titles
\r
216 if ( userDicActive )
\r
218 for ( i = 0; i < buttons.length; i++ )
\r
220 var button = buttons[ i ];
\r
221 doc.getById( button ).setHtml( '<span class="cke_dialog_ui_button">' + captions[ 'button_' + button] +'</span>' );
\r
223 doc.getById( 'dic_info' ).setHtml( captions[ 'dic_info' ] );
\r
227 // Fill options and dictionary labels.
\r
228 if ( tags[0] == 1 )
\r
230 for ( i in labels )
\r
232 var label = 'label_' + labels[ i ],
\r
233 labelElement = doc.getById( label );
\r
235 if ( 'undefined' != typeof labelElement
\r
236 && 'undefined' != typeof captions[ label ]
\r
237 && 'undefined' != typeof dialog.options[labels[ i ]] )
\r
239 labelElement.setHtml( captions[ label ] );
\r
240 var labelParent = labelElement.getParent();
\r
241 labelParent.$.style.display = "block";
\r
246 var about = '<p>' + captions[ 'about_throwt_image' ] + '</p>'+
\r
247 '<p>' + captions[ 'version' ] + dialog.data.scayt.version.toString() + '</p>' +
\r
248 '<p>' + captions[ 'about_throwt_copy' ] + '</p>';
\r
250 doc.getById( 'scayt_about' ).setHtml( about );
\r
252 // Create languages tab.
\r
253 var createOption = function( option, list )
\r
255 var label = doc.createElement( 'label' );
\r
256 label.setAttribute( 'for', 'cke_option' + option );
\r
257 label.setHtml( list[ option ] );
\r
259 if ( dialog.sLang == option ) // Current.
\r
260 dialog.chosed_lang = option;
\r
262 var div = doc.createElement( 'div' );
\r
263 var radio = CKEDITOR.dom.element.createFromHtml( '<input id="cke_option' +
\r
264 option + '" type="radio" ' +
\r
265 ( dialog.sLang == option ? 'checked="checked"' : '' ) +
\r
266 ' value="' + option + '" name="scayt_lang" />' );
\r
268 radio.on( 'click', function()
\r
270 this.$.checked = true;
\r
271 dialog.chosed_lang = option;
\r
274 div.append( radio );
\r
275 div.append( label );
\r
278 lang : list[ option ],
\r
287 for ( i in lang_list.rtl )
\r
288 langList[ langList.length ] = createOption( i, lang_list.ltr );
\r
290 for ( i in lang_list.ltr )
\r
291 langList[ langList.length ] = createOption( i, lang_list.ltr );
\r
293 langList.sort( function( lang1, lang2 )
\r
295 return ( lang2.lang > lang1.lang ) ? -1 : 1 ;
\r
298 var fieldL = doc.getById( 'scayt_lcol' ),
\r
299 fieldR = doc.getById( 'scayt_rcol' );
\r
300 for ( i=0; i < langList.length; i++ )
\r
302 var field = ( i < langList.length / 2 ) ? fieldL : fieldR;
\r
303 field.append( langList[ i ].radio );
\r
307 // user dictionary handlers
\r
309 dic.dic_create = function( el, dic_name , dic_buttons )
\r
311 // comma separated button's ids include repeats if exists
\r
312 var all_buttons = dic_buttons[0] + ',' + dic_buttons[1];
\r
314 var err_massage = captions["err_dic_create"];
\r
315 var suc_massage = captions["succ_dic_create"];
\r
317 window.scayt.createUserDictionary(dic_name,
\r
320 hide_dic_buttons ( all_buttons );
\r
321 display_dic_buttons ( dic_buttons[1] );
\r
322 suc_massage = suc_massage.replace("%s" , arg.dname );
\r
323 dic_success_message (suc_massage);
\r
327 err_massage = err_massage.replace("%s" ,arg.dname );
\r
328 dic_error_message ( err_massage + "( "+ (arg.message || "") +")");
\r
333 dic.dic_rename = function( el, dic_name )
\r
336 // try to rename dictionary
\r
337 var err_massage = captions["err_dic_rename"] || "";
\r
338 var suc_massage = captions["succ_dic_rename"] || "";
\r
339 window.scayt.renameUserDictionary(dic_name,
\r
342 suc_massage = suc_massage.replace("%s" , arg.dname );
\r
343 set_dic_name( dic_name );
\r
344 dic_success_message ( suc_massage );
\r
348 err_massage = err_massage.replace("%s" , arg.dname );
\r
349 set_dic_name( dic_name );
\r
350 dic_error_message( err_massage + "( " + ( arg.message || "" ) + " )" );
\r
354 dic.dic_delete = function ( el, dic_name , dic_buttons )
\r
356 var all_buttons = dic_buttons[0] + ',' + dic_buttons[1];
\r
357 var err_massage = captions["err_dic_delete"];
\r
358 var suc_massage = captions["succ_dic_delete"];
\r
360 // try to delete dictionary
\r
361 window.scayt.deleteUserDictionary(
\r
364 suc_massage = suc_massage.replace("%s" , arg.dname );
\r
365 hide_dic_buttons ( all_buttons );
\r
366 display_dic_buttons ( dic_buttons[0] );
\r
367 set_dic_name( "" ); // empty input field
\r
368 dic_success_message( suc_massage );
\r
372 err_massage = err_massage.replace("%s" , arg.dname );
\r
373 dic_error_message(err_massage);
\r
377 dic.dic_restore = dialog.dic_restore || function ( el, dic_name , dic_buttons )
\r
379 // try to restore existing dictionary
\r
380 var all_buttons = dic_buttons[0] + ',' + dic_buttons[1];
\r
381 var err_massage = captions["err_dic_restore"];
\r
382 var suc_massage = captions["succ_dic_restore"];
\r
384 window.scayt.restoreUserDictionary(dic_name,
\r
387 suc_massage = suc_massage.replace("%s" , arg.dname );
\r
388 hide_dic_buttons ( all_buttons );
\r
389 display_dic_buttons(dic_buttons[1]);
\r
390 dic_success_message( suc_massage );
\r
394 err_massage = err_massage.replace("%s" , arg.dname );
\r
395 dic_error_message( err_massage );
\r
399 function onDicButtonClick( ev )
\r
401 var dic_name = doc.getById('dic_name').getValue();
\r
404 dic_error_message(" Dictionary name should not be empty. ");
\r
408 var el = id = ev.data.getTarget().getParent();
\r
409 var id = el.getId();
\r
410 dic[ id ].apply( null, [ el, dic_name, dic_buttons ] );
\r
412 dic_error_message(" Dictionary error. ");
\r
418 // ** bind event listeners
\r
419 var arr_buttons = ( dic_buttons[0] + ',' + dic_buttons[1] ).split( ',' ),
\r
422 for ( i = 0, l = arr_buttons.length ; i < l ; i += 1 )
\r
424 var dic_button = doc.getById(arr_buttons[i]);
\r
426 dic_button.on( 'click', onDicButtonClick, this );
\r
430 var reload = function()
\r
433 // for enabled options tab
\r
435 var opto = getBOMAllOptions();
\r
437 // Animate options.
\r
438 for ( var k=0,l = opto.length; k<l;k++ )
\r
441 var i = opto[k].id;
\r
442 var checkbox = doc.getById( i );
\r
446 opto[k].checked = false;
\r
447 //alert (opto[k].removeAttribute)
\r
448 if ( dialog.options[ i ] == 1 )
\r
450 opto[k].checked = true;
\r
454 // Bind events. Do it only once.
\r
457 checkbox.on( 'click', function()
\r
459 dialog.options[ this.getId() ] = this.$.checked ? 1 : 0 ;
\r
466 //for enabled languages tab
\r
467 if ( tags[1] == 1 )
\r
469 var domLang = doc.getById("cke_option"+dialog.sLang);
\r
470 setCheckedValue(domLang.$,dialog.sLang);
\r
473 // * user dictionary
\r
474 if ( userDicActive )
\r
476 window.scayt.getNameUserDictionary(
\r
479 var dic_name = o.dname;
\r
480 hide_dic_buttons( dic_buttons[0] + ',' + dic_buttons[1] );
\r
483 doc.getById( 'dic_name' ).setValue(dic_name);
\r
484 display_dic_buttons( dic_buttons[1] );
\r
487 display_dic_buttons( dic_buttons[0] );
\r
492 doc.getById( 'dic_name' ).setValue("");
\r
494 dic_success_message("");
\r
499 function dic_error_message ( m )
\r
501 doc.getById('dic_message').setHtml('<span style="color:red;">' + m + '</span>' );
\r
503 function dic_success_message ( m )
\r
505 doc.getById('dic_message').setHtml('<span style="color:blue;">' + m + '</span>') ;
\r
507 function display_dic_buttons ( sIds )
\r
510 sIds = String( sIds );
\r
511 var aIds = sIds.split(',');
\r
512 for ( var i=0, l = aIds.length; i < l ; i+=1)
\r
514 doc.getById( aIds[i] ).$.style.display = "inline";
\r
518 function hide_dic_buttons ( sIds )
\r
520 sIds = String( sIds );
\r
521 var aIds = sIds.split(',');
\r
522 for ( var i = 0, l = aIds.length; i < l ; i += 1 )
\r
524 doc.getById( aIds[i] ).$.style.display = "none";
\r
527 function set_dic_name ( dic_name )
\r
529 doc.getById('dic_name').$.value= dic_name;
\r
532 return dialogDefiniton;
\r