From a82419616403fab89d8d34598bcfb4c290834a0a Mon Sep 17 00:00:00 2001
From: John Tordoff <>
Date: Mon, 11 Nov 2024 12:03:50 -0500
Subject: [PATCH] move archive link button to each tab and add a download
 button

---
 .../template.hbs                              | 18 ---------
 .../institutional-users-list/styles.scss      | 15 +++++++
 .../institutional-users-list/template.hbs     | 35 +++++++++++++++++
 .../-components/object-list/styles.scss       | 14 +++++--
 .../-components/object-list/template.hbs      | 39 +++++++++++++++++++
 translations/en-us.yml                        |  7 ++++
 6 files changed, 106 insertions(+), 22 deletions(-)

diff --git a/app/institutions/dashboard/-components/institutional-dashboard-wrapper/template.hbs b/app/institutions/dashboard/-components/institutional-dashboard-wrapper/template.hbs
index 94d5a346efa..acdccd258c2 100644
--- a/app/institutions/dashboard/-components/institutional-dashboard-wrapper/template.hbs
+++ b/app/institutions/dashboard/-components/institutional-dashboard-wrapper/template.hbs
@@ -8,24 +8,6 @@
     >
         <div local-class='banner'>
             <img src='{{@institution.bannerUrl}}' alt='{{@institution.name}}'>
-            {{#if @institution.linkToExternalReportsArchive}}
-                <div>
-                    <OsfLink
-                        data-test-link-to-reports-archive
-                        data-analytics-name='Link to archived reports'
-                        @target='_blank'
-                        @fakeButton={{true}}
-                        @href={{@institution.linkToExternalReportsArchive}}
-                    >
-                        <EmberTooltip @side='bottom'>
-                            {{t 'institutions.dashboard.download_past_reports_label'}}
-                        </EmberTooltip>
-                        <FaIcon
-                            @icon='chart-pie'
-                        />
-                    </OsfLink>
-                </div>
-            {{/if}}
         </div>
         <ul
             data-analytics-scope='Dashboard tabs'
diff --git a/app/institutions/dashboard/-components/institutional-users-list/styles.scss b/app/institutions/dashboard/-components/institutional-users-list/styles.scss
index 5e1fabb4f69..403860dfa25 100644
--- a/app/institutions/dashboard/-components/institutional-users-list/styles.scss
+++ b/app/institutions/dashboard/-components/institutional-users-list/styles.scss
@@ -277,3 +277,18 @@ input:checked + .slider::before {
     margin-right: 5px;
     font-weight: bold;
 }
+
+.download-button-group {
+    display: inline-flex;
+    padding-left: 10px;
+    align-content: center;
+
+    div {
+        color: #2d6a9f;
+    }
+
+    ResponsiveDropdown {
+        margin-left: 3px;
+    }
+}
+
diff --git a/app/institutions/dashboard/-components/institutional-users-list/template.hbs b/app/institutions/dashboard/-components/institutional-users-list/template.hbs
index 9d4c6292ec1..c29ea1ed95a 100644
--- a/app/institutions/dashboard/-components/institutional-users-list/template.hbs
+++ b/app/institutions/dashboard/-components/institutional-users-list/template.hbs
@@ -64,6 +64,41 @@
                 </div>
             {{/if}}
         </BasicDropdown>
+        <div local-class='download-button-group'>
+            {{#if @institution.linkToExternalReportsArchive}}
+                <OsfLink
+                    data-test-link-to-reports-archive
+                    data-analytics-name='Link to archived reports'
+                    @target='_blank'
+                    @fakeButton={{true}}
+                    @href={{@institution.linkToExternalReportsArchive}}
+                >
+                    <EmberTooltip @side='bottom'>
+                        {{t 'institutions.dashboard.download_past_reports_label'}}
+                    </EmberTooltip>
+                    <FaIcon @icon='chart-pie'/>
+                </OsfLink>
+            {{/if}}
+            <ResponsiveDropdown @renderInPlace={{true}} @buttonStyling={{true}} as |dd| >
+                <dd.trigger data-test-download-dropdown local-class='download-dropdown-trigger'>
+                    <FaIcon @icon='download' />
+                </dd.trigger>
+                <dd.content local-class='download-dropdown-content'>
+                    <Button local-class='download-option' {{on 'click' (queue this.downloadCsv dd.close)}}>
+                        {{t 'institutions.dashboard.format_labels.csv'}}
+                    </Button>
+                    <Button local-class='download-option' {{on 'click' (queue this.downloadTsv dd.close)}}>
+                        {{t 'institutions.dashboard.format_labels.tsv'}}
+                    </Button>
+                    <Button local-class='download-option' {{on 'click' (queue this.downloadJsonTable dd.close)}}>
+                        {{t 'institutions.dashboard.format_labels.json_table'}}
+                    </Button>
+                    <Button local-class='download-option' {{on 'click' (queue this.downloadJsonDirect dd.close)}}>
+                        {{t 'institutions.dashboard.format_labels.json_direct'}}
+                    </Button>
+                </dd.content>
+            </ResponsiveDropdown>
+        </div>
     </div>
     <PaginatedList::HasMany
         local-class='table'
diff --git a/app/institutions/dashboard/-components/object-list/styles.scss b/app/institutions/dashboard/-components/object-list/styles.scss
index d0dbe03194c..0334dd8319b 100644
--- a/app/institutions/dashboard/-components/object-list/styles.scss
+++ b/app/institutions/dashboard/-components/object-list/styles.scss
@@ -47,7 +47,7 @@
 
 .object-table {
     border-collapse: collapse;
-    
+
     th {
         padding: 10px 15px;
 
@@ -109,12 +109,18 @@
     display: flex;
     margin: 0.5rem 0.2rem;
     justify-content: space-between;
-    
+
     button {
         margin-right: -5px;
     }
 }
 
-.blue-text-button {
-    color: $color-link-dark;
+.download-dropdown-trigger {
+    color: $color-bg-blue-dark;
+}
+
+.download-button-group {
+    align-content: center;
+    display: inline-flex;
+    padding-left: 10px;
 }
diff --git a/app/institutions/dashboard/-components/object-list/template.hbs b/app/institutions/dashboard/-components/object-list/template.hbs
index 969adab6f3c..4e74bbee36c 100644
--- a/app/institutions/dashboard/-components/object-list/template.hbs
+++ b/app/institutions/dashboard/-components/object-list/template.hbs
@@ -66,6 +66,45 @@ as |list|>
                                 </div>
                             </dd.content>
                         </ResponsiveDropdown>
+                        <div local-class='download-button-group'>
+                            {{#if @institution.linkToExternalReportsArchive}}
+                                <div>
+                                    <OsfLink
+                                        data-test-link-to-reports-archive
+                                        data-analytics-name='Link to archived reports'
+                                        @target='_blank'
+                                        @fakeButton={{true}}
+                                        @href={{@institution.linkToExternalReportsArchive}}
+                                    >
+                                        <EmberTooltip @side='bottom'>
+                                            {{t 'institutions.dashboard.download_past_reports_label'}}
+                                        </EmberTooltip>
+                                        <FaIcon
+                                            @icon='chart-pie'
+                                        />
+                                    </OsfLink>
+                                </div>
+                            {{/if}}
+                            <ResponsiveDropdown @renderInPlace={{true}} @buttonStyling={{true}} as |dd| >
+                                <dd.trigger data-test-download-dropdown local-class='download-dropdown-trigger'>
+                                    <FaIcon @icon='download' />
+                                </dd.trigger>
+                                <dd.content local-class='download-dropdown-content'>
+                                    <Button
+                                        local-class='download-option'
+                                        {{on 'click' (queue this.downloadCsv dd.close)}}
+                                    >
+                                        {{t 'institutions.dashboard.format_labels.csv'}}
+                                    </Button>
+                                    <Button
+                                           local-class='download-option'
+                                           {{on 'click' (queue this.downloadTsv dd.close)}}
+                                       >
+                                           {{t 'institutions.dashboard.format_labels.tsv'}}
+                                    </Button>
+                                </dd.content>
+                            </ResponsiveDropdown>
+                        </div>
                     </div>
                 </div>
                 <div local-class='table-wrapper'>
diff --git a/translations/en-us.yml b/translations/en-us.yml
index a4464654de7..2abecdc51b3 100644
--- a/translations/en-us.yml
+++ b/translations/en-us.yml
@@ -813,6 +813,13 @@ institutions:
         title: '{institutionName} Dashboard'
         download_past_reports_label: 'Previous reports'
         download_csv: 'Download CSV'
+        download_tsv: 'Download TSV'
+        format_labels:
+          csv: '.csv'
+          tsv: '.tsv'
+          json_table: 'JSON (table)'
+          json_direct: 'JSON (direct)'
+        download: 'Download'
         select_default: 'All Departments'
         users_list:
             name: Name