style(scopeTree): fix deep indentation

panel/components/scope-tree/scope-tree.js

@@ -9,76 +9,77 @@ function batScopeTreeDirective($compile) {
     scope: {
       batModel: '='
     },
-    link: function (scope, element, attrs) {
+    link: batScopeTreeLink
-
+  };
-      // scope.$id –> DOM node
-      var map = {};
-      var selectedElt = angular.element();
-
-      // init
-      var scopes = scope.batModel;
-      if (scopes) {
-        Object.keys(scopes).forEach(function (scopeId) {
-          var parentId = scopes[scopeId].parent;
-          renderScopeElement(scopeId, parentId);
-          renderScopeDescriptorElement(scopeId, scopes[scopeId].descriptor);
-        });
-      }
 
-      scope.$on('scope:new', function (ev, data) {
+  function batScopeTreeLink(scope, element, attrs) {
-        renderScopeElement(data.child, data.parent);
+    // scope.$id –> DOM node
+    var map = {};
+    var selectedElt = angular.element();
+
+    // init
+    var scopes = scope.batModel;
+    if (scopes) {
+      Object.keys(scopes).forEach(function (scopeId) {
+        var parentId = scopes[scopeId].parent;
+        renderScopeElement(scopeId, parentId);
+        renderScopeDescriptorElement(scopeId, scopes[scopeId].descriptor);
       });
+    }
 
-      // when a scope is linked, we can apply the descriptor info
+    scope.$on('scope:new', function (ev, data) {
-      scope.$on('scope:link', function (ev, data) {
+      renderScopeElement(data.child, data.parent);
-        renderScopeDescriptorElement(data.id, data.descriptor);
+    });
-      });
 
-      function renderScopeElement (id, parentId) {
+    // when a scope is linked, we can apply the descriptor info
-        if (map[id]) {
+    scope.$on('scope:link', function (ev, data) {
-          return;
+      renderScopeDescriptorElement(data.id, data.descriptor);
-        }
+    });
-        var elt = map[id] = newBranchElement(id);
-        var parentElt = map[parentId] || element;
-
-        elt.children().eq(1).on('click', function () {
-          scope.$apply(function () {
-            scope.$emit('inspected-scope:change', {
-              id: id
-            });
-            selectedElt.children().eq(0).removeClass('selected');
-            selectedElt.children().eq(1).removeClass('selected');
-
-            selectedElt = elt;
-
-            selectedElt.children().eq(0).addClass('selected');
-            selectedElt.children().eq(1).addClass('selected');
-          });
-        });
 
-        parentElt.append(elt);
+    function renderScopeElement (id, parentId) {
+      if (map[id]) {
+        return;
       }
+      var elt = map[id] = newBranchElement(id);
+      var parentElt = map[parentId] || element;
 
-      function renderScopeDescriptorElement (id, descriptor) {
+      elt.children().eq(1).on('click', function () {
-        var elt = map[id];
+        scope.$apply(function () {
-        if (!elt) {
+          scope.$emit('inspected-scope:change', {
-          return;
+            id: id
-        }
+          });
-        elt.children().eq(1).children().eq(1).html(descriptor);
+          selectedElt.children().eq(0).removeClass('selected');
-      }
+          selectedElt.children().eq(1).removeClass('selected');
+
+          selectedElt = elt;
 
-      // TODO: also destroy elements corresponding to descendant scopes
+          selectedElt.children().eq(0).addClass('selected');
-      scope.$on('scope:destroy', function (ev, data) {
+          selectedElt.children().eq(1).addClass('selected');
-        var id = data.id;
+        });
-        var elt = map[id];
-        if (elt) {
-          elt.remove();
-        }
-        delete map[id];
       });
 
+      parentElt.append(elt);
     }
-  };
+
+    function renderScopeDescriptorElement (id, descriptor) {
+      var elt = map[id];
+      if (!elt) {
+        return;
+      }
+      elt.children().eq(1).children().eq(1).html(descriptor);
+    }
+
+    // TODO: also destroy elements corresponding to descendant scopes
+    scope.$on('scope:destroy', function (ev, data) {
+      var id = data.id;
+      var elt = map[id];
+      if (elt) {
+        elt.remove();
+      }
+      delete map[id];
+    });
+
+  }
 }
 
 
@@ -94,4 +95,3 @@ function newBranchElement(descriptor) {
       '</span>',
     '</ol>'].join(''));
 }
-