From b950eebf99379e6505a63f1b454cc79f3e3c54d0 Mon Sep 17 00:00:00 2001
From: srid12 <sridharreddy.kr@gmail.com>
Date: Tue, 18 Jun 2019 03:40:56 +0530
Subject: [PATCH] JsonTree: fix jsonTree angular binding  (#17608)

The API changed so it expects a numeric level rather than a boolean flag.  Since 6.1 plugins using jsonTree just show an empty div
---
 public/app/core/components/jsontree/jsontree.ts | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/public/app/core/components/jsontree/jsontree.ts b/public/app/core/components/jsontree/jsontree.ts
index a101007f129..417ab0ea185 100644
--- a/public/app/core/components/jsontree/jsontree.ts
+++ b/public/app/core/components/jsontree/jsontree.ts
@@ -11,12 +11,18 @@ coreModule.directive('jsonTree', [
         rootName: '@',
       },
       link: (scope: any, elem) => {
-        const jsonExp = new JsonExplorer(scope.object, 3, {
+        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.replaceAll(html);
+        elem.append(html);
       },
     };
   },