From 0433ef1c28b3226f5883ff5e1450be690cd7e393 Mon Sep 17 00:00:00 2001
From: Max <m.giller.dev@gmail.com>
Date: Wed, 28 Jul 2021 00:00:46 +0200
Subject: [PATCH] Added statistics page + navigation

---
 src/components/base/BaseUserDropdown.vue |  1 +
 src/router/index.js                      |  7 ++++
 src/views/Statistics.vue                 | 44 ++++++++++++++++++++++++
 3 files changed, 52 insertions(+)
 create mode 100644 src/views/Statistics.vue

diff --git a/src/components/base/BaseUserDropdown.vue b/src/components/base/BaseUserDropdown.vue
index b3a165e..b2de67c 100644
--- a/src/components/base/BaseUserDropdown.vue
+++ b/src/components/base/BaseUserDropdown.vue
@@ -5,6 +5,7 @@
     variant="outline-primary"
     right
   >
+    <b-dropdown-item to="/statistics">Statistics</b-dropdown-item>
     <b-dropdown-item to="/logout">Log out</b-dropdown-item>
   </b-dropdown>
 </template>
diff --git a/src/router/index.js b/src/router/index.js
index 1e1bd8a..8da9fc8 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -6,6 +6,7 @@ import NotFound from "../views/NotFound.vue";
 import Home from "../views/Home.vue";
 import History from "../views/History.vue";
 import Manage from "../views/Manage.vue";
+import Statistics from "../views/Statistics.vue";
 import Changelog from "../views/Changelog.vue";
 
 Vue.use(VueRouter);
@@ -38,6 +39,12 @@ const routes = [
     component: Home,
     beforeEnter: requireAuth
   },
+  {
+    path: "/statistics",
+    name: "Statistics",
+    component: Statistics,
+    beforeEnter: requireAuth
+  },
   {
     path: "/changelog",
     name: "Changelog",
diff --git a/src/views/Statistics.vue b/src/views/Statistics.vue
new file mode 100644
index 0000000..72c71fa
--- /dev/null
+++ b/src/views/Statistics.vue
@@ -0,0 +1,44 @@
+<template>
+  <LayoutNavbarPrivate title="Statistics">
+    <BaseSection id="projects" title="Today">
+      <JugglProjectStatisticsList :statistics="visibleStatistics" />
+    </BaseSection>
+  </LayoutNavbarPrivate>
+</template>
+
+<script>
+import LayoutNavbarPrivate from "@/components/layout/LayoutNavbarPrivate";
+import JugglProjectStatisticsList from "@/components/juggl/JugglProjectStatisticsList";
+import { helperService } from "@/services/helper.service.js";
+import BaseSection from "@/components/base/BaseSection";
+import store from "@/store";
+
+export default {
+  name: "Statistics",
+  components: {
+    LayoutNavbarPrivate,
+    JugglProjectStatisticsList,
+    BaseSection
+  },
+  data: () => {
+    return {
+      working: true
+    };
+  },
+  created: function() {
+    store.dispatch("loadTodaysStatistics");
+  },
+  computed: {
+    visibleStatistics: () => {
+      return store.getters.getFilteredStatistics({
+        projectVisible: true
+      });
+    }
+  },
+  methods: {
+    getDurationTimestamp: helperService.getDurationTimestamp
+  }
+};
+</script>
+
+<style lang="sass"></style>