SOURCE CODE: Uize.Widgets.Tools.JsonSerializer.Html (view docs)

Uize.module ({
  name:'Uize.Widgets.Tools.JsonSerializer.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 = '\r\n        ',
          _fragment1 = '">',
          _fragment2 = '</td>\r\n      <td>',
          _fragment3 = '</td>\r\n    </tr>\r\n    <tr>\r\n      <td id="'
        ;
        return (
          '<div id="' + _idPrefix + '" class="' + i['mCssBindings_rootNodeClasses'] + '">\r\n  <table class="' + _cssClass ('settings') + '">\r\n    <tr>\r\n      <td id="' + _idPrefix + '-presetsLabel' + _fragment1 + _encodeAttributeValue (i['loc_presetsLabel']) + '</td>\r\n      <td>\r\n        ' + _childHtml ({name:'presetPretty'}) + _fragment0 + _childHtml ({name:'presetCompact'}) + _fragment0 + _childHtml ({name:'presetPaddedAndSorted'}) + '\r\n      </td>\r\n    </tr>\r\n    <tr>\r\n      <td id="' + _idPrefix + '-indentCharsLabel' + _fragment1 + _encodeAttributeValue (i['loc_indentCharsLabel']) + _fragment2 + _childHtml ({name:'indentChars'}) + _fragment3 + _idPrefix + '-linebreakCharsLabel' + _fragment1 + _encodeAttributeValue (i['loc_linebreakCharsLabel']) + '</td>\r\n      <td><textarea id="' + _idPrefix + '-linebreakChars' + _fragment1 + _encodeAttributeValue (i['linebreakChars']) + '</textarea></td>\r\n    </tr>\r\n    <tr>\r\n      <td id="' + _idPrefix + '-quoteCharLabel' + _fragment1 + _encodeAttributeValue (i['loc_quoteCharLabel']) + _fragment2 + _childHtml ({name:'quoteChar'}) + _fragment3 + _idPrefix + '-keyDelimiterLabel' + _fragment1 + _encodeAttributeValue (i['loc_keyDelimiterLabel']) + _fragment2 + _childHtml ({name:'keyDelimiter'}) + _fragment3 + _idPrefix + '-padKeysLabel' + _fragment1 + _encodeAttributeValue (i['loc_padKeysLabel']) + _fragment2 + _childHtml ({name:'padKeys'}) + _fragment3 + _idPrefix + '-keyAlignLabel' + _fragment1 + _encodeAttributeValue (i['loc_keyAlignLabel']) + _fragment2 + _childHtml ({name:'keyAlign'}) + _fragment3 + _idPrefix + '-whenToQuoteKeysLabel' + _fragment1 + _encodeAttributeValue (i['loc_whenToQuoteKeysLabel']) + _fragment2 + _childHtml ({name:'whenToQuoteKeys'}) + _fragment3 + _idPrefix + '-sortKeysLabel' + _fragment1 + _encodeAttributeValue (i['loc_sortKeysLabel']) + _fragment2 + _childHtml ({name:'sortKeys'}) + '</td>\r\n    </tr>\r\n  </table>\r\n  ' + _childHtml ({name:'sourceVsResult',extraClasses:_cssClass ('monospace')}) + '\r\n</div>\r\n'
        );

      }
    });
  }
});