[BI-1717] The 'Experiment Details' vue now has the trialDbId and pass…

…es it to the Download functionality
Breeding-Insight · Jun 2, 2023 · a764186 · a764186
1 parent 0e3cdc0
commit a764186
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 4 deletions.
diff --git a/src/components/experiments/ExperimentsObservationsTable.vue b/src/components/experiments/ExperimentsObservationsTable.vue
@@ -33,7 +33,15 @@
       v-on:search="initSearch"
     >
       <b-table-column label="Title" field="name" cell-class="fixed-width-wrapped" sortable v-slot="props" :th-attrs="(column) => ({scope:'col'})" searchable>
-        <router-link v-bind:to="{name: 'experiment-details', params: {programId: activeProgram.id, experimentId: BrAPIUtils.getBreedingInsightId(props.row.data.externalReferences,'/trials')}}">
+        <router-link v-bind:to="{
+          name: 'experiment-details',
+          params:
+          {
+            programId: activeProgram.id,
+            experimentId: BrAPIUtils.getBreedingInsightId(props.row.data.externalReferences,'/trials'),
+            trialDbId: props.row.data.trialDbId
+          }
+        }">
           {{ props.row.data.trialName }}
         </router-link>
 

diff --git a/src/router/index.ts b/src/router/index.ts
@@ -359,7 +359,7 @@ const routes = [
     ]
   },
   {
-    path: '/programs/:programId/experiment/:experimentId',
+    path: '/programs/:programId/experiment/:experimentId/trialDbId/:trialDbId',
     name: 'experiment-details',
     meta: {
       title: 'Experiment Detail',

diff --git a/src/views/experiments-and-observations/ExperimentDetails.vue b/src/views/experiments-and-observations/ExperimentDetails.vue
@@ -34,7 +34,7 @@
 
         <ExperimentObservationsDownloadButton
             v-bind:modal-title="`Download ${experiment.trialName}`"
-            v-bind:trial-db-id="experimentUUID"
+            v-bind:trial-db-id="trialDbId"
             v-on:show-error-notification ="$emit('show-error-notification', $event)"
             anchor-class="button is-primary is-outlined"
         >
@@ -108,11 +108,14 @@ export default class ExperimentDetails extends TrialsAndStudiesBase {
     this.getExperiment();
   }
 
-
   get experimentUUID(): string {
     return this.$route.params.experimentId;
   }
 
+  get trialDbId(): string {
+    return  this.$route.params.trialDbId;
+  }
+
   get userName(): string {
     if( !this.experiment.additionalInfo ){return '';}
     if( !this.experiment.additionalInfo.createdBy){return '';}