botostrap-tree from structured json

by Vasil Svetoslavov

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/css/bootstrap-theme.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-jsonview/1.2.3/jquery.jsonview.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-jsonview/1.2.3/jquery.jsonview.min.js"></script>
<div id="testTree">
</div>

<ul id="log">
</ul>

JavaScript

var json = '[{' +
    '"name": "My Operator",' +
    '	"hops": {' +
    '		"name": "test",' +
    '		"handler": "HopsHandlerA"' +
    '	},' +
    '	"cms" :  {' +
    '		"name": "test-cms",' +
    '		"handler": "CmsHandlerA"' +
    '	},' +
    '	"products": [{' +
    '			"name": "Product 1"' +
    '		}, {' +
    '			"name": "Product 2",' +
    '			"parameters": [{' +
    '				"name": "parameter1",' +
    '				"type": "int",' +
    '				"scopes": 4' +
    '			}]' +
    '		}]' +
    '}]';


console.log(json);
var data = $.parseJSON(json);

function log(entry) {
    $('#log').append(entry);
    //console.log(entry);
}

$('#testTree').JSONView(data);