grafana/public/app/core/controllers/grafana_ctrl.ts

///<reference path="../../headers/common.d.ts" />

import config = require('app/core/config');
import store = require('app/core/store');

import angular from 'angular';
import $ from 'jquery';
import coreModule from '../core_module';

coreModule.controller('GrafanaCtrl', function($scope, alertSrv, utilSrv, $rootScope, $controller, contextSrv) {

  $scope.init = function() {
    $scope.contextSrv = contextSrv;

    $scope._ = _;

    $rootScope.profilingEnabled = store.getBool('profilingEnabled');
    $rootScope.performance = { loadStart: new Date().getTime() };
    $rootScope.appSubUrl = config.appSubUrl;

    if ($rootScope.profilingEnabled) { $scope.initProfiling(); }

    alertSrv.init();
    utilSrv.init();

    $scope.dashAlerts = alertSrv;
  };

  $scope.initDashboard = function(dashboardData, viewScope) {
    $controller('DashboardCtrl', { $scope: viewScope }).init(dashboardData);
  };

  $rootScope.onAppEvent = function(name, callback, localScope) {
    var unbind = $rootScope.$on(name, callback);
    var callerScope = this;
    if (callerScope.$id === 1 && !localScope) {
      console.log('warning rootScope onAppEvent called without localscope');
    }
    if (localScope) {
      callerScope = localScope;
    }
    callerScope.$on('$destroy', unbind);
  };

  $rootScope.appEvent = function(name, payload) {
    $rootScope.$emit(name, payload);
  };

  $rootScope.colors = [
    "#7EB26D","#EAB839","#6ED0E0","#EF843C","#E24D42","#1F78C1","#BA43A9","#705DA0", //1
    "#508642","#CCA300","#447EBC","#C15C17","#890F02","#0A437C","#6D1F62","#584477", //2
    "#B7DBAB","#F4D598","#70DBED","#F9BA8F","#F29191","#82B5D8","#E5A8E2","#AEA2E0", //3
    "#629E51","#E5AC0E","#64B0C8","#E0752D","#BF1B00","#0A50A1","#962D82","#614D93", //4
    "#9AC48A","#F2C96D","#65C5DB","#F9934E","#EA6460","#5195CE","#D683CE","#806EB7", //5
    "#3F6833","#967302","#2F575E","#99440A","#58140C","#052B51","#511749","#3F2B5B", //6
    "#E0F9D7","#FCEACA","#CFFAFF","#F9E2D2","#FCE2DE","#BADFF4","#F9D9F9","#DEDAF7"  //7
  ];

  $scope.getTotalWatcherCount = function() {
    var count = 0;
    var scopes = 0;
    var root = $(document.getElementsByTagName('body'));

    var f = function (element) {
      if (element.data().hasOwnProperty('$scope')) {
        scopes++;
        angular.forEach(element.data().$scope.$$watchers, function () {
          count++;
        });
      }

      angular.forEach(element.children(), function (childElement) {
        f($(childElement));
      });
    };

    f(root);
    $rootScope.performance.scopeCount = scopes;
    return count;
  };

  $scope.initProfiling = function() {
    var count = 0;

    $scope.$watch(function digestCounter() {
      count++;
    }, function() {
    });

    $rootScope.performance.panels = [];

    $scope.$on('refresh', function() {
      if ($rootScope.performance.panels.length > 0) {
        var totalRender = 0;
        var totalQuery = 0;

        _.each($rootScope.performance.panels, function(panelTiming: any) {
          totalRender += panelTiming.render;
          totalQuery += panelTiming.query;
        });

        console.log('total query: ' + totalQuery);
        console.log('total render: ' + totalRender);
        console.log('avg render: ' + totalRender / $rootScope.performance.panels.length);
      }

      $rootScope.performance.panels = [];
    });

    $scope.onAppEvent('dashboard-loaded', function() {
      count = 0;

      setTimeout(function() {
        console.log("Dashboard::Performance Total Digests: " + count);
        console.log("Dashboard::Performance Total Watchers: " + $scope.getTotalWatcherCount());
        console.log("Dashboard::Performance Total ScopeCount: " + $rootScope.performance.scopeCount);

        var timeTaken = $rootScope.performance.allPanelsInitialized - $rootScope.performance.dashboardLoadStart;
        console.log("Dashboard::Performance - All panels initialized in " + timeTaken + " ms");

        // measure digest performance
        var rootDigestStart = window.performance.now();
        for (var i = 0; i < 30; i++) {
          $rootScope.$apply();
        }
        console.log("Dashboard::Performance Root Digest " + ((window.performance.now() - rootDigestStart) / 30));

      }, 3000);

    });

  };

  $scope.init();

});

var grafanaCtrl = {};
export default grafanaCtrl;