SOURCE CODE: Uize.Widgets.Calculator.Html (view docs)

Uize.module ({
  name:'Uize.Widgets.Calculator.Html',
  builder:function () {
    'use strict';

    return Uize.package ({
      process:function (i) {
        function _cssClass (_class) {return m.cssClass (_class)}
        function _childHtml (_properties) {return m.childHtml (_properties)}
        var
          m = this,
          i = arguments [0],
          _idPrefix = i.idPrefix,
          _fragment0 = _cssClass ('buttonShell'),
          _fragment1 = '</div>\r\n    </td>\r\n    <td>\r\n      <div class="',
          _fragment2 = _cssClass ('memoryButton'),
          _fragment3 = '">',
          _fragment4 = ' ',
          _fragment5 = _cssClass ('operatorButton'),
          _fragment6 = _cssClass ('digitButton'),
          _fragment7 = '</div></td>\r\n    <td><div class="',
          _fragment8 = '</div>\r\n    </td>\r\n  </tr>\r\n  <tr>\r\n    <td>\r\n      <div class="',
          _fragment9 = '</div>\r\n    </td>\r\n    <td><div class="',
          _fragment10 = '</div></td>\r\n    <td>\r\n      <div class="',
          _fragment11 = _cssClass ('operatorButtonBasic')
        ;
        return (
          '<table id="' + _idPrefix + '" class="' + i['mCssBindings_rootNodeClasses'] + '">\r\n  <tr>\r\n    <td colspan="5">\r\n      <div class="' + _cssClass ('entryShell') + '">\r\n        <div class="' + _cssClass ('entryBevel') + _fragment3 + _childHtml ({name:'entry',extraClasses:_cssClass ('entry')}) + '</div>\r\n      </div>\r\n    </td>\r\n  </tr>\r\n  <tr>\r\n    <td>\r\n      <div class="' + _fragment0 + _fragment4 + _fragment5 + _fragment4 + _cssClass ('operatorButtonNegate') + _fragment3 + _childHtml ({name:'negate',text:'+/−',tipText:'negate / invert sign',doubleChar:'true'}) + _fragment1 + _fragment0 + _fragment4 + _fragment2 + _fragment4 + _cssClass ('memoryButtonPlus') + _fragment3 + _childHtml ({name:'memoryPlus',text:'M+',tipText:'memory plus',doubleChar:'true'}) + _fragment1 + _fragment0 + _fragment4 + _fragment2 + _fragment4 + _cssClass ('memoryButtonMinus') + _fragment3 + _childHtml ({name:'memoryMinus',text:'M−',tipText:'memory minus',doubleChar:'true'}) + _fragment1 + _fragment0 + _fragment4 + _fragment2 + _fragment4 + _cssClass ('memoryButtonRecall') + _fragment3 + _childHtml ({name:'memoryRecall',text:'MR',tipText:'memory recall',doubleChar:'true'}) + _fragment1 + _fragment0 + _fragment4 + _fragment2 + _fragment4 + _cssClass ('memoryButtonClear') + _fragment3 + _childHtml ({name:'memoryClear',text:'MC',tipText:'memory clear',doubleChar:'true'}) + _fragment8 + _fragment0 + _fragment4 + _fragment5 + _fragment4 + _cssClass ('operatorButtonPercent') + _fragment3 + _childHtml ({name:'percent',text:'%',tipText:'percent',doubleChar:'true'}) + _fragment9 + _fragment0 + _fragment4 + _fragment6 + _fragment4 + _cssClass ('digitButton7') + _fragment3 + _childHtml ({name:'digit7',text:'7'}) + _fragment7 + _fragment0 + _fragment4 + _fragment6 + _fragment4 + _cssClass ('digitButton8') + _fragment3 + _childHtml ({name:'digit8',text:'8'}) + _fragment7 + _fragment0 + _fragment4 + _fragment6 + _fragment4 + _cssClass ('digitButton9') + _fragment3 + _childHtml ({name:'digit9',text:'9'}) + _fragment10 + _fragment0 + _fragment4 + _fragment11 + _fragment4 + _cssClass ('operatorButtonDivide') + _fragment3 + _childHtml ({name:'divide',text:'÷',tipText:'divide'}) + _fragment8 + _fragment0 + _fragment4 + _fragment5 + _fragment4 + _cssClass ('operatorButtonSquareRoot') + _fragment3 + _childHtml ({name:'squareRoot',text:'√',tipText:'square root'}) + _fragment9 + _fragment0 + _fragment4 + _fragment6 + _fragment4 + _cssClass ('digitButton4') + _fragment3 + _childHtml ({name:'digit4',text:'4'}) + _fragment7 + _fragment0 + _fragment4 + _fragment6 + _fragment4 + _cssClass ('digitButton5') + _fragment3 + _childHtml ({name:'digit5',text:'5'}) + _fragment7 + _fragment0 + _fragment4 + _fragment6 + _fragment4 + _cssClass ('digitButton6') + _fragment3 + _childHtml ({name:'digit6',text:'6'}) + _fragment10 + _fragment0 + _fragment4 + _fragment11 + _fragment4 + _cssClass ('operatorButtonMultiply') + _fragment3 + _childHtml ({name:'multiply',text:'×',tipText:'multiply / times'}) + _fragment8 + _fragment0 + _fragment4 + _fragment5 + _fragment4 + _cssClass ('operatorButtonClearEntry') + _fragment3 + _childHtml ({name:'clearEntry',text:'CE',tipText:'clear entry',doubleChar:'true'}) + _fragment9 + _fragment0 + _fragment4 + _fragment6 + _fragment4 + _cssClass ('digitButton1') + _fragment3 + _childHtml ({name:'digit1',text:'1'}) + _fragment7 + _fragment0 + _fragment4 + _fragment6 + _fragment4 + _cssClass ('digitButton2') + _fragment3 + _childHtml ({name:'digit2',text:'2'}) + _fragment7 + _fragment0 + _fragment4 + _fragment6 + _fragment4 + _cssClass ('digitButton3') + _fragment3 + _childHtml ({name:'digit3',text:'3'}) + _fragment10 + _fragment0 + _fragment4 + _fragment11 + _fragment4 + _cssClass ('operatorButtonSubtract') + _fragment3 + _childHtml ({name:'subtract',text:'−',tipText:'minus / subtract'}) + _fragment8 + _fragment0 + _fragment4 + _fragment5 + _fragment4 + _cssClass ('operatorButtonClear') + _fragment3 + _childHtml ({name:'clear',text:'C',tipText:'clear all'}) + _fragment9 + _fragment0 + _fragment4 + _fragment6 + _fragment4 + _cssClass ('digitButton0') + _fragment3 + _childHtml ({name:'digit0',text:'0'}) + _fragment10 + _fragment0 + _fragment4 + _fragment6 + _fragment4 + _cssClass ('digitButtonPoint') + _fragment3 + _childHtml ({name:'point',text:'.',tipText:'decimal point'}) + _fragment1 + _fragment0 + _fragment4 + _fragment11 + _fragment4 + _cssClass ('operatorButtonEquals') + _fragment3 + _childHtml ({name:'equals',text:'=',tipText:'equals / calculate result'}) + _fragment1 + _fragment0 + _fragment4 + _fragment11 + _fragment4 + _cssClass ('operatorButtonAdd') + _fragment3 + _childHtml ({name:'add',text:'+',tipText:'plus / add'}) + '</div>\r\n    </td>\r\n  </tr>\r\n</table>\r\n'
        );

      }
    });
  }
});