git-svn-id: http://redmine.rubyforge.org/svn/trunk@41 e93f8b46-1217-0410-a6f0-8f06a7374b81

1 files changed, 442 insertions, 0 deletions

diff --git a/redmine/public/javascripts/jstoolbar.js b/redmine/public/javascripts/jstoolbar.js
new file mode 100644
index 000000000..ee7948bb6
--- /dev/null
+++ b/redmine/public/javascripts/jstoolbar.js
@@ -0,0 +1,442 @@
+/* ***** BEGIN LICENSE BLOCK *****

+ * This file is part of DotClear.

+ * Copyright (c) 2005 Nicolas Martin & Olivier Meunier and contributors. All

+ * rights reserved.

+ *

+ * DotClear is free software; you can redistribute it and/or modify

+ * it under the terms of the GNU General Public License as published by

+ * the Free Software Foundation; either version 2 of the License, or

+ * (at your option) any later version.

+ * 

+ * DotClear is distributed in the hope that it will be useful,

+ * but WITHOUT ANY WARRANTY; without even the implied warranty of

+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the

+ * GNU General Public License for more details.

+ * 

+ * You should have received a copy of the GNU General Public License

+ * along with DotClear; if not, write to the Free Software

+ * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA

+ *

+ * ***** END LICENSE BLOCK *****

+*/

+

+function jsToolBar(textarea) {

+	if (!document.createElement) { return; }

+	

+	if (!textarea) { return; }

+	

+	if ((typeof(document["selection"]) == "undefined")

+	&& (typeof(textarea["setSelectionRange"]) == "undefined")) {

+		return;

+	}

+	

+	this.textarea = textarea;

+	

+	this.editor = document.createElement('div');

+	this.editor.className = 'jstEditor';

+	

+	this.textarea.parentNode.insertBefore(this.editor,this.textarea);

+	this.editor.appendChild(this.textarea);

+	

+	this.toolbar = document.createElement("div");

+	this.toolbar.className = 'jstElements';

+	this.editor.parentNode.insertBefore(this.toolbar,this.editor);

+	

+	// Dragable resizing (only for gecko)

+	if (this.editor.addEventListener)

+	{

+		this.handle = document.createElement('div');

+		this.handle.className = 'jstHandle';

+		var dragStart = this.resizeDragStart;

+		var This = this;

+		this.handle.addEventListener('mousedown',function(event) { dragStart.call(This,event); },false);

+		// fix memory leak in Firefox (bug #241518)

+		window.addEventListener('unload',function() { 

+				var del = This.handle.parentNode.removeChild(This.handle);

+				delete(This.handle);

+		},false);

+		

+		this.editor.parentNode.insertBefore(this.handle,this.editor.nextSibling);

+	}

+	

+	this.context = null;

+	this.toolNodes = {}; // lorsque la toolbar est dessinée , cet objet est garni 

+					// de raccourcis vers les éléments DOM correspondants aux outils.

+}

+

+function jsButton(title, fn, scope, className) {

+	this.title = title || null;

+	this.fn = fn || function(){};

+	this.scope = scope || null;

+	this.className = className || null;

+}

+jsButton.prototype.draw = function() {

+	if (!this.scope) return null;

+	

+	var button = document.createElement('button');

+	button.setAttribute('type','button');

+	if (this.className) button.className = this.className;

+	button.title = this.title;

+	var span = document.createElement('span');

+	span.appendChild(document.createTextNode(this.title));

+	button.appendChild(span);

+	

+	if (this.icon != undefined) {

+		button.style.backgroundImage = 'url('+this.icon+')';

+	}

+	if (typeof(this.fn) == 'function') {

+		var This = this;

+		button.onclick = function() { try { This.fn.apply(This.scope, arguments) } catch (e) {} return false; };

+	}

+	return button;

+}

+

+function jsSpace(id) {

+	this.id = id || null;

+	this.width = null;

+}

+jsSpace.prototype.draw = function() {

+	var span = document.createElement('span');

+	if (this.id) span.id = this.id;

+	span.appendChild(document.createTextNode(String.fromCharCode(160)));

+	span.className = 'jstSpacer';

+	if (this.width) span.style.marginRight = this.width+'px';

+	

+	return span;

+} 

+

+function jsCombo(title, options, scope, fn, className) {

+	this.title = title || null;

+	this.options = options || null;

+	this.scope = scope || null;

+	this.fn = fn || function(){};

+	this.className = className || null;

+}

+jsCombo.prototype.draw = function() {

+	if (!this.scope || !this.options) return null;

+

+	var select = document.createElement('select');

+	if (this.className) select.className = className;

+	select.title = this.title;

+	

+	for (var o in this.options) {

+		//var opt = this.options[o];

+		var option = document.createElement('option');

+		option.value = o;

+		option.appendChild(document.createTextNode(this.options[o]));

+		select.appendChild(option);

+	}

+

+	var This = this;

+	select.onchange = function() {

+		try { 

+			This.fn.call(This.scope, this.value);

+		} catch (e) { alert(e); }

+

+		return false;

+	}

+

+	return select;

+}

+

+

+jsToolBar.prototype = {

+	base_url: '',

+	mode: 'wiki',

+	elements: {},

+	

+	getMode: function() {

+		return this.mode;

+	},

+	

+	setMode: function(mode) {

+		this.mode = mode || 'wiki';

+	},

+	

+	switchMode: function(mode) {

+		mode = mode || 'wiki';

+		this.draw(mode);

+	},

+	

+	button: function(toolName) {

+		var tool = this.elements[toolName];

+		if (typeof tool.fn[this.mode] != 'function') return null;

+		var b = new jsButton(tool.title, tool.fn[this.mode], this, 'jstb_'+toolName);

+		if (tool.icon != undefined) b.icon = tool.icon;

+		return b;

+	},

+	space: function(toolName) {

+		var tool = new jsSpace(toolName)

+		if (this.elements[toolName].width !== undefined)

+			tool.width = this.elements[toolName].width;

+		return tool;

+	},

+	combo: function(toolName) {

+		var tool = this.elements[toolName];

+		var length = tool[this.mode].list.length;

+

+		if (typeof tool[this.mode].fn != 'function' || length == 0) {

+			return null;

+		} else {

+			var options = {};

+			for (var i=0; i < length; i++) {

+				var opt = tool[this.mode].list[i];

+				options[opt] = tool.options[opt];

+			}

+			return new jsCombo(tool.title, options, this, tool[this.mode].fn);

+		}

+	},

+	draw: function(mode) {

+		this.setMode(mode);

+		

+		// Empty toolbar

+		while (this.toolbar.hasChildNodes()) {

+			this.toolbar.removeChild(this.toolbar.firstChild)

+		}

+		this.toolNodes = {}; // vide les raccourcis DOM/**/

+		

+		// Draw toolbar elements

+		var b, tool, newTool;

+		

+		for (var i in this.elements) {

+			b = this.elements[i];

+

+			var disabled =

+			b.type == undefined || b.type == ''

+			|| (b.disabled != undefined && b.disabled)

+			|| (b.context != undefined && b.context != null && b.context != this.context);

+			

+			if (!disabled && typeof this[b.type] == 'function') {

+				tool = this[b.type](i);

+				if (tool) newTool = tool.draw();

+				if (newTool) {

+					this.toolNodes[i] = newTool; //mémorise l'accès DOM pour usage éventuel ultérieur

+					this.toolbar.appendChild(newTool);

+				}

+			}

+		}

+	},

+	

+	singleTag: function(stag,etag) {

+		stag = stag || null;

+		etag = etag || stag;

+		

+		if (!stag || !etag) { return; }

+		

+		this.encloseSelection(stag,etag);

+	},

+	

+	encloseSelection: function(prefix, suffix, fn) {

+		this.textarea.focus();

+		

+		prefix = prefix || '';

+		suffix = suffix || '';

+		

+		var start, end, sel, scrollPos, subst, res;

+		

+		if (typeof(document["selection"]) != "undefined") {

+			sel = document.selection.createRange().text;

+		} else if (typeof(this.textarea["setSelectionRange"]) != "undefined") {

+			start = this.textarea.selectionStart;

+			end = this.textarea.selectionEnd;

+			scrollPos = this.textarea.scrollTop;

+			sel = this.textarea.value.substring(start, end);

+		}

+		

+		if (sel.match(/ $/)) { // exclude ending space char, if any

+			sel = sel.substring(0, sel.length - 1);

+			suffix = suffix + " ";

+		}

+		

+		if (typeof(fn) == 'function') {

+			res = (sel) ? fn.call(this,sel) : fn('');

+		} else {

+			res = (sel) ? sel : '';

+		}

+		

+		subst = prefix + res + suffix;

+		

+		if (typeof(document["selection"]) != "undefined") {

+			var range = document.selection.createRange().text = subst;

+			this.textarea.caretPos -= suffix.length;

+		} else if (typeof(this.textarea["setSelectionRange"]) != "undefined") {

+			this.textarea.value = this.textarea.value.substring(0, start) + subst +

+			this.textarea.value.substring(end);

+			if (sel) {

+				this.textarea.setSelectionRange(start + subst.length, start + subst.length);

+			} else {

+				this.textarea.setSelectionRange(start + prefix.length, start + prefix.length);

+			}

+			this.textarea.scrollTop = scrollPos;

+		}

+	},

+	

+	stripBaseURL: function(url) {

+		if (this.base_url != '') {

+			var pos = url.indexOf(this.base_url);

+			if (pos == 0) {

+				url = url.substr(this.base_url.length);

+			}

+		}

+		

+		return url;

+	}

+};

+

+/** Resizer

+-------------------------------------------------------- */

+jsToolBar.prototype.resizeSetStartH = function() {

+	this.dragStartH = this.textarea.offsetHeight + 0;

+};

+jsToolBar.prototype.resizeDragStart = function(event) {

+	var This = this;

+	this.dragStartY = event.clientY;

+	this.resizeSetStartH();

+	document.addEventListener('mousemove', this.dragMoveHdlr=function(event){This.resizeDragMove(event);}, false);

+	document.addEventListener('mouseup', this.dragStopHdlr=function(event){This.resizeDragStop(event);}, false);

+};

+

+jsToolBar.prototype.resizeDragMove = function(event) {

+	this.textarea.style.height = (this.dragStartH+event.clientY-this.dragStartY)+'px';

+};

+

+jsToolBar.prototype.resizeDragStop = function(event) {

+	document.removeEventListener('mousemove', this.dragMoveHdlr, false);

+	document.removeEventListener('mouseup', this.dragStopHdlr, false);

+};

+

+// Elements definition ------------------------------------

+

+// strong

+jsToolBar.prototype.elements.strong = {

+	type: 'button',

+	title: 'Strong emphasis',

+	fn: {

+		wiki: function() { this.singleTag('*') }

+	}

+}

+

+// em

+jsToolBar.prototype.elements.em = {

+	type: 'button',

+	title: 'Emphasis',

+	fn: {

+		wiki: function() { this.singleTag("_") }

+	}

+}

+

+// ins

+jsToolBar.prototype.elements.ins = {

+	type: 'button',

+	title: 'Inserted',

+	fn: {

+		wiki: function() { this.singleTag('+') }

+	}

+}

+

+// del

+jsToolBar.prototype.elements.del = {

+	type: 'button',

+	title: 'Deleted',

+	fn: {

+		wiki: function() { this.singleTag('-') }

+	}

+}

+

+// quote

+jsToolBar.prototype.elements.quote = {

+	type: 'button',

+	title: 'Inline quote',

+	fn: {

+		wiki: function() { this.singleTag('{{','}}') }

+	}

+}

+

+// code

+jsToolBar.prototype.elements.code = {

+	type: 'button',

+	title: 'Code',

+	fn: {

+		wiki: function() { this.singleTag('@') }

+	}

+}

+

+// spacer

+jsToolBar.prototype.elements.space1 = {type: 'space'}

+

+// br

+jsToolBar.prototype.elements.br = {

+	type: 'button',

+	title: 'Line break',

+	fn: {

+		wiki: function() { this.encloseSelection("%%%\n",'') }

+	}

+}

+

+// spacer

+jsToolBar.prototype.elements.space2 = {type: 'space'}

+

+// ul

+jsToolBar.prototype.elements.ul = {

+	type: 'button',

+	title: 'Unordered list',

+	fn: {

+		wiki: function() {

+			this.encloseSelection('','',function(str) {

+				str = str.replace(/\r/g,'');

+				return '* '+str.replace(/\n/g,"\n* ");

+			});

+		}

+	}

+}

+

+// ol

+jsToolBar.prototype.elements.ol = {

+	type: 'button',

+	title: 'Ordered list',

+	fn: {

+		wiki: function() {

+			this.encloseSelection('','',function(str) {

+				str = str.replace(/\r/g,'');

+				return '# '+str.replace(/\n/g,"\n# ");

+			});

+		}

+	}

+}

+

+// spacer

+jsToolBar.prototype.elements.space3 = {type: 'space'}

+

+// link

+jsToolBar.prototype.elements.link = {

+	type: 'button',

+	title: 'Link',

+	fn: {},

+	href_prompt: 'Please give page URL:',

+	hreflang_prompt: 'Language of this page:',

+	default_hreflang: '',

+	prompt: function(href,hreflang) {

+		href = href || '';

+		hreflang = hreflang || this.elements.link.default_hreflang;

+		

+		href = window.prompt(this.elements.link.href_prompt,href);

+		if (!href) { return false; }

+		

+		hreflang = window.prompt(this.elements.link.hreflang_prompt,

+		hreflang);

+		

+		return { href: this.stripBaseURL(href), hreflang: hreflang };

+	}

+}

+

+jsToolBar.prototype.elements.link.fn.wiki = function() {

+	var link = this.elements.link.prompt.call(this);

+	if (link) {

+		var stag = '[';

+		var etag = '|'+link.href;

+		if (link.hreflang) { etag = etag+'|'+link.hreflang; }

+		etag = etag+']';

+		

+		this.encloseSelection(stag,etag);

+	}

+};