migrated four files to ts, addd some code to config to make it work (#9980)

public/app/core/config.ts

@@ -17,6 +17,10 @@ class Settings {
     alertingEnabled: boolean;
     alertingEnabled: boolean;
     authProxyEnabled: boolean;
     authProxyEnabled: boolean;
     ldapEnabled: boolean;
     ldapEnabled: boolean;
+    oauth: any;
+    disableUserSignUp: boolean;
+    loginHint: any;
+    loginError: any;
 
 
     constructor(options) {
     constructor(options) {
         var defaults = {
         var defaults = {

public/app/core/controllers/invited_ctrl.js → public/app/core/controllers/invited_ctrl.ts

-define([
-  'angular',
-  '../core_module',
-  'app/core/config',
-],
-function (angular, coreModule, config) {
-  'use strict';
+import coreModule from '../core_module';
+import config from 'app/core/config';
 
 
-  config = config.default;
+export class InvitedCtrl {
 
 
-  coreModule.default.controller('InvitedCtrl', function($scope, $routeParams, contextSrv, backendSrv) {
+  /** @ngInject */
+  constructor($scope, $routeParams, contextSrv, backendSrv) {
     contextSrv.sidemenu = false;
     contextSrv.sidemenu = false;
     $scope.formModel = {};
     $scope.formModel = {};
 
 
@@ -35,6 +31,7 @@ function (angular, coreModule, config) {
     };
     };
 
 
     $scope.init();
     $scope.init();
+  }
+}
 
 
-  });
-});
+coreModule.controller('InvitedCtrl', InvitedCtrl);

public/app/core/controllers/login_ctrl.js → public/app/core/controllers/login_ctrl.ts

-define([
-  'angular',
-  'lodash',
-  '../core_module',
-  'app/core/config',
-],
-function (angular, _, coreModule, config) {
-  'use strict';
-
-  config = config.default;
-
-  coreModule.default.controller('LoginCtrl', function($scope, backendSrv, contextSrv, $location) {
+import _ from 'lodash';
+import coreModule from '../core_module';
+import config from 'app/core/config';
+
+export class LoginCtrl {
+
+  /** @ngInject */
+  constructor($scope, backendSrv, contextSrv, $location) {
     $scope.formModel = {
     $scope.formModel = {
       user: '',
       user: '',
       email: '',
       email: '',
@@ -74,8 +70,7 @@ function (angular, _, coreModule, config) {
 
 
         if (params.redirect && params.redirect[0] === '/') {
         if (params.redirect && params.redirect[0] === '/') {
           window.location.href = config.appSubUrl + params.redirect;
           window.location.href = config.appSubUrl + params.redirect;
-        }
-        else if (result.redirectUrl) {
+        } else if (result.redirectUrl) {
           window.location.href = result.redirectUrl;
           window.location.href = result.redirectUrl;
         } else {
         } else {
           window.location.href = config.appSubUrl + '/';
           window.location.href = config.appSubUrl + '/';
@@ -84,5 +79,7 @@ function (angular, _, coreModule, config) {
     };
     };
 
 
     $scope.init();
     $scope.init();
-  });
-});
+  }
+}
+
+coreModule.controller('LoginCtrl', LoginCtrl);

public/app/features/dashboard/shareModalCtrl.js → public/app/features/dashboard/shareModalCtrl.ts

-define(['angular',
-  'lodash',
-  'jquery',
-  'moment',
-  'app/core/config',
-],
-function (angular, _, $, moment, config) {
-  'use strict';
+import angular from 'angular';
+import moment from 'moment';
+import config from 'app/core/config';
 
 
-  config = config.default;
-
-  var module = angular.module('grafana.controllers');
-
-  module.controller('ShareModalCtrl', function($scope, $rootScope, $location, $timeout, timeSrv, templateSrv, linkSrv) {
+export class ShareModalCtrl {
 
 
+  /** @ngInject */
+  constructor($scope, $rootScope, $location, $timeout, timeSrv, templateSrv, linkSrv) {
     $scope.options = { forCurrent: true, includeTemplateVars: true, theme: 'current' };
     $scope.options = { forCurrent: true, includeTemplateVars: true, theme: 'current' };
     $scope.editor = { index: $scope.tabIndex || 0};
     $scope.editor = { index: $scope.tabIndex || 0};
 
 
@@ -93,7 +86,7 @@ function (angular, _, $, moment, config) {
     $scope.getShareUrl = function() {
     $scope.getShareUrl = function() {
       return $scope.shareUrl;
       return $scope.shareUrl;
     };
     };
+  }
+}
 
 
-  });
-
-});
+angular.module('grafana.controllers').controller('ShareModalCtrl', ShareModalCtrl);

public/app/features/panel/solo_panel_ctrl.js → public/app/features/panel/solo_panel_ctrl.ts

-define([
-  'angular',
-  'jquery',
-],
-function (angular, $) {
-  "use strict";
+import angular from 'angular';
+import $ from 'jquery';
 
 
-  var module = angular.module('grafana.routes');
-
-  module.controller('SoloPanelCtrl', function($scope, $routeParams, $location, dashboardLoaderSrv, contextSrv) {
+export class SoloPanelCtrl {
 
 
+  /** @ngInject */
+  constructor($scope, $routeParams, $location, dashboardLoaderSrv, contextSrv) {
     var panelId;
     var panelId;
 
 
-    $scope.init = function() {
-      contextSrv.sidemenu = false;
+        $scope.init = function() {
+          contextSrv.sidemenu = false;
+
+          var params = $location.search();
+          panelId = parseInt(params.panelId);
 
 
-      var params = $location.search();
-      panelId = parseInt(params.panelId);
+          $scope.onAppEvent("dashboard-initialized", $scope.initPanelScope);
 
 
-      $scope.onAppEvent("dashboard-initialized", $scope.initPanelScope);
+          dashboardLoaderSrv.loadDashboard($routeParams.type, $routeParams.slug).then(function(result) {
+            result.meta.soloMode = true;
+            $scope.initDashboard(result, $scope);
+          });
+        };
 
 
-      dashboardLoaderSrv.loadDashboard($routeParams.type, $routeParams.slug).then(function(result) {
-        result.meta.soloMode = true;
-        $scope.initDashboard(result, $scope);
-      });
-    };
+        $scope.initPanelScope = function() {
+          var panelInfo = $scope.dashboard.getPanelInfoById(panelId);
 
 
-    $scope.initPanelScope = function() {
-      var panelInfo = $scope.dashboard.getPanelInfoById(panelId);
+          // fake row ctrl scope
+          $scope.ctrl = {
+            row: panelInfo.row,
+            dashboard: $scope.dashboard,
+          };
 
 
-      // fake row ctrl scope
-      $scope.ctrl = {
-        row: panelInfo.row,
-        dashboard: $scope.dashboard,
-      };
+          $scope.ctrl.row.height = $(window).height();
+          $scope.panel = panelInfo.panel;
+          $scope.$index = 0;
 
 
-      $scope.ctrl.row.height = $(window).height();
-      $scope.panel = panelInfo.panel;
-      $scope.$index = 0;
+          if (!$scope.panel) {
+            $scope.appEvent('alert-error', ['Panel not found', '']);
+            return;
+          }
 
 
-      if (!$scope.panel) {
-        $scope.appEvent('alert-error', ['Panel not found', '']);
-        return;
-      }
+          $scope.panel.span = 12;
+        };
 
 
-      $scope.panel.span = 12;
-    };
+        $scope.init();
+  }
+}
 
 
-    $scope.init();
-  });
-});
+angular.module('grafana.routes').controller('SoloPanelCtrl', SoloPanelCtrl);