SOURCE CODE: UizeSite.Widgets.EnabledBusyDemo.Html (view docs)

Uize.module ({
  name:'UizeSite.Widgets.EnabledBusyDemo.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 = '" class="',
          _fragment1 = '\r\n    '
        ;
        return (
          '<div id="' + _idPrefix + _fragment0 + i['mCssBindings_rootNodeClasses'] + '">\r\n  <div id="' + _idPrefix + '-heading' + _fragment0 + _cssClass ('heading') + '">' + i['idPrefix'] + '</div>\r\n  <div class="' + _cssClass ('body') + '">\r\n    ENABLED: \r\n      <select id="' + _idPrefix + '-enabledSelector' + '">\r\n        <option value="inherit" selected="">inherit</option>\r\n        <option value="true">true</option>\r\n        <option value="false">false</option>\r\n      </select>\r\n      |  \r\n    BUSY: \r\n      <select id="' + _idPrefix + '-busySelector' + '">\r\n        <option value="inherit" selected="">inherit</option>\r\n        <option value="true">true</option>\r\n        <option value="false">false</option>\r\n      </select>\r\n          \r\n    ' + _childHtml ({name:'button1',text:'BUTTON 1',size:'small'}) + _fragment1 + _childHtml ({name:'button2',text:'BUTTON 2',size:'small'}) + '\r\n    <br clear="left"/>\r\n    ' + _childHtml ({name:'childWidget0'}) + _fragment1 + _childHtml ({name:'childWidget1'}) + '\r\n  </div>\r\n</div>\r\n\r\n'
        );

      }
    });
  }
});