2 Copyright (c) 2003-2009, 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 var tags_contents = [
\r
24 label : editor.lang.scayt.optionsTab,
\r
29 html : '<div class="inner_options">' +
\r
30 ' <div class="messagebox"></div>' +
\r
31 ' <div style="display:none;">' +
\r
32 ' <input type="checkbox" value="0" id="allCaps" />' +
\r
33 ' <label for="allCaps" id="label_allCaps"></label>' +
\r
35 ' <div style="display:none;">' +
\r
36 ' <input type="checkbox" value="0" id="ignoreDomainNames" />' +
\r
37 ' <label for="ignoreDomainNames" id="label_ignoreDomainNames"></label>' +
\r
39 ' <div style="display:none;">' +
\r
40 ' <input type="checkbox" value="0" id="mixedCase" />' +
\r
41 ' <label for="mixedCase" id="label_mixedCase"></label>' +
\r
43 ' <div style="display:none;">' +
\r
44 ' <input type="checkbox" value="0" id="mixedWithDigits" />' +
\r
45 ' <label for="mixedWithDigits" id="label_mixedWithDigits"></label>' +
\r
53 label : editor.lang.scayt.languagesTab,
\r
58 html : '<div class="inner_langs">' +
\r
59 ' <div class="messagebox"></div> ' +
\r
60 ' <div style="float:left;width:47%;margin-left:5px;" id="scayt_lcol" ></div>' +
\r
61 ' <div style="float:left;width:47%;margin-left:15px;" id="scayt_rcol"></div>' +
\r
67 id : 'dictionaries',
\r
68 label : editor.lang.scayt.dictionariesTab,
\r
74 html : '<div class="inner_dictionary" style="text-align:left; white-space:normal;">' +
\r
75 ' <div style="margin:5px auto; width:80%;white-space:normal; overflow:hidden;" id="dic_message"> </div>' +
\r
76 ' <div style="margin:5px auto; width:80%;white-space:normal;"> ' +
\r
77 ' <span class="cke_dialog_ui_labeled_label" >Dictionary name</span><br>'+
\r
78 ' <span class="cke_dialog_ui_labeled_content" >'+
\r
79 ' <div class="cke_dialog_ui_input_text">'+
\r
80 ' <input id="dic_name" type="text" class="cke_dialog_ui_input_text"/>'+
\r
81 ' </div></span></div>'+
\r
82 ' <div style="margin:5px auto; width:80%;white-space:normal;">'+
\r
83 ' <a style="display:none;" class="cke_dialog_ui_button" href="javascript:void(0)" id="dic_create">'+
\r
85 ' <a style="display:none;" class="cke_dialog_ui_button" href="javascript:void(0)" id="dic_delete">'+
\r
87 ' <a style="display:none;" class="cke_dialog_ui_button" href="javascript:void(0)" id="dic_rename">'+
\r
89 ' <a style="display:none;" class="cke_dialog_ui_button" href="javascript:void(0)" id="dic_restore">'+
\r
92 ' <div style="margin:5px auto; width:95%;white-space:normal;" id="dic_info"></div>' +
\r
99 label : editor.lang.scayt.aboutTab,
\r
104 style : 'margin: 10px 40px;',
\r
105 html : '<div id="scayt_about"></div>'
\r
110 var dialogDefiniton = {
\r
111 title : editor.lang.scayt.title,
\r
114 onShow : function()
\r
117 dialog.data = editor.fire( 'scaytDialog', {} );
\r
118 dialog.options = dialog.data.scayt_control.option();
\r
119 dialog.sLang = dialog.data.scayt_control.sLang;
\r
121 if ( !dialog.data || !dialog.data.scayt || !dialog.data.scayt_control )
\r
123 alert( 'Error loading application service' );
\r
131 dialog.data.scayt.getCaption( 'en', function( caps )
\r
133 if ( stop++ > 0 ) // Once only
\r
136 init_with_captions.apply( dialog );
\r
137 reload.apply( dialog );
\r
142 reload.apply( dialog );
\r
144 dialog.selectPage( dialog.data.tab );
\r
148 var scayt_control = this.data.scayt_control,
\r
149 o = scayt_control.option(),
\r
152 // Set up options if any was set.
\r
153 for ( var i in this.options )
\r
155 if (o[i] != this.options[ i ] && c === 0 )
\r
157 scayt_control.option( this.options );
\r
162 // Setup languge if it was changed.
\r
163 var csLang = this.chosed_lang;
\r
164 if ( csLang && this.data.sLang != csLang )
\r
166 scayt_control.setLang( csLang );
\r
170 scayt_control.refresh();
\r
172 contents : contents
\r
175 var scayt_control = CKEDITOR.plugins.scayt.getScayt( editor );
\r
176 if ( scayt_control )
\r
178 tags = scayt_control.uiTags;
\r
181 for ( i in tags ) {
\r
182 if ( tags[ i ] == 1 )
\r
183 contents[ contents.length ] = tags_contents[ i ];
\r
185 if ( tags[2] == 1 )
\r
186 userDicActive = true;
\r
188 function onDicButtonClick()
\r
190 var dic_name = doc.getById('dic_name').getValue();
\r
193 dic_error_message(" Dictionary name should not be empty. ");
\r
197 window.dic[ this.getId() ].apply( null, [ this, dic_name, dic_buttons ] );
\r
201 var init_with_captions = function()
\r
204 lang_list = dialog.data.scayt.getLangList(),
\r
205 buttons = [ 'dic_create','dic_delete','dic_rename','dic_restore' ],
\r
206 labels = [ 'mixedCase','mixedWithDigits','allCaps','ignoreDomainNames' ],
\r
209 // Add buttons titles
\r
212 for ( i in buttons )
\r
214 var button = buttons[ i ];
\r
215 doc.getById( button ).setHtml( '<span class="cke_dialog_ui_button">' + captions[ 'button_' + button] +'</span>' );
\r
217 doc.getById( 'dic_info' ).setHtml( captions[ 'dic_info' ] );
\r
221 // Fill options and dictionary labels.
\r
222 for ( i in labels )
\r
224 var label = 'label_' + labels[ i ],
\r
225 labelElement = doc.getById( label );
\r
227 if ( 'undefined' != typeof labelElement
\r
228 && 'undefined' != typeof captions[ label ]
\r
229 && 'undefined' != typeof dialog.options[labels[ i ]] )
\r
231 labelElement.setHtml( captions[ label ] );
\r
232 var labelParent = labelElement.getParent();
\r
233 labelParent.$.style.display = "block";
\r
237 var about = '<p>' + captions[ 'about_throwt_image' ] + '</p>'+
\r
238 '<p>' + captions[ 'version' ] + dialog.data.scayt.version.toString() + '</p>' +
\r
239 '<p>' + captions[ 'about_throwt_copy' ] + '</p>';
\r
241 doc.getById( 'scayt_about' ).setHtml( about );
\r
243 // Create languages tab.
\r
244 var createOption = function( option, list )
\r
246 var label = doc.createElement( 'label' );
\r
247 label.setAttribute( 'for', 'cke_option' + option );
\r
248 label.setHtml( list[ option ] );
\r
250 if ( dialog.sLang == option ) // Current.
\r
251 dialog.chosed_lang = option;
\r
253 var div = doc.createElement( 'div' );
\r
254 var radio = CKEDITOR.dom.element.createFromHtml( '<input id="cke_option' +
\r
255 option + '" type="radio" ' +
\r
256 ( dialog.sLang == option ? 'checked="checked"' : '' ) +
\r
257 ' value="' + option + '" name="scayt_lang" />' );
\r
259 radio.on( 'click', function()
\r
261 this.$.checked = true;
\r
262 dialog.chosed_lang = option;
\r
265 div.append( radio );
\r
266 div.append( label );
\r
269 lang : list[ option ],
\r
276 for ( i in lang_list.rtl )
\r
277 langList[ langList.length ] = createOption( i, lang_list.ltr );
\r
279 for ( i in lang_list.ltr )
\r
280 langList[ langList.length ] = createOption( i, lang_list.ltr );
\r
282 langList.sort( function( lang1, lang2 )
\r
284 return ( lang2.lang > lang1.lang ) ? -1 : 1 ;
\r
287 var fieldL = doc.getById( 'scayt_lcol' ),
\r
288 fieldR = doc.getById( 'scayt_rcol' );
\r
289 for ( i=0; i < langList.length; i++ )
\r
291 var field = ( i < langList.length / 2 ) ? fieldL : fieldR;
\r
292 field.append( langList[ i ].radio );
\r
295 // user dictionary handlers
\r
297 dic.dic_create = function( el, dic_name , dic_buttons )
\r
299 // comma separated button's ids include repeats if exists
\r
300 var all_buttons = dic_buttons[0] + ',' + dic_buttons[1];
\r
302 var err_massage = captions["err_dic_create"];
\r
303 var suc_massage = captions["succ_dic_create"];
\r
304 //console.info("--plugin ");
\r
306 window.scayt.createUserDictionary(dic_name,
\r
309 //console.info( "dic_create callback called with args" , arg );
\r
310 hide_dic_buttons ( all_buttons );
\r
311 display_dic_buttons ( dic_buttons[1] );
\r
312 suc_massage = suc_massage.replace("%s" , arg.dname );
\r
313 dic_success_message (suc_massage);
\r
317 //console.info( "dic_create errorback called with args" , arg )
\r
318 err_massage = err_massage.replace("%s" ,arg.dname );
\r
319 dic_error_message ( err_massage + "( "+ (arg.message || "") +")");
\r
324 dic.dic_rename = function( el, dic_name )
\r
327 // try to rename dictionary
\r
328 // @TODO: rename dict
\r
329 //console.info ( captions["err_dic_rename"] )
\r
330 var err_massage = captions["err_dic_rename"] || "";
\r
331 var suc_massage = captions["succ_dic_rename"] || "";
\r
332 window.scayt.renameUserDictionary(dic_name,
\r
335 //console.info( "dic_rename callback called with args" , arg );
\r
336 suc_massage = suc_massage.replace("%s" , arg.dname );
\r
337 set_dic_name( dic_name );
\r
338 dic_success_message ( suc_massage );
\r
342 //console.info( "dic_rename errorback called with args" , arg )
\r
343 err_massage = err_massage.replace("%s" , arg.dname );
\r
344 set_dic_name( dic_name );
\r
345 dic_error_message( err_massage + "( " + ( arg.message || "" ) + " )" );
\r
349 dic.dic_delete = function ( el, dic_name , dic_buttons )
\r
351 var all_buttons = dic_buttons[0] + ',' + dic_buttons[1];
\r
352 var err_massage = captions["err_dic_delete"];
\r
353 var suc_massage = captions["succ_dic_delete"];
\r
355 // try to delete dictionary
\r
356 // @TODO: delete dict
\r
357 window.scayt.deleteUserDictionary(
\r
360 //console.info( "dic_delete callback " , dic_name ,arg );
\r
361 suc_massage = suc_massage.replace("%s" , arg.dname );
\r
362 hide_dic_buttons ( all_buttons );
\r
363 display_dic_buttons ( dic_buttons[0] );
\r
364 set_dic_name( "" ); // empty input field
\r
365 dic_success_message( suc_massage );
\r
369 //console.info( " dic_delete errorback called with args" , arg )
\r
370 err_massage = err_massage.replace("%s" , arg.dname );
\r
371 dic_error_message(err_massage);
\r
375 dic.dic_restore = dialog.dic_restore || function ( el, dic_name , dic_buttons )
\r
377 // try to restore existing dictionary
\r
378 var all_buttons = dic_buttons[0] + ',' + dic_buttons[1];
\r
379 var err_massage = captions["err_dic_restore"];
\r
380 var suc_massage = captions["succ_dic_restore"];
\r
382 window.scayt.restoreUserDictionary(dic_name,
\r
385 //console.info( "dic_restore callback called with args" , arg );
\r
386 suc_massage = suc_massage.replace("%s" , arg.dname );
\r
387 hide_dic_buttons ( all_buttons );
\r
388 display_dic_buttons(dic_buttons[1]);
\r
389 dic_success_message( suc_massage );
\r
393 //console.info( " dic_restore errorback called with args" , arg )
\r
394 err_massage = err_massage.replace("%s" , arg.dname );
\r
395 dic_error_message( err_massage );
\r
399 // ** bind event listeners
\r
400 var arr_buttons = ( dic_buttons[0] + ',' + dic_buttons[1] ).split( ',' ),
\r
403 for ( i = 0, l = arr_buttons.length ; i < l ; i += 1 )
\r
405 var dic_button = doc.getById(arr_buttons[i]);
\r
407 dic_button.on( 'click', onDicButtonClick, this );
\r
411 var reload = function()
\r
415 // Animate options.
\r
416 for ( var i in dialog.options )
\r
418 var checkbox = doc.getById( i );
\r
421 checkbox.removeAttribute( 'checked' );
\r
422 if ( dialog.options[ i ] == 1 )
\r
423 checkbox.setAttribute( 'checked', 'checked' );
\r
425 // Bind events. Do it only once.
\r
428 checkbox.on( 'click', function()
\r
430 dialog.options[ this.getId() ] = this.$.checked ? 1 : 0 ;
\r
436 // * user dictionary
\r
437 if ( userDicActive ){
\r
438 window.scayt.getNameUserDictionary(
\r
441 var dic_name = o.dname;
\r
444 doc.getById( 'dic_name' ).setValue(dic_name);
\r
445 display_dic_buttons( dic_buttons[1] );
\r
448 display_dic_buttons( dic_buttons[0] );
\r
453 doc.getById( 'dic_name' ).setValue("");
\r
455 dic_success_message("");
\r
460 function dic_error_message ( m )
\r
462 doc.getById('dic_message').setHtml('<span style="color:red;">' + m + '</span>' );
\r
464 function dic_success_message ( m )
\r
466 doc.getById('dic_message').setHtml('<span style="color:blue;">' + m + '</span>') ;
\r
468 function display_dic_buttons ( sIds )
\r
471 sIds = String( sIds );
\r
472 var aIds = sIds.split(',');
\r
473 for ( var i=0, l = aIds.length; i < l ; i+=1)
\r
475 doc.getById( aIds[i] ).$.style.display = "inline";
\r
479 function hide_dic_buttons ( sIds )
\r
481 sIds = String( sIds );
\r
482 var aIds = sIds.split(',');
\r
483 for ( var i = 0, l = aIds.length; i < l ; i += 1 )
\r
485 doc.getById( aIds[i] ).$.style.display = "none";
\r
488 function set_dic_name ( dic_name )
\r
490 doc.getById('dic_name').$.value= dic_name;
\r
493 return dialogDefiniton;
\r