discourse-legacysite-perl/site/common/static/js/spellcheck.js
2024-06-17 22:27:49 +10:00

561 lines
22 KiB
JavaScript

/*
* =================================================================
* Gossamer Mail - enhanced email management system
*
* Website : http://gossamer-threads.com/
* Support : http://gossamer-threads.com/scripts/support/
* Revision : $Id: spellcheck.js,v 1.5 2006/11/18 14:22:58 brewt Exp $
*
* Copyright (c) 2004 Gossamer Threads Inc. All Rights Reserved.
* Redistribution in part or in whole strictly prohibited. Please
* see LICENSE file for full details.
* =================================================================
*/
function spellCheck(objName) {
this.config = {
// FIXME remove this?
menuWidth : 110, // The width of the misspelled words menu
menuMaxRows : 10, // The maximum number of suggestions (maximum is 10)
disableElements : [], // An array of html elements which should be disabled in spell check mode
addPermission : true, // Whether or not words can be added to the dictionary
textCheckButton : '', // Text of the button when in regular mode (uses original value)
editorObj : null // The advanced HTML editor object
};
this.lang = {
'add' : 'Add...',
'edit' : 'Edit...',
'delete' : 'Delete',
'replaceAll' : 'Replace All',
'resume' : 'Resume Compose',
'title' : 'Suggested Spellings',
'noMisspelled' : 'No words were misspelled.'
};
this.id = {
checkContent : 'compose_body',
checkFrame : 'spellcheck_frame',
checkButton : 'button_spellcheck',
checkResult : 'spellcheck_result',
menuSuggest : 'spellcheck_suggestions',
htmlCompose : 'compose_is_html',
extra : [] // Extra input values to pass through (these elements must exist both on the page and spellcheck-inline form)
};
this.name = objName;
this.words = [];
this.corrections = {};
this.selectedIndex = -1;
this.loaded = false;
this.formLoaded = false;
this.misspelled = false;
this.replaceAll = false;
this.loadingInterval;
}
spellCheck.prototype.load = function () {
if (this.config.editorObj) {
var self = this;
this.loadingInterval = setInterval(function () { self.init(); }, 250);
}
else
this.init();
}
spellCheck.prototype.init = function () {
if (this.config.editorObj) {
if (this.config.editorObj.loaded)
clearInterval(this.loadingInterval);
else
return;
}
this.objects = {
checkForm : null,
checkContent : document.getElementById(this.id.checkContent),
checkFrame : document.getElementById(this.id.checkFrame),
checkButton : [],
checkResult : document.getElementById(this.id.checkResult),
menuSuggest : document.getElementById(this.id.menuSuggest)
};
if (typeof this.id.checkButton == 'string')
this.objects.checkButton.push(document.getElementById(this.id.checkButton));
else
for (var i = 0; i < this.id.checkButton.length; i++)
this.objects.checkButton.push(document.getElementById(this.id.checkButton[i]));
if (!this.objects.menuSuggest) {
this.objects.menuSuggest = document.createElement('div');
this.objects.menuSuggest.id = this.id.menuSuggest;
this.objects.menuSuggest.style.display = 'none';
document.body.appendChild(this.objects.menuSuggest);
}
if (!this.objects.checkResult) {
this.objects.checkResult = document.createElement('div');
this.objects.checkResult.id = this.id.checkResult;
this.objects.checkResult.style.display = 'none';
document.body.appendChild(this.objects.checkResult);
}
if (!this.objects.checkContent) return;
var self = this;
for (var i = 0; i < this.objects.checkButton.length; i++)
registerEvent(this.objects.checkButton[i], 'click', function (e) {
if (!e) e = window.event;
if (self.formLoaded) {
if (self.objects.checkResult.style.display == 'none')
self.prepareCheck();
else
self.resumeCompose();
}
cancelEvent(e);
stopPropagation(e);
});
// This handler should only be called on a click on everything but the misspelled
// words, edit_word input, and the menu.
registerEvent(document, 'click', function (e) {
if (!e) e = window.event;
// FIXME this should call dMenuObj.hide();
if (self.objects.menuSuggest.style.display != 'none')
self.objects.menuSuggest.style.display = 'none';
self.checkEditWord();
});
registerEvent(window, 'resize', function () {
if (self.objects.checkResult.style.display != 'none')
self.showCheckResult();
});
this.loaded = true;
};
spellCheck.prototype.prepareCheck = function () {
this.objects.checkForm.elements.content.value = this.config.editorObj ? this.config.editorObj.getContent(true) : this.objects.checkContent.value;
if (this.objects.checkForm.elements.content.value == '') {
alert(this.lang.noMisspelled);
return;
}
var html = document.getElementById(this.id.htmlCompose);
if (this.objects.checkForm.elements[this.id.htmlCompose])
this.objects.checkForm.elements[this.id.htmlCompose].value = html ? html.value : 0;
for (var i = 0; i < this.id.extra.length; i++) {
var sourceObj = document.getElementById(this.id.extra[i]);
var destObj = this.objects.checkForm[this.id.extra[i]];
if (sourceObj && destObj) destObj.value = sourceObj.value;
}
this.objects.checkForm.submit();
}
spellCheck.prototype.resumeCompose = function () {
var content = '';
for (var i = 0; i < this.words.length; i++)
content += this.words[i].word;
if (this.config.editorObj)
content = content.replace(/<a dhref=/g, '<a href=');
if (this.config.editorObj)
this.config.editorObj.setContent(content);
else
this.objects.checkContent.value = content;
this.objects.menuSuggest.style.display = 'none';
this.hideCheckResult();
if (this.config.editorObj) {
this.config.editorObj.enable();
this.config.editorObj.focus();
}
else
this.objects.checkContent.focus();
for (var i = 0; i < this.objects.checkButton.length; i++)
this.objects.checkButton[i].value = this.config.textCheckButton;
this.disableElementsEnable(true);
}
spellCheck.prototype.processCheck = function () {
var self = this;
if (this.words.length == 0 || !this.misspelled) {
alert(this.lang.noMisspelled);
return;
}
if (this.config.editorObj)
this.config.editorObj.disable();
var content = '';
for (var i = 0; i < this.words.length; i++) {
if (!this.words[i].misspelled)
content += this.config.editorObj ? this.words[i].word : htmlEscape(this.words[i].word).replace(/\n/g, '<br>').replace(/ /g, ' &nbsp;');
else
content += '<span id="msw_' + i + '">' + this.words[i].word + '</span>';
}
if (this.config.editorObj)
cmntent = content.replace(/<a href=/gi, '<a dhref=');
else
content = '<span class="pre">' + content + '</span>';
this.objects.checkResult.innerHTML = content;
for (var i = 0; i < this.words.length; i++) {
if (!this.words[i].misspelled)
continue;
var msw = document.getElementById('msw_' + i);
msw.title = this.lang.title;
msw.className = 'misspelled';
registerEvent(msw, 'click', function (e) {
if (!e) e = window.event;
var targ = e.target ? e.target : e.srcElement;
if (targ.nodeType == 3) // defeat Safari bug
targ = targ.parentNode;
self.checkEditWord();
self.selectedIndex = parseInt(targ.id.replace(/^msw_/, ''));
var suggest = new dMenu(self, self.corrections[self.words[self.selectedIndex].oword.toLowerCase()]);
var selected = document.getElementById('msw_' + self.selectedIndex);
var posY = findPosY(selected) + selected.offsetHeight + 1 - self.objects.checkResult.scrollTop;
var posX = findPosX(selected);
suggest.show(posX, posY);
stopPropagation(e);
});
}
this.showCheckResult();
if (!this.config.textCheckButton)
this.config.textCheckButton = this.objects.checkButton[0].value;
for (var i = 0; i < this.objects.checkButton.length; i++)
this.objects.checkButton[i].value = this.lang.resume;
this.disableElementsEnable(false);
}
spellCheck.prototype.disableElementsEnable = function (flag) {
for (var i = 0; i < this.config.disableElements.length; i++) {
var element = document.getElementById(this.config.disableElements[i]);
if (!element)
continue;
if (element.tagName == 'INPUT')
element.disabled = !flag;
else
element.style.visibility = flag ? 'visible' : 'hidden';
}
}
spellCheck.prototype.showCheckResult = function () {
var width, height, left, top;
if (this.config.editorObj) {
width = this.config.editorObj.objects.editableFrame.offsetWidth -
getStyleLength(this.config.editorObj.objects.editableFrame, 'border-left-width') -
getStyleLength(this.config.editorObj.objects.editableFrame, 'border-right-width');
height = this.config.editorObj.objects.editableFrame.offsetHeight -
getStyleLength(this.config.editorObj.objects.editableFrame, 'border-top-width') -
getStyleLength(this.config.editorObj.objects.editableFrame, 'border-bottom-width');
left = findPosX(this.config.editorObj.objects.editorFrame) + findPosX(this.config.editorObj.objects.editableFrame) +
getStyleLength(this.config.editorObj.objects.editorFrame, 'border-left-width');
top = findPosY(this.config.editorObj.objects.editorFrame) + findPosY(this.config.editorObj.objects.editableFrame) +
getStyleLength(this.config.editorObj.objects.editorFrame, 'border-top-width');
}
else {
width = this.objects.checkContent.offsetWidth -
getStyleLength(this.objects.checkContent, 'border-left-width') -
getStyleLength(this.objects.checkContent, 'border-right-width');
height = this.objects.checkContent.offsetHeight -
getStyleLength(this.objects.checkContent, 'border-top-width') -
getStyleLength(this.objects.checkContent, 'border-bottom-width');
left = findPosX(this.objects.checkContent) + getStyleLength(this.objects.checkContent, 'border-left-width');
top = findPosY(this.objects.checkContent) + getStyleLength(this.objects.checkContent, 'border-top-width');
}
this.objects.checkResult.style.top = top + 'px';
this.objects.checkResult.style.left = left + 'px';
// set display: block before width and height because in Safari, you can't get current styles of hidden elements
this.objects.checkResult.style.display = '';
this.objects.checkResult.style.width = calcCSSWidth(this.objects.checkResult, width);
this.objects.checkResult.style.height = calcCSSHeight(this.objects.checkResult, height);
}
spellCheck.prototype.hideCheckResult = function () {
this.objects.checkResult.style.display = 'none';
}
spellCheck.prototype.checkEditWord = function () {
var edit_word = document.getElementById('edit_word');
if (edit_word) {
var suggest = new dMenu(this, this.corrections[this.words[edit_word.name].oword.toLowerCase()]);
suggest.updateWord(13);
}
}
function dMenu(spellcheck, corrections) {
var oMenu = spellcheck.objects.menuSuggest;
while (oMenu.hasChildNodes())
oMenu.removeChild(oMenu.firstChild);
this.object = oMenu;
this.corrections = corrections;
this.spellcheck = spellcheck;
if (corrections.length < 0) return;
var menu_rows = corrections.length > spellcheck.config.menuMaxRows ? spellcheck.config.menuMaxRows : corrections.length;
for (var i = 0; i < menu_rows; i++)
this.addNode('menu_' + i, corrections[i]);
var actions = [['hr', '', '<hr />'], ['add', 'wordAdd', spellcheck.lang.add], ['edit', 'wordEdit', spellcheck.lang.edit], ['delete', 'wordEdit', spellcheck.lang['delete']], ['option', 'wordOption', '<span id="replace_all">' + spellcheck.lang.replaceAll + '</span>']];
menu_rows += actions.length;
var new_word = this.newWord();
for (var i = 0; i < actions.length; i++) {
if (actions[i][0] == 'add' && (this.spellcheck.config.addPermission == false || !new_word)) {
menu_rows--;
continue;
}
this.addNode(actions[i][0], actions[i][2]);
}
oMenu.style.width = spellcheck.config.menuWidth + 'px';
}
dMenu.prototype.show = function (posX, posY) {
this.object.style.left = posX + 'px';
this.object.style.top = posY + 'px';
if (this.spellcheck.replaceAll && document.getElementById('replace_all'))
document.getElementById('replace_all').className = 'replace_all';
this.object.style.display = '';
}
dMenu.prototype.hide = function () {
this.object.style.display = 'none';
if (document.getElementById('replace_all'))
document.getElementById('replace_all').className = '';
}
dMenu.prototype.addNode = function (name, text) {
var oNode = document.createElement('div');
// FIXME text may contain html
oNode.innerHTML = text;
if (name != 'hr') {
oNode.id = name;
oNode.className = 'menu-item';
oNode.setAttribute('unselectable', 'on');
if (oNode.offsetWidth > this.spellcheck.config.menuWidth)
this.spellcheck.config.menuWidth = oNode.offsetWidth + 'px';
var self = this;
registerEvent(oNode, 'mouseover', function (e) {
if (!e) e = window.event;
var targ = e.target ? e.target : e.srcElement;
if (targ.nodeType == 3) // defeat Safari bug
targ = targ.parentNode;
// The target when clicking on "Replace All" will be the span
if (targ.tagName == 'SPAN')
targ = targ.parentNode;
targ.className = 'menu-item mouseover';
});
registerEvent(oNode, 'mouseout', function (e) {
if (!e) e = window.event;
var targ = e.target ? e.target : e.srcElement;
if (targ.nodeType == 3)
targ = targ.parentNode;
if (targ.tagName == 'SPAN')
targ = targ.parentNode;
targ.className = 'menu-item';
});
registerEvent(oNode, 'click', function (e) {
if (!e) e = window.event;
var targ = e.target ? e.target : e.srcElement;
if (targ.nodeType == 3)
targ = targ.parentNode;
if (targ.tagName == 'SPAN')
targ = targ.parentNode;
if (targ.id == 'add')
self.addWord();
else if (targ.id == 'edit')
self.editWord();
else if (targ.id == 'delete')
self.deleteWord();
else if (targ.id == 'option')
self.setOption();
else
self.replaceWord(targ.firstChild.nodeValue);
stopPropagation(e);
});
}
this.object.appendChild(oNode);
}
dMenu.prototype.addWord = function () {
this.hide();
if (!this.spellcheck.words[this.spellcheck.selectedIndex].misspelled) return;
if (!this.spellcheck.config.addPermission) {
alert("You cannot add words to the dictionary.");
return;
}
var selected = document.getElementById('msw_' + this.spellcheck.selectedIndex);
if (!selected) return;
var word = this.spellcheck.words[this.spellcheck.selectedIndex].word;
if (confirm("Are you sure you want to add '" + word + "' to the dictionary?")) {
this.spellcheck.objects.checkForm.elements['do'].value = 'add_word';
this.spellcheck.objects.checkForm.elements.content.value = word;
this.spellcheck.objects.checkForm.submit();
selected.className = 'misspelled updated';
for (var i = 0; i < this.spellcheck.words.length; i++) {
if (i != this.spellcheck.selectedIndex && this.spellcheck.words[i].misspelled && this.spellcheck.words[i].word.toLowerCase() == word.toLowerCase()) {
var w = document.getElementById('msw_' + i);
w.className = 'misspelled updated';
}
}
var new_words = [word];
this.spellcheck.corrections[this.spellcheck.words[this.spellcheck.selectedIndex].oword.toLowerCase()] = new_words.concat(this.spellcheck.corrections[this.spellcheck.words[this.spellcheck.selectedIndex].oword.toLowerCase()]);
}
}
dMenu.prototype.editWord = function () {
this.hide();
var selected = document.getElementById('msw_' + this.spellcheck.selectedIndex);
if (!selected) return;
var word = selected.firstChild.nodeValue;
var edit_word = document.createElement('input');
edit_word.id = 'edit_word';
edit_word.name = this.spellcheck.selectedIndex;
edit_word.value = word;
edit_word.size = word.length + 5;
edit_word.className = 'text';
selected.replaceChild(edit_word, selected.firstChild);
var self = this;
registerEvent(edit_word, 'keyup', function (e) {
if (!e) e = window.e;
self.updateWord(e.keyCode);
});
// Prevent the click event from propagating to the msw_* span (which shows the suggestions)
registerEvent(edit_word, 'click', function (e) {
if (!e) e = window.e;
stopPropagation(e);
});
edit_word.focus();
}
dMenu.prototype.updateWord = function (code) {
var selected = document.getElementById('msw_' + this.spellcheck.selectedIndex);
var edit_word = document.getElementById('edit_word');
if (!edit_word) return;
if (code == 27) // esc
selected.replaceChild(document.createTextNode(this.spellcheck.words[this.spellcheck.selectedIndex].word), selected.firstChild);
else if (code == 13) { // enter
if (this.spellcheck.words[this.spellcheck.selectedIndex].word != edit_word.value) {
this.spellcheck.words[this.spellcheck.selectedIndex].word = edit_word.value;
selected.className = 'misspelled updated';
}
selected.replaceChild(document.createTextNode(edit_word.value), selected.firstChild);
}
}
dMenu.prototype.replaceWord = function (new_word) {
this.hide();
if (typeof(this.spellcheck.selectedIndex) == 'undefined' || typeof(new_word) == 'undefined') return;
if (this.corrections.length == 0) return;
var selected = document.getElementById('msw_' + this.spellcheck.selectedIndex);
if (!selected) return;
var format = this.getFormat(this.spellcheck.words[this.spellcheck.selectedIndex].word);
new_word = this.setFormat(format, new_word);
if (new_word) {
var old_word = this.spellcheck.words[this.spellcheck.selectedIndex].word;
this.spellcheck.words[this.spellcheck.selectedIndex].word = new_word;
selected.replaceChild(document.createTextNode(new_word), selected.firstChild);
selected.className = 'misspelled updated';
if (this.spellcheck.replaceAll) {
// Update all other words that match with added word
for (var i = 0; i < this.spellcheck.words.length; i++) {
if (i != this.spellcheck.selectedIndex && this.spellcheck.words[i].misspelled && this.spellcheck.words[i].word.toLowerCase() == old_word.toLowerCase()) {
var w = document.getElementById('msw_' + i);
var f = this.getFormat(this.spellcheck.words[i].word);
var n = this.setFormat(f, new_word);
this.spellcheck.words[i].word = n;
w.replaceChild(document.createTextNode(n), w.firstChild);
w.className = 'misspelled updated';
}
}
}
}
}
dMenu.prototype.deleteWord = function () {
this.hide();
var selected = document.getElementById('msw_' + this.spellcheck.selectedIndex);
if (!selected) return;
if (confirm("Are you sure you want to delete '" + this.spellcheck.words[this.spellcheck.selectedIndex].word + "'?")) {
this.spellcheck.words[this.spellcheck.selectedIndex].word = '';
selected.parentNode.removeChild(selected);
// Delete the next 'word' if it's a single space
var next_word = this.spellcheck.selectedIndex + 1;
if (this.spellcheck.words.length > next_word && this.spellcheck.words[next_word].word == ' ')
this.spellcheck.words[next_word].word = '';
}
}
dMenu.prototype.getFormat = function (word) {
if (word == '') return 3;
if (word == word.toUpperCase()) return 1;
else if (word.substr(0, 1) == word.substr(0, 1).toUpperCase()) return 2;
else return 3;
}
dMenu.prototype.setFormat = function (format, word) {
if (format == 1) return word.toUpperCase();
else if (format == 2) return word.substr(0, 1).toUpperCase() + word.substr(1).toLowerCase();
else return word.toLowerCase();
}
dMenu.prototype.setOption = function () {
if (this.spellcheck.replaceAll) {
this.spellcheck.replaceAll = false;
document.getElementById('replace_all').className = '';
}
else {
this.spellcheck.replaceAll = true;
document.getElementById('replace_all').className = 'replace_all';
}
}
dMenu.prototype.newWord = function () {
var spellcheck = this.spellcheck;
if (spellcheck.config.selectedIndex == -1 || spellcheck.config.selectedIndex > spellcheck.words.length || !spellcheck.words[spellcheck.selectedIndex].misspelled) return false;
var words = spellcheck.corrections[spellcheck.words[spellcheck.selectedIndex].oword.toLowerCase()];
var current = document.getElementById('msw_' + spellcheck.selectedIndex);
if (!current || words.length == 0) return false;
var word = spellcheck.words[spellcheck.selectedIndex].word;
if (word == '') return false;
for (var i = 0; i < words.length; i++)
if (words[i].toLowerCase() == word.toLowerCase())
return false;
return true;
}