diff options
Diffstat (limited to 'js/dojo-1.6/dojox/editor/plugins/Breadcrumb.xd.js')
| -rw-r--r-- | js/dojo-1.6/dojox/editor/plugins/Breadcrumb.xd.js | 377 |
1 files changed, 377 insertions, 0 deletions
diff --git a/js/dojo-1.6/dojox/editor/plugins/Breadcrumb.xd.js b/js/dojo-1.6/dojox/editor/plugins/Breadcrumb.xd.js new file mode 100644 index 0000000..a96a571 --- /dev/null +++ b/js/dojo-1.6/dojox/editor/plugins/Breadcrumb.xd.js @@ -0,0 +1,377 @@ +/*
+ 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.Breadcrumb"],
+["require", "dojo.string"],
+["require", "dijit.Toolbar"],
+["require", "dijit.Menu"],
+["require", "dijit.MenuItem"],
+["require", "dijit.MenuSeparator"],
+["require", "dijit._editor.range"],
+["require", "dijit._editor.selection"],
+["require", "dijit._editor._Plugin"],
+["require", "dijit.form.Button"],
+["require", "dojo.i18n"],
+["requireLocalization", "dojox.editor.plugins", "Breadcrumb", 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.Breadcrumb"]){ //_hasResource checks added by build. Do not use _hasResource directly in your code.
+dojo._hasResource["dojox.editor.plugins.Breadcrumb"] = true;
+dojo.provide("dojox.editor.plugins.Breadcrumb");
+dojo.require("dojo.string");
+dojo.require("dijit.Toolbar");
+dojo.require("dijit.Menu");
+dojo.require("dijit.MenuItem");
+dojo.require("dijit.MenuSeparator");
+dojo.require("dijit._editor.range");
+dojo.require("dijit._editor.selection");
+dojo.require("dijit._editor._Plugin");
+dojo.require("dijit.form.Button");
+dojo.require("dojo.i18n");
+;
+
+
+
+dojo.experimental("dojox.editor.plugins.Breadcrumb");
+
+dojo.declare("dojox.editor.plugins._BreadcrumbMenuTitle",[dijit._Widget, dijit._Templated, dijit._Contained],{
+ // summary:
+ // SImple internal, non-clickable, menu entry to act as a menu title bar.
+ templateString: "<tr><td dojoAttachPoint=\"title\" colspan=\"4\" class=\"dijitToolbar\" style=\"font-weight: bold; padding: 3px;\"></td></tr>",
+
+ menuTitle: "",
+
+ postCreate: function(){
+ dojo.setSelectable(this.domNode, false);
+ var label = this.id+"_text";
+ dijit.setWaiState(this.domNode, "labelledby", label);
+ },
+
+ _setMenuTitleAttr: function(str){
+ this.title.innerHTML = str;
+ },
+ _getMenuTitleAttr: function(str){
+ return this.title.innerHTML;
+ }
+});
+
+
+dojo.declare("dojox.editor.plugins.Breadcrumb",dijit._editor._Plugin,{
+ // summary:
+ // This plugin provides Breadcrumb cabability to the editor. When
+ // As you move around the editor, it updates with your current indention
+ // depth.
+
+ // _menu: [private]
+ // The popup menu that is displayed.
+ _menu: null,
+
+ // breadcrumbBar: [protected]
+ // The toolbar containing the breadcrumb.
+ breadcrumbBar: 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._buttons = [];
+ this.breadcrumbBar = new dijit.Toolbar();
+
+ var strings = dojo.i18n.getLocalization("dojox.editor.plugins", "Breadcrumb");
+ this._titleTemplate = strings.nodeActions;
+
+ dojo.place(this.breadcrumbBar.domNode, editor.footer);
+ this.editor.onLoadDeferred.addCallback(dojo.hitch(this, function(){
+ this._menu = new dijit.Menu({});
+ dojo.addClass(this.breadcrumbBar.domNode, "dojoxEditorBreadcrumbArrow");
+ var self = this;
+ var body = new dijit.form.ComboButton({
+ showLabel: true,
+ label: "body",
+ _selNode: editor.editNode,
+ dropDown: this._menu,
+ onClick: dojo.hitch(this, function(){
+ this._menuTarget = editor.editNode;
+ this._selectContents();
+ })
+ });
+
+ // Build the menu
+ this._menuTitle = new dojox.editor.plugins._BreadcrumbMenuTitle({menuTitle: strings.nodeActions});
+ this._selCMenu = new dijit.MenuItem({label: strings.selectContents, onClick: dojo.hitch(this, this._selectContents)});
+ this._delCMenu = new dijit.MenuItem({label: strings.deleteContents, onClick: dojo.hitch(this, this._deleteContents)});
+ this._selEMenu = new dijit.MenuItem({label: strings.selectElement, onClick: dojo.hitch(this, this._selectElement)});
+ this._delEMenu = new dijit.MenuItem({label: strings.deleteElement, onClick: dojo.hitch(this, this._deleteElement)});
+ this._moveSMenu = new dijit.MenuItem({label: strings.moveStart, onClick: dojo.hitch(this, this._moveCToStart)});
+ this._moveEMenu = new dijit.MenuItem({label: strings.moveEnd, onClick: dojo.hitch(this, this._moveCToEnd)});
+
+ this._menu.addChild(this._menuTitle);
+ this._menu.addChild(this._selCMenu);
+ this._menu.addChild(this._delCMenu);
+ this._menu.addChild(new dijit.MenuSeparator({}));
+ this._menu.addChild(this._selEMenu);
+ this._menu.addChild(this._delEMenu);
+ this._menu.addChild(new dijit.MenuSeparator({}));
+ this._menu.addChild(this._moveSMenu);
+ this._menu.addChild(this._moveEMenu);
+
+ body._ddConnect = dojo.connect(body, "openDropDown", dojo.hitch(this, function(){
+ this._menuTarget = body._selNode;
+ this._menuTitle.set("menuTitle", dojo.string.substitute(this._titleTemplate,{
+ "nodeName": "<body>"
+ }));
+ this._selEMenu.set("disabled", true);
+ this._delEMenu.set("disabled", true);
+ this._selCMenu.set("disabled", false);
+ this._delCMenu.set("disabled", false);
+ this._moveSMenu.set("disabled", false);
+ this._moveEMenu.set("disabled", false);
+ }));
+ this.breadcrumbBar.addChild(body);
+ this.connect(this.editor, "onNormalizedDisplayChanged", "updateState");
+ }));
+ this.breadcrumbBar.startup();
+ if(dojo.isIE){
+ // Sometimes IE will mess up layout and needs to be poked.
+ setTimeout(dojo.hitch(this, function(){this.breadcrumbBar.domNode.className = this.breadcrumbBar.domNode.className;}), 100);
+ }
+ },
+
+ _selectContents: function(){
+ // summary:
+ // Internal function for selecting the contents of a node.
+ this.editor.focus();
+ if(this._menuTarget){
+ var nodeName = this._menuTarget.tagName.toLowerCase();
+ switch(nodeName){
+ case 'br':
+ case 'hr':
+ case 'img':
+ case 'input':
+ case 'base':
+ case 'meta':
+ case 'area':
+ case 'basefont':
+ break;
+ default:
+ try{
+ dojo.withGlobal(this.editor.window,
+ "collapse", dijit._editor.selection, [null]);
+ dojo.withGlobal(this.editor.window,
+ "selectElementChildren", dijit._editor.selection, [this._menuTarget]);
+ this.editor.onDisplayChanged();
+ }catch(e){/*squelch*/}
+ }
+ }
+ },
+
+ _deleteContents: function(){
+ // summary:
+ // Internal function for selecting the contents of a node.
+ if(this._menuTarget){
+ this.editor.beginEditing();
+ this._selectContents();
+ dojo.withGlobal(this.editor.window,
+ "remove", dijit._editor.selection, [this._menuTarget]);
+ this.editor.endEditing();
+ this._updateBreadcrumb();
+ this.editor.onDisplayChanged();
+ }
+ },
+
+ _selectElement: function(){
+ // summary:
+ // Internal function for selecting the contents of a node.
+ this.editor.focus();
+ if(this._menuTarget){
+ dojo.withGlobal(this.editor.window,
+ "collapse", dijit._editor.selection, [null]);
+ dojo.withGlobal(this.editor.window,
+ "selectElement", dijit._editor.selection, [this._menuTarget]);
+ this.editor.onDisplayChanged();
+
+ }
+ },
+
+ _deleteElement: function(){
+ // summary:
+ // Internal function for selecting the contents of a node.
+ if(this._menuTarget){
+ this.editor.beginEditing();
+ this._selectElement();
+ dojo.withGlobal(this.editor.window,
+ "remove", dijit._editor.selection, [this._menuTarget]);
+ this.editor.endEditing();
+ this._updateBreadcrumb();
+ this.editor.onDisplayChanged();
+ }
+ },
+
+ _moveCToStart: function(){
+ // summary:
+ // Internal function for selecting the contents of a node.
+ this.editor.focus();
+ if(this._menuTarget){
+ this._selectContents();
+ dojo.withGlobal(this.editor.window,
+ "collapse", dijit._editor.selection, [true]);
+ }
+ },
+
+ _moveCToEnd: function(){
+ // summary:
+ // Internal function for selecting the contents of a node.
+ this.editor.focus();
+ if(this._menuTarget){
+ this._selectContents();
+ dojo.withGlobal(this.editor.window,
+ "collapse", dijit._editor.selection, [false]);
+ }
+ },
+
+ _updateBreadcrumb: function(){
+ // summary:
+ // Function to trigger updating of the breadcrumb
+ // tags:
+ // private
+ var ed = this.editor;
+ if(ed.window){
+ var sel = dijit.range.getSelection(ed.window);
+ if(sel && sel.rangeCount > 0){
+ var range = sel.getRangeAt(0);
+
+ // Check the getSelectedElement call. Needed when dealing with img tags.
+ var node = dojo.withGlobal(ed.window,
+ "getSelectedElement", dijit._editor.selection) || range.startContainer;
+ //var node = range.startContainer;
+ var bcList = [];
+
+ // Make sure we get a selection within the editor document,
+ // have seen cases on IE where this wasn't true.
+ if(node && node.ownerDocument === ed.document){
+ while(node && node !== ed.editNode && node != ed.document.body && node != ed.document){
+ if(node.nodeType === 1){
+ bcList.push({type: node.tagName.toLowerCase(), node: node});
+ }
+ node = node.parentNode;
+ }
+ bcList = bcList.reverse();
+
+ while(this._buttons.length){
+ var db = this._buttons.pop();
+ dojo.disconnect(db._ddConnect);
+ this.breadcrumbBar.removeChild(db);
+ }
+ this._buttons = [];
+
+ var i;
+ var self = this;
+ for(i = 0; i < bcList.length; i++){
+ var bc = bcList[i];
+ var b = new dijit.form.ComboButton({
+ showLabel: true,
+ label: bc.type,
+ _selNode: bc.node,
+ dropDown: this._menu,
+ onClick: function(){
+ self._menuTarget = this._selNode;
+ self._selectContents();
+ }
+ });
+ b._ddConnect = dojo.connect(b, "openDropDown", dojo.hitch(b, function(){
+ self._menuTarget = this._selNode;
+ var nodeName = self._menuTarget.tagName.toLowerCase();
+ var title = dojo.string.substitute(self._titleTemplate,{
+ "nodeName": "<" + nodeName + ">"
+ });
+ self._menuTitle.set("menuTitle", title);
+ switch(nodeName){
+ case 'br':
+ case 'hr':
+ case 'img':
+ case 'input':
+ case 'base':
+ case 'meta':
+ case 'area':
+ case 'basefont':
+ self._selCMenu.set("disabled", true);
+ self._delCMenu.set("disabled", true);
+ self._moveSMenu.set("disabled", true);
+ self._moveEMenu.set("disabled", true);
+ self._selEMenu.set("disabled", false);
+ self._delEMenu.set("disabled", false);
+ break;
+ default:
+ self._selCMenu.set("disabled", false);
+ self._delCMenu.set("disabled", false);
+ self._selEMenu.set("disabled", false);
+ self._delEMenu.set("disabled", false);
+ self._moveSMenu.set("disabled", false);
+ self._moveEMenu.set("disabled", false);
+ }
+ }));
+ this._buttons.push(b);
+ this.breadcrumbBar.addChild(b);
+ }
+ if(dojo.isIE){
+ // Prod it to fix layout.
+ this.breadcrumbBar.domNode.className = this.breadcrumbBar.domNode.className;
+ }
+
+ }
+ }
+ }
+ },
+
+ updateState: function(){
+ // summary:
+ // Over-ride of updateState to hide the toolbar when the iframe is not visible.
+ // Also triggers the breadcrumb update.
+ if(dojo.style(this.editor.iframe, "display") === "none" || this.get("disabled")){
+ dojo.style(this.breadcrumbBar.domNode, "display", "none");
+ }else{
+ if(dojo.style(this.breadcrumbBar.domNode, "display") === "none"){
+ dojo.style(this.breadcrumbBar.domNode, "display", "block");
+ }
+ this._updateBreadcrumb();
+
+ // Some themes do padding, so we have to resize again after display.
+ var size = dojo.marginBox(this.editor.domNode);
+ this.editor.resize({h: size.h});
+ }
+ },
+
+ destroy: function(){
+ // summary:
+ // Over-ride to clean up the breadcrumb toolbar.
+ if(this.breadcrumbBar){
+ this.breadcrumbBar.destroyRecursive();
+ this.breadcrumbBar = null;
+ }
+ if(this._menu){
+ this._menu.destroyRecursive();
+ delete this._menu;
+ }
+ this._buttons = null;
+ delete this.editor.breadcrumbBar;
+ this.inherited(arguments);
+ }
+});
+
+// Register this plugin.
+dojo.subscribe(dijit._scopeName + ".Editor.getPlugin",null,function(o){
+ if(o.plugin){ return; }
+ var name = o.args.name.toLowerCase();
+ if(name === "breadcrumb"){
+ o.plugin = new dojox.editor.plugins.Breadcrumb({});
+ }
+});
+
+}
+
+}};});
|