SOURCE CODE: Uize.Templates.Calculator
/*
This is an automatically generated module, compiled from the JavaScript template file:
Uize.Templates.Calculator.js.jst
*/
Uize.module ({
name:'Uize.Templates.Calculator',
builder:function () {
var _package = function () {};
/*** Public Static Methods ***/
_package.process = function (input) {
var output = [];
/* Module Meta Data
type: Template
importance: 2
codeCompleteness: 100
testCompleteness: 0
docCompleteness: 100
*/
/*?
Introduction
The =Uize.Templates.Calculator= module generates HTML that can be used for instances of the =Uize.Widget.Calculator= class.
*DEVELOPERS:* `Chris van Rensburg`
The =Uize.Templates.Calculator= module is a JavaScript Template Module that is automatically generated by a build script from a companion =Uize.Templates.Calculator.js.jst= JavaScript Template (.jst) file.
Public Static Methods
Uize.Templates.Calculator.process
Returns a string, being the generated HTML that is to be used by an instance of the =Uize.Widget.Calculator= class (or subclass).
SYNTAX
..............................................................
widgetHtmlSTR = Uize.Templates.Calculator.process (inputOBJ);
..............................................................
The value of the =inputOBJ= parameter should be an object of the form...
........................
{
idPrefix: idPrefixSTR
}
........................
idPrefix
A string, specifying the value of the =idPrefix= state property of the widget instance that uses this module to generate its HTML.
Public Static Properties
Uize.Templates.Calculator.input
An object, describing the allowed properties of the =inputOBJ= parameter of the =Uize.Templates.Calculator.process= static method.
*/
output.push ('<div id="',input .idPrefix,'" class="calculator">\r\n <input id="',input .idPrefix,'_entry-input" type="text" class="entry"/><br/>\r\n\r\n <div class="buttonShell operatorButton operatorButtonNegate">\r\n <a id="',input .idPrefix,'_negate" href="javascript://" class="button" title="negate / invert sign">+/-</a>\r\n </div>\r\n <div class="buttonShell memoryButton memoryButtonPlus">\r\n <a id="',input .idPrefix,'_memoryPlus" href="javascript://" class="button" title="memory plus">M+</a>\r\n </div>\r\n <div class="buttonShell memoryButton memoryButtonMinus">\r\n <a id="',input .idPrefix,'_memoryMinus" href="javascript://" class="button" title="memory minus">M-</a>\r\n </div>\r\n <div class="buttonShell memoryButton memoryButtonRecall">\r\n <a id="',input .idPrefix,'_memoryRecall" href="javascript://" class="button" title="mempry recall">MR</a>\r\n </div>\r\n <div class="buttonShell memoryButton memoryButtonClear">\r\n <a id="',input .idPrefix,'_memoryClear" href="javascript://" class="button" title="memory clear">MC</a>\r\n </div>\r\n <br style="clear:left;"/>\r\n\r\n <div class="buttonShell operatorButton operatorButtonPercent">\r\n <a id="',input .idPrefix,'_percent" href="javascript://" class="button" title="percent">%</a>\r\n </div>\r\n <div class="buttonShell digitButton digitButton7">\r\n <a id="',input .idPrefix,'_digit7" href="javascript://" class="button">7</a>\r\n </div>\r\n <div class="buttonShell digitButton digitButton8">\r\n <a id="',input .idPrefix,'_digit8" href="javascript://" class="button">8</a>\r\n </div>\r\n <div class="buttonShell digitButton digitButton9">\r\n <a id="',input .idPrefix,'_digit9" href="javascript://" class="button">9</a>\r\n </div>\r\n <div class="buttonShell operatorButton operatorButtonBasic operatorButtonDivide">\r\n <a id="',input .idPrefix,'_divide" href="javascript://" class="button" title="divide">÷</a>\r\n </div>\r\n <br style="clear:left;"/>\r\n\r\n <div class="buttonShell operatorButton operatorButtonSquareRoot">\r\n <a id="',input .idPrefix,'_squareRoot" href="javascript://" class="button" title="square root">√</a>\r\n </div>\r\n <div class="buttonShell digitButton digitButton4">\r\n <a id="',input .idPrefix,'_digit4" href="javascript://" class="button">4</a>\r\n </div>\r\n <div class="buttonShell digitButton digitButton5">\r\n <a id="',input .idPrefix,'_digit5" href="javascript://" class="button">5</a>\r\n </div>\r\n <div class="buttonShell digitButton digitButton6">\r\n <a id="',input .idPrefix,'_digit6" href="javascript://" class="button">6</a>\r\n </div>\r\n <div class="buttonShell operatorButton operatorButtonBasic operatorButtonMultiply">\r\n <a id="',input .idPrefix,'_multiply" href="javascript://" class="button" title="multiply / times">×</a>\r\n </div>\r\n <br style="clear:left;"/>\r\n\r\n <div class="buttonShell operatorButton operatorButtonClearEntry">\r\n <a id="',input .idPrefix,'_clearEntry" href="javascript://" class="button" title="clear entry">CE</a>\r\n </div>\r\n <div class="buttonShell digitButton digitButton1">\r\n <a id="',input .idPrefix,'_digit1" href="javascript://" class="button">1</a>\r\n </div>\r\n <div class="buttonShell digitButton digitButton2">\r\n <a id="',input .idPrefix,'_digit2" href="javascript://" class="button">2</a>\r\n </div>\r\n <div class="buttonShell digitButton digitButton3">\r\n <a id="',input .idPrefix,'_digit3" href="javascript://" class="button">3</a>\r\n </div>\r\n <div class="buttonShell operatorButton operatorButtonBasic operatorButtonSubtract">\r\n <a id="',input .idPrefix,'_subtract" href="javascript://" class="button" title="minus / subtract">-</a>\r\n </div>\r\n <br style="clear:left;"/>\r\n\r\n <div class="buttonShell operatorButton operatorButtonClear">\r\n <a id="',input .idPrefix,'_clear" href="javascript://" class="button" title="clear all">C</a>\r\n </div>\r\n <div class="buttonShell digitButton digitButton0">\r\n <a id="',input .idPrefix,'_digit0" href="javascript://" class="button">0</a>\r\n </div>\r\n <div class="buttonShell digitButton digitButtonPoint">\r\n <a id="',input .idPrefix,'_point" href="javascript://" class="button" title="decimal point">.</a>\r\n </div>\r\n <div class="buttonShell operatorButtonBasic operatorButtonEquals">\r\n <a id="',input .idPrefix,'_equals" href="javascript://" class="button" title="equals / calculate result">=</a>\r\n </div>\r\n <div class="buttonShell operatorButton operatorButtonBasic operatorButtonAdd">\r\n <a id="',input .idPrefix,'_add" href="javascript://" class="button" title="plus / add">+</a>\r\n </div>\r\n <br style="clear:left;"/>\r\n</div>\r\n\r\n');
return output.join ('');
};
/*** Public Static Properties ***/
_package.input = {
idPrefix:'string'
};
return _package;
}
});