worked on solo panel

src/app/partials/pro/solo-panel.html

 <div class="container-fluid main">
 <div class="container-fluid main">
 	<div class="row-fluid">
 	<div class="row-fluid">
 		<div class="span12">
 		<div class="span12">
-			<div class="panel nospace" ng-if="panel" style="display:block;">
+			<div class="panel nospace" ng-if="panel" style="width: 100%">
 				<grafana-panel type="panel.type" ng-cloak></kibana-panel>
 				<grafana-panel type="panel.type" ng-cloak></kibana-panel>
 			</div>
 			</div>
 		</div>
 		</div>

src/app/routes/p_all.js

 define([
 define([
   './p_dashboard',
   './p_dashboard',
-  './p_solo-panel',
+  './pro/solo-panel',
   './p_admin',
   './p_admin',
   './p_login',
   './p_login',
 ],
 ],

src/app/routes/p_solo-panel.js → src/app/routes/pro/solo-panel.js

@@ -14,17 +14,20 @@ function (angular) {
       });
       });
   });
   });
 
 
-  module.controller('SoloPanelCtrl', function($scope, $rootScope, datasourceSrv, $routeParams, alertSrv, dashboardSrv, filterSrv) {
+  module.controller('SoloPanelCtrl', function($scope, $rootScope, datasourceSrv, $routeParams, dashboardSrv, timeSrv) {
+    var panelId;
 
 
+    $scope.init = function() {
       var db = datasourceSrv.getGrafanaDB();
       var db = datasourceSrv.getGrafanaDB();
-    var panelId = parseInt($routeParams.panelId);
+      panelId = parseInt($routeParams.panelId);
 
 
       db.getDashboard($routeParams.id, false)
       db.getDashboard($routeParams.id, false)
         .then(function(dashboardData) {
         .then(function(dashboardData) {
           $scope.initPanelScope(dashboardData);
           $scope.initPanelScope(dashboardData);
         }).then(null, function(error) {
         }).then(null, function(error) {
-        alertSrv.set('Error', error, 'error');
+          $scope.appEvent('alert-error', ['Load panel error', error]);
         });
         });
+    };
 
 
     $scope.initPanelScope = function(dashboardData) {
     $scope.initPanelScope = function(dashboardData) {
       $scope.dashboard = dashboardSrv.create(dashboardData);
       $scope.dashboard = dashboardSrv.create(dashboardData);
@@ -36,14 +39,18 @@ function (angular) {
       $scope.$index = 0;
       $scope.$index = 0;
       $scope.panel = $scope.getPanelById(panelId);
       $scope.panel = $scope.getPanelById(panelId);
 
 
+      if (!$scope.panel) {
+        $scope.appEvent('alert-error', ['Panel not found', '']);
+        return;
+      }
+
       $scope.panel.span = 12;
       $scope.panel.span = 12;
       $scope.dashboardViewState = {
       $scope.dashboardViewState = {
         registerPanel: function() {
         registerPanel: function() {
         }
         }
       };
       };
 
 
-      $scope.filter = filterSrv;
-      $scope.filter.init($scope.dashboard);
+      timeSrv.init($scope.dashboard);
     };
     };
 
 
     $scope.getPanelById = function(id) {
     $scope.getPanelById = function(id) {
@@ -60,6 +67,10 @@ function (angular) {
       return null;
       return null;
     };
     };
 
 
+    if (!$scope.skipAutoInit) {
+      $scope.init();
+    }
+
   });
   });
 
 
 });
 });

src/test/specs/helpers.js

@@ -24,7 +24,7 @@ define([
         $provide.value('timeSrv', self.timeSrv);
         $provide.value('timeSrv', self.timeSrv);
         $provide.value('templateSrv', self.templateSrv);
         $provide.value('templateSrv', self.templateSrv);
         $provide.value('$element', self.$element);
         $provide.value('$element', self.$element);
-        _.each(mocks, function(key, value) {
+        _.each(mocks, function(value, key) {
           $provide.value(key, value);
           $provide.value(key, value);
         });
         });
       });
       });
@@ -34,16 +34,20 @@ define([
       return inject(function($controller, $rootScope, $q, $location) {
       return inject(function($controller, $rootScope, $q, $location) {
         self.scope = $rootScope.$new();
         self.scope = $rootScope.$new();
         self.$location = $location;
         self.$location = $location;
+        self.scope.grafana = {};
         self.scope.panel = {};
         self.scope.panel = {};
         self.scope.row = { panels:[] };
         self.scope.row = { panels:[] };
         self.scope.dashboard = {};
         self.scope.dashboard = {};
         self.scope.dashboardViewState = new DashboardViewStateStub();
         self.scope.dashboardViewState = new DashboardViewStateStub();
+        self.scope.appEvent = sinon.spy();
+        self.scope.onAppEvent = sinon.spy();
 
 
         $rootScope.colors = [];
         $rootScope.colors = [];
         for (var i = 0; i < 50; i++) { $rootScope.colors.push('#' + i); }
         for (var i = 0; i < 50; i++) { $rootScope.colors.push('#' + i); }
 
 
         self.$q = $q;
         self.$q = $q;
         self.scope.skipDataOnInit = true;
         self.scope.skipDataOnInit = true;
+        self.scope.skipAutoInit = true;
         self.controller = $controller(controllerName, {
         self.controller = $controller(controllerName, {
           $scope: self.scope
           $scope: self.scope
         });
         });
@@ -87,6 +91,7 @@ define([
   }
   }
 
 
   function TimeSrvStub() {
   function TimeSrvStub() {
+    this.init = sinon.spy();
     this.time = { from:'now-1h', to: 'now'};
     this.time = { from:'now-1h', to: 'now'};
     this.timeRange = function(parse) {
     this.timeRange = function(parse) {
       if (parse === false) {
       if (parse === false) {

src/test/specs/pro/soloPanelCtrl-specs.js

+define([
+  '../helpers',
+  'routes/pro/solo-panel',
+  'services/dashboard/dashboardSrv',
+], function(helpers) {
+  'use strict';
+
+  describe('SoloPanelCtrl', function() {
+    var ctx = new helpers.ControllerTestContext();
+    var datasource = {};
+    var routeParams = {};
+
+    beforeEach(module('grafana.routes'));
+    beforeEach(module('grafana.services'));
+    beforeEach(ctx.providePhase({
+      $routeParams: routeParams,
+      datasourceSrv: {
+        getGrafanaDB: sinon.stub().returns(datasource)
+      }
+    }));
+
+    beforeEach(ctx.createControllerPhase('SoloPanelCtrl'));
+
+    describe('setting up solo panel scope', function() {
+
+      beforeEach(function() {
+        var dashboard = {
+          rows: [
+            {
+              panels: [
+                {
+                  id: 23,
+                  some: 'prop'
+                }
+              ]
+            }
+          ]
+        };
+
+        routeParams.id = 1;
+        routeParams.panelId = 23;
+        datasource.getDashboard = sinon.stub().returns(ctx.$q.when(dashboard));
+
+        ctx.scope.init();
+        ctx.scope.$digest();
+      });
+
+      it('should load dashboard and extract panel and setup panel scope', function() {
+        expect(ctx.scope.panel.id).to.be(23);
+        expect(ctx.scope.panel.some).to.be('prop');
+      });
+
+    });
+
+  });
+
+});

src/test/test-main.js

@@ -114,6 +114,7 @@ require([
   angular.module('grafana', ['ngRoute']);
   angular.module('grafana', ['ngRoute']);
   angular.module('grafana.services', ['ngRoute', '$strap.directives']);
   angular.module('grafana.services', ['ngRoute', '$strap.directives']);
   angular.module('grafana.panels', []);
   angular.module('grafana.panels', []);
+  angular.module('grafana.routes', ['ngRoute']);
   angular.module('grafana.filters', []);
   angular.module('grafana.filters', []);
 
 
   require([
   require([
@@ -140,6 +141,7 @@ require([
     'specs/dashboardSrv-specs',
     'specs/dashboardSrv-specs',
     'specs/dashboardViewStateSrv-specs',
     'specs/dashboardViewStateSrv-specs',
     'specs/overview-ctrl-specs',
     'specs/overview-ctrl-specs',
+    'specs/pro/soloPanelCtrl-specs',
   ], function () {
   ], function () {
     window.__karma__.start();
     window.__karma__.start();
   });
   });