From f66e1db0576c0f94c7483262ae1299dcfb398ef9 Mon Sep 17 00:00:00 2001
From: HMS17 <hms243@cornell.edu>
Date: Tue, 23 Jun 2026 10:43:42 -0400
Subject: [PATCH] [BI-2850] - Add download options to new genotyping page

---
 src/breeding-insight/model/GenotypeImport.ts |  3 +++
 src/components/VueFeatherIconPack.vue        |  4 +++-
 src/views/genotyping/Genotyping.vue          | 16 ++++++++++++++--
 3 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/src/breeding-insight/model/GenotypeImport.ts b/src/breeding-insight/model/GenotypeImport.ts
index 02e2c8e9c..76b2147c1 100644
--- a/src/breeding-insight/model/GenotypeImport.ts
+++ b/src/breeding-insight/model/GenotypeImport.ts
@@ -16,6 +16,7 @@
  */
 
 export class GenotypeImport {
+  genotypeImportId?: string;
   sampleSubmissionId?: string;
   projectNameForSampleSubmission?: string;
   sampleSubmissionCreatedBy?: string;
@@ -24,6 +25,7 @@ export class GenotypeImport {
   genotypingImportBy?: string;
 
   constructor({
+                genotypeImportId,
                 sampleSubmissionId,
                 projectNameForSampleSubmission,
                 sampleSubmissionCreatedBy,
@@ -31,6 +33,7 @@ export class GenotypeImport {
                 genotypingImportDate,
                 genotypingImportBy
               }: GenotypeImport = {}) {
+    this.genotypeImportId = genotypeImportId;
     this.sampleSubmissionId = sampleSubmissionId;
     this.projectNameForSampleSubmission = projectNameForSampleSubmission;
     this.sampleSubmissionCreatedBy = sampleSubmissionCreatedBy;
diff --git a/src/components/VueFeatherIconPack.vue b/src/components/VueFeatherIconPack.vue
index 6453c108c..c23032293 100644
--- a/src/components/VueFeatherIconPack.vue
+++ b/src/components/VueFeatherIconPack.vue
@@ -27,6 +27,7 @@ import { ArrowDownIcon,
   ChevronLeftIcon,
   ChevronRightIcon,
   ChevronUpIcon,
+  DownloadIcon,
   LogOutIcon,
   UserIcon} from "vue-feather-icons";
 
@@ -39,7 +40,8 @@ export default {
     ArrowUpIcon,
     ArrowDownIcon,
     LogOutIcon,
-    UserIcon
+    UserIcon,
+    DownloadIcon
   },
   props: {
     icon: [String, Array],
diff --git a/src/views/genotyping/Genotyping.vue b/src/views/genotyping/Genotyping.vue
index 17e21803d..061dfc875 100644
--- a/src/views/genotyping/Genotyping.vue
+++ b/src/views/genotyping/Genotyping.vue
@@ -110,6 +110,9 @@
       >
         {{ displayValue(props.row.data.genotypingImportBy) }}
       </b-table-column>
+      <b-table-column field="data.genotypeImportId" sortable v-slot="props" :th-attrs="(column) => ({scope:'col'})">
+        <a href="javascript:void(0)" v-on:click="downloadFile(props.row.data)"><DownloadIcon></DownloadIcon> Download</a>
+      </b-table-column>
 
       <template v-slot:emptyMessage>
         <p class="has-text-weight-bold">
@@ -123,7 +126,7 @@
 <script lang="ts">
 import {Component, Watch} from 'vue-property-decorator';
 import {mapGetters} from 'vuex';
-import {PlusCircleIcon} from 'vue-feather-icons';
+import {PlusCircleIcon, DownloadIcon} from 'vue-feather-icons';
 import ProgramsBase from '@/components/program/ProgramsBase.vue';
 import ExpandableTable from '@/components/tables/expandableTable/ExpandableTable.vue';
 import {Program} from '@/breeding-insight/model/Program';
@@ -143,7 +146,8 @@ import {
 @Component({
   components: {
     ExpandableTable,
-    PlusCircleIcon
+    PlusCircleIcon,
+    DownloadIcon
   },
   computed: {
     ...mapGetters([
@@ -261,5 +265,13 @@ export default class Genotyping extends ProgramsBase {
   displayValue(value?: string): string {
     return value || '';
   }
+
+  private downloadFile(genotype: GenotypeImport) {
+    if (this.activeProgram) {
+      window.open(process.env.VUE_APP_BI_API_ROOT + '/v1/programs/' + this.activeProgram.id + '/geno/imports/' + genotype.genotypeImportId + '/download' , '_blank');
+      return true;
+    }
+    return false;
+  }
 }
 </script>