feat(stats): Add release date to stats page.

Ecogenomics · May 6, 2022 · 4267dd5 · 4267dd5
1 parent f47a8de
commit 4267dd5
Show file tree

Hide file tree

Showing 5 changed files with 43 additions and 8 deletions.
diff --git a/components/stats/StatsTitle.vue b/components/stats/StatsTitle.vue
@@ -0,0 +1,31 @@
+<template>
+  <div>
+    <div>
+      Release {{ release }} statistics
+    </div>
+    <div class="text-subtitle-2">
+      {{ date }}
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+import Vue from 'vue';
+
+
+export default Vue.extend({
+  props: {
+    release: {
+      type: String,
+      required: true
+    },
+    date: {
+      type: String,
+      required: true
+    }
+  }
+})
+</script>
+
+<style scoped>
+</style>
diff --git a/pages/stats/r202.vue b/pages/stats/r202.vue
@@ -4,7 +4,7 @@
   <SectionedPage :items="items"  >
 
       <template #title>
-        Release 202 statistics
+        <StatsTitle date="April 27, 2021" release="202"/>
       </template>
 
       <template #taxon-overview>
@@ -471,9 +471,10 @@ import Vue from 'vue'
 import SectionedPage from "~/components/layout/SectionedPage.vue";
 import REDr202 from "~/components/stats/REDr202.vue";
 import ImgToggle from "~/components/layout/ImgToggle.vue";
+import StatsTitle from "~/components/stats/StatsTitle.vue";
 
 export default Vue.extend({
-  components: {REDr202, SectionedPage, ImgToggle},
+  components: {StatsTitle, REDr202, SectionedPage, ImgToggle},
   head() {
     return {
       title: 'Statistics (R202)',

diff --git a/pages/stats/r207.vue b/pages/stats/r207.vue
@@ -4,7 +4,7 @@
     <SectionedPage :items="items">
 
       <template #title>
-        Release 207 statistics
+        <StatsTitle date="April 8, 2022" release="207"/>
       </template>
 
       <template #taxon-overview>
@@ -484,9 +484,10 @@ import Vue from 'vue'
 import SectionedPage from "~/components/layout/SectionedPage.vue";
 import REDr207 from "~/components/stats/REDr207.vue";
 import ImgToggle from "~/components/layout/ImgToggle.vue";
+import StatsTitle from "~/components/stats/StatsTitle.vue";
 
 export default Vue.extend({
-  components: {REDr207, SectionedPage, ImgToggle},
+  components: {StatsTitle, REDr207, SectionedPage, ImgToggle},
   head() {
     return {
       title: 'Statistics (R207)',

diff --git a/pages/stats/r89.vue b/pages/stats/r89.vue
@@ -5,7 +5,7 @@
   <SectionedPage :items="items">
 
     <template #title>
-      Release 89 statistics
+      <StatsTitle date="June 17, 2019" release="89"/>
     </template>
 
     <template #taxon-overview>
@@ -438,9 +438,10 @@ import Vue from 'vue'
 import SectionedPage from "~/components/layout/SectionedPage.vue";
 import REDr89 from "~/components/stats/REDr89.vue";
 import ImgToggle from "~/components/layout/ImgToggle.vue";
+import StatsTitle from "~/components/stats/StatsTitle.vue";
 
 export default Vue.extend({
-  components: {ImgToggle, REDr89, SectionedPage},
+  components: {StatsTitle, ImgToggle, REDr89, SectionedPage},
   head() {
     return {
       title: 'Statistics (R89)',

diff --git a/pages/stats/r95.vue b/pages/stats/r95.vue
@@ -4,7 +4,7 @@
     <SectionedPage :items="items" >
 
       <template #title>
-        Release 95 statistics
+        <StatsTitle date="July 17, 2020" release="95"/>
       </template>
 
       <template #taxon-overview>
@@ -467,9 +467,10 @@ import Vue from 'vue'
 import SectionedPage from "~/components/layout/SectionedPage.vue";
 import REDr95 from "~/components/stats/REDr95.vue";
 import ImgToggle from "~/components/layout/ImgToggle.vue";
+import StatsTitle from "~/components/stats/StatsTitle.vue";
 
 export default Vue.extend({
-  components: {REDr95, SectionedPage, ImgToggle},
+  components: {StatsTitle, REDr95, SectionedPage, ImgToggle},
   head() {
     return {
       title: 'Statistics (R95)',