UPD info button

dieterich-lab · Sep 10, 2024 · 5afc700 · 5afc700
1 parent 4e11aa1
commit 5afc700
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 9 deletions.
diff --git a/client/src/views/BrowseView.vue b/client/src/views/BrowseView.vue
@@ -235,13 +235,6 @@ onMounted(() => {
                 />
               </template>
             </Column>
-            <Column :exportable="false" field="dataset_id" style="width: 5%">
-              <template #body="{ data }">
-                <a :href="getApiUrl(`transfer/dataset/${data.dataset_id}`)">
-                  <Button text severity="secondary" label="Download" />
-                </a>
-              </template>
-            </Column>
 
             <!-- export columns shown in dialog -->
             <Column field="sequencing_platform" header="Platform" style="display: none"></Column>
@@ -257,16 +250,26 @@ onMounted(() => {
             <Column field="pmid" header="PMID" style="display: none"></Column>
 
             <Column :exportable="false" style="width: 5%">
+              <template #header>
+                <span v-tooltip.top="'Click for dataset information'">Info</span>
+              </template>
               <template #body="slotProps">
                 <Button
-                  icon="pi pi-plus"
+                  icon="pi pi-info"
                   outlined
                   rounded
                   severity="secondary"
                   @click="onOverlay(slotProps.data)"
                 />
               </template>
             </Column>
+            <Column :exportable="false" field="dataset_id" style="width: 5%">
+              <template #body="{ data }">
+                <a :href="getApiUrl(`transfer/dataset/${data.dataset_id}`)">
+                  <Button text severity="secondary" label="Download" />
+                </a>
+              </template>
+            </Column>
           </DataTable>
         </div>
 

diff --git a/client/src/views/SearchView.vue b/client/src/views/SearchView.vue
@@ -518,9 +518,12 @@ onMounted(() => {
           <Column field="gene_name" header="Gene" exportHeader="Gene"></Column>
           <Column field="gene_biotype" header="Biotype" exportHeader="Biotype"></Column>
           <Column :exportable="false" style="width: 5%">
+            <template #header>
+              <span v-tooltip.top="'Click for site information'">Info</span>
+            </template>
             <template #body="slotProps">
               <Button
-                icon="pi pi-plus"
+                icon="pi pi-info"
                 outlined
                 rounded
                 severity="secondary"