From 45771d2d4ffad022f43da3c4347242fdd02aea41 Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Sat, 22 Jul 2023 12:32:09 +0200
Subject: [PATCH] add dashboard

---
 src/modules/feature/FeatureSteps.vue | 45 ++++++++++++++++++++++++++--
 1 file changed, 42 insertions(+), 3 deletions(-)

diff --git a/src/modules/feature/FeatureSteps.vue b/src/modules/feature/FeatureSteps.vue
index 5fe9905..7f94fcc 100644
--- a/src/modules/feature/FeatureSteps.vue
+++ b/src/modules/feature/FeatureSteps.vue
@@ -1,21 +1,60 @@
 <script setup lang="ts">
 import FeatureStep from '@/modules/feature/FeatureStep.vue'
 import { createFeatureBoard } from '@/modules/feature/feature-board'
-import { featureSteps as initialFeatureSteps } from '@/modules/feature/feature-steps'
-import { ref } from 'vue'
+import {
+  FeatureStep as FeatureStepType,
+  featureSteps as initialFeatureSteps
+} from '@/modules/feature/feature-steps'
+import { sumElements } from '@/utils'
+import { computed, onMounted, ref } from 'vue'
 
 const featureBoard = createFeatureBoard()
 
-const featureSteps = ref(featureBoard.initBoard(initialFeatureSteps))
+const featureSteps = ref<FeatureStepType[]>([])
+
+const allFeatures = computed(() =>
+  featureSteps.value.flatMap((step) => [
+    ...step.featuresInProgress,
+    ...step.featuresDone
+  ])
+)
+
+const meanComplexity = computed(() =>
+  sumElements(allFeatures.value.map((feature) => feature.complexity))
+)
+
+const meanLeadTime = computed(() =>
+  sumElements(allFeatures.value.map((feature) => feature.leadTime))
+)
+
+onMounted(
+  () => (featureSteps.value = featureBoard.initBoard(initialFeatureSteps))
+)
+
+const nextDay = () =>
+  (featureSteps.value = featureBoard.nextDay(featureSteps.value))
 </script>
 
 <template>
+  <div class="dashboard">
+    <div>
+      mean complexity : {{ meanComplexity }}, mean lead time :
+      {{ meanLeadTime }} days
+    </div>
+    <div>
+      <button @click="nextDay">next day</button>
+    </div>
+  </div>
   <ul class="features-steps">
     <FeatureStep v-for="step in featureSteps" :key="step.title" :step="step" />
   </ul>
 </template>
 
 <style scoped lang="scss">
+.dashboard {
+  color: black;
+}
+
 .features-steps {
   display: flex;
   flex: 1;