analytics/webcontent/dojo16/dojox/calc/Standard.js

/*
	Copyright (c) 2004-2012, 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
*/


if(!dojo._hasResource["dojox.calc.Standard"]){ //_hasResource checks added by build. Do not use _hasResource directly in your code.
dojo._hasResource["dojox.calc.Standard"] = true;
dojo.provide("dojox.calc.Standard");
dojo.require("dijit._Templated");
dojo.require("dojox.math._base");
dojo.require("dijit.dijit");
dojo.require("dijit.Menu");
dojo.require("dijit.form.DropDownButton");
dojo.require("dijit.TooltipDialog");
dojo.require("dijit.form.TextBox");
dojo.require("dijit.form.Button");
dojo.require("dojox.calc._Executor");


dojo.experimental("dojox.calc.Standard");

dojo.declare(
	"dojox.calc.Standard",
	[dijit._Widget, dijit._Templated],
{
	// summary:
	//		The dialog layout for a standard 4 function/algebraic calculator
	//
	templateString: dojo.cache("dojox.calc", "templates/Standard.html", "<div class=\"dijitReset dijitInline dojoxCalc\"\n><table class=\"dijitReset dijitInline dojoxCalcLayout\" dojoAttachPoint=\"calcTable\" rules=\"none\" cellspacing=0 cellpadding=0 border=0>\n\t<tr\n\t\t><td colspan=\"4\" class=\"dojoxCalcInputContainer\"\n\t\t\t><input dojoType=\"dijit.form.TextBox\" dojoAttachEvent=\"onBlur:onBlur,onKeyPress:onKeyPress\" dojoAttachPoint='textboxWidget'\n\t\t/></td\n\t></tr>\n\t<tr>\n\t\t<td class=\"dojoxCalcButtonContainer\">\n\t\t\t<button dojoType=\"dijit.form.Button\" dojoAttachPoint=\"seven\" label=\"7\" value='7' dojoAttachEvent='onClick:insertText' />\n\t\t</td>\n\t\t<td class=\"dojoxCalcButtonContainer\">\n\t\t\t<button dojoType=\"dijit.form.Button\" dojoAttachPoint=\"eight\" label=\"8\" value='8' dojoAttachEvent='onClick:insertText' />\n\t\t</td>\n\t\t<td class=\"dojoxCalcButtonContainer\">\n\t\t\t<button dojoType=\"dijit.form.Button\" dojoAttachPoint=\"nine\" label=\"9\" value='9' dojoAttachEvent='onClick:insertText' />\n\t\t</td>\n\t\t<td class=\"dojoxCalcButtonContainer\">\n\t\t\t<button dojoType=\"dijit.form.Button\" dojoAttachPoint=\"divide\" label=\"/\" value='/' dojoAttachEvent='onClick:insertOperator' />\n\t\t</td>\n\t</tr>\n\t<tr>\n\t\t<td class=\"dojoxCalcButtonContainer\">\n\t\t\t<button dojoType=\"dijit.form.Button\" dojoAttachPoint=\"four\" label=\"4\" value='4' dojoAttachEvent='onClick:insertText' />\n\t\t</td>\n\t\t<td class=\"dojoxCalcButtonContainer\">\n\t\t\t<button dojoType=\"dijit.form.Button\" dojoAttachPoint=\"five\" label=\"5\" value='5' dojoAttachEvent='onClick:insertText' />\n\t\t</td>\n\t\t<td class=\"dojoxCalcButtonContainer\">\n\t\t\t<button dojoType=\"dijit.form.Button\" dojoAttachPoint=\"six\" label=\"6\" value='6' dojoAttachEvent='onClick:insertText' />\n\t\t</td>\n\t\t<td class=\"dojoxCalcButtonContainer\">\n\t\t\t<button dojoType=\"dijit.form.Button\" dojoAttachPoint=\"multiply\" label=\"*\" value='*' dojoAttachEvent='onClick:insertOperator' />\n\t\t</td>\n\t</tr>\n\t<tr>\n\t\t<td class=\"dojoxCalcButtonContainer\">\n\t\t\t<button dojoType=\"dijit.form.Button\" dojoAttachPoint=\"one\" label=\"1\" value='1' dojoAttachEvent='onClick:insertText' />\n\t\t</td>\n\t\t<td class=\"dojoxCalcButtonContainer\">\n\t\t\t<button dojoType=\"dijit.form.Button\" dojoAttachPoint=\"two\" label=\"2\" value='2' dojoAttachEvent='onClick:insertText' />\n\t\t</td>\n\t\t<td class=\"dojoxCalcButtonContainer\">\n\t\t\t<button dojoType=\"dijit.form.Button\" dojoAttachPoint=\"three\" label=\"3\" value='3' dojoAttachEvent='onClick:insertText' />\n\t\t</td>\n\t\t<td class=\"dojoxCalcButtonContainer\">\n\t\t\t<button dojoType=\"dijit.form.Button\" dojoAttachPoint=\"add\" label=\"+\" value='+' dojoAttachEvent='onClick:insertOperator' />\n\t\t</td>\n\t</tr>\n\t<tr>\n\t\t<td class=\"dojoxCalcButtonContainer\">\n\t\t\t<button dojoType=\"dijit.form.Button\" dojoAttachPoint=\"decimal\" label=\".\" value='.' dojoAttachEvent='onClick:insertText' />\n\t\t</td>\n\t\t<td class=\"dojoxCalcButtonContainer\">\n\t\t\t<button dojoType=\"dijit.form.Button\" dojoAttachPoint=\"zero\" label=\"0\" value='0' dojoAttachEvent='onClick:insertText' />\n\t\t</td>\n\t\t<td class=\"dojoxCalcButtonContainer\">\n\t\t\t<button dojoType=\"dijit.form.Button\" dojoAttachPoint=\"equals\" label=\"x=y\" value='=' dojoAttachEvent='onClick:insertText' />\n\t\t</td>\n\t\t<td class=\"dojoxCalcMinusButtonContainer\">\n\t\t\t<span dojoType=\"dijit.form.ComboButton\" dojoAttachPoint=\"subtract\" label='-' value='-' dojoAttachEvent='onClick:insertOperator'>\n\n\t\t\t\t<div dojoType=\"dijit.Menu\" style=\"display:none;\">\n\t\t\t\t\t<div dojoType=\"dijit.MenuItem\" dojoAttachEvent=\"onClick:insertMinus\">\n\t\t\t\t\t\t(-)\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</span>\n\t\t</td>\n\t</tr>\n\t<tr>\n\t\t<td class=\"dojoxCalcButtonContainer\">\n\t\t\t<button dojoType=\"dijit.form.Button\" dojoAttachPoint=\"clear\" label=\"Clear\" dojoAttachEvent='onClick:clearText' />\n\t\t</td>\n\t\t<td class=\"dojoxCalcButtonContainer\">\n\t\t\t<button dojoType=\"dijit.form.Button\" dojoAttachPoint=\"sqrt\" label=\"&#x221A;\" value=\"&#x221A;\" dojoAttachEvent='onClick:insertText' />\n\t\t</td>\n\t\t<td class=\"dojoxCalcButtonContainer\">\n\t\t\t<button dojoType=\"dijit.form.Button\" dojoAttachPoint=\"power\" label=\"^\" value=\"^\" dojoAttachEvent='onClick:insertOperator' />\n\t\t</td>\n\t\t<td class=\"dojoxCalcButtonContainer\">\n\t\t\t<button dojoType=\"dijit.form.Button\" dojoAttachPoint=\"comma\" label=\",\" value=',' dojoAttachEvent='onClick:insertText' />\n\t\t</td>\n\t</tr>\n\t<tr>\n\t\t<td class=\"dojoxCalcButtonContainer\">\n\t\t\t<button dojoType=\"dijit.form.Button\" dojoAttachPoint=\"AnsButton\" label=\"Ans\" value=\"Ans\" dojoAttachEvent='onClick:insertText' />\n\t\t</td>\n\t\t<td class=\"dojoxCalcButtonContainer\">\n\t\t\t<button dojoType=\"dijit.form.Button\" dojoAttachPoint=\"LeftParenButton\" label=\"(\" value=\"(\" dojoAttachEvent='onClick:insertText' />\n\t\t</td>\n\t\t<td class=\"dojoxCalcButtonContainer\">\n\t\t\t<button dojoType=\"dijit.form.Button\" dojoAttachPoint=\"RightParenButton\" label=\")\" value=\")\" dojoAttachEvent='onClick:insertText' />\n\t\t</td>\n\t\t<td class=\"dojoxCalcButtonContainer\">\n\t\t\t<button dojoType=\"dijit.form.Button\" dojoAttachPoint=\"enter\" label=\"Enter\" dojoAttachEvent='onClick:parseTextbox' />\n\t\t</td>\n\t</tr>\n</table>\n<span dojoAttachPoint=\"executor\" dojoType=\"dojox.calc._Executor\" dojoAttachEvent=\"onLoad:executorLoaded\"></span>\n</div>\n"),

	readStore:null,
	writeStore:null,
	functions: [],

	widgetsInTemplate:true,
	executorLoaded: function(){
		// summary
		//	load in the stores after executor is loaded (the stores need executor to be loaded because it parses them)
		dojo.addOnLoad(dojo.hitch(this, function(){
			this.loadStore(this.readStore, true);
			this.loadStore(this.writeStore);
		}));
	},

	saveFunction: function(name, args, body){
		// summary
		//	make the function with executor
		this.functions[name] = this.executor.normalizedFunction(name, args, body);
		this.functions[name].args = args;
		this.functions[name].body = body;
	},

	loadStore: function(store, isReadOnly){
		// summary
		//	load an entire store, and make it publicly editable/viewable based on isReadOnly
		function saveFunctions(items){
			for(var i = 0; i < items.length; i++){
				this.saveFunction(items[i].name[0], items[i].args[0], items[i].body[0]);
			}
		}
		function saveReadOnlyFunctions(items){
			// make the function
			for(var i = 0; i < items.length; i++){
				this.executor.normalizedFunction(items[i].name[0], items[i].args[0], items[i].body[0]);
			}
		}
		if(store==null){
			return;
		}
		if(isReadOnly){
			store.fetch({
				onComplete: dojo.hitch(this, saveReadOnlyFunctions),
				onError: function(text){console.error(text)}
			});
		}else{
			store.fetch({
				onComplete: dojo.hitch(this, saveFunctions),
				onError: function(text){console.error(text)}
			});
		}
	},

	parseTextbox: function(){
		// summary
		//	parse the contents of the textboxWidget and display the answer somewhere (depending on the layout)
		var text = this.textboxWidget.textbox.value;
		if(text == "" && this.commandList.length > 0){
			this.setTextboxValue(this.textboxWidget, this.commandList[this.commandList.length-1]);
			text = this.textboxWidget.textbox.value;
		}
		if(text!=""){
			var ans = this.executor.eval(text);

			if((typeof ans == "number" && isNaN(ans))){
				if(this.commandList.length == 0 || this.commandList[this.commandList.length - 1] != text){
					this.commandList.push(text);
				}
				this.print(text, false);
				this.print("Not a Number", true);
			}else if(((typeof ans == "object" && "length" in ans) || typeof ans != "object") && typeof ans != "function" && ans != null){
				this.executor.eval("Ans="+ans);
				// add it to the command list as well
				if(this.commandList.length == 0 || this.commandList[this.commandList.length - 1] != text){
					this.commandList.push(text);
				}
				this.print(text, false);
				this.print(ans, true);
			}
			this.commandIndex = this.commandList.length-1;
			//this.displayBox.textbox.scrollTop=this.displayBox.textbox.scrollHeight;
			if(this.hasDisplay){
				this.displayBox.scrollTop=this.displayBox.scrollHeight;
			}
			//this.clearText();
			//this.textboxWidget.focus();
			dijit.selectInputText(this.textboxWidget.textbox);

		}else{
			this.textboxWidget.focus();
		}
	},
	cycleCommands: function(count, node, event){
		// summary
		//	cycle through the commands that the user has entered
		//	it does not wrap around
		if(count == -1 || this.commandList.length==0){
			return;
		}
		var keyNum = event.charOrCode;
		//up arrow
		if(keyNum == dojo.keys.UP_ARROW){
			this.cycleCommandUp();
		}else if(keyNum == dojo.keys.DOWN_ARROW){
			this.cycleCommandDown();
		}
	},
	cycleCommandUp: function(){
		// summary
		//	cycle up through the list of commands the user has entered already
		if(this.commandIndex-1<0){
			this.commandIndex=0;
		}else{
			this.commandIndex--;
		}
		this.setTextboxValue(this.textboxWidget, this.commandList[this.commandIndex]);
	},
	cycleCommandDown: function(){
		// summary
		//	cycle down through the list of commands the user has entered already
		if(this.commandIndex+1>=this.commandList.length){
			this.commandIndex=this.commandList.length;
			this.setTextboxValue(this.textboxWidget, "");
		}else{
			this.commandIndex++;
			this.setTextboxValue(this.textboxWidget, this.commandList[this.commandIndex]);
		}

	},
	onBlur: function(){
		// summary
		//	IE is lacking in function when it comes to the text boxes, so here, make it work like other browsers do by forcing a node.selectionStart and End onto it
		if(dojo.isIE){
			var tr = dojo.doc.selection.createRange().duplicate();
			var selectedText = tr.text || '';
			var ntr = this.textboxWidget.textbox.createTextRange();
			tr.move("character",0);
			ntr.move("character",0);
			try{
				ntr.setEndPoint("EndToEnd", tr);
				this.textboxWidget.textbox.selectionEnd = (this.textboxWidget.textbox.selectionStart = String(ntr.text).replace(/\r/g,"").length) + selectedText.length;

			}catch(e){}
		}
	},
	onKeyPress: function(event){
		// summary
		// handle key input for Enter and operators
		if(event.charOrCode == dojo.keys.ENTER){
			this.parseTextbox();
			// stop form submissions
			dojo.stopEvent(event);
		}else if(event.charOrCode == '!' || event.charOrCode == '^' || event.charOrCode == '*' || event.charOrCode == '/' || event.charOrCode == '-' || event.charOrCode == '+'){
			if(dojo.isIE){
				var tr = dojo.doc.selection.createRange().duplicate();
				var selectedText = tr.text || '';
				var ntr = this.textboxWidget.textbox.createTextRange();
				tr.move("character",0);
				ntr.move("character",0);
				try{
					ntr.setEndPoint("EndToEnd", tr);
					this.textboxWidget.textbox.selectionEnd = (this.textboxWidget.textbox.selectionStart = String(ntr.text).replace(/\r/g,"").length) + selectedText.length;

				}catch(e){}
			}

			if(this.textboxWidget.get("value")==""){
				this.setTextboxValue(this.textboxWidget, "Ans");
			}else if(this.putInAnsIfTextboxIsHighlighted(this.textboxWidget.textbox, event.charOrCode)){
				this.setTextboxValue(this.textboxWidget, "Ans");//this.insertText("Ans");
				// move the cursor to the end of "Ans"
				dijit.selectInputText(this.textboxWidget.textbox, this.textboxWidget.textbox.value.length, this.textboxWidget.textbox.value.length);
			}
		}
	},
	insertMinus: function(){
		// summary
		//	insert a minus sign when they press (-) in the combo button
		this.insertText('-');
	},
	print: function(text, isRight){
		// summary
		//	print the answer (typically) to the display or the input box
		var t = "<span style='display:block;";
		if(isRight){
			t += "text-align:right;'>";
		}else{
			t += "text-align:left;'>";
		}
		t += text+"<br></span>";
		if(this.hasDisplay){
			this.displayBox.innerHTML += t;
		}else{// if there is not a display box, put the answer in the input box
			this.setTextboxValue(this.textboxWidget, text);
		}
		//this.setTextboxValue(this.displayBox, this.displayBox.get('value')+'\n'+text);
	},
	setTextboxValue: function(widget, val){
		// summary
		//	set a widget's value
		widget.set('value', val);
	},
	putInAnsIfTextboxIsHighlighted: function(node){
		// summary
		//	try seeing if the textbox is highlighted completely so you know if Ans should be put in for an operator like +
		//console.log("Entered "+node.selectionStart + " "+ node.selectionEnd);
		if(typeof node.selectionStart == "number"){ // not-IE
			if(node.selectionStart==0 && node.selectionEnd == node.value.length){
				//node.value = "Ans";
				//dijit.selectInputText(node, node.value.length, node.value.length);
				return true;
			}
		}else if(document.selection){ // IE
			//console.log("Entered 2");
			var range = document.selection.createRange();
			//console.log("Range: "+range.text +" Node: "+node.value);
			if(node.value == range.text){
				//this.insertText("Ans");
				return true;
			}
		}
		return false;
	},
	clearText: function(){
		// summary
		//	this clears the input box if it has content, but if it does not it clears the display
		if(this.hasDisplay && this.textboxWidget.get('value')==""){
			this.displayBox.innerHTML = "";//this.setTextboxValue(this.displayBox, "");
		}else{
			this.setTextboxValue(this.textboxWidget, "");
		}
		this.textboxWidget.focus();
	},
	/*insertMinusSign: function(){
		//
		var v = this.subtract.get('label');
		if(v != '(-)' && this.putInAnsIfTextboxIsHighlighted(this.textboxWidget.textbox)){
			this.insertText("Ans-");
			return;
		}
		this.insertText('-');
	},*/
	insertOperator: function(newText){
		// summary
		//	insert an operator with a button
		if(typeof newText == "object"){
			newText = newText = dijit.getEnclosingWidget(newText["target"]).value;
		}
		if(this.textboxWidget.get("value") == "" || this.putInAnsIfTextboxIsHighlighted(this.textboxWidget.textbox)){
			newText = "Ans"+newText;
		}
		this.insertText(newText);
	},
	insertText: function(newText){//(node, newText){
		// summary
		//	insert text to the textboxWidget node
		setTimeout(dojo.hitch(this, function(){

		var node = this.textboxWidget.textbox;
		if(node.value==""){
			node.selectionStart = 0;
			node.selectionEnd = 0;
		}
		if(typeof newText == "object"){
			newText = newText = dijit.getEnclosingWidget(newText["target"]).value;
		}

		var value = node.value.replace(/\r/g,'');
		if(typeof node.selectionStart == "number"){ // not-IE
		        var pos = node.selectionStart;
		        var cr = 0;
	        	if(navigator.userAgent.indexOf("Opera") != -1){ // if(dojo.isOpera){
	                	cr = (node.value.substring(0,pos).match(/\r/g) || []).length;
		        }
		        node.value = value.substring(0, node.selectionStart-cr) + newText + value.substring(node.selectionEnd-cr);
			node.focus();
			pos += newText.length;
		        //node.setSelectionRange(pos, pos);
			dijit.selectInputText(this.textboxWidget.textbox, pos, pos);
		}else if(document.selection){ // IE
			if(this.handle){
				clearTimeout(this.handle);
				this.handle = null;
			}
			node.focus();
			this.handle = setTimeout(function(){
		        	var range = document.selection.createRange();
			        range.text = newText;
			        // show cursor
	        		range.select();
				this.handle = null;
			}, 0);

		}
		}), 0);
	},
	hasDisplay: false,
	postCreate: function(){
		// summary
		//	run startup, see if there is an upper display box, etc
		this.handle = null;
		this.commandList = [];
		this.commandIndex = 0;

		if(this.displayBox){
			this.hasDisplay = true;
		}
		if(this.toFracButton && !dojox.calc.toFrac){
			dojo.style(this.toFracButton.domNode, { visibility: "hidden" });
		}
		if(this.functionMakerButton && !dojox.calc.FuncGen){
			dojo.style(this.functionMakerButton.domNode, { visibility: "hidden" });
		}
		if(this.grapherMakerButton && !dojox.calc.Grapher){
			dojo.style(this.grapherMakerButton.domNode, { visibility: "hidden" });
		}
		this._connects.push(dijit.typematic.addKeyListener(this.textboxWidget.textbox,
				{
					charOrCode:dojo.keys.UP_ARROW,
					shiftKey:false,
					metaKey:false,
					ctrlKey:false // ALT is optional since its unspecified
				},
				this, this.cycleCommands, 200, 200));
		this._connects.push(dijit.typematic.addKeyListener(this.textboxWidget.textbox,
				{
					charOrCode:dojo.keys.DOWN_ARROW,
					shiftKey:false,
					metaKey:false,
					ctrlKey:false // ALT is optional since its unspecified
				},
				this, this.cycleCommands, 200, 200));


		//onClick="this.insertText(document.getElementById('textbox'), '\u221A')"
		//this.sqrt.set("onClick", dojo.hitch(this, "insertText", this.textboxWidget, '\u221A'));
		//this.pi.set("onClick", dojo.hitch(this, "insertText", this.textboxWidget, '\u03C0'));
		this.startup()
	}
});

}