diff options
Diffstat (limited to 'js/dojo/dojox/calc/Standard.js')
| -rw-r--r-- | js/dojo/dojox/calc/Standard.js | 364 |
1 files changed, 364 insertions, 0 deletions
diff --git a/js/dojo/dojox/calc/Standard.js b/js/dojo/dojox/calc/Standard.js new file mode 100644 index 0000000..259370a --- /dev/null +++ b/js/dojo/dojox/calc/Standard.js @@ -0,0 +1,364 @@ +//>>built +require({cache:{ +'url:dojox/calc/templates/Standard.html':"<div class=\"dijitReset dijitInline dojoxCalc\"\n><table class=\"dijitReset dijitInline dojoxCalcLayout\" data-dojo-attach-point=\"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 data-dojo-type=\"dijit.form.TextBox\" data-dojo-attach-event=\"onBlur:onBlur,onKeyPress:onKeyPress\" data-dojo-attach-point='textboxWidget'\n\t\t/></td\n\t></tr>\n\t<tr>\n\t\t<td class=\"dojoxCalcButtonContainer\">\n\t\t\t<button data-dojo-type=\"dijit.form.Button\" data-dojo-attach-point=\"seven\" label=\"7\" value='7' data-dojo-attach-event='onClick:insertText' />\n\t\t</td>\n\t\t<td class=\"dojoxCalcButtonContainer\">\n\t\t\t<button data-dojo-type=\"dijit.form.Button\" data-dojo-attach-point=\"eight\" label=\"8\" value='8' data-dojo-attach-event='onClick:insertText' />\n\t\t</td>\n\t\t<td class=\"dojoxCalcButtonContainer\">\n\t\t\t<button data-dojo-type=\"dijit.form.Button\" data-dojo-attach-point=\"nine\" label=\"9\" value='9' data-dojo-attach-event='onClick:insertText' />\n\t\t</td>\n\t\t<td class=\"dojoxCalcButtonContainer\">\n\t\t\t<button data-dojo-type=\"dijit.form.Button\" data-dojo-attach-point=\"divide\" label=\"/\" value='/' data-dojo-attach-event='onClick:insertOperator' />\n\t\t</td>\n\t</tr>\n\t<tr>\n\t\t<td class=\"dojoxCalcButtonContainer\">\n\t\t\t<button data-dojo-type=\"dijit.form.Button\" data-dojo-attach-point=\"four\" label=\"4\" value='4' data-dojo-attach-event='onClick:insertText' />\n\t\t</td>\n\t\t<td class=\"dojoxCalcButtonContainer\">\n\t\t\t<button data-dojo-type=\"dijit.form.Button\" data-dojo-attach-point=\"five\" label=\"5\" value='5' data-dojo-attach-event='onClick:insertText' />\n\t\t</td>\n\t\t<td class=\"dojoxCalcButtonContainer\">\n\t\t\t<button data-dojo-type=\"dijit.form.Button\" data-dojo-attach-point=\"six\" label=\"6\" value='6' data-dojo-attach-event='onClick:insertText' />\n\t\t</td>\n\t\t<td class=\"dojoxCalcButtonContainer\">\n\t\t\t<button data-dojo-type=\"dijit.form.Button\" data-dojo-attach-point=\"multiply\" label=\"*\" value='*' data-dojo-attach-event='onClick:insertOperator' />\n\t\t</td>\n\t</tr>\n\t<tr>\n\t\t<td class=\"dojoxCalcButtonContainer\">\n\t\t\t<button data-dojo-type=\"dijit.form.Button\" data-dojo-attach-point=\"one\" label=\"1\" value='1' data-dojo-attach-event='onClick:insertText' />\n\t\t</td>\n\t\t<td class=\"dojoxCalcButtonContainer\">\n\t\t\t<button data-dojo-type=\"dijit.form.Button\" data-dojo-attach-point=\"two\" label=\"2\" value='2' data-dojo-attach-event='onClick:insertText' />\n\t\t</td>\n\t\t<td class=\"dojoxCalcButtonContainer\">\n\t\t\t<button data-dojo-type=\"dijit.form.Button\" data-dojo-attach-point=\"three\" label=\"3\" value='3' data-dojo-attach-event='onClick:insertText' />\n\t\t</td>\n\t\t<td class=\"dojoxCalcButtonContainer\">\n\t\t\t<button data-dojo-type=\"dijit.form.Button\" data-dojo-attach-point=\"add\" label=\"+\" value='+' data-dojo-attach-event='onClick:insertOperator' />\n\t\t</td>\n\t</tr>\n\t<tr>\n\t\t<td class=\"dojoxCalcButtonContainer\">\n\t\t\t<button data-dojo-type=\"dijit.form.Button\" data-dojo-attach-point=\"decimal\" label=\".\" value='.' data-dojo-attach-event='onClick:insertText' />\n\t\t</td>\n\t\t<td class=\"dojoxCalcButtonContainer\">\n\t\t\t<button data-dojo-type=\"dijit.form.Button\" data-dojo-attach-point=\"zero\" label=\"0\" value='0' data-dojo-attach-event='onClick:insertText' />\n\t\t</td>\n\t\t<td class=\"dojoxCalcButtonContainer\">\n\t\t\t<button data-dojo-type=\"dijit.form.Button\" data-dojo-attach-point=\"equals\" label=\"x=y\" value='=' data-dojo-attach-event='onClick:insertText' />\n\t\t</td>\n\t\t<td class=\"dojoxCalcMinusButtonContainer\">\n\t\t\t<span data-dojo-type=\"dijit.form.ComboButton\" data-dojo-attach-point=\"subtract\" label='-' value='-' data-dojo-attach-event='onClick:insertOperator'>\n\n\t\t\t\t<div data-dojo-type=\"dijit.Menu\" style=\"display:none;\">\n\t\t\t\t\t<div data-dojo-type=\"dijit.MenuItem\" data-dojo-attach-event=\"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 data-dojo-type=\"dijit.form.Button\" data-dojo-attach-point=\"clear\" label=\"Clear\" data-dojo-attach-event='onClick:clearText' />\n\t\t</td>\n\t\t<td class=\"dojoxCalcButtonContainer\">\n\t\t\t<button data-dojo-type=\"dijit.form.Button\" data-dojo-attach-point=\"sqrt\" label=\"√\" value=\"√\" data-dojo-attach-event='onClick:insertText' />\n\t\t</td>\n\t\t<td class=\"dojoxCalcButtonContainer\">\n\t\t\t<button data-dojo-type=\"dijit.form.Button\" data-dojo-attach-point=\"power\" label=\"^\" value=\"^\" data-dojo-attach-event='onClick:insertOperator' />\n\t\t</td>\n\t\t<td class=\"dojoxCalcButtonContainer\">\n\t\t\t<button data-dojo-type=\"dijit.form.Button\" data-dojo-attach-point=\"comma\" label=\",\" value=',' data-dojo-attach-event='onClick:insertText' />\n\t\t</td>\n\t</tr>\n\t<tr>\n\t\t<td class=\"dojoxCalcButtonContainer\">\n\t\t\t<button data-dojo-type=\"dijit.form.Button\" data-dojo-attach-point=\"AnsButton\" label=\"Ans\" value=\"Ans\" data-dojo-attach-event='onClick:insertText' />\n\t\t</td>\n\t\t<td class=\"dojoxCalcButtonContainer\">\n\t\t\t<button data-dojo-type=\"dijit.form.Button\" data-dojo-attach-point=\"LeftParenButton\" label=\"(\" value=\"(\" data-dojo-attach-event='onClick:insertText' />\n\t\t</td>\n\t\t<td class=\"dojoxCalcButtonContainer\">\n\t\t\t<button data-dojo-type=\"dijit.form.Button\" data-dojo-attach-point=\"RightParenButton\" label=\")\" value=\")\" data-dojo-attach-event='onClick:insertText' />\n\t\t</td>\n\t\t<td class=\"dojoxCalcButtonContainer\">\n\t\t\t<button data-dojo-type=\"dijit.form.Button\" data-dojo-attach-point=\"enter\" label=\"Enter\" data-dojo-attach-event='onClick:parseTextbox' />\n\t\t</td>\n\t</tr>\n</table>\n<span data-dojo-attach-point=\"executor\" data-dojo-type=\"dojox.calc._Executor\" data-dojo-attach-event=\"onLoad:executorLoaded\"></span>\n</div>\n"}}); +define("dojox/calc/Standard", [ + "dojo/_base/declare", + "dojo/_base/lang", + "dojo/_base/sniff", + "dojo/_base/window", + "dojo/_base/event", + "dojo/dom-style", + "dojo/ready", + "dojo/keys", + "dijit/registry", + "dijit/typematic", + "dijit/_WidgetBase", + "dijit/_WidgetsInTemplateMixin", + "dijit/_TemplatedMixin", + "dijit/form/_TextBoxMixin", + "dojox/math/_base", + "dijit/TooltipDialog", + "dojo/text!./templates/Standard.html", + "dojox/calc/_Executor", // template + "dijit/Menu", // template + "dijit/MenuItem", // template + "dijit/form/ComboButton", // template + "dijit/form/Button", // template + "dijit/form/TextBox" // template +], function(declare, lang, has, win, event, domStyle, ready, keys, registry, typematic, WidgetBase, WidgetsInTemplateMixin, TemplatedMixin, _TextBoxMixin, math, TooltipDialog, template, calc){ + + /*===== + WidgetBase = dijit._WidgetBase; + WidgetsInTemplateMixin = dijit._WidgetsInTemplateMixin; + TemplatedMixin = dijit._TemplatedMixin; + =====*/ + return declare( + "dojox.calc.Standard", + [WidgetBase, TemplatedMixin, WidgetsInTemplateMixin], + { + // summary: + // The dialog layout for a standard 4 function/algebraic calculator + // + templateString: template, + + readStore:null, + writeStore:null, + functions: [], + + executorLoaded: function(){ + // summary + // load in the stores after executor is loaded (the stores need executor to be loaded because it parses them) + ready(lang.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 + if(!store){ + return; + } + store.query({}).forEach(lang.hitch(this, function(item){ + lang.hitch(this, isReadOnly ? this.executor.normalizedFunction : this.saveFunction)(item.name, item.args, item.body); + })); + }, + + 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(); + _TextBoxMixin.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 == keys.UP_ARROW){ + this.cycleCommandUp(); + }else if(keyNum == 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(has("ie")){ + var tr = win.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(e){ + // summary + // handle key input for Enter and operators + if(e.charOrCode == keys.ENTER){ + this.parseTextbox(); + // stop form submissions + event.stop(e); + }else if(e.charOrCode == '!' || e.charOrCode == '^' || e.charOrCode == '*' || e.charOrCode == '/' || e.charOrCode == '-' || e.charOrCode == '+'){ + if(has("ie")){ + var tr = win.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" + _TextBoxMixin.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 = registry.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(lang.hitch(this, function(){ + + var node = this.textboxWidget.textbox; + if(node.value==""){ + node.selectionStart = 0; + node.selectionEnd = 0; + } + if(typeof newText == "object"){ + newText = newText = registry.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(has("opera")){ + 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); + _TextBoxMixin.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 && !calc.toFrac){ + domStyle.set(this.toFracButton.domNode, { visibility: "hidden" }); + } + if(this.functionMakerButton && !calc.FuncGen){ + domStyle.set(this.functionMakerButton.domNode, { visibility: "hidden" }); + } + if(this.grapherMakerButton && !calc.Grapher){ + domStyle.set(this.grapherMakerButton.domNode, { visibility: "hidden" }); + } + this._connects.push(typematic.addKeyListener(this.textboxWidget.textbox, + { + charOrCode:keys.UP_ARROW, + shiftKey:false, + metaKey:false, + ctrlKey:false // ALT is optional since its unspecified + }, + this, this.cycleCommands, 200, 200)); + this._connects.push(typematic.addKeyListener(this.textboxWidget.textbox, + { + charOrCode: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", lang.hitch(this, "insertText", this.textboxWidget, '\u221A')); + //this.pi.set("onClick", lang.hitch(this, "insertText", this.textboxWidget, '\u03C0')); + this.startup() + } + }); + +}); |