from list analysis or experiments, when click on project, display list...

from list analysis or experiments, when click on project, display list analysis or experiments for this project

client-nuxt/components/GenericTable.vue

@@ -62,6 +62,7 @@ import InvocationState from './InvocationState.vue'
 export default {
   components: { AnalysisState, InvocationState },
   props: {
+    type: { type: String, default: null },
     items: { type: Array, default: () => [] },
     headers: { type: Array, default: () => [] },
     sortBy: { type: Array, default: () => [] },
@@ -82,10 +83,22 @@ export default {
       return 'is-route'
     },
     goToProject(project) {
-      this.$router.push({
-        name: 'projects-id',
-        params: { id: project.id },
-      })
+      if (this.type === 'experiments') {
+        this.$router.push({
+          name: 'projects-id-experiments',
+          params: { id: project.id },
+        })
+      } else if (this.type === 'analysis') {
+        this.$router.push({
+          name: 'projects-id-analysis',
+          params: { id: project.id },
+        })
+      } else {
+        this.$router.push({
+          name: 'projects-id',
+          params: { id: project.id },
+        })
+      }
     },
     goToExperiment(project, experiment) {
       this.$router.push({

client-nuxt/pages/analysis.vue

 <template>
   <v-card>
     <generic-table
+      type="analysis"
       :items="sanitizedAnalysis"
       :headers="headers"
       :sort-by="['id']"

client-nuxt/pages/experiments.vue

 <template>
   <v-card>
     <generic-table
+      type="experiments"
       :items="sanitizedExperiments"
       :headers="headers"
       :sort-by="['id']"