From 82fc581b7ad5e069f14f2f4d0094e95d3c0368da Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Sat, 22 Jul 2023 18:47:31 +0200
Subject: [PATCH] add the number of features in the flow and live

---
 src/modules/feature/FeatureStep.vue  | 20 +++++++++++---------
 src/modules/feature/FeatureSteps.vue |  4 ++--
 2 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/src/modules/feature/FeatureStep.vue b/src/modules/feature/FeatureStep.vue
index 19181e2..53d0c85 100644
--- a/src/modules/feature/FeatureStep.vue
+++ b/src/modules/feature/FeatureStep.vue
@@ -23,6 +23,9 @@ const hasFeaturesInProgress = computed(
   () => featuresInProgress.value.length > 0
 )
 const hasFeaturesDone = computed(() => featuresDone.value.length > 0)
+const isLive = computed(
+  () => props.step.title.toLocaleLowerCase() === 'release'
+)
 </script>
 
 <template>
@@ -50,7 +53,10 @@ const hasFeaturesDone = computed(() => featuresDone.value.length > 0)
       >
         Blue bucket
       </div>
-      <ul class="done-list" v-if="hasFeaturesDone">
+      <div v-if="isLive" class="live">
+        {{ featuresDone.length }} features live!
+      </div>
+      <ul class="done-list" v-else-if="hasFeaturesDone">
         <li v-for="feature in featuresDone" :key="feature.name">
           <Starport
             :port="feature.name"
@@ -66,18 +72,10 @@ const hasFeaturesDone = computed(() => featuresDone.value.length > 0)
 
 <style scoped lang="scss">
 @mixin hideScrollbar {
-  // https://blogs.msdn.microsoft.com/kurlak/2013/11/03/hiding-vertical-scrollbars-with-pure-css-in-chrome-ie-6-firefox-opera-and-safari/
-  // There is a CSS rule that can hide scrollbars in Webkit-based browsers (Chrome and Safari).
   &::-webkit-scrollbar {
     width: 0 !important;
   }
-  // There is a CSS rule that can hide scrollbars in IE 10+.
   -ms-overflow-style: none;
-
-  // Use -ms-autohiding-scrollbar if you wish to display on hover.
-  // -ms-overflow-style: -ms-autohiding-scrollbar;
-
-  // There used to be a CSS rule that could hide scrollbars in Firefox, but it has since been deprecated.
   scrollbar-width: none;
 }
 
@@ -113,5 +111,9 @@ const hasFeaturesDone = computed(() => featuresDone.value.length > 0)
   .done-list {
     flex: 1;
   }
+
+  .live {
+    text-align: center;
+  }
 }
 </style>
diff --git a/src/modules/feature/FeatureSteps.vue b/src/modules/feature/FeatureSteps.vue
index 1ec066a..092fb5c 100644
--- a/src/modules/feature/FeatureSteps.vue
+++ b/src/modules/feature/FeatureSteps.vue
@@ -57,8 +57,8 @@ const featuresGroupedByStep = computed(() => {
 <template>
   <div class="dashboard">
     <div>
-      mean complexity : {{ meanComplexity }}, mean lead time :
-      {{ meanLeadTime }} days
+      {{ features.length }} features | mean complexity : {{ meanComplexity }} |
+      mean lead time : {{ meanLeadTime }} days
     </div>
     <div>
       <button @click="nextDay">next day</button>