moved an expensive binding expression into a directive and a groupWatch

src/app/controllers/dash.js

@@ -84,10 +84,6 @@ function (angular, $, config, _) {
       };
       };
     };
     };
 
 
-    $scope.row_style = function(row) {
-      return { 'min-height': row.collapse ? '5px' : row.height };
-    };
-
     $scope.panel_path =function(type) {
     $scope.panel_path =function(type) {
       if(type) {
       if(type) {
         return 'app/panels/'+type.replace(".","/");
         return 'app/panels/'+type.replace(".","/");

src/app/controllers/grafanaCtrl.js

@@ -78,10 +78,8 @@ function (angular, config, _, $) {
 
 
     $scope.initProfiling = function() {
     $scope.initProfiling = function() {
       var count = 0;
       var count = 0;
-      console.log("registering digest counter");
 
 
       $scope.$watch(function digestCounter() {
       $scope.$watch(function digestCounter() {
-        console.log(1);
         count++;
         count++;
       }, function() {
       }, function() {
       });
       });
@@ -96,6 +94,11 @@ function (angular, config, _, $) {
 
 
           var timeTaken = $rootScope.performance.allPanelsInitialized - $rootScope.performance.dashboardLoadStart;
           var timeTaken = $rootScope.performance.allPanelsInitialized - $rootScope.performance.dashboardLoadStart;
           console.log("Dashboard::Performance - All panels initialized in " + timeTaken + " ms");
           console.log("Dashboard::Performance - All panels initialized in " + timeTaken + " ms");
+
+          var rootDigestStart = window.performance.now();
+          $rootScope.$apply();
+          console.log("Dashboard::Performance Root Digest " + (window.performance.now() - rootDigestStart));
+
         }, 3000);
         }, 3000);
 
 
       });
       });

src/app/controllers/row.js

@@ -108,4 +108,12 @@ function (angular, app, _) {
 
 
   });
   });
 
 
+  module.directive('rowHeight', function() {
+    return function(scope, element) {
+      scope.$watchGroup(['row.collapse', 'row.height'], function() {
+        element[0].style.minHeight = scope.row.collapse ? '5px' : scope.row.height;
+      });
+    };
+  });
+
 });
 });

src/app/partials/dashboard.html

@@ -27,7 +27,7 @@
     <div>
     <div>
       <div class="grafana-container container">
       <div class="grafana-container container">
         <!-- Rows -->
         <!-- Rows -->
-        <div class="grafana-row" ng-controller="RowCtrl" ng-repeat="(row_name, row) in dashboard.rows" ng-style="row_style(row)">
+        <div class="grafana-row" ng-controller="RowCtrl" ng-repeat="(row_name, row) in dashboard.rows" row-height>
           <div class="row-control">
           <div class="row-control">
             <div class="row-control-inner" style="padding:0px;margin:0px;position:relative;">
             <div class="row-control-inner" style="padding:0px;margin:0px;position:relative;">
               <div class="row-close" ng-show="row.collapse" data-placement="bottom" >
               <div class="row-close" ng-show="row.collapse" data-placement="bottom" >