From 3412e50b54e3daac8745234e21ab6e72be0ed165 Mon Sep 17 00:00:00 2001 From: Thomas Bruederli <thomas@roundcube.net> Date: Wed, 04 Jun 2014 11:20:33 -0400 Subject: [PATCH] Fix attachment menu structure and aria-attributes --- program/js/googiespell.js | 2304 +++++++++++++++++++++++++++------------------------------- 1 files changed, 1,078 insertions(+), 1,226 deletions(-) diff --git a/program/js/googiespell.js b/program/js/googiespell.js old mode 100755 new mode 100644 index 25f9526..707efd1 --- a/program/js/googiespell.js +++ b/program/js/googiespell.js @@ -1,1298 +1,1150 @@ -/* -Last Modified: 28/04/06 16:28:09 +/** + * Roundcube SpellCheck script + * + * jQuery'fied spell checker based on GoogieSpell 4.0 + * (which was published under GPL "version 2 or any later version") + * + * @licstart The following is the entire license notice for the + * JavaScript code in this file. + * + * Copyright (C) 2006 Amir Salihefendic + * Copyright (C) 2009 The Roundcube Dev Team + * Copyright (C) 2011 Kolab Systems AG + * + * The JavaScript code in this page is free software: you can + * redistribute it and/or modify it under the terms of the GNU + * General Public License (GNU GPL) as published by the Free Software + * Foundation, either version 3 of the License, or (at your option) + * any later version. The code is distributed WITHOUT ANY WARRANTY; + * without even the implied warranty of MERCHANTABILITY or FITNESS + * FOR A PARTICULAR PURPOSE. See the GNU GPL for more details. + * + * As additional permission under GNU GPL version 3 section 7, you + * may distribute non-source (e.g., minimized or compacted) forms of + * that code without the copy of the GNU GPL normally required by + * section 4, provided you include this license notice and a URL + * through which recipients can access the Corresponding Source. + * + * @licend The above is the entire license notice + * for the JavaScript code in this file. + * + * @author 4mir Salihefendic <amix@amix.dk> + * @author Aleksander Machniak - <alec [at] alec.pl> + */ - AmiJs library - A very small library with DOM and Ajax functions. - For a much larger script look on http://www.mochikit.com/ - AUTHOR - 4mir Salihefendic (http://amix.dk) - amix@amix.dk - LICENSE - Copyright (c) 2006 Amir Salihefendic. All rights reserved. - Copyright (c) 2005 Bob Ippolito. All rights reserved. - http://www.opensource.org/licenses/mit-license.php - VERSION - 2.1 - SITE - http://amix.dk/amijs -**/ +var GOOGIE_CUR_LANG, + GOOGIE_DEFAULT_LANG = 'en'; -var AJS = { -//// -// Accessor functions -//// - /** - * @returns The element with the id - */ - getElement: function(id) { - if(typeof(id) == "string") - return document.getElementById(id); - else - return id; - }, +function GoogieSpell(img_dir, server_url, has_dict) +{ + var ref = this, + cookie_value = rcmail.get_cookie('language'); - /** - * @returns The elements with the ids - */ - getElements: function(/*id1, id2, id3*/) { - var elements = new Array(); - for (var i = 0; i < arguments.length; i++) { - var element = this.getElement(arguments[i]); - elements.push(element); - } - return elements; - }, + GOOGIE_CUR_LANG = cookie_value != null ? cookie_value : GOOGIE_DEFAULT_LANG; - /** - * @returns The GET query argument - */ - getQueryArgument: function(var_name) { - var query = window.location.search.substring(1); - var vars = query.split("&"); - for (var i=0;i<vars.length;i++) { - var pair = vars[i].split("="); - if (pair[0] == var_name) { - return pair[1]; - } - } - return null; - }, - - /** - * @returns If the browser is Internet Explorer - */ - isIe: function() { - return (navigator.userAgent.toLowerCase().indexOf("msie") != -1 && navigator.userAgent.toLowerCase().indexOf("opera") == -1); - }, - - /** - * @returns The document body - */ - getBody: function() { - return this.getElementsByTagAndClassName('body')[0] - }, - - /** - * @returns All the elements that have a specific tag name or class name - */ - getElementsByTagAndClassName: function(tag_name, class_name, /*optional*/ parent) { - var class_elements = new Array(); - if(!this.isDefined(parent)) - parent = document; - if(!this.isDefined(tag_name)) - tag_name = '*'; - - var els = parent.getElementsByTagName(tag_name); - var els_len = els.length; - var pattern = new RegExp("(^|\\s)" + class_name + "(\\s|$)"); - - for (i = 0, j = 0; i < els_len; i++) { - if ( pattern.test(els[i].className) || class_name == null ) { - class_elements[j] = els[i]; - j++; - } - } - return class_elements; - }, - - -//// -// DOM manipulation -//// - /** - * Appends some nodes to a node - */ - appendChildNodes: function(node/*, nodes...*/) { - if(arguments.length >= 2) { - for(var i=1; i < arguments.length; i++) { - var n = arguments[i]; - if(typeof(n) == "string") - n = document.createTextNode(n); - if(this.isDefined(n)) - node.appendChild(n); - } - } - return node; - }, - - /** - * Replaces a nodes children with another node(s) - */ - replaceChildNodes: function(node/*, nodes...*/) { - var child; - while ((child = node.firstChild)) { - node.removeChild(child); - } - if (arguments.length < 2) { - return node; - } else { - return this.appendChildNodes.apply(this, arguments); - } - }, - - /** - * Insert a node after another node - */ - insertAfter: function(node, referenceNode) { - referenceNode.parentNode.insertBefore(node, referenceNode.nextSibling); - }, - - /** - * Insert a node before another node - */ - insertBefore: function(node, referenceNode) { - referenceNode.parentNode.insertBefore(node, referenceNode); - }, - - /** - * Shows the element - */ - showElement: function(elm) { - elm.style.display = ''; - }, - - /** - * Hides the element - */ - hideElement: function(elm) { - elm.style.display = 'none'; - }, - - isElementHidden: function(elm) { - return elm.style.visibility == "hidden"; - }, - - /** - * Swaps one element with another. To delete use swapDOM(elm, null) - */ - swapDOM: function(dest, src) { - dest = this.getElement(dest); - var parent = dest.parentNode; - if (src) { - src = this.getElement(src); - parent.replaceChild(src, dest); - } else { - parent.removeChild(dest); - } - return src; - }, - - /** - * Removes an element from the world - */ - removeElement: function(elm) { - this.swapDOM(elm, null); - }, - - /** - * @returns Is an object a dictionary? - */ - isDict: function(o) { - var str_repr = String(o); - return str_repr.indexOf(" Object") != -1; - }, - - /** - * Creates a DOM element - * @param {String} name The elements DOM name - * @param {Dict} attrs Attributes sent to the function - */ - createDOM: function(name, attrs) { - var i=0; - elm = document.createElement(name); - - if(this.isDict(attrs[i])) { - for(k in attrs[0]) { - if(k == "style") - elm.style.cssText = attrs[0][k]; - else if(k == "class") - elm.className = attrs[0][k]; - else - elm.setAttribute(k, attrs[0][k]); - } - i++; + this.array_keys = function(arr) { + var res = []; + for (var key in arr) { res.push([key]); } + return res; } - if(attrs[0] == null) - i = 1; + this.img_dir = img_dir; + this.server_url = server_url; - for(i; i < attrs.length; i++) { - var n = attrs[i]; - if(this.isDefined(n)) { - if(typeof(n) == "string") - n = document.createTextNode(n); - elm.appendChild(n); - } - } - return elm; - }, - - UL: function() { return this.createDOM.apply(this, ["ul", arguments]); }, - LI: function() { return this.createDOM.apply(this, ["li", arguments]); }, - TD: function() { return this.createDOM.apply(this, ["td", arguments]); }, - TR: function() { return this.createDOM.apply(this, ["tr", arguments]); }, - TH: function() { return this.createDOM.apply(this, ["th", arguments]); }, - TBODY: function() { return this.createDOM.apply(this, ["tbody", arguments]); }, - TABLE: function() { return this.createDOM.apply(this, ["table", arguments]); }, - INPUT: function() { return this.createDOM.apply(this, ["input", arguments]); }, - SPAN: function() { return this.createDOM.apply(this, ["span", arguments]); }, - B: function() { return this.createDOM.apply(this, ["b", arguments]); }, - A: function() { return this.createDOM.apply(this, ["a", arguments]); }, - DIV: function() { return this.createDOM.apply(this, ["div", arguments]); }, - IMG: function() { return this.createDOM.apply(this, ["img", arguments]); }, - BUTTON: function() { return this.createDOM.apply(this, ["button", arguments]); }, - H1: function() { return this.createDOM.apply(this, ["h1", arguments]); }, - H2: function() { return this.createDOM.apply(this, ["h2", arguments]); }, - H3: function() { return this.createDOM.apply(this, ["h3", arguments]); }, - BR: function() { return this.createDOM.apply(this, ["br", arguments]); }, - TEXTAREA: function() { return this.createDOM.apply(this, ["textarea", arguments]); }, - FORM: function() { return this.createDOM.apply(this, ["form", arguments]); }, - P: function() { return this.createDOM.apply(this, ["p", arguments]); }, - SELECT: function() { return this.createDOM.apply(this, ["select", arguments]); }, - OPTION: function() { return this.createDOM.apply(this, ["option", arguments]); }, - TN: function(text) { return document.createTextNode(text); }, - IFRAME: function() { return this.createDOM.apply(this, ["iframe", arguments]); }, - SCRIPT: function() { return this.createDOM.apply(this, ["script", arguments]); }, - -//// -// Ajax functions -//// - /** - * @returns A new XMLHttpRequest object - */ - getXMLHttpRequest: function() { - var try_these = [ - function () { return new XMLHttpRequest(); }, - function () { return new ActiveXObject('Msxml2.XMLHTTP'); }, - function () { return new ActiveXObject('Microsoft.XMLHTTP'); }, - function () { return new ActiveXObject('Msxml2.XMLHTTP.4.0'); }, - function () { throw "Browser does not support XMLHttpRequest"; } - ]; - for (var i = 0; i < try_these.length; i++) { - var func = try_these[i]; - try { - return func(); - } catch (e) { - } - } - }, - - /** - * Use this function to do a simple HTTP Request - */ - doSimpleXMLHttpRequest: function(url) { - var req = this.getXMLHttpRequest(); - req.open("GET", url, true); - return this.sendXMLHttpRequest(req); - }, - - getRequest: function(url, data) { - var req = this.getXMLHttpRequest(); - req.open("POST", url, true); - req.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); - return this.sendXMLHttpRequest(req); - }, - - /** - * Send a XMLHttpRequest - */ - sendXMLHttpRequest: function(req, data) { - var d = new AJSDeferred(req); - - var onreadystatechange = function () { - if (req.readyState == 4) { - try { - status = req.status; - } - catch(e) {}; - if(status == 200 || status == 304 || req.responseText == null) { - d.callback(req, data); - } - else { - d.errback(); - } - } - } - req.onreadystatechange = onreadystatechange; - return d; - }, - - /** - * Represent an object as a string - */ - reprString: function(o) { - return ('"' + o.replace(/(["\\])/g, '\\$1') + '"' - ).replace(/[\f]/g, "\\f" - ).replace(/[\b]/g, "\\b" - ).replace(/[\n]/g, "\\n" - ).replace(/[\t]/g, "\\t" - ).replace(/[\r]/g, "\\r"); - }, - - /** - * Serialize an object to JSON notation - */ - serializeJSON: function(o) { - var objtype = typeof(o); - if (objtype == "undefined") { - return "undefined"; - } else if (objtype == "number" || objtype == "boolean") { - return o + ""; - } else if (o === null) { - return "null"; - } - if (objtype == "string") { - return this.reprString(o); - } - var me = arguments.callee; - var newObj; - if (typeof(o.__json__) == "function") { - newObj = o.__json__(); - if (o !== newObj) { - return me(newObj); - } - } - if (typeof(o.json) == "function") { - newObj = o.json(); - if (o !== newObj) { - return me(newObj); - } - } - if (objtype != "function" && typeof(o.length) == "number") { - var res = []; - for (var i = 0; i < o.length; i++) { - var val = me(o[i]); - if (typeof(val) != "string") { - val = "undefined"; - } - res.push(val); - } - return "[" + res.join(",") + "]"; - } - res = []; - for (var k in o) { - var useKey; - if (typeof(k) == "number") { - useKey = '"' + k + '"'; - } else if (typeof(k) == "string") { - useKey = this.reprString(k); - } else { - // skip non-string or number keys - continue; - } - val = me(o[k]); - if (typeof(val) != "string") { - // skip non-serializable values - continue; - } - res.push(useKey + ":" + val); - } - return "{" + res.join(",") + "}"; - }, - - /** - * Send and recive JSON using GET - */ - loadJSONDoc: function(url) { - var d = this.getRequest(url); - var eval_req = function(req) { - var text = req.responseText; - return eval('(' + text + ')'); + 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", + "ru": "Русский", "fi": "Suomi", "sv": "Svenska" }; - d.addCallback(eval_req); - return d; - }, - - -//// -// Misc. -//// - /** - * Alert the objects key attrs - */ - keys: function(obj) { - var rval = []; - for (var prop in obj) { - rval.push(prop); + 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(); } - return rval; - }, - - urlencode: function(str) { - return encodeURIComponent(str.toString()); - }, - - /** - * @returns True if the object is defined, otherwise false - */ - isDefined: function(o) { - return (o != "undefined" && o != null) - }, - - /** - * @returns True if an object is a array, false otherwise - */ - isArray: function(obj) { - try { return (typeof(obj.length) == "undefined") ? false : true; } - catch(e) - { return false; } - }, - - isObject: function(obj) { - return (obj && typeof obj == 'object'); - }, - - /** - * Export DOM elements to the global namespace - */ - exportDOMElements: function() { - UL = this.UL; - LI = this.LI; - TD = this.TD; - TR = this.TR; - TH = this.TH; - TBODY = this.TBODY; - TABLE = this.TABLE; - INPUT = this.INPUT; - SPAN = this.SPAN; - B = this.B; - A = this.A; - DIV = this.DIV; - IMG = this.IMG; - BUTTON = this.BUTTON; - H1 = this.H1; - H2 = this.H2; - H3 = this.H3; - BR = this.BR; - TEXTAREA = this.TEXTAREA; - FORM = this.FORM; - P = this.P; - SELECT = this.SELECT; - OPTION = this.OPTION; - TN = this.TN; - IFRAME = this.IFRAME; - SCRIPT = this.SCRIPT; - }, - - /** - * Export AmiJS functions to the global namespace - */ - exportToGlobalScope: function() { - getElement = this.getElement; - getQueryArgument = this.getQueryArgument; - isIe = this.isIe; - $ = this.getElement; - getElements = this.getElements; - getBody = this.getBody; - getElementsByTagAndClassName = this.getElementsByTagAndClassName; - appendChildNodes = this.appendChildNodes; - ACN = appendChildNodes; - replaceChildNodes = this.replaceChildNodes; - RCN = replaceChildNodes; - insertAfter = this.insertAfter; - insertBefore = this.insertBefore; - showElement = this.showElement; - hideElement = this.hideElement; - isElementHidden = this.isElementHidden; - swapDOM = this.swapDOM; - removeElement = this.removeElement; - isDict = this.isDict; - createDOM = this.createDOM; - this.exportDOMElements(); - getXMLHttpRequest = this.getXMLHttpRequest; - doSimpleXMLHttpRequest = this.doSimpleXMLHttpRequest; - getRequest = this.getRequest; - sendXMLHttpRequest = this.sendXMLHttpRequest; - reprString = this.reprString; - serializeJSON = this.serializeJSON; - loadJSONDoc = this.loadJSONDoc; - keys = this.keys; - isDefined = this.isDefined; - isArray = this.isArray; - } -} - - - -AJSDeferred = function(req) { - this.callbacks = []; - this.req = req; - - this.callback = function (res) { - while (this.callbacks.length > 0) { - var fn = this.callbacks.pop(); - res = fn(res); - } - }; - - this.errback = function(e){ - alert("Error encountered:\n" + e); - }; - - this.addErrback = function(fn) { - this.errback = fn; - }; - - this.addCallback = function(fn) { - this.callbacks.unshift(fn); - }; - - this.addCallbacks = function(fn1, fn2) { - this.addCallback(fn1); - this.addErrback(fn2); - }; - - this.sendReq = function(data) { - if(AJS.isObject(data)) { - var post_data = []; - for(k in data) { - post_data.push(k + "=" + AJS.urlencode(data[k])); - } - post_data = post_data.join("&"); - this.req.send(post_data); - } - else if(AJS.isDefined(data)) - this.req.send(data); - else { - this.req.send(""); - } - }; + else if (this.report_ta_not_found) + alert('Text area not found'); }; -AJSDeferred.prototype = new AJSDeferred(); + +////// +// 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); + rcmail.set_cookie('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) { + } + }); +}; -/**** -Last Modified: 28/04/06 15:26:06 +////// +// Spell checking functions +///// +this.prepare = function(ignore, no_indicator) +{ + this.cnt_errors_fixed = 0; + this.cnt_errors = 0; + this.setStateChanged('checking_spell'); + this.orginal_text = ''; - GoogieSpell - Google spell checker for your own web-apps :) - Copyright Amir Salihefendic 2006 - LICENSE - GPL (see gpl.txt for more information) - This basically means that you can't use this script with/in proprietary software! - There is another license that permits you to use this script with proprietary software. Check out:... for more info. - AUTHOR - 4mir Salihefendic (http://amix.dk) - amix@amix.dk - VERSION - 3.22 -****/ -var GOOGIE_CUR_LANG = "en"; + if (!no_indicator && this.main_controller) + this.appendIndicator(this.spell_span); -function GoogieSpell(img_dir, server_url) { - var cookie_value; - var lang; - cookie_value = getCookie('language'); - - if(cookie_value != null) - GOOGIE_CUR_LANG = cookie_value; - - this.img_dir = img_dir; - this.server_url = server_url; - - this.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.langlist_codes = AJS.keys(this.lang_to_word); - - this.show_change_lang_pic = true; - - this.lang_state_observer = null; - - this.spelling_state_observer = null; - - this.request = null; - this.error_window = null; - this.language_window = null; - this.edit_layer = null; - this.orginal_text = null; - this.results = null; - this.text_area = null; - this.gselm = null; - this.ta_scroll_top = 0; - this.el_scroll_top = 0; - - this.lang_chck_spell = "Check spelling"; - this.lang_rsm_edt = "Resume editing"; - this.lang_close = "Close"; - this.lang_no_error_found = "No spelling errors found"; - this.lang_revert = "Revert to"; - this.show_spell_img = false; // modified by roundcube -} - -GoogieSpell.prototype.setStateChanged = function(current_state) { - if(this.spelling_state_observer != null) - this.spelling_state_observer(current_state); -} - -GoogieSpell.item_onmouseover = function(e) { - var elm = GoogieSpell.getEventElm(e); - if(elm.className != "googie_list_close" && elm.className != "googie_list_revert") - elm.className = "googie_list_onhover"; - else - elm.parentNode.className = "googie_list_onhover"; -} - -GoogieSpell.item_onmouseout = function(e) { - var elm = GoogieSpell.getEventElm(e); - if(elm.className != "googie_list_close" && elm.className != "googie_list_revert") - elm.className = "googie_list_onout"; - else - elm.parentNode.className = "googie_list_onout"; -} - -GoogieSpell.prototype.getGoogleUrl = function() { - return this.server_url + GOOGIE_CUR_LANG; -} - -GoogieSpell.prototype.spellCheck = function(elm, name) { - this.ta_scroll_top = this.text_area.scrollTop; - - this.appendIndicator(elm); - - try { + this.error_links = []; + this.ta_scroll_top = this.text_area.scrollTop; + this.ignore = ignore; this.hideLangWindow(); - } - catch(e) {} - - this.gselm = elm; - this.createEditLayer(this.text_area.offsetWidth, this.text_area.offsetHeight); - - this.createErrorWindow(); - AJS.getBody().appendChild(this.error_window); - - try { netscape.security.PrivilegeManager.enablePrivilege("UniversalBrowserRead"); } - catch (e) { } - - this.gselm.onclick = null; - - this.orginal_text = this.text_area.value; - var me = this; - - //Create request - var d = AJS.getRequest(this.getGoogleUrl()); - var reqdone = function(req) { - var r_text = req.responseText; - if(r_text.match(/<c.*>/) != null) { - var results = GoogieSpell.parseResult(r_text); - //Before parsing be sure that errors were found - me.results = results; - me.showErrorsInIframe(results); - me.resumeEditingState(); - } - else { - me.flashNoSpellingErrorState(); - } - me.removeIndicator(); - }; - - var reqfailed = function(req) { - alert("An error was encountered on the server. Please try again later."); - AJS.removeElement(me.gselm); - me.checkSpellingState(); - me.removeIndicator(); - }; - - d.addCallback(reqdone); - d.addErrback(reqfailed); - - var req_text = GoogieSpell.escapeSepcial(this.orginal_text); - d.sendReq(GoogieSpell.createXMLReq(req_text)); -} - -GoogieSpell.escapeSepcial = function(val) { - return val.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">"); -} - -GoogieSpell.createXMLReq = function (text) { - return '<?xml version="1.0" encoding="utf-8" ?><spellrequest textalreadyclipped="0" ignoredups="0" ignoredigits="1" ignoreallcaps="1"><text>' + text + '</text></spellrequest>'; -} - -//Retunrs an array -//result[item] -> ['attrs'] -// ['suggestions'] -GoogieSpell.parseResult = function(r_text) { - var re_split_attr_c = /\w="\d+"/g; - var re_split_text = /\t/g; - - var matched_c = r_text.match(/<c[^>]*>[^<]*<\/c>/g); - var results = new Array(); - - for(var i=0; i < matched_c.length; i++) { - var item = new Array(); - - //Get attributes - item['attrs'] = new Array(); - var split_c = matched_c[i].match(re_split_attr_c); - for(var j=0; j < split_c.length; j++) { - var c_attr = split_c[j].split(/=/); - item['attrs'][c_attr[0]] = parseInt(c_attr[1].replace('"', '')); + if ($(this.text_area).val() == '' || ignore) { + if (!this.custom_no_spelling_error) + this.flashNoSpellingErrorState(); + else + this.custom_no_spelling_error(this); + this.removeIndicator(); + return; } - //Get suggestions - item['suggestions'] = new Array(); - var only_text = matched_c[i].replace(/<[^>]*>/g, ""); - var 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]); + 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); } - results.push(item); - } - return results; -} -/**** - Error window (the drop-down window) -****/ -GoogieSpell.prototype.createErrorWindow = function() { - this.error_window = AJS.DIV(); - this.error_window.className = "googie_window"; -} + return results; +}; -GoogieSpell.prototype.hideErrorWindow = function() { - this.error_window.style.visibility = "hidden"; -} - -GoogieSpell.prototype.updateOrginalText = function(offset, old_value, new_value, id) { - var part_1 = this.orginal_text.substring(0, offset); - var part_2 = this.orginal_text.substring(offset+old_value.length); - this.orginal_text = part_1 + new_value + part_2; - var add_2_offset = new_value.length - old_value.length; - for(var j=0; j < this.results.length; j++) { - //Don't edit the offset of the current item - if(j != id && j > id){ - this.results[j]['attrs']['o'] += add_2_offset; +this.processData = function(data) +{ + this.results = this.parseResult(data); + if (this.results.length) { + this.showErrorsInIframe(); + this.resumeEditingState(); } - } -} +}; -GoogieSpell.prototype.saveOldValue = function (id, old_value) { - this.results[id]['is_changed'] = true; - this.results[id]['old_value'] = old_value; -} +////// +// Error menu functions +///// +this.createErrorWindow = function() +{ + this.error_window = document.createElement('div'); + $(this.error_window).addClass('googie_window popupmenu').attr('googie_action_btn', '1'); +}; -GoogieSpell.prototype.showErrorWindow = function(elm, id) { - var me = this; +this.isErrorWindowShown = function() +{ + return $(this.error_window).is(':visible'); +}; - var abs_pos = GoogieSpell.absolutePosition(elm); - abs_pos.y -= this.edit_layer.scrollTop; - this.error_window.style.visibility = "visible"; - this.error_window.style.top = (abs_pos.y+20) + "px"; - this.error_window.style.left = (abs_pos.x) + "px"; - this.error_window.innerHTML = ""; +this.hideErrorWindow = function() +{ + $(this.error_window).hide(); + $(this.error_window_iframe).hide(); +}; - //Build up the result list - var table = AJS.TABLE({'class': 'googie_list'}); - var list = AJS.TBODY(); +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; - var suggestions = this.results[id]['suggestions']; - var offset = this.results[id]['attrs']['o']; - var len = this.results[id]['attrs']['l']; - - if(suggestions.length == 0) { - var row = AJS.TR(); - var item = AJS.TD(); - var dummy = AJS.SPAN(); - item.appendChild(AJS.TN("No suggestions :(")); - row.appendChild(item); - list.appendChild(row); - } - - for(i=0; i < suggestions.length; i++) { - var row = AJS.TR(); - var item = AJS.TD(); - var dummy = AJS.SPAN(); - dummy.innerHTML = suggestions[i]; - item.appendChild(AJS.TN(dummy.innerHTML)); - - item.onclick = function(e) { - var l_elm = GoogieSpell.getEventElm(e); - var old_value = elm.innerHTML; - var new_value = l_elm.innerHTML; - - elm.style.color = "green"; - elm.innerHTML = l_elm.innerHTML; - me.hideErrorWindow(); - - me.updateOrginalText(offset, old_value, new_value, id); - - //Update to the new length - me.results[id]['attrs']['l'] = new_value.length; - me.saveOldValue(id, old_value); - }; - item.onmouseover = GoogieSpell.item_onmouseover; - item.onmouseout = GoogieSpell.item_onmouseout; - row.appendChild(item); - list.appendChild(row); - } - - //The element is changed, append the revert - if(this.results[id]['is_changed']) { - var old_value = this.results[id]['old_value']; - var offset = this.results[id]['attrs']['o']; - var revert_row = AJS.TR(); - var revert = AJS.TD(); - - revert.onmouseover = GoogieSpell.item_onmouseover; - revert.onmouseout = GoogieSpell.item_onmouseout; - var rev_span = AJS.SPAN({'class': 'googie_list_revert'}); - rev_span.innerHTML = this.lang_revert + " " + old_value; - revert.appendChild(rev_span); - - revert.onclick = function(e) { - me.updateOrginalText(offset, elm.innerHTML, old_value, id); - elm.style.color = "#b91414"; - elm.innerHTML = old_value; - me.hideErrorWindow(); - }; - - revert_row.appendChild(revert); - list.appendChild(revert_row); - } - - //Append the edit box - var edit_row = AJS.TR(); - var edit = AJS.TD(); - - var edit_input = AJS.INPUT({'style': 'width: 120px; margin:0; padding:0'}); - - var onsub = function () { - if(edit_input.value != "") { - me.saveOldValue(id, elm.innerHTML); - me.updateOrginalText(offset, elm.innerHTML, edit_input.value, id); - elm.style.color = "green" - elm.innerHTML = edit_input.value; - - me.hideErrorWindow(); - return false; + 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; } - }; - - var ok_pic = AJS.IMG({'src': this.img_dir + "ok.gif", 'style': 'width: 32px; height: 16px; margin-left: 2px; margin-right: 2px;'}); - var edit_form = AJS.FORM({'style': 'margin: 0; padding: 0'}, edit_input, ok_pic); - ok_pic.onclick = onsub; - edit_form.onsubmit = onsub; - - edit.appendChild(edit_form); - edit_row.appendChild(edit); - list.appendChild(edit_row); +}; - //Close button - var close_row = AJS.TR(); - var close = AJS.TD(); +this.saveOldValue = function(elm, old_value) { + elm.is_changed = true; + elm.old_value = old_value; +}; - close.onmouseover = GoogieSpell.item_onmouseover; - close.onmouseout = GoogieSpell.item_onmouseout; +this.createListSeparator = function() +{ + var td = document.createElement('td'), + tr = document.createElement('tr'); - var spn_close = AJS.SPAN({'class': 'googie_list_close'}); - spn_close.innerHTML = this.lang_close; - close.appendChild(spn_close); - close.onclick = function() { me.hideErrorWindow()}; - close_row.appendChild(close); - list.appendChild(close_row); + $(td).html(' ').attr('googie_action_btn', '1') + .css({'cursor': 'default', 'font-size': '3px', 'border-top': '1px solid #ccc', 'padding-top': '3px'}); + tr.appendChild(td); - table.appendChild(list); - this.error_window.appendChild(table); -} + 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').text(edit_input.value); + ref.hideErrorWindow(); + } + return false; + }; + + $(edit_input).width(120) + .css({'margin': 0, 'padding': 0}) + .val($(elm).text()).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 (document.all && !window.opera) { + 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) -****/ -GoogieSpell.prototype.createEditLayer = function(width, height) { - this.edit_layer = AJS.DIV({'class': 'googie_edit_layer'}); - - //Set the style so it looks like edit areas - this.edit_layer.className = this.text_area.className; - this.edit_layer.style.border = "1px solid #999"; - this.edit_layer.style.overflow = "auto"; - this.edit_layer.style.backgroundColor = "#F1EDFE"; - this.edit_layer.style.padding = "3px"; +////// +// 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); - this.edit_layer.style.width = (width-8) + "px"; - this.edit_layer.style.height = height + "px"; -} + 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'); + } -GoogieSpell.prototype.resumeEditing = function(e, me) { - this.setStateChanged("check_spelling"); - me.switch_lan_pic.style.display = "inline"; + var ref = this; - this.el_scroll_top = me.edit_layer.scrollTop; + 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; + }); + } +}; - var elm = GoogieSpell.getEventElm(e); - AJS.replaceChildNodes(elm, this.createSpellDiv()); +this.resumeEditing = function() +{ + this.setStateChanged('ready'); - elm.onclick = function(e) { - me.spellCheck(elm, me.text_area.id); - }; - me.hideErrorWindow(); + if (this.edit_layer) + this.el_scroll_top = this.edit_layer.scrollTop; - //Remove the EDIT_LAYER - me.edit_layer.parentNode.removeChild(me.edit_layer); + this.hideErrorWindow(); - me.text_area.value = me.orginal_text; - AJS.showElement(me.text_area); - me.gselm.className = "googie_no_style"; + if (this.main_controller) + $(this.spell_span).removeClass().addClass('googie_no_style'); - me.text_area.scrollTop = this.el_scroll_top; + if (!this.ignore) { + if (this.use_focus) { + $(this.focus_link_t).remove(); + $(this.focus_link_b).remove(); + } - elm.onmouseout = null; -} + $(this.edit_layer).remove(); + $(this.text_area).show(); -GoogieSpell.prototype.createErrorLink = function(text, id) { - var elm = AJS.SPAN({'class': 'googie_link'}); - var me = this; - elm.onclick = function () { - me.showErrorWindow(elm, id); - }; - elm.innerHTML = text; - return elm; -} + if (this.el_scroll_top != undefined) + this.text_area.scrollTop = this.el_scroll_top; + } + this.checkSpellingState(false); +}; -GoogieSpell.createPart = function(txt_part) { - if(txt_part == " ") - return AJS.TN(" "); - var result = AJS.SPAN(); +this.createErrorLink = function(text, id) +{ + var elm = document.createElement('span'), + ref = this, + d = function (e) { + ref.showErrorWindow(elm, id); + d = null; + return false; + }; - var is_first = true; - var is_safari = (navigator.userAgent.toLowerCase().indexOf("safari") != -1); + $(elm).html(text).addClass('googie_link').click(d).removeAttr('is_corrected') + .attr({'googie_action_btn' : '1', 'g_id' : id}); - var part = AJS.SPAN(); - txt_part = GoogieSpell.escapeSepcial(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, " "); - - part.innerHTML = txt_part; + return elm; +}; - return part; -} +this.createPart = function(txt_part) +{ + if (txt_part == " ") + return document.createTextNode(" "); -GoogieSpell.prototype.showErrorsInIframe = function(results) { - var output = AJS.DIV(); - output.style.textAlign = "left"; - var pointer = 0; - for(var i=0; i < results.length; i++) { - var offset = results[i]['attrs']['o']; - var len = results[i]['attrs']['l']; - - var part_1_text = this.orginal_text.substring(pointer, offset); - var part_1 = GoogieSpell.createPart(part_1_text); - output.appendChild(part_1); - pointer += offset - pointer; - - //If the last child was an error, then insert some space - output.appendChild(this.createErrorLink(this.orginal_text.substr(offset, len), i)); - pointer += len; - } - //Insert the rest of the orginal text - var part_2_text = this.orginal_text.substr(pointer, this.orginal_text.length); + 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 part_2 = GoogieSpell.createPart(part_2_text); - output.appendChild(part_2); + var span = document.createElement('span'); + $(span).html(txt_part); + return span; +}; - this.edit_layer.appendChild(output); +this.showErrorsInIframe = function() +{ + var output = document.createElement('div'), + pointer = 0, + results = this.results; - //Hide text area - AJS.hideElement(this.text_area); - this.text_area.parentNode.insertBefore(this.edit_layer, this.text_area.nextSibling); - this.edit_layer.scrollTop = this.ta_scroll_top; -} + 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); -GoogieSpell.Position = function(x, y) { - this.x = x; - this.y = y; -} + output.appendChild(part_1); + pointer += offset - pointer; -//Get the absolute position of menu_slide -GoogieSpell.absolutePosition = function(element) { - //Create a new object that has elements y and x pos... - var posObj = new GoogieSpell.Position(element.offsetLeft, element.offsetTop); + // 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; + } - //Check if the element has an offsetParent - if it has .. loop until it has not - if(element.offsetParent) { - var temp_pos = GoogieSpell.absolutePosition(element.offsetParent); - posObj.x += temp_pos.x; - posObj.y += temp_pos.y; - } - return posObj; -} + // 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); -GoogieSpell.getEventElm = function(e) { - var targ; - if (!e) var e = window.event; - if (e.target) targ = e.target; - else if (e.srcElement) targ = e.srcElement; - if (targ.nodeType == 3) // defeat Safari bug - targ = targ.parentNode; - return targ; -} + output.appendChild(part_2); + } + else + output.innerHTML = this.orginal_text; -GoogieSpell.prototype.removeIndicator = function(elm) { - AJS.removeElement(this.indicator); -} - -GoogieSpell.prototype.appendIndicator = function(elm) { - var img = AJS.IMG({'src': this.img_dir + 'indicator.gif', 'style': 'margin-right: 5px;'}); - img.style.width = "16px"; - img.style.height = "16px"; - this.indicator = img; - img.style.textDecoration = "none"; - AJS.insertBefore(img, elm); -} - -/**** - Choose language -****/ -GoogieSpell.prototype.createLangWindow = function() { - this.language_window = AJS.DIV({'class': 'googie_window'}); - this.language_window.style.width = "130px"; - - //Build up the result list - var table = AJS.TABLE({'class': 'googie_list'}); - var list = AJS.TBODY(); - - this.lang_elms = new Array(); - - for(i=0; i < this.langlist_codes.length; i++) { - var row = AJS.TR(); - var item = AJS.TD(); - item.googieId = this.langlist_codes[i]; - this.lang_elms.push(item); - var lang_span = AJS.SPAN(); - lang_span.innerHTML = this.lang_to_word[this.langlist_codes[i]]; - item.appendChild(AJS.TN(lang_span.innerHTML)); + $(output).css('text-align', 'left'); var me = this; - - item.onclick = function(e) { - var elm = GoogieSpell.getEventElm(e); - me.deHighlightCurSel(); + if (this.custom_item_evaulator) + $.map(this.error_links, function(elm){me.custom_item_evaulator(me, elm)}); - me.setCurrentLanguage(elm.googieId); + $(this.edit_layer).append(output); - if(me.lang_state_observer != null) { - me.lang_state_observer(); - } + // Hide text area and show edit layer + $(this.text_area).hide(); + $(this.edit_layer).insertBefore(this.text_area); - me.highlightCurSel(); - me.hideLangWindow(); - }; + if (this.use_focus) { + this.focus_link_t = this.createFocusLink('focus_t'); + this.focus_link_b = this.createFocusLink('focus_b'); - item.onmouseover = function(e) { - var i_it = GoogieSpell.getEventElm(e); - if(i_it.className != "googie_list_selected") - i_it.className = "googie_list_onhover"; - }; - item.onmouseout = function(e) { - var i_it = GoogieSpell.getEventElm(e); - if(i_it.className != "googie_list_selected") - i_it.className = "googie_list_onout"; - }; - - row.appendChild(item); - list.appendChild(row); - } - - this.highlightCurSel(); - - //Close button - var close_row = AJS.TR(); - var close = AJS.TD(); - close.onmouseover = GoogieSpell.item_onmouseover; - close.onmouseout = GoogieSpell.item_onmouseout; - var spn_close = AJS.SPAN({'class': 'googie_list_close'}); - spn_close.innerHTML = this.lang_close; - close.appendChild(spn_close); - var me = this; - close.onclick = function(e) { - me.hideLangWindow(); GoogieSpell.item_onmouseout(e); - }; - close_row.appendChild(close); - list.appendChild(close_row); - - table.appendChild(list); - this.language_window.appendChild(table); -} - -GoogieSpell.prototype.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); -} - -GoogieSpell.prototype.hideLangWindow = function() { - this.language_window.style.visibility = "hidden"; - this.switch_lan_pic.className = "googie_lang_3d_on"; -} - -GoogieSpell.prototype.deHighlightCurSel = function() { - this.lang_cur_elm.className = "googie_list_onout"; -} - -GoogieSpell.prototype.highlightCurSel = function() { - for(var i=0; i < this.lang_elms.length; i++) { - if(this.lang_elms[i].googieId == GOOGIE_CUR_LANG) { - this.lang_elms[i].className = "googie_list_selected"; - this.lang_cur_elm = this.lang_elms[i]; + $(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 { - this.lang_elms[i].className = "googie_list_onout"; - } - } -} - -GoogieSpell.prototype.showLangWindow = function(elm, ofst_top, ofst_left) { - if(!AJS.isDefined(ofst_top)) - ofst_top = 20; - if(!AJS.isDefined(ofst_left)) - ofst_left = 50; - - this.createLangWindow(); - AJS.getBody().appendChild(this.language_window); - - var abs_pos = GoogieSpell.absolutePosition(elm); - AJS.showElement(this.language_window); - this.language_window.style.top = (abs_pos.y+ofst_top) + "px"; - this.language_window.style.left = (abs_pos.x+ofst_left-this.language_window.offsetWidth) + "px"; - this.highlightCurSel(); - this.language_window.style.visibility = "visible"; -} - -GoogieSpell.prototype.flashNoSpellingErrorState = function() { - this.setStateChanged("no_error_found"); - var me = this; - AJS.hideElement(this.switch_lan_pic); - this.gselm.innerHTML = this.lang_no_error_found; - this.gselm.className = "googie_check_spelling_ok"; - this.gselm.style.textDecoration = "none"; - this.gselm.style.cursor = "default"; - var fu = function() { - AJS.removeElement(me.gselm); - me.checkSpellingState(); - }; - setTimeout(fu, 1000); -} - -GoogieSpell.prototype.resumeEditingState = function() { - this.setStateChanged("resume_editing"); - var me = this; - AJS.hideElement(me.switch_lan_pic); - - //Change link text to resume - me.gselm.innerHTML = this.lang_rsm_edt; - me.gselm.onclick = function(e) { - me.resumeEditing(e, me); - } - me.gselm.className = "googie_check_spelling_ok"; - me.edit_layer.scrollTop = me.ta_scroll_top; -} - -GoogieSpell.prototype.createChangeLangPic = function() { - var switch_lan = AJS.A({'class': 'googie_lang_3d_on', 'style': 'padding-left: 6px;'}, AJS.IMG({'src': this.img_dir + 'change_lang.gif', 'alt': "Change language"})); - switch_lan.onmouseover = function() { - if(this.className != "googie_lang_3d_click") - this.className = "googie_lang_3d_on"; - } - - var me = this; - switch_lan.onclick = function() { - if(this.className == "googie_lang_3d_click") { - me.hideLangWindow(); - } - else { - me.showLangWindow(switch_lan); - this.className = "googie_lang_3d_click"; - } - } - return switch_lan; -} - -GoogieSpell.prototype.createSpellDiv = function() { - var chk_spell = AJS.SPAN({'class': 'googie_check_spelling_link'}); - chk_spell.innerHTML = this.lang_chck_spell; - var spell_img = null; - if(this.show_spell_img) - spell_img = AJS.IMG({'src': this.img_dir + "spellc.gif"}); - return AJS.SPAN(spell_img, " ", chk_spell); -} - -GoogieSpell.prototype.checkSpellingState = function() { - this.setStateChanged("check_spelling"); - var me = this; - if(this.show_change_lang_pic) - this.switch_lan_pic = this.createChangeLangPic(); - else - this.switch_lan_pic = AJS.SPAN(); - - var span_chck = this.createSpellDiv(); - span_chck.onclick = function() { - me.spellCheck(span_chck); - } - AJS.appendChildNodes(this.spell_container, span_chck, " ", this.switch_lan_pic); -} - -GoogieSpell.prototype.setLanguages = function(lang_dict) { - this.lang_to_word = lang_dict; - this.langlist_codes = AJS.keys(lang_dict); -} - -GoogieSpell.prototype.decorateTextarea = function(id, /*optional*/spell_container_id, force_width) { - var me = this; - - if(typeof(id) == "string") - this.text_area = AJS.getElement(id); - else - this.text_area = id; - - var r_width; - - if(this.text_area != null) { - if(AJS.isDefined(spell_container_id)) { - if(typeof(spell_container_id) == "string") - this.spell_container = AJS.getElement(spell_container_id); - else - this.spell_container = spell_container_id; - } - else { - var table = AJS.TABLE(); - var tbody = AJS.TBODY(); - var tr = AJS.TR(); - if(AJS.isDefined(force_width)) { - r_width = force_width; - } - else { - r_width = this.text_area.offsetWidth + "px"; - } - - var spell_container = AJS.TD(); - this.spell_container = spell_container; - - tr.appendChild(spell_container); - - tbody.appendChild(tr); - table.appendChild(tbody); - - AJS.insertBefore(table, this.text_area); - - //Set width - table.style.width = '100%'; // modified by roundcube (old: r_width) - spell_container.style.width = r_width; - spell_container.style.textAlign = "right"; + $(span_chck).bind('click', function(e) { ref.spellCheck() }); } - this.checkSpellingState(); - } - else { - alert("Text area not found"); - } + 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'; +}; + + +}; -- Gitblit v1.9.1