SOURCE CODE: Uize.Widgets.ColorsTransformer.ShiftAndRange.Html (view docs)

Uize.module ({
  name:'Uize.Widgets.ColorsTransformer.ShiftAndRange.Html',
  required:[
    'Uize.Util.Html.Encode'
  ],
  builder:function () {
    'use strict';

    return Uize.package ({
      process:function (i) {
        function _cssClass (_class) {return m.cssClass (_class)}
        function _childHtml (_properties) {return m.childHtml (_properties)}
        function _encodeAttributeValue (_value) {return Uize.Util.Html.Encode.encode (_value)}
        var
          m = this,
          i = arguments [0],
          _idPrefix = i.idPrefix,
          _fragment0 = '" class="',
          _fragment1 = '</td>\r\n          <td id="',
          _fragment2 = _cssClass ('sliderValueLabel'),
          _fragment3 = '">',
          _fragment4 = '</td>\r\n        </tr>\r\n        <tr>\r\n          <td colspan="3">',
          _fragment5 = _cssClass ('sliderMinValue'),
          _fragment6 = _cssClass ('sliderLabel'),
          _fragment7 = _cssClass ('sliderMaxValue')
        ;
        return (
          '<div id="' + _idPrefix + _fragment0 + i['mCssBindings_rootNodeClasses'] + '">\r\n  <div class="' + _cssClass ('contents') + '">\r\n    <div class="' + _cssClass ('heading') + '"><span id="' + _idPrefix + '-title' + _fragment3 + _encodeAttributeValue (i['heading']) + '</span>' + _childHtml ({name:'reset',flavor:'subdued',extraClasses:_cssClass ('topRightButton')}) + '</div>\r\n    <div id="' + _idPrefix + '-body' + _fragment0 + _cssClass ('body') + '">\r\n      <table border="0" cellspacing="2" cellpadding="0">\r\n        <tr>\r\n          <td id="' + _idPrefix + '-shiftMinValue' + _fragment0 + _fragment2 + ' ' + _fragment5 + _fragment3 + _encodeAttributeValue (i['_shiftSliderMinValueLabel']) + _fragment1 + _idPrefix + '-shiftLabel' + _fragment0 + _fragment6 + _fragment3 + _encodeAttributeValue (i['loc_shift']) + _fragment1 + _idPrefix + '-shiftMaxValue' + _fragment0 + _fragment2 + ' ' + _fragment7 + _fragment3 + _encodeAttributeValue (i['_shiftSliderMaxValueLabel']) + _fragment4 + _childHtml ({name:'shiftSlider'}) + _fragment4 + _childHtml ({name:'rangeSlider'}) + '</td>\r\n        </tr>\r\n        <tr>\r\n          <td class="' + _fragment2 + ' ' + _fragment5 + '">0</td>\r\n          <td id="' + _idPrefix + '-rangeLabel' + _fragment0 + _fragment6 + _fragment3 + _encodeAttributeValue (i['loc_range']) + '</td>\r\n          <td class="' + _fragment2 + ' ' + _fragment7 + '">100</td>\r\n        </tr>\r\n      </table>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n'
        );

      }
    });
  }
});