Added Statistics

See: https://github.com/freifunkhamburg/ffffng/issues/24

admin/index.html

@@ -75,6 +75,7 @@
     <script src="js/validation/constraints.js"></script>
 
     <script src="js/views/version.js"></script>
+    <script src="js/views/dashboardStats.js"></script>
     <script src="js/views/mailActionButton.js"></script>
     <script src="js/views/taskActionButton.js"></script>
 

admin/js/main.js

@@ -337,6 +337,14 @@ angular.module('ffffngAdmin').config(function(NgAdminConfigurationProvider, Rest
 
     admin.menu(
             nga.menu()
+                .addChild(nga
+                    .menu()
+                    .template(
+                        '<a href="/internal/admin">' +
+                        '<span class="fa fa-dashboard"></span> Dashboard / Statistics' +
+                        '</a>'
+                    )
+                )
                 .addChild(nga
                     .menu(nodes)
                     .icon('<i class="fa fa-dot-circle-o"></i>')
@@ -363,5 +371,20 @@ angular.module('ffffngAdmin').config(function(NgAdminConfigurationProvider, Rest
                 )
     );
 
+    admin.dashboard(nga.dashboard()
+        .template(
+            '<div class="row dashboard-starter"></div>' +
+            '<fa-dashboard-stats></fa-dashboard-stats>' +
+
+            '<div class="row dashboard-content">' +
+                '<div class="col-lg-6">' +
+                    '<div class="panel panel-default" ng-repeat="collection in dashboardController.collections | orderElement" ng-if="$even">' +
+                        '<ma-dashboard-panel collection="collection" entries="dashboardController.entries[collection.name()]"></ma-dashboard-panel>' +
+                    '</div>' +
+                '</div>' +
+            '</div>'
+        )
+    );
+
     nga.configure(admin);
 });

admin/js/views/dashboardStats.js

@@ -0,0 +1,22 @@
+'use strict';
+
+angular.module('ffffngAdmin')
+.directive('faDashboardStats', function ($http, $state, notification) {
+    var link = function (scope) {
+        scope.stats = {};
+        $http.get('/internal/api/statistics')
+            .then(function (result) { scope.stats = result.data; })
+            .catch(function (e) {
+                notification.log('Error: ' + e.data, { addnCls: 'humane-flatty-error' });
+                console.error(e);
+            });
+    };
+
+    return {
+        'link': link,
+        'restrict': 'E',
+        'scope': {},
+
+        'templateUrl': 'views/dashboardStats.html'
+    };
+});

admin/views/dashboardStats.html

@@ -0,0 +1,88 @@
+<div class="page-header">
+    <h1>Dashboard / Statistics</h1>
+</div>
+
+<h2><a ui-sref="list({entity:'nodes'})">Nodes</a></h2>
+
+<div class="row">
+    <div class="col-lg-3">
+        <div class="panel panel-primary">
+            <div class="panel-heading">
+                <div class="row">
+                    <div class="col-xs-3">
+                        <i class="fa fa-circle-o fa-5x"></i>
+                    </div>
+                    <div class="col-xs-9 text-right">
+                        <div class="huge">{{ stats.nodes.registered }}</div>
+                        <div>Total Registered</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="col-lg-3">
+        <div class="panel panel-yellow">
+            <div class="panel-heading">
+                <div class="row">
+                    <div class="col-xs-3">
+                        <i class="fa fa-lock fa-5x"></i>
+                    </div>
+                    <div class="col-xs-9 text-right">
+                        <div class="huge">{{ stats.nodes.withVPN }}</div>
+                        <div>With VPN-Key</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="col-lg-3">
+        <div class="panel panel-green">
+            <div class="panel-heading">
+                <div class="row">
+                    <div class="col-xs-3">
+                        <i class="fa fa-map-marker fa-5x"></i>
+                    </div>
+                    <div class="col-xs-9 text-right">
+                        <div class="huge">{{ stats.nodes.withCoords }}</div>
+                        <div>With Coordinates</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<h2><a ui-sref="list({entity:'monitoring'})">Monitoring</a></h2>
+
+<div class="row">
+    <div class="col-lg-3">
+        <div class="panel panel-green">
+            <div class="panel-heading">
+                <div class="row">
+                    <div class="col-xs-3">
+                        <i class="fa fa-heartbeat fa-5x"></i>
+                    </div>
+                    <div class="col-xs-9 text-right">
+                        <div class="huge">{{ stats.nodes.monitoring.active }}</div>
+                        <div>Active</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="col-lg-3">
+        <div class="panel panel-red">
+            <div class="panel-heading">
+                <div class="row">
+                    <div class="col-xs-3">
+                        <i class="fa fa-envelope fa-5x"></i>
+                    </div>
+                    <div class="col-xs-9 text-right">
+                        <div class="huge">{{ stats.nodes.monitoring.pending }}</div>
+                        <div>Pending</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>