mirror of https://github.com/grafana/grafana.git
30 lines
819 B
TypeScript
30 lines
819 B
TypeScript
import { JsonExplorer } from '@grafana/ui';
|
|
import coreModule from 'app/angular/core_module';
|
|
|
|
coreModule.directive('jsonTree', [
|
|
function jsonTreeDirective() {
|
|
return {
|
|
restrict: 'E',
|
|
scope: {
|
|
object: '=',
|
|
startExpanded: '@',
|
|
rootName: '@',
|
|
},
|
|
link: (scope: any, elem) => {
|
|
let expansionLevel = scope.startExpanded;
|
|
if (scope.startExpanded === 'true') {
|
|
expansionLevel = 2;
|
|
} else if (scope.startExpanded === 'false') {
|
|
expansionLevel = 1;
|
|
}
|
|
const jsonObject = { [scope.rootName]: scope.object };
|
|
const jsonExp = new JsonExplorer(jsonObject, expansionLevel, {
|
|
animateOpen: true,
|
|
});
|
|
const html = jsonExp.render(true);
|
|
elem.append(html);
|
|
},
|
|
};
|
|
},
|
|
]);
|