From 218371e59d0093bfcf06922243891ecf9722d689 Mon Sep 17 00:00:00 2001
From: thomasdenecker <thomas.denecker@gmail.com>
Date: Wed, 16 Aug 2023 16:53:36 +0200
Subject: [PATCH] feat: Create a progression page

---
 pages/progression.vue | 92 +++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 92 insertions(+)
 create mode 100644 pages/progression.vue

diff --git a/pages/progression.vue b/pages/progression.vue
new file mode 100644
index 0000000..55862df
--- /dev/null
+++ b/pages/progression.vue
@@ -0,0 +1,92 @@
+<template>
+  <v-container>
+    <p class="text-h2 dividerline mt-4 mb-8" style="color: #0080bc">
+      My progression
+    </p>
+    <v-btn @click="clear" class="my-4">Clear progression</v-btn>
+
+    <p class="text-h4">Started</p>
+    <template v-if="started.length != 0">
+      <template v-for="(c, kc) in started" :key="kc">
+        <CardSession :itemSession="c" />
+        <br />
+      </template>
+    </template>
+    <template v-else>
+      <p>No session has been started</p>
+    </template>
+
+    <p class="text-h4">Finish</p>
+    <template v-if="finish.length != 0">
+      <template v-for="(c, kc) in finish" :key="kc">
+        <CardSession :itemSession="c" />
+        <br />
+      </template>
+    </template>
+    <template v-else>
+      <p>No session has been completed</p>
+    </template>
+  </v-container>
+</template>
+
+<script>
+import { useStorage } from "@vueuse/core";
+
+export default {
+  data() {
+    return {
+      started: [],
+      finish: [],
+    };
+  },
+  async created() {
+    await this.getState();
+  },
+  methods: {
+    async getState() {
+      const theDefault = {};
+      const state = useStorage(
+        "my-progression-store",
+        theDefault,
+        localStorage,
+        {
+          mergeDefaults: true,
+        }
+      );
+
+      for (const [key, value] of Object.entries(state.value)) {
+        switch (value.status) {
+          case "started":
+            const tempStarted = await queryContent(key + "/_dir").findOne();
+            tempStarted["type"] = key.split("/")[2];
+            this.started.push(tempStarted);
+            break;
+          case "finish":
+            const tempFinish = await queryContent(key + "/_dir").findOne();
+            tempFinish["type"] = key.split("/")[2];
+            this.finish.push(tempFinish);
+            break;
+        }
+      }
+    },
+    clear() {
+      const theDefault = {};
+      const state = useStorage(
+        "my-progression-store",
+        theDefault,
+        localStorage,
+        {
+          mergeDefaults: true,
+        }
+      );
+
+      state.value = null;
+      this.started = [];
+      this.finish = [];
+    },
+  },
+};
+</script>
+
+<style>
+</style>
\ No newline at end of file