SOURCE CODE: Uize.Widgets.SegmentDisplay.Matrix3x5.Html (view docs)

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

    return Uize.package ({
      process:function (i) {
        function _cssClass (_class) {return m.cssClass (_class)}
        function _resolveNonStringToPixel (_value) {return typeof _value == "string" ? _value : +_value + "px"}
        var
          m = this,
          i = arguments [0],
          _idPrefix = i.idPrefix,
          _fragment0 = '" class="',
          _fragment1 = '" style="',
          _fragment2 = _cssClass ('segment'),
          _fragment3 = _cssClass ('segmentOff'),
          _fragment4 = '"></div>\r\n  <div id="',
          _fragment5 = '"></div>\r\n\r\n  <div id="',
          _fragment6 = ' '
        ;
        return (
          '<div id="' + _idPrefix + _fragment0 + i['mCssBindings_rootNodeClasses'] + _fragment1 + 'width:' + _resolveNonStringToPixel (i['width']) + ';' + 'height:' + _resolveNonStringToPixel (i['height']) + ';' + '">\r\n  <div id="' + _idPrefix + '-segmentA' + _fragment0 + _fragment2 + _fragment6 + _fragment3 + _fragment1 + 'background:' + _resolveNonStringToPixel (i['segmentBgStyle']) + ';' + 'top:' + _resolveNonStringToPixel (i['row0Top']) + ';' + 'height:' + _resolveNonStringToPixel (i['row0Height']) + ';' + 'left:' + _resolveNonStringToPixel (i['col0Left']) + ';' + 'width:' + _resolveNonStringToPixel (i['col0Width']) + ';' + _fragment4 + _idPrefix + '-segmentB' + _fragment0 + _fragment2 + _fragment6 + _fragment3 + _fragment1 + 'background:' + _resolveNonStringToPixel (i['segmentBgStyle']) + ';' + 'top:' + _resolveNonStringToPixel (i['row0Top']) + ';' + 'height:' + _resolveNonStringToPixel (i['row0Height']) + ';' + 'left:' + _resolveNonStringToPixel (i['col1Left']) + ';' + 'width:' + _resolveNonStringToPixel (i['col1Width']) + ';' + _fragment4 + _idPrefix + '-segmentC' + _fragment0 + _fragment2 + _fragment6 + _fragment3 + _fragment1 + 'background:' + _resolveNonStringToPixel (i['segmentBgStyle']) + ';' + 'top:' + _resolveNonStringToPixel (i['row0Top']) + ';' + 'height:' + _resolveNonStringToPixel (i['row0Height']) + ';' + 'left:' + _resolveNonStringToPixel (i['col2Left']) + ';' + 'width:' + _resolveNonStringToPixel (i['col2Width']) + ';' + _fragment5 + _idPrefix + '-segmentD' + _fragment0 + _fragment2 + _fragment6 + _fragment3 + _fragment1 + 'background:' + _resolveNonStringToPixel (i['segmentBgStyle']) + ';' + 'top:' + _resolveNonStringToPixel (i['row1Top']) + ';' + 'height:' + _resolveNonStringToPixel (i['row1Height']) + ';' + 'left:' + _resolveNonStringToPixel (i['col0Left']) + ';' + 'width:' + _resolveNonStringToPixel (i['col0Width']) + ';' + _fragment4 + _idPrefix + '-segmentE' + _fragment0 + _fragment2 + _fragment6 + _fragment3 + _fragment1 + 'background:' + _resolveNonStringToPixel (i['segmentBgStyle']) + ';' + 'top:' + _resolveNonStringToPixel (i['row1Top']) + ';' + 'height:' + _resolveNonStringToPixel (i['row1Height']) + ';' + 'left:' + _resolveNonStringToPixel (i['col1Left']) + ';' + 'width:' + _resolveNonStringToPixel (i['col1Width']) + ';' + _fragment4 + _idPrefix + '-segmentF' + _fragment0 + _fragment2 + _fragment6 + _fragment3 + _fragment1 + 'background:' + _resolveNonStringToPixel (i['segmentBgStyle']) + ';' + 'top:' + _resolveNonStringToPixel (i['row1Top']) + ';' + 'height:' + _resolveNonStringToPixel (i['row1Height']) + ';' + 'left:' + _resolveNonStringToPixel (i['col2Left']) + ';' + 'width:' + _resolveNonStringToPixel (i['col2Width']) + ';' + _fragment5 + _idPrefix + '-segmentG' + _fragment0 + _fragment2 + _fragment6 + _fragment3 + _fragment1 + 'background:' + _resolveNonStringToPixel (i['segmentBgStyle']) + ';' + 'top:' + _resolveNonStringToPixel (i['row2Top']) + ';' + 'height:' + _resolveNonStringToPixel (i['row2Height']) + ';' + 'left:' + _resolveNonStringToPixel (i['col0Left']) + ';' + 'width:' + _resolveNonStringToPixel (i['col0Width']) + ';' + _fragment4 + _idPrefix + '-segmentH' + _fragment0 + _fragment2 + _fragment6 + _fragment3 + _fragment1 + 'background:' + _resolveNonStringToPixel (i['segmentBgStyle']) + ';' + 'top:' + _resolveNonStringToPixel (i['row2Top']) + ';' + 'height:' + _resolveNonStringToPixel (i['row2Height']) + ';' + 'left:' + _resolveNonStringToPixel (i['col1Left']) + ';' + 'width:' + _resolveNonStringToPixel (i['col1Width']) + ';' + _fragment4 + _idPrefix + '-segmentI' + _fragment0 + _fragment2 + _fragment6 + _fragment3 + _fragment1 + 'background:' + _resolveNonStringToPixel (i['segmentBgStyle']) + ';' + 'top:' + _resolveNonStringToPixel (i['row2Top']) + ';' + 'height:' + _resolveNonStringToPixel (i['row2Height']) + ';' + 'left:' + _resolveNonStringToPixel (i['col2Left']) + ';' + 'width:' + _resolveNonStringToPixel (i['col2Width']) + ';' + _fragment5 + _idPrefix + '-segmentJ' + _fragment0 + _fragment2 + _fragment6 + _fragment3 + _fragment1 + 'background:' + _resolveNonStringToPixel (i['segmentBgStyle']) + ';' + 'top:' + _resolveNonStringToPixel (i['row3Top']) + ';' + 'height:' + _resolveNonStringToPixel (i['row3Height']) + ';' + 'left:' + _resolveNonStringToPixel (i['col0Left']) + ';' + 'width:' + _resolveNonStringToPixel (i['col0Width']) + ';' + _fragment4 + _idPrefix + '-segmentK' + _fragment0 + _fragment2 + _fragment6 + _fragment3 + _fragment1 + 'background:' + _resolveNonStringToPixel (i['segmentBgStyle']) + ';' + 'top:' + _resolveNonStringToPixel (i['row3Top']) + ';' + 'height:' + _resolveNonStringToPixel (i['row3Height']) + ';' + 'left:' + _resolveNonStringToPixel (i['col1Left']) + ';' + 'width:' + _resolveNonStringToPixel (i['col1Width']) + ';' + _fragment4 + _idPrefix + '-segmentL' + _fragment0 + _fragment2 + _fragment6 + _fragment3 + _fragment1 + 'background:' + _resolveNonStringToPixel (i['segmentBgStyle']) + ';' + 'top:' + _resolveNonStringToPixel (i['row3Top']) + ';' + 'height:' + _resolveNonStringToPixel (i['row3Height']) + ';' + 'left:' + _resolveNonStringToPixel (i['col2Left']) + ';' + 'width:' + _resolveNonStringToPixel (i['col2Width']) + ';' + _fragment5 + _idPrefix + '-segmentM' + _fragment0 + _fragment2 + _fragment6 + _fragment3 + _fragment1 + 'background:' + _resolveNonStringToPixel (i['segmentBgStyle']) + ';' + 'top:' + _resolveNonStringToPixel (i['row4Top']) + ';' + 'height:' + _resolveNonStringToPixel (i['row4Height']) + ';' + 'left:' + _resolveNonStringToPixel (i['col0Left']) + ';' + 'width:' + _resolveNonStringToPixel (i['col0Width']) + ';' + _fragment4 + _idPrefix + '-segmentN' + _fragment0 + _fragment2 + _fragment6 + _fragment3 + _fragment1 + 'background:' + _resolveNonStringToPixel (i['segmentBgStyle']) + ';' + 'top:' + _resolveNonStringToPixel (i['row4Top']) + ';' + 'height:' + _resolveNonStringToPixel (i['row4Height']) + ';' + 'left:' + _resolveNonStringToPixel (i['col1Left']) + ';' + 'width:' + _resolveNonStringToPixel (i['col1Width']) + ';' + _fragment4 + _idPrefix + '-segmentO' + _fragment0 + _fragment2 + _fragment6 + _fragment3 + _fragment1 + 'background:' + _resolveNonStringToPixel (i['segmentBgStyle']) + ';' + 'top:' + _resolveNonStringToPixel (i['row4Top']) + ';' + 'height:' + _resolveNonStringToPixel (i['row4Height']) + ';' + 'left:' + _resolveNonStringToPixel (i['col2Left']) + ';' + 'width:' + _resolveNonStringToPixel (i['col2Width']) + ';' + '"></div>\r\n</div>\r\n\r\n'
        );

      }
    });
  }
});