5 ui.JsonPretty = ui.AbstractWidget.extend({
9 init: function(parent) {
11 this.el = $(this._main_template());
13 this.el.click(this._click_handler);
16 _click_handler: function(jEv) {
17 var t = $(jEv.target).closest(".uiJsonPretty-name").closest("LI");
18 if(t.length === 0 || t.parents(".uiJsonPretty-minimised").length > 0) { return; }
19 t.toggleClass("uiJsonPretty-minimised");
20 jEv.stopPropagation();
23 _main_template: function() {
25 return { tag: "DIV", cls: "uiJsonPretty", children: this.pretty.parse(this.config.obj) };
27 throw "JsonPretty error: " + error.message;
31 pretty: { // from https://github.com/RyanAmos/Pretty-JSON/blob/master/pretty_json.js
32 "expando" : function(value) {
33 return (value && (/array|object/i).test(value.constructor.name)) ? "expando" : "";
35 "parse": function (member) {
36 return this[(member == null) ? 'null' : member.constructor.name.toLowerCase()](member);
38 "null": function (value) {
39 return this['value']('null', 'null');
41 "array": function (value) {
43 var lastItem = value.length - 1;
44 value.forEach(function( v, i ) {
45 results.push({ tag: "LI", cls: this.expando(v), children: [ this['parse'](v) ] });
46 if( i !== lastItem ) {
50 return [ "[ ", ((results.length > 0) ? { tag: "UL", cls: "uiJsonPretty-array", children: results } : null), "]" ];
52 "object": function (value) {
54 var keys = Object.keys( value );
55 var lastItem = keys.length - 1;
56 keys.forEach( function( key, i ) {
57 var children = [ this['value']( 'name', '"' + key + '"' ), ": ", this['parse']( value[ key ]) ];
58 if( i !== lastItem ) {
61 results.push( { tag: "LI", cls: this.expando( value[ key ] ), children: children } );
63 return [ "{ ", ((results.length > 0) ? { tag: "UL", cls: "uiJsonPretty-object", children: results } : null ), "}" ];
65 "number": function (value) {
66 return this['value']('number', value.toString());
68 "string": function (value) {
69 if (/^(http|https|file):\/\/[^\s]+$/.test(value)) {
70 return this['link']( value );
72 return this['value']('string', '"' + value.toString() + '"');
75 "boolean": function (value) {
76 return this['value']('boolean', value.toString());
78 "link": function( value ) {
79 return this['value']("string", { tag: "A", href: value, target: "_blank", text: '"' + value + '"' } );
81 "value": function (type, value) {
82 if (/^(http|https|file):\/\/[^\s]+$/.test(value)) {
84 return { tag: "SPAN", cls: "uiJsonPretty-" + type, text: value };
89 })( this.jQuery, this.app );