add general statistics

public/js/mru-info.js

@@ -71,11 +71,9 @@ function mruInfo() {
       });
     },
     populateFeatureGrid(grid) {
-      console.debug(grid);
       const features = Alpine.store('mru');
       const featureCols = Object.getOwnPropertyNames(Alpine.store('mru')).filter(name => aliasMap.has(name));
       const featureVals = featureCols.map(col => {return {feature: aliasMap.get(col), value: features[col]}});
-      console.debug(featureVals);
       new gridjs.Grid({
         data: featureVals
       }).render(grid);

src/Controllers/StatsController.php

@@ -12,6 +12,13 @@ class StatsController {
         require __DIR__.'/../Data/users.php';
     }
 
+    public function all() {
+      $sql = "SELECT * FROM webapp.stats_general";
+      $result = PgSql::getJson($sql);
+
+      echo $result;
+    }
+
     public function countTypes() {
         $sql = "SELECT * FROM webapp.stats_count_per_type";
         $result = PgSql::getJson($sql);

src/Routing/controls.php

@@ -14,3 +14,4 @@ $router->map('GET', '/actions/requests/[i:id]?', 'MSFD\Controllers\ActionControl
 // STATS
 $router->map('GET', '/interface/stats/typecount', 'MSFD\Controllers\StatsController@countTypes', 'stat_types');
 $router->map('GET', '/interface/stats/totalrows', 'MSFD\Controllers\StatsController@countTotal', 'stat_total');
+$router->map('GET', '/interface/stats/general', 'MSFD\Controllers\StatsController@all', 'stat_all');

src/Routing/routes.php

@@ -26,3 +26,5 @@ $router->map('GET', '/geonetwork/getrecords', 'MSFD\Controllers\GeonetworkContro
 
 // Admin panel routes
 $router->map('GET', '/cp/fetch_user_list', 'MSFD\Controllers\AdminController@fetchUsers', 'users');
+
+

src/Views/main-statistics.php

@@ -1,22 +1,33 @@
 <section id="statistics-view" :class="isActiveTab(4) ? '' : 'is-hidden'" x-init="">
-    <div id="stats-chart-1">
+  <article class="panel is-info">
-    </div>
+    <p class="panel-heading">
-    <p>Total Raw data Rows in database: <span ></span></p>
+      General
+    </p>
+      <div id="stats-chart-1">
+      </div>
+  <div id="grid" x-init="populateStatisticsGrid"></div>
+  </article>
+  <article class="panel is-info">
+    <p class="panel-heading">
+      Timeline
+    </p>
+      <div id="stats-chart-1">
+      </div>
+  <div id="timeseries"></div>
+  </article>
 </section>
 <script>
-function getStatistics() {
-    return {
-        totalRows: 0,
-        queryStats() {
-            const url = BASE_URL + '/statistics/';
-            fetch(url)
-                .then(res => {
-                  return res.json();
-                }).then(data => {
-                  }).then(d => {
-                  });
-        }
-    };
 
+function populateStatisticsGrid() {
+  console.debug('statistsiscsc');
+  const statsGrid = new gridjs.Grid({
+    columns: ['stations', 'cruises', 'parameters', 'descriptors', 'criteria'],
+    server: {
+      url: BASE_URL + '/interface/stats/general',
+        then: data => data.map(stats => {
+          return [stats.total_stations, stats.total_cruises, stats.total_parameters, stats.total_criterias, stats.total_descriptors]
+        })
+    }
+  }).render(grid);
 }
 </script>