1 files changed, 197 insertions, 0 deletions
diff --git a/js/dojo-1.6/dojox/editor/plugins/CollapsibleToolbar.xd.js b/js/dojo-1.6/dojox/editor/plugins/CollapsibleToolbar.xd.js
new file mode 100644
index 0000000..6c40e6c
--- /dev/null
+++ b/js/dojo-1.6/dojox/editor/plugins/CollapsibleToolbar.xd.js
@@ -0,0 +1,197 @@
+/*
+	Copyright (c) 2004-2011, The Dojo Foundation All Rights Reserved.
+	Available via Academic Free License >= 2.1 OR the modified BSD license.
+	see: http://dojotoolkit.org/license for details
+*/
+
+
+dojo._xdResourceLoaded(function(dojo, dijit, dojox){
+return {depends: [["provide", "dojox.editor.plugins.CollapsibleToolbar"],
+["require", "dijit._Widget"],
+["require", "dijit._Templated"],
+["require", "dijit._editor._Plugin"],
+["require", "dijit.form.Button"],
+["require", "dojo.i18n"],
+["requireLocalization", "dojox.editor.plugins", "CollapsibleToolbar", null, "ROOT,ar,ca,cs,da,de,el,es,fi,fr,he,hu,it,ja,kk,ko,nb,nl,pl,pt,pt-pt,ro,ru,sl,sv,th,tr,zh,zh-tw", "ROOT,ar,ca,cs,da,de,el,es,fi,fr,he,hu,it,ja,kk,ko,nb,nl,pl,pt,pt-pt,ro,ru,sl,sv,th,tr,zh,zh-tw"]],
+defineResource: function(dojo, dijit, dojox){if(!dojo._hasResource["dojox.editor.plugins.CollapsibleToolbar"]){ //_hasResource checks added by build. Do not use _hasResource directly in your code.
+dojo._hasResource["dojox.editor.plugins.CollapsibleToolbar"] = true;
+dojo.provide("dojox.editor.plugins.CollapsibleToolbar");
+dojo.require("dijit._Widget");
+dojo.require("dijit._Templated");
+dojo.require("dijit._editor._Plugin");
+dojo.require("dijit.form.Button");
+dojo.require("dojo.i18n");
+;
+
+
+
+dojo.declare("dojox.editor.plugins._CollapsibleToolbarButton", [dijit._Widget, dijit._Templated], {
+	// summary:
+	//		Simple internal widget for representing a clickable button for expand/collapse
+	//		with A11Y support.
+	// tags:
+	//		private
+	templateString: "<div tabindex='0' role='button' title='${title}' class='${buttonClass}' " +
+		"dojoAttachEvent='ondijitclick: onClick'><span class='${textClass}'>${text}</span></div>",
+
+
+	// title [public] String
+	//		The text to read by a screen reader that gets button focus.
+	title: "",
+
+	// buttonClass [public] String
+	//		The classname to apply to the expand/collapse button.
+	buttonClass: "",
+
+	// text [public] String
+	//		The text to use as expand/collapse in A11Y mode.
+	text: "",
+	
+	// textClass [public] String
+	//		The classname to apply to the expand/collapse text.
+	textClass: "",
+
+	onClick: function(e){
+		// summary:
+		//		Simple synthetic event to listen for dijit click events (mouse or keyboard)
+	}
+});
+
+
+dojo.declare("dojox.editor.plugins.CollapsibleToolbar",dijit._editor._Plugin,{
+	// summary:
+	//		This plugin provides a weappable toolbar container to allow expand/collapse
+	//		of the editor toolbars.  This plugin should be registered first in most cases to
+	//		avoid conflicts in toolbar construction.
+
+	// _myWidgets: [private] array
+	//		Container for widgets I allocate that will need to be destroyed.
+	_myWidgets: null,
+
+	setEditor: function(editor){
+		// summary:
+		//		Over-ride for the setting of the editor.
+		// editor: Object
+		//		The editor to configure for this plugin to use.
+		this.editor = editor;
+		this._constructContainer();
+	},
+
+	_constructContainer: function(){
+		// summary:
+		//		Internal function to construct a wrapper for the toolbar/header that allows
+		//		it to expand and collapse.  It effectively builds a containing table,
+		//		which handles the layout nicely and gets BIDI support by default.
+		// tags:
+		//		private
+		var strings = dojo.i18n.getLocalization("dojox.editor.plugins", "CollapsibleToolbar");
+		this._myWidgets = [];
+		
+		// Build the containers.
+		var container = dojo.create("table", {style: { width: "100%" }, tabindex: -1, "class": "dojoxCollapsibleToolbarContainer"});
+		var tbody = dojo.create("tbody", {tabindex: -1}, container);
+		var row = dojo.create("tr", {tabindex: -1}, tbody);
+		var openTd = dojo.create("td", {"class": "dojoxCollapsibleToolbarControl", tabindex: -1}, row);
+		var closeTd = dojo.create("td", {"class": "dojoxCollapsibleToolbarControl",  tabindex: -1}, row);
+		var menuTd = dojo.create("td", {style: { width: "100%" }, tabindex: -1}, row);
+		var m = dojo.create("span", {style: { width: "100%" }, tabindex: -1}, menuTd);
+
+		var collapseButton = new dojox.editor.plugins._CollapsibleToolbarButton({
+			buttonClass: "dojoxCollapsibleToolbarCollapse",
+			title: strings.collapse,
+			text: "-",
+			textClass: "dojoxCollapsibleToolbarCollapseText"
+		});
+		dojo.place(collapseButton.domNode, openTd);
+		var expandButton = new dojox.editor.plugins._CollapsibleToolbarButton({
+			buttonClass: "dojoxCollapsibleToolbarExpand",
+			title: strings.expand,
+			text: "+",
+			textClass: "dojoxCollapsibleToolbarExpandText"
+		});
+		dojo.place(expandButton.domNode, closeTd);
+
+		this._myWidgets.push(collapseButton);
+		this._myWidgets.push(expandButton);
+
+		// Attach everything in now.
+		dojo.style(closeTd, "display", "none");
+		dojo.place(container, this.editor.toolbar.domNode, "after");
+		dojo.place(this.editor.toolbar.domNode, m);
+
+		this.openTd = openTd;
+		this.closeTd = closeTd;
+		this.menu = m;
+
+		// Establish the events to handle open/close.
+		this.connect(collapseButton, "onClick", "_onClose");
+		this.connect(expandButton, "onClick", "_onOpen");
+	},
+
+	_onClose: function(e){
+		// summary:
+		//		Internal function for handling a click event that will close the toolbar.
+		// e:
+		//		The click event.
+		// tags:
+		//		private
+		if(e){ dojo.stopEvent(e); }
+		var size = dojo.marginBox(this.editor.domNode);
+		dojo.style(this.openTd, "display", "none");
+		dojo.style(this.closeTd, "display", "");
+		dojo.style(this.menu, "display", "none");
+		this.editor.resize({h: size.h});
+		// work around IE rendering glitch in a11y mode.
+		if(dojo.isIE){
+			this.editor.header.className = this.editor.header.className;
+			this.editor.footer.className = this.editor.footer.className;
+		}
+		dijit.focus(this.closeTd.firstChild);
+	},
+
+	_onOpen: function(e) {
+		// summary:
+		//		Internal function for handling a click event that will open the toolbar.
+		// e:
+		//		The click event.
+		// tags:
+		//		private
+		if(e){ dojo.stopEvent(e); }
+		var size = dojo.marginBox(this.editor.domNode);
+		dojo.style(this.closeTd, "display", "none");
+		dojo.style(this.openTd, "display", "");
+		dojo.style(this.menu, "display", "");
+		this.editor.resize({h: size.h});
+		 // work around IE rendering glitch in a11y mode.
+		if(dojo.isIE){
+			this.editor.header.className = this.editor.header.className;
+			this.editor.footer.className = this.editor.footer.className;
+		}
+		dijit.focus(this.openTd.firstChild);
+	},
+
+	destroy: function(){
+		// summary:
+		//		Over-ride of destroy method for cleanup.
+		this.inherited(arguments);
+		if(this._myWidgets){
+			while(this._myWidgets.length){
+				this._myWidgets.pop().destroy();
+			}
+			delete this._myWidgets;
+		}
+	}
+});
+
+// Register this plugin.
+dojo.subscribe(dijit._scopeName + ".Editor.getPlugin",null,function(o){
+	if(o.plugin){ return; }
+	var name = o.args.name.toLowerCase();
+	if(name === "collapsibletoolbar"){
+		o.plugin = new dojox.editor.plugins.CollapsibleToolbar({});
+	}
+});
+
+}
+
+}};});