Initial commit of intern.ccwn.org contentsHEADmaster

1 files changed, 331 insertions, 0 deletions

diff --git a/js/dojo/dojox/form/FilePickerTextBox.js b/js/dojo/dojox/form/FilePickerTextBox.js
new file mode 100644
index 0000000..32087a8
--- /dev/null
+++ b/js/dojo/dojox/form/FilePickerTextBox.js
@@ -0,0 +1,331 @@
+//>>built
+require({cache:{
+'url:dojox/form/resources/FilePickerTextBox.html':"<div class=\"dijit dijitReset dijitInlineTable dijitLeft\"\n\tid=\"widget_${id}\"\n\trole=\"combobox\" tabIndex=\"-1\"\n\t><div style=\"overflow:hidden;\"\n\t\t><div class='dijitReset dijitRight dijitButtonNode dijitArrowButton dijitDownArrowButton'\n\t\t\tdojoAttachPoint=\"downArrowNode,_buttonNode,_popupStateNode\" role=\"presentation\"\n\t\t\t><div class=\"dijitArrowButtonInner\">&thinsp;</div\n\t\t\t><div class=\"dijitArrowButtonChar\">&#9660;</div\n\t\t></div\n\t\t><div class=\"dijitReset dijitValidationIcon\"><br></div\n\t\t><div class=\"dijitReset dijitValidationIconText\">&Chi;</div\n\t\t><div class=\"dijitReset dijitInputField\"\n\t\t\t><input type=\"text\" autocomplete=\"off\" ${!nameAttrSetting} class='dijitReset'\n\t\t\t\tdojoAttachEvent='onkeypress:_onKey' \n\t\t\t\tdojoAttachPoint='textbox,focusNode' role=\"textbox\" aria-haspopup=\"true\" aria-autocomplete=\"list\"\n\t\t/></div\n\t></div\n></div>\n"}});
+define("dojox/form/FilePickerTextBox", [
+	"dojo/_base/lang",
+	"dojo/_base/array",
+	"dojo/_base/event",
+	"dojo/window",
+	"dijit/focus",
+	"dijit/registry",
+	"dijit/form/_TextBoxMixin",
+	"dijit/form/ValidationTextBox",
+	"dijit/_HasDropDown",
+	"dojox/widget/FilePicker",
+	"dojo/text!./resources/FilePickerTextBox.html",
+	"dojo/_base/declare",
+	"dojo/keys" // keys
+], function(lang, array, event, windowUtils, focus, registry, _TextBoxMixin, ValidationTextBox, _HasDropDown, FilePicker, template, declare, keys){
+
+	/*=====
+		ValidationTextBox = dijit.form.ValidationTextBox;
+		_HasDropDown = dijit._HasDropDown;
+	=====*/
+return declare( "dojox.form.FilePickerTextBox", [ValidationTextBox, _HasDropDown],
+	{
+		// summary:
+		//		A validating text box tied to a file picker popup
+
+		baseClass: "dojoxFilePickerTextBox",
+
+		templateString: template,
+
+		// searchDelay: Integer
+		//		Delay in milliseconds between when user types something and we start
+		//		searching based on that value
+		searchDelay: 500,
+
+		// valueItem: item
+		//		The item, in our store, of the directory relating to our value
+		valueItem: null,
+
+		// numPanes: number
+		//	The number of panes to display in our box (if we don't have any
+		//	minPaneWidth specified by our constraints)
+		numPanes: 2.25,
+
+		postMixInProperties: function(){
+			this.inherited(arguments);
+			this.dropDown = new FilePicker(this.constraints);
+		},
+
+		postCreate: function(){
+			this.inherited(arguments);
+			// Make our connections we want
+			this.connect(this.dropDown, "onChange", this._onWidgetChange);
+			this.connect(this.focusNode, "onblur", "_focusBlur");
+			this.connect(this.focusNode, "onfocus", "_focusFocus");
+			this.connect(this.focusNode, "ondblclick", function(){
+				_TextBoxMixin.selectInputText(this.focusNode);
+			});
+		},
+
+		_setValueAttr: function(/*string*/value, priorityChange, fromWidget){
+			// summary: sets the value of this widget
+			if(!this._searchInProgress){
+				this.inherited(arguments);
+				value = value || "";
+				var tVal = this.dropDown.get("pathValue") || "";
+				if(value !== tVal){
+					this._skip = true;
+					var fx = lang.hitch(this, "_setBlurValue");
+					this.dropDown._setPathValueAttr(value, !fromWidget,
+											this._settingBlurValue ? fx : null);
+				}
+			}
+		},
+
+		_onWidgetChange: function(/*item*/item){
+			// summary: called when the path gets changed in the dropdown
+			if(!item && this.focusNode.value){
+				this._hasValidPath = false;
+				this.focusNode.value = "";
+			}else{
+				this.valueItem = item;
+				var value = this.dropDown._getPathValueAttr(item);
+				if(value){
+					this._hasValidPath = true;
+				}
+				if(!this._skip){
+					this._setValueAttr(value, undefined, true);
+				}
+				delete this._skip;
+			}
+			this.validate();
+		},
+
+		startup: function(){
+			if(!this.dropDown._started){
+				this.dropDown.startup();
+			}
+			this.inherited(arguments);
+		},
+
+		openDropDown: function(){
+			// set width to 0 so that it will resize automatically
+			this.dropDown.domNode.style.width="0px";
+			if(!("minPaneWidth" in (this.constraints||{}))){
+				this.dropDown.set("minPaneWidth", (this.domNode.offsetWidth / this.numPanes));
+			}
+			this.inherited(arguments);
+		},
+
+		toggleDropDown: function(){
+			this.inherited(arguments);
+			// Make sure our display is up-to-date with our value
+			if(this._opened){
+				this.dropDown.set("pathValue", this.get("value"));
+			}
+		},
+
+		_focusBlur: function(/*Event*/ e){
+			// summary: called when the focus node gets blurred
+			if(e.explicitOriginalTarget == this.focusNode && !this._allowBlur){
+				window.setTimeout(lang.hitch(this, function(){
+					if(!this._allowBlur){
+						this.focus();
+					}
+				}), 1);
+			}else if(this._menuFocus){
+				this.dropDown._updateClass(this._menuFocus, "Item", {"Hover": false});
+				delete this._menuFocus;
+			}
+		},
+
+		_focusFocus: function(/*Event*/ e){
+			// summary: called when the focus node gets focus
+			if(this._menuFocus){
+				this.dropDown._updateClass(this._menuFocus, "Item", {"Hover": false});
+			}
+			delete this._menuFocus;
+			var focusNode = focus.curNode;
+			if(focusNode){
+				focusNode = registry.byNode(focusNode);
+				if(focusNode){
+					this._menuFocus = focusNode.domNode;
+				}
+			}
+			if(this._menuFocus){
+				this.dropDown._updateClass(this._menuFocus, "Item", {"Hover": true});
+			}
+			delete this._allowBlur;
+		},
+
+		_onBlur: function(){
+			// summary: called when focus is shifted away from this widget
+			this._allowBlur = true;
+			delete this.dropDown._savedFocus;
+			this.inherited(arguments);
+		},
+
+		_setBlurValue: function(){
+			// summary: sets the value of the widget once focus has left
+			if(this.dropDown && !this._settingBlurValue){
+				this._settingBlurValue = true;
+				this.set("value", this.focusNode.value);
+			}else{
+				delete this._settingBlurValue;
+				this.inherited(arguments);
+			}
+		},
+
+		parse: function(/* String */ value, /* Object */ constraints){
+			//	summary:
+			//		Function to convert a formatted string to a value - we use
+			//		it to verify that it *really* is a valid value
+			if(this._hasValidPath || this._hasSelection){
+				return value;
+			}
+			var dd = this.dropDown, topDir = dd.topDir, sep = dd.pathSeparator;
+			var ddVal = dd.get("pathValue");
+			var norm = function(v){
+				if(topDir.length && v.indexOf(topDir) === 0){
+					v = v.substring(topDir.length);
+				}
+				if(sep && v[v.length - 1] == sep){
+					v = v.substring(0, v.length - 1);
+				}
+				return v;
+			};
+			ddVal = norm(ddVal);
+			var val = norm(value);
+			if(val == ddVal){
+				return value;
+			}
+			return undefined;
+		},
+
+		_startSearchFromInput: function(){
+			// summary: kicks off a search based off the current text value of the widget
+			var dd = this.dropDown, fn = this.focusNode;
+			var val = fn.value, oVal = val, topDir = dd.topDir;
+			if(this._hasSelection){
+				_TextBoxMixin.selectInputText(fn, oVal.length);
+			}
+			this._hasSelection = false;
+			if(topDir.length && val.indexOf(topDir) === 0){
+				val = val.substring(topDir.length);
+			}
+			var dirs = val.split(dd.pathSeparator);
+			var setFromChain = lang.hitch(this, function(idx){
+				var dir = dirs[idx];
+				var child = dd.getChildren()[idx];
+				var conn;
+				this._searchInProgress = true;
+				var _cleanup = lang.hitch(this, function(){
+					delete this._searchInProgress;
+				});
+				if((dir || child) && !this._opened){
+					this.toggleDropDown();
+				}
+				if(dir && child){
+					var fx = lang.hitch(this, function(){
+						if(conn){
+							this.disconnect(conn);
+						}
+						delete conn;
+						var children = child._menu.getChildren();
+						var exact = array.filter(children, function(i){
+							return i.label == dir;
+						})[0];
+						var first = array.filter(children, function(i){
+							return (i.label.indexOf(dir) === 0);
+						})[0];
+						if(exact &&
+							((dirs.length > idx + 1 && exact.children) ||
+							(!exact.children))){
+							idx++;
+							child._menu.onItemClick(exact, {type: "internal",
+													stopPropagation: function(){},
+													preventDefault: function(){}});
+							if(dirs[idx]){
+								setFromChain(idx);
+							}else{
+								_cleanup();
+							}
+						}else{
+							child._setSelected(null);
+							if(first && dirs.length === idx + 1){
+								dd._setInProgress = true;
+								dd._removeAfter(child);
+								delete dd._setInProgress;
+								var targetString = first.label;
+								if(first.children){
+									targetString += dd.pathSeparator;
+								}
+								targetString = targetString.substring(dir.length);
+								window.setTimeout(function(){
+									windowUtils.scrollIntoView(first.domNode);
+								}, 1);
+								fn.value = oVal + targetString;
+								_TextBoxMixin.selectInputText(fn, oVal.length);
+								this._hasSelection = true;
+								try{first.focusNode.focus();}catch(e){}
+							}else{
+								if(this._menuFocus){
+									this.dropDown._updateClass(this._menuFocus, "Item", {"Hover": false, "Focus": false});
+								}
+								delete this._menuFocus;
+							}
+							_cleanup();
+						}
+					});
+					if(!child.isLoaded){
+						conn = this.connect(child, "onLoad", fx);
+					}else{
+						fx();
+					}
+				}else{
+					if(child){
+						child._setSelected(null);
+						dd._setInProgress = true;
+						dd._removeAfter(child);
+						delete dd._setInProgress;
+					}
+					_cleanup();
+				}
+			});
+			setFromChain(0);
+		},
+
+		_onKey: function(/*Event*/ e){
+			// summary: callback when the user presses a key on menu popup node
+			if(this.disabled || this.readOnly){ return; }
+			var c = e.charOrCode;
+			if(c==keys.DOWN_ARROW){
+				this._allowBlur = true;
+			}
+			if(c==keys.ENTER && this._opened){
+				this.dropDown.onExecute();
+				_TextBoxMixin.selectInputText(this.focusNode, this.focusNode.value.length);
+				this._hasSelection = false;
+				event.stop(e);
+				return;
+			}
+			if((c==keys.RIGHT_ARROW || c==keys.LEFT_ARROW || c==keys.TAB) && this._hasSelection){
+				this._startSearchFromInput();
+				event.stop(e);
+				return;
+			}
+			this.inherited(arguments);
+			var doSearch = false;
+			if((c==keys.BACKSPACE || c==keys.DELETE) && this._hasSelection){
+				this._hasSelection = false;
+			}else if(c==keys.BACKSPACE || c==keys.DELETE || c==" "){
+				doSearch = true;
+			}else{
+				doSearch = e.keyChar !== "";
+			}
+			if(this._searchTimer){
+				window.clearTimeout(this._searchTimer);
+			}
+			delete this._searchTimer;
+			if(doSearch){
+				this._hasValidPath = false;
+				this._hasSelection = false;
+				this._searchTimer = window.setTimeout(lang.hitch(this, "_startSearchFromInput"), this.searchDelay + 1);
+			}
+		}
+	}
+);
+});
\ No newline at end of file