You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1138 lines
33 KiB
JavaScript
1138 lines
33 KiB
JavaScript
/*
|
|
+-----------------------------------------------------------------------+
|
|
| Roundcube SpellCheck script |
|
|
| jQuery'fied spell checker based on GoogieSpell 4.0 |
|
|
| (which was published under GPL "version 2 or any later version") |
|
|
| |
|
|
| This file is part of the Roundcube Webmail client |
|
|
| Copyright (C) 2006 Amir Salihefendic |
|
|
| Copyright (C) 2009 The Roundcube Dev Team |
|
|
| Copyright (C) 2011 Kolab Systems AG |
|
|
| |
|
|
| Licensed under the GNU General Public License version 3 or |
|
|
| any later version with exceptions for skins & plugins. |
|
|
| See the README file for a full license statement. |
|
|
| |
|
|
+-----------------------------------------------------------------------+
|
|
| Authors: 4mir Salihefendic <amix@amix.dk> |
|
|
| Aleksander Machniak - <alec [at] alec.pl> |
|
|
+-----------------------------------------------------------------------+
|
|
|
|
$Id$
|
|
*/
|
|
|
|
var GOOGIE_CUR_LANG,
|
|
GOOGIE_DEFAULT_LANG = 'en';
|
|
|
|
function GoogieSpell(img_dir, server_url, has_dict)
|
|
{
|
|
var ref = this,
|
|
cookie_value = getCookie('language');
|
|
|
|
GOOGIE_CUR_LANG = cookie_value != null ? cookie_value : GOOGIE_DEFAULT_LANG;
|
|
|
|
this.array_keys = function(arr) {
|
|
var res = [];
|
|
for (var key in arr) { res.push([key]); }
|
|
return res;
|
|
}
|
|
|
|
this.img_dir = img_dir;
|
|
this.server_url = server_url;
|
|
|
|
this.org_lang_to_word = {
|
|
"da": "Dansk", "de": "Deutsch", "en": "English",
|
|
"es": "Español", "fr": "Français", "it": "Italiano",
|
|
"nl": "Nederlands", "pl": "Polski", "pt": "Português",
|
|
"fi": "Suomi", "sv": "Svenska"
|
|
};
|
|
this.lang_to_word = this.org_lang_to_word;
|
|
this.langlist_codes = this.array_keys(this.lang_to_word);
|
|
this.show_change_lang_pic = true;
|
|
this.change_lang_pic_placement = 'right';
|
|
this.report_state_change = true;
|
|
|
|
this.ta_scroll_top = 0;
|
|
this.el_scroll_top = 0;
|
|
|
|
this.lang_chck_spell = "Check spelling";
|
|
this.lang_revert = "Revert to";
|
|
this.lang_close = "Close";
|
|
this.lang_rsm_edt = "Resume editing";
|
|
this.lang_no_error_found = "No spelling errors found";
|
|
this.lang_no_suggestions = "No suggestions";
|
|
this.lang_learn_word = "Add to dictionary";
|
|
|
|
this.show_spell_img = false; // roundcube mod.
|
|
this.decoration = true;
|
|
this.use_close_btn = false;
|
|
this.edit_layer_dbl_click = true;
|
|
this.report_ta_not_found = true;
|
|
|
|
// Extensions
|
|
this.custom_ajax_error = null;
|
|
this.custom_no_spelling_error = null;
|
|
this.custom_menu_builder = []; // Should take an eval function and a build menu function
|
|
this.custom_item_evaulator = null; // Should take an eval function and a build menu function
|
|
this.extra_menu_items = [];
|
|
this.custom_spellcheck_starter = null;
|
|
this.main_controller = true;
|
|
this.has_dictionary = has_dict;
|
|
|
|
// Observers
|
|
this.lang_state_observer = null;
|
|
this.spelling_state_observer = null;
|
|
this.show_menu_observer = null;
|
|
this.all_errors_fixed_observer = null;
|
|
|
|
// Focus links - used to give the text box focus
|
|
this.use_focus = false;
|
|
this.focus_link_t = null;
|
|
this.focus_link_b = null;
|
|
|
|
// Counters
|
|
this.cnt_errors = 0;
|
|
this.cnt_errors_fixed = 0;
|
|
|
|
// Set document's onclick to hide the language and error menu
|
|
$(document).bind('click', function(e) {
|
|
var target = $(e.target);
|
|
if(target.attr('googie_action_btn') != '1' && ref.isLangWindowShown())
|
|
ref.hideLangWindow();
|
|
if(target.attr('googie_action_btn') != '1' && ref.isErrorWindowShown())
|
|
ref.hideErrorWindow();
|
|
});
|
|
|
|
|
|
this.decorateTextarea = function(id)
|
|
{
|
|
this.text_area = typeof id === 'string' ? document.getElementById(id) : id;
|
|
|
|
if (this.text_area) {
|
|
if (!this.spell_container && this.decoration) {
|
|
var table = document.createElement('table'),
|
|
tbody = document.createElement('tbody'),
|
|
tr = document.createElement('tr'),
|
|
spell_container = document.createElement('td'),
|
|
r_width = this.isDefined(this.force_width) ? this.force_width : this.text_area.offsetWidth,
|
|
r_height = this.isDefined(this.force_height) ? this.force_height : 16;
|
|
|
|
tr.appendChild(spell_container);
|
|
tbody.appendChild(tr);
|
|
$(table).append(tbody).insertBefore(this.text_area).width('100%').height(r_height);
|
|
$(spell_container).height(r_height).width(r_width).css('text-align', 'right');
|
|
|
|
this.spell_container = spell_container;
|
|
}
|
|
|
|
this.checkSpellingState();
|
|
}
|
|
else if (this.report_ta_not_found)
|
|
alert('Text area not found');
|
|
};
|
|
|
|
//////
|
|
// API Functions (the ones that you can call)
|
|
/////
|
|
this.setSpellContainer = function(id)
|
|
{
|
|
this.spell_container = typeof id === 'string' ? document.getElementById(id) : id;
|
|
};
|
|
|
|
this.setLanguages = function(lang_dict)
|
|
{
|
|
this.lang_to_word = lang_dict;
|
|
this.langlist_codes = this.array_keys(lang_dict);
|
|
};
|
|
|
|
this.setCurrentLanguage = function(lan_code)
|
|
{
|
|
GOOGIE_CUR_LANG = lan_code;
|
|
|
|
//Set cookie
|
|
var now = new Date();
|
|
now.setTime(now.getTime() + 365 * 24 * 60 * 60 * 1000);
|
|
setCookie('language', lan_code, now);
|
|
};
|
|
|
|
this.setForceWidthHeight = function(width, height)
|
|
{
|
|
// Set to null if you want to use one of them
|
|
this.force_width = width;
|
|
this.force_height = height;
|
|
};
|
|
|
|
this.setDecoration = function(bool)
|
|
{
|
|
this.decoration = bool;
|
|
};
|
|
|
|
this.dontUseCloseButtons = function()
|
|
{
|
|
this.use_close_btn = false;
|
|
};
|
|
|
|
this.appendNewMenuItem = function(name, call_back_fn, checker)
|
|
{
|
|
this.extra_menu_items.push([name, call_back_fn, checker]);
|
|
};
|
|
|
|
this.appendCustomMenuBuilder = function(eval_fn, builder)
|
|
{
|
|
this.custom_menu_builder.push([eval_fn, builder]);
|
|
};
|
|
|
|
this.setFocus = function()
|
|
{
|
|
try {
|
|
this.focus_link_b.focus();
|
|
this.focus_link_t.focus();
|
|
return true;
|
|
}
|
|
catch(e) {
|
|
return false;
|
|
}
|
|
};
|
|
|
|
|
|
//////
|
|
// Set functions (internal)
|
|
/////
|
|
this.setStateChanged = function(current_state)
|
|
{
|
|
this.state = current_state;
|
|
if (this.spelling_state_observer != null && this.report_state_change)
|
|
this.spelling_state_observer(current_state, this);
|
|
};
|
|
|
|
this.setReportStateChange = function(bool)
|
|
{
|
|
this.report_state_change = bool;
|
|
};
|
|
|
|
|
|
//////
|
|
// Request functions
|
|
/////
|
|
this.getUrl = function()
|
|
{
|
|
return this.server_url + GOOGIE_CUR_LANG;
|
|
};
|
|
|
|
this.escapeSpecial = function(val)
|
|
{
|
|
return val ? val.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">") : '';
|
|
};
|
|
|
|
this.createXMLReq = function (text)
|
|
{
|
|
return '<?xml version="1.0" encoding="utf-8" ?>'
|
|
+ '<spellrequest textalreadyclipped="0" ignoredups="0" ignoredigits="1" ignoreallcaps="1">'
|
|
+ '<text>' + text + '</text></spellrequest>';
|
|
};
|
|
|
|
this.spellCheck = function(ignore)
|
|
{
|
|
this.prepare(ignore);
|
|
|
|
var req_text = this.escapeSpecial(this.orginal_text),
|
|
ref = this;
|
|
|
|
$.ajax({ type: 'POST', url: this.getUrl(), data: this.createXMLReq(req_text), dataType: 'text',
|
|
error: function(o) {
|
|
if (ref.custom_ajax_error)
|
|
ref.custom_ajax_error(ref);
|
|
else
|
|
alert('An error was encountered on the server. Please try again later.');
|
|
if (ref.main_controller) {
|
|
$(ref.spell_span).remove();
|
|
ref.removeIndicator();
|
|
}
|
|
ref.checkSpellingState();
|
|
},
|
|
success: function(data) {
|
|
ref.processData(data);
|
|
if (!ref.results.length) {
|
|
if (!ref.custom_no_spelling_error)
|
|
ref.flashNoSpellingErrorState();
|
|
else
|
|
ref.custom_no_spelling_error(ref);
|
|
}
|
|
ref.removeIndicator();
|
|
}
|
|
});
|
|
};
|
|
|
|
this.learnWord = function(word, id)
|
|
{
|
|
word = this.escapeSpecial(word.innerHTML);
|
|
|
|
var ref = this,
|
|
req_text = '<?xml version="1.0" encoding="utf-8" ?><learnword><text>' + word + '</text></learnword>';
|
|
|
|
$.ajax({ type: 'POST', url: this.getUrl(), data: req_text, dataType: 'text',
|
|
error: function(o) {
|
|
if (ref.custom_ajax_error)
|
|
ref.custom_ajax_error(ref);
|
|
else
|
|
alert('An error was encountered on the server. Please try again later.');
|
|
},
|
|
success: function(data) {
|
|
}
|
|
});
|
|
};
|
|
|
|
|
|
//////
|
|
// Spell checking functions
|
|
/////
|
|
this.prepare = function(ignore, no_indicator)
|
|
{
|
|
this.cnt_errors_fixed = 0;
|
|
this.cnt_errors = 0;
|
|
this.setStateChanged('checking_spell');
|
|
|
|
if (!no_indicator && this.main_controller)
|
|
this.appendIndicator(this.spell_span);
|
|
|
|
this.error_links = [];
|
|
this.ta_scroll_top = this.text_area.scrollTop;
|
|
this.ignore = ignore;
|
|
this.hideLangWindow();
|
|
|
|
if ($(this.text_area).val() == '' || ignore) {
|
|
if (!this.custom_no_spelling_error)
|
|
this.flashNoSpellingErrorState();
|
|
else
|
|
this.custom_no_spelling_error(this);
|
|
this.removeIndicator();
|
|
return;
|
|
}
|
|
|
|
this.createEditLayer(this.text_area.offsetWidth, this.text_area.offsetHeight);
|
|
this.createErrorWindow();
|
|
$('body').append(this.error_window);
|
|
|
|
try { netscape.security.PrivilegeManager.enablePrivilege("UniversalBrowserRead"); }
|
|
catch (e) { }
|
|
|
|
if (this.main_controller)
|
|
$(this.spell_span).unbind('click');
|
|
|
|
this.orginal_text = $(this.text_area).val();
|
|
};
|
|
|
|
this.parseResult = function(r_text)
|
|
{
|
|
// Returns an array: result[item] -> ['attrs'], ['suggestions']
|
|
var re_split_attr_c = /\w+="(\d+|true)"/g,
|
|
re_split_text = /\t/g,
|
|
matched_c = r_text.match(/<c[^>]*>[^<]*<\/c>/g),
|
|
results = [];
|
|
|
|
if (matched_c == null)
|
|
return results;
|
|
|
|
for (var i=0, len=matched_c.length; i < len; i++) {
|
|
var item = [];
|
|
this.errorFound();
|
|
|
|
// Get attributes
|
|
item['attrs'] = [];
|
|
var c_attr, val,
|
|
split_c = matched_c[i].match(re_split_attr_c);
|
|
for (var j=0; j < split_c.length; j++) {
|
|
c_attr = split_c[j].split(/=/);
|
|
val = c_attr[1].replace(/"/g, '');
|
|
item['attrs'][c_attr[0]] = val != 'true' ? parseInt(val) : val;
|
|
}
|
|
|
|
// Get suggestions
|
|
item['suggestions'] = [];
|
|
var only_text = matched_c[i].replace(/<[^>]*>/g, ''),
|
|
split_t = only_text.split(re_split_text);
|
|
for (var k=0; k < split_t.length; k++) {
|
|
if(split_t[k] != '')
|
|
item['suggestions'].push(split_t[k]);
|
|
}
|
|
results.push(item);
|
|
}
|
|
|
|
return results;
|
|
};
|
|
|
|
this.processData = function(data)
|
|
{
|
|
this.results = this.parseResult(data);
|
|
if (this.results.length) {
|
|
this.showErrorsInIframe();
|
|
this.resumeEditingState();
|
|
}
|
|
};
|
|
|
|
//////
|
|
// Error menu functions
|
|
/////
|
|
this.createErrorWindow = function()
|
|
{
|
|
this.error_window = document.createElement('div');
|
|
$(this.error_window).addClass('googie_window popupmenu').attr('googie_action_btn', '1');
|
|
};
|
|
|
|
this.isErrorWindowShown = function()
|
|
{
|
|
return $(this.error_window).is(':visible');
|
|
};
|
|
|
|
this.hideErrorWindow = function()
|
|
{
|
|
$(this.error_window).hide();
|
|
$(this.error_window_iframe).hide();
|
|
};
|
|
|
|
this.updateOrginalText = function(offset, old_value, new_value, id)
|
|
{
|
|
var part_1 = this.orginal_text.substring(0, offset),
|
|
part_2 = this.orginal_text.substring(offset+old_value.length),
|
|
add_2_offset = new_value.length - old_value.length;
|
|
|
|
this.orginal_text = part_1 + new_value + part_2;
|
|
$(this.text_area).val(this.orginal_text);
|
|
for (var j=0, len=this.results.length; j<len; j++) {
|
|
// Don't edit the offset of the current item
|
|
if (j != id && j > id)
|
|
this.results[j]['attrs']['o'] += add_2_offset;
|
|
}
|
|
};
|
|
|
|
this.saveOldValue = function(elm, old_value) {
|
|
elm.is_changed = true;
|
|
elm.old_value = old_value;
|
|
};
|
|
|
|
this.createListSeparator = function()
|
|
{
|
|
var td = document.createElement('td'),
|
|
tr = document.createElement('tr');
|
|
|
|
$(td).html(' ').attr('googie_action_btn', '1')
|
|
.css({'cursor': 'default', 'font-size': '3px', 'border-top': '1px solid #ccc', 'padding-top': '3px'});
|
|
tr.appendChild(td);
|
|
|
|
return tr;
|
|
};
|
|
|
|
this.correctError = function(id, elm, l_elm, rm_pre_space)
|
|
{
|
|
var old_value = elm.innerHTML,
|
|
new_value = l_elm.nodeType == 3 ? l_elm.nodeValue : l_elm.innerHTML,
|
|
offset = this.results[id]['attrs']['o'];
|
|
|
|
if (rm_pre_space) {
|
|
var pre_length = elm.previousSibling.innerHTML;
|
|
elm.previousSibling.innerHTML = pre_length.slice(0, pre_length.length-1);
|
|
old_value = " " + old_value;
|
|
offset--;
|
|
}
|
|
|
|
this.hideErrorWindow();
|
|
this.updateOrginalText(offset, old_value, new_value, id);
|
|
|
|
$(elm).html(new_value).css('color', 'green').attr('is_corrected', true);
|
|
|
|
this.results[id]['attrs']['l'] = new_value.length;
|
|
|
|
if (!this.isDefined(elm.old_value))
|
|
this.saveOldValue(elm, old_value);
|
|
|
|
this.errorFixed();
|
|
};
|
|
|
|
this.ignoreError = function(elm, id)
|
|
{
|
|
// @TODO: ignore all same words
|
|
$(elm).removeAttr('class').css('color', '').unbind();
|
|
this.hideErrorWindow();
|
|
};
|
|
|
|
this.showErrorWindow = function(elm, id)
|
|
{
|
|
if (this.show_menu_observer)
|
|
this.show_menu_observer(this);
|
|
|
|
var ref = this,
|
|
pos = $(elm).offset(),
|
|
table = document.createElement('table'),
|
|
list = document.createElement('tbody');
|
|
|
|
$(this.error_window).html('');
|
|
$(table).addClass('googie_list').attr('googie_action_btn', '1');
|
|
|
|
// Check if we should use custom menu builder, if not we use the default
|
|
var changed = false;
|
|
for (var k=0; k<this.custom_menu_builder.length; k++) {
|
|
var eb = this.custom_menu_builder[k];
|
|
if (eb[0](this.results[id])) {
|
|
changed = eb[1](this, list, elm);
|
|
break;
|
|
}
|
|
}
|
|
|
|
if (!changed) {
|
|
// Build up the result list
|
|
var suggestions = this.results[id]['suggestions'],
|
|
offset = this.results[id]['attrs']['o'],
|
|
len = this.results[id]['attrs']['l'],
|
|
row, item, dummy;
|
|
|
|
// [Add to dictionary] button
|
|
if (this.has_dictionary && !$(elm).attr('is_corrected')) {
|
|
row = document.createElement('tr'),
|
|
item = document.createElement('td'),
|
|
dummy = document.createElement('span');
|
|
|
|
$(dummy).text(this.lang_learn_word);
|
|
$(item).attr('googie_action_btn', '1').css('cursor', 'default')
|
|
.mouseover(ref.item_onmouseover)
|
|
.mouseout(ref.item_onmouseout)
|
|
.click(function(e) {
|
|
ref.learnWord(elm, id);
|
|
ref.ignoreError(elm, id);
|
|
});
|
|
|
|
item.appendChild(dummy);
|
|
row.appendChild(item);
|
|
list.appendChild(row);
|
|
}
|
|
/*
|
|
if (suggestions.length == 0) {
|
|
row = document.createElement('tr'),
|
|
item = document.createElement('td'),
|
|
dummy = document.createElement('span');
|
|
|
|
$(dummy).text(this.lang_no_suggestions);
|
|
$(item).attr('googie_action_btn', '1').css('cursor', 'default');
|
|
|
|
item.appendChild(dummy);
|
|
row.appendChild(item);
|
|
list.appendChild(row);
|
|
}
|
|
*/
|
|
for (var i=0, len=suggestions.length; i < len; i++) {
|
|
row = document.createElement('tr'),
|
|
item = document.createElement('td'),
|
|
dummy = document.createElement('span');
|
|
|
|
$(dummy).html(suggestions[i]);
|
|
|
|
$(item).mouseover(this.item_onmouseover).mouseout(this.item_onmouseout)
|
|
.click(function(e) { ref.correctError(id, elm, e.target.firstChild) });
|
|
|
|
item.appendChild(dummy);
|
|
row.appendChild(item);
|
|
list.appendChild(row);
|
|
}
|
|
|
|
// The element is changed, append the revert
|
|
if (elm.is_changed && elm.innerHTML != elm.old_value) {
|
|
var old_value = elm.old_value,
|
|
revert_row = document.createElement('tr'),
|
|
revert = document.createElement('td'),
|
|
rev_span = document.createElement('span');
|
|
|
|
$(rev_span).addClass('googie_list_revert').html(this.lang_revert + ' ' + old_value);
|
|
|
|
$(revert).mouseover(this.item_onmouseover).mouseout(this.item_onmouseout)
|
|
.click(function(e) {
|
|
ref.updateOrginalText(offset, elm.innerHTML, old_value, id);
|
|
$(elm).removeAttr('is_corrected').css('color', '#b91414').html(old_value);
|
|
ref.hideErrorWindow();
|
|
});
|
|
|
|
revert.appendChild(rev_span);
|
|
revert_row.appendChild(revert);
|
|
list.appendChild(revert_row);
|
|
}
|
|
|
|
// Append the edit box
|
|
var edit_row = document.createElement('tr'),
|
|
edit = document.createElement('td'),
|
|
edit_input = document.createElement('input'),
|
|
ok_pic = document.createElement('img'),
|
|
edit_form = document.createElement('form');
|
|
|
|
var onsub = function () {
|
|
if (edit_input.value != '') {
|
|
if (!ref.isDefined(elm.old_value))
|
|
ref.saveOldValue(elm, elm.innerHTML);
|
|
|
|
ref.updateOrginalText(offset, elm.innerHTML, edit_input.value, id);
|
|
$(elm).attr('is_corrected', true).css('color', 'green').html(edit_input.value);
|
|
ref.hideErrorWindow();
|
|
}
|
|
return false;
|
|
};
|
|
|
|
$(edit_input).width(120).css({'margin': 0, 'padding': 0});
|
|
$(edit_input).val(elm.innerHTML).attr('googie_action_btn', '1');
|
|
$(edit).css('cursor', 'default').attr('googie_action_btn', '1');
|
|
|
|
$(ok_pic).attr('src', this.img_dir + 'ok.gif')
|
|
.width(32).height(16)
|
|
.css({'cursor': 'pointer', 'margin-left': '2px', 'margin-right': '2px'})
|
|
.click(onsub);
|
|
|
|
$(edit_form).attr('googie_action_btn', '1')
|
|
.css({'margin': 0, 'padding': 0, 'cursor': 'default', 'white-space': 'nowrap'})
|
|
.submit(onsub);
|
|
|
|
edit_form.appendChild(edit_input);
|
|
edit_form.appendChild(ok_pic);
|
|
edit.appendChild(edit_form);
|
|
edit_row.appendChild(edit);
|
|
list.appendChild(edit_row);
|
|
|
|
// Append extra menu items
|
|
if (this.extra_menu_items.length > 0)
|
|
list.appendChild(this.createListSeparator());
|
|
|
|
var loop = function(i) {
|
|
if (i < ref.extra_menu_items.length) {
|
|
var e_elm = ref.extra_menu_items[i];
|
|
|
|
if (!e_elm[2] || e_elm[2](elm, ref)) {
|
|
var e_row = document.createElement('tr'),
|
|
e_col = document.createElement('td');
|
|
|
|
$(e_col).html(e_elm[0])
|
|
.mouseover(ref.item_onmouseover)
|
|
.mouseout(ref.item_onmouseout)
|
|
.click(function() { return e_elm[1](elm, ref) });
|
|
|
|
e_row.appendChild(e_col);
|
|
list.appendChild(e_row);
|
|
}
|
|
loop(i+1);
|
|
}
|
|
};
|
|
|
|
loop(0);
|
|
loop = null;
|
|
|
|
//Close button
|
|
if (this.use_close_btn) {
|
|
list.appendChild(this.createCloseButton(this.hideErrorWindow));
|
|
}
|
|
}
|
|
|
|
table.appendChild(list);
|
|
this.error_window.appendChild(table);
|
|
|
|
// calculate and set position
|
|
var height = $(this.error_window).height(),
|
|
width = $(this.error_window).width(),
|
|
pageheight = $(document).height(),
|
|
pagewidth = $(document).width(),
|
|
top = pos.top + height + 20 < pageheight ? pos.top + 20 : pos.top - height,
|
|
left = pos.left + width < pagewidth ? pos.left : pos.left - width;
|
|
|
|
$(this.error_window).css({'top': top+'px', 'left': left+'px'}).show();
|
|
|
|
// Dummy for IE - dropdown bug fix
|
|
if ($.browser.msie) {
|
|
if (!this.error_window_iframe) {
|
|
var iframe = $('<iframe>').css({'position': 'absolute', 'z-index': -1});
|
|
$('body').append(iframe);
|
|
this.error_window_iframe = iframe;
|
|
}
|
|
|
|
$(this.error_window_iframe)
|
|
.css({'top': this.error_window.offsetTop, 'left': this.error_window.offsetLeft,
|
|
'width': this.error_window.offsetWidth, 'height': this.error_window.offsetHeight})
|
|
.show();
|
|
}
|
|
};
|
|
|
|
|
|
//////
|
|
// Edit layer (the layer where the suggestions are stored)
|
|
//////
|
|
this.createEditLayer = function(width, height)
|
|
{
|
|
this.edit_layer = document.createElement('div');
|
|
$(this.edit_layer).addClass('googie_edit_layer').attr('id', 'googie_edit_layer')
|
|
.width('auto').height(height);
|
|
|
|
if (this.text_area.nodeName.toLowerCase() != 'input' || $(this.text_area).val() == '') {
|
|
$(this.edit_layer).css('overflow', 'auto').height(height-4);
|
|
} else {
|
|
$(this.edit_layer).css('overflow', 'hidden');
|
|
}
|
|
|
|
var ref = this;
|
|
|
|
if (this.edit_layer_dbl_click) {
|
|
$(this.edit_layer).dblclick(function(e) {
|
|
if (e.target.className != 'googie_link' && !ref.isErrorWindowShown()) {
|
|
ref.resumeEditing();
|
|
var fn1 = function() {
|
|
$(ref.text_area).focus();
|
|
fn1 = null;
|
|
};
|
|
window.setTimeout(fn1, 10);
|
|
}
|
|
return false;
|
|
});
|
|
}
|
|
};
|
|
|
|
this.resumeEditing = function()
|
|
{
|
|
this.setStateChanged('ready');
|
|
|
|
if (this.edit_layer)
|
|
this.el_scroll_top = this.edit_layer.scrollTop;
|
|
|
|
this.hideErrorWindow();
|
|
|
|
if (this.main_controller)
|
|
$(this.spell_span).removeClass().addClass('googie_no_style');
|
|
|
|
if (!this.ignore) {
|
|
if (this.use_focus) {
|
|
$(this.focus_link_t).remove();
|
|
$(this.focus_link_b).remove();
|
|
}
|
|
|
|
$(this.edit_layer).remove();
|
|
$(this.text_area).show();
|
|
|
|
if (this.el_scroll_top != undefined)
|
|
this.text_area.scrollTop = this.el_scroll_top;
|
|
}
|
|
this.checkSpellingState(false);
|
|
};
|
|
|
|
this.createErrorLink = function(text, id)
|
|
{
|
|
var elm = document.createElement('span'),
|
|
ref = this,
|
|
d = function (e) {
|
|
ref.showErrorWindow(elm, id);
|
|
d = null;
|
|
return false;
|
|
};
|
|
|
|
$(elm).html(text).addClass('googie_link').click(d).removeAttr('is_corrected')
|
|
.attr({'googie_action_btn' : '1', 'g_id' : id});
|
|
|
|
return elm;
|
|
};
|
|
|
|
this.createPart = function(txt_part)
|
|
{
|
|
if (txt_part == " ")
|
|
return document.createTextNode(" ");
|
|
|
|
txt_part = this.escapeSpecial(txt_part);
|
|
txt_part = txt_part.replace(/\n/g, "<br>");
|
|
txt_part = txt_part.replace(/ /g, " ");
|
|
txt_part = txt_part.replace(/^ /g, " ");
|
|
txt_part = txt_part.replace(/ $/g, " ");
|
|
|
|
var span = document.createElement('span');
|
|
$(span).html(txt_part);
|
|
return span;
|
|
};
|
|
|
|
this.showErrorsInIframe = function()
|
|
{
|
|
var output = document.createElement('div'),
|
|
pointer = 0,
|
|
results = this.results;
|
|
|
|
if (results.length > 0) {
|
|
for (var i=0, length=results.length; i < length; i++) {
|
|
var offset = results[i]['attrs']['o'],
|
|
len = results[i]['attrs']['l'],
|
|
part_1_text = this.orginal_text.substring(pointer, offset),
|
|
part_1 = this.createPart(part_1_text);
|
|
|
|
output.appendChild(part_1);
|
|
pointer += offset - pointer;
|
|
|
|
// If the last child was an error, then insert some space
|
|
var err_link = this.createErrorLink(this.orginal_text.substr(offset, len), i);
|
|
this.error_links.push(err_link);
|
|
output.appendChild(err_link);
|
|
pointer += len;
|
|
}
|
|
|
|
// Insert the rest of the orginal text
|
|
var part_2_text = this.orginal_text.substr(pointer, this.orginal_text.length),
|
|
part_2 = this.createPart(part_2_text);
|
|
|
|
output.appendChild(part_2);
|
|
}
|
|
else
|
|
output.innerHTML = this.orginal_text;
|
|
|
|
$(output).css('text-align', 'left');
|
|
|
|
var me = this;
|
|
if (this.custom_item_evaulator)
|
|
$.map(this.error_links, function(elm){me.custom_item_evaulator(me, elm)});
|
|
|
|
$(this.edit_layer).append(output);
|
|
|
|
// Hide text area and show edit layer
|
|
$(this.text_area).hide();
|
|
$(this.edit_layer).insertBefore(this.text_area);
|
|
|
|
if (this.use_focus) {
|
|
this.focus_link_t = this.createFocusLink('focus_t');
|
|
this.focus_link_b = this.createFocusLink('focus_b');
|
|
|
|
$(this.focus_link_t).insertBefore(this.edit_layer);
|
|
$(this.focus_link_b).insertAfter(this.edit_layer);
|
|
}
|
|
|
|
// this.edit_layer.scrollTop = this.ta_scroll_top;
|
|
};
|
|
|
|
|
|
//////
|
|
// Choose language menu
|
|
//////
|
|
this.createLangWindow = function()
|
|
{
|
|
this.language_window = document.createElement('div');
|
|
$(this.language_window).addClass('googie_window popupmenu')
|
|
.width(100).attr('googie_action_btn', '1');
|
|
|
|
// Build up the result list
|
|
var table = document.createElement('table'),
|
|
list = document.createElement('tbody'),
|
|
ref = this,
|
|
row, item, span;
|
|
|
|
$(table).addClass('googie_list').width('100%');
|
|
this.lang_elms = [];
|
|
|
|
for (i=0; i < this.langlist_codes.length; i++) {
|
|
row = document.createElement('tr');
|
|
item = document.createElement('td');
|
|
span = document.createElement('span');
|
|
|
|
$(span).text(this.lang_to_word[this.langlist_codes[i]]);
|
|
this.lang_elms.push(item);
|
|
|
|
$(item).attr('googieId', this.langlist_codes[i])
|
|
.bind('click', function(e) {
|
|
ref.deHighlightCurSel();
|
|
ref.setCurrentLanguage($(this).attr('googieId'));
|
|
|
|
if (ref.lang_state_observer != null) {
|
|
ref.lang_state_observer();
|
|
}
|
|
|
|
ref.highlightCurSel();
|
|
ref.hideLangWindow();
|
|
})
|
|
.bind('mouseover', function(e) {
|
|
if (this.className != "googie_list_selected")
|
|
this.className = "googie_list_onhover";
|
|
})
|
|
.bind('mouseout', function(e) {
|
|
if (this.className != "googie_list_selected")
|
|
this.className = "googie_list_onout";
|
|
});
|
|
|
|
item.appendChild(span);
|
|
row.appendChild(item);
|
|
list.appendChild(row);
|
|
}
|
|
|
|
// Close button
|
|
if (this.use_close_btn) {
|
|
list.appendChild(this.createCloseButton(function () { ref.hideLangWindow.apply(ref) }));
|
|
}
|
|
|
|
this.highlightCurSel();
|
|
|
|
table.appendChild(list);
|
|
this.language_window.appendChild(table);
|
|
};
|
|
|
|
this.isLangWindowShown = function()
|
|
{
|
|
return $(this.language_window).is(':visible');
|
|
};
|
|
|
|
this.hideLangWindow = function()
|
|
{
|
|
$(this.language_window).hide();
|
|
$(this.switch_lan_pic).removeClass().addClass('googie_lang_3d_on');
|
|
};
|
|
|
|
this.showLangWindow = function(elm)
|
|
{
|
|
if (this.show_menu_observer)
|
|
this.show_menu_observer(this);
|
|
|
|
this.createLangWindow();
|
|
$('body').append(this.language_window);
|
|
|
|
var pos = $(elm).offset(),
|
|
height = $(elm).height(),
|
|
width = $(elm).width(),
|
|
h = $(this.language_window).height(),
|
|
pageheight = $(document).height(),
|
|
left = this.change_lang_pic_placement == 'right' ?
|
|
pos.left - 100 + width : pos.left + width,
|
|
top = pos.top + h < pageheight ? pos.top + height : pos.top - h - 4;
|
|
|
|
$(this.language_window).css({'top' : top+'px','left' : left+'px'}).show();
|
|
|
|
this.highlightCurSel();
|
|
};
|
|
|
|
this.deHighlightCurSel = function()
|
|
{
|
|
$(this.lang_cur_elm).removeClass().addClass('googie_list_onout');
|
|
};
|
|
|
|
this.highlightCurSel = function()
|
|
{
|
|
if (GOOGIE_CUR_LANG == null)
|
|
GOOGIE_CUR_LANG = GOOGIE_DEFAULT_LANG;
|
|
for (var i=0; i < this.lang_elms.length; i++) {
|
|
if ($(this.lang_elms[i]).attr('googieId') == GOOGIE_CUR_LANG) {
|
|
this.lang_elms[i].className = 'googie_list_selected';
|
|
this.lang_cur_elm = this.lang_elms[i];
|
|
}
|
|
else {
|
|
this.lang_elms[i].className = 'googie_list_onout';
|
|
}
|
|
}
|
|
};
|
|
|
|
this.createChangeLangPic = function()
|
|
{
|
|
var img = $('<img>')
|
|
.attr({src: this.img_dir + 'change_lang.gif', 'alt': 'Change language', 'googie_action_btn': '1'}),
|
|
switch_lan = document.createElement('span');
|
|
ref = this;
|
|
|
|
$(switch_lan).addClass('googie_lang_3d_on')
|
|
.append(img)
|
|
.bind('click', function(e) {
|
|
var elm = this.tagName.toLowerCase() == 'img' ? this.parentNode : this;
|
|
if($(elm).hasClass('googie_lang_3d_click')) {
|
|
elm.className = 'googie_lang_3d_on';
|
|
ref.hideLangWindow();
|
|
}
|
|
else {
|
|
elm.className = 'googie_lang_3d_click';
|
|
ref.showLangWindow(elm);
|
|
}
|
|
});
|
|
|
|
return switch_lan;
|
|
};
|
|
|
|
this.createSpellDiv = function()
|
|
{
|
|
var span = document.createElement('span');
|
|
|
|
$(span).addClass('googie_check_spelling_link').text(this.lang_chck_spell);
|
|
|
|
if (this.show_spell_img) {
|
|
$(span).append(' ').append($('<img>').attr('src', this.img_dir + 'spellc.gif'));
|
|
}
|
|
return span;
|
|
};
|
|
|
|
|
|
//////
|
|
// State functions
|
|
/////
|
|
this.flashNoSpellingErrorState = function(on_finish)
|
|
{
|
|
this.setStateChanged('no_error_found');
|
|
|
|
var ref = this;
|
|
if (this.main_controller) {
|
|
var no_spell_errors;
|
|
if (on_finish) {
|
|
var fn = function() {
|
|
on_finish();
|
|
ref.checkSpellingState();
|
|
};
|
|
no_spell_errors = fn;
|
|
}
|
|
else
|
|
no_spell_errors = function () { ref.checkSpellingState() };
|
|
|
|
var rsm = $('<span>').text(this.lang_no_error_found);
|
|
|
|
$(this.switch_lan_pic).hide();
|
|
$(this.spell_span).empty().append(rsm)
|
|
.removeClass().addClass('googie_check_spelling_ok');
|
|
|
|
window.setTimeout(no_spell_errors, 1000);
|
|
}
|
|
};
|
|
|
|
this.resumeEditingState = function()
|
|
{
|
|
this.setStateChanged('resume_editing');
|
|
|
|
//Change link text to resume
|
|
if (this.main_controller) {
|
|
var rsm = $('<span>').text(this.lang_rsm_edt);
|
|
var ref = this;
|
|
|
|
$(this.switch_lan_pic).hide();
|
|
$(this.spell_span).empty().unbind().append(rsm)
|
|
.bind('click', function() { ref.resumeEditing() })
|
|
.removeClass().addClass('googie_resume_editing');
|
|
}
|
|
|
|
try { this.edit_layer.scrollTop = this.ta_scroll_top; }
|
|
catch (e) {};
|
|
};
|
|
|
|
this.checkSpellingState = function(fire)
|
|
{
|
|
if (fire)
|
|
this.setStateChanged('ready');
|
|
|
|
if (this.show_change_lang_pic)
|
|
this.switch_lan_pic = this.createChangeLangPic();
|
|
else
|
|
this.switch_lan_pic = document.createElement('span');
|
|
|
|
var span_chck = this.createSpellDiv(),
|
|
ref = this;
|
|
|
|
if (this.custom_spellcheck_starter)
|
|
$(span_chck).bind('click', function(e) { ref.custom_spellcheck_starter() });
|
|
else {
|
|
$(span_chck).bind('click', function(e) { ref.spellCheck() });
|
|
}
|
|
|
|
if (this.main_controller) {
|
|
if (this.change_lang_pic_placement == 'left') {
|
|
$(this.spell_container).empty().append(this.switch_lan_pic).append(' ').append(span_chck);
|
|
} else {
|
|
$(this.spell_container).empty().append(span_chck).append(' ').append(this.switch_lan_pic);
|
|
}
|
|
}
|
|
|
|
this.spell_span = span_chck;
|
|
};
|
|
|
|
|
|
//////
|
|
// Misc. functions
|
|
/////
|
|
this.isDefined = function(o)
|
|
{
|
|
return (o !== undefined && o !== null)
|
|
};
|
|
|
|
this.errorFixed = function()
|
|
{
|
|
this.cnt_errors_fixed++;
|
|
if (this.all_errors_fixed_observer)
|
|
if (this.cnt_errors_fixed == this.cnt_errors) {
|
|
this.hideErrorWindow();
|
|
this.all_errors_fixed_observer();
|
|
}
|
|
};
|
|
|
|
this.errorFound = function()
|
|
{
|
|
this.cnt_errors++;
|
|
};
|
|
|
|
this.createCloseButton = function(c_fn)
|
|
{
|
|
return this.createButton(this.lang_close, 'googie_list_close', c_fn);
|
|
};
|
|
|
|
this.createButton = function(name, css_class, c_fn)
|
|
{
|
|
var btn_row = document.createElement('tr'),
|
|
btn = document.createElement('td'),
|
|
spn_btn;
|
|
|
|
if (css_class) {
|
|
spn_btn = document.createElement('span');
|
|
$(spn_btn).addClass(css_class).html(name);
|
|
} else {
|
|
spn_btn = document.createTextNode(name);
|
|
}
|
|
|
|
$(btn).bind('click', c_fn)
|
|
.bind('mouseover', this.item_onmouseover)
|
|
.bind('mouseout', this.item_onmouseout);
|
|
|
|
btn.appendChild(spn_btn);
|
|
btn_row.appendChild(btn);
|
|
|
|
return btn_row;
|
|
};
|
|
|
|
this.removeIndicator = function(elm)
|
|
{
|
|
//$(this.indicator).remove();
|
|
// roundcube mod.
|
|
if (window.rcmail)
|
|
rcmail.set_busy(false, null, this.rc_msg_id);
|
|
};
|
|
|
|
this.appendIndicator = function(elm)
|
|
{
|
|
// modified by roundcube
|
|
if (window.rcmail)
|
|
this.rc_msg_id = rcmail.set_busy(true, 'checking');
|
|
/*
|
|
this.indicator = document.createElement('img');
|
|
$(this.indicator).attr('src', this.img_dir + 'indicator.gif')
|
|
.css({'margin-right': '5px', 'text-decoration': 'none'}).width(16).height(16);
|
|
|
|
if (elm)
|
|
$(this.indicator).insertBefore(elm);
|
|
else
|
|
$('body').append(this.indicator);
|
|
*/
|
|
}
|
|
|
|
this.createFocusLink = function(name)
|
|
{
|
|
var link = document.createElement('a');
|
|
$(link).attr({'href': 'javascript:;', 'name': name});
|
|
return link;
|
|
};
|
|
|
|
this.item_onmouseover = function(e)
|
|
{
|
|
if (this.className != 'googie_list_revert' && this.className != 'googie_list_close')
|
|
this.className = 'googie_list_onhover';
|
|
else
|
|
this.parentNode.className = 'googie_list_onhover';
|
|
};
|
|
|
|
this.item_onmouseout = function(e)
|
|
{
|
|
if (this.className != 'googie_list_revert' && this.className != 'googie_list_close')
|
|
this.className = 'googie_list_onout';
|
|
else
|
|
this.parentNode.className = 'googie_list_onout';
|
|
};
|
|
|
|
|
|
};
|