diff --git a/assets/heal.png b/assets/heal.png new file mode 100644 index 00000000..a734c5db Binary files /dev/null and b/assets/heal.png differ diff --git a/components/RepositoryCard/RepositoryCard.vue b/components/RepositoryCard/RepositoryCard.vue index 11ee5b74..87688719 100644 --- a/components/RepositoryCard/RepositoryCard.vue +++ b/components/RepositoryCard/RepositoryCard.vue @@ -1,24 +1,37 @@ \ No newline at end of file + diff --git a/nuxt.config.js b/nuxt.config.js index f26db8a0..94dc9415 100644 --- a/nuxt.config.js +++ b/nuxt.config.js @@ -128,7 +128,9 @@ const config = { SHOW_DATASET_SUBMISSION_FEATURE: process.env.SHOW_DATASET_SUBMISSION_FEATURE || 'false', GOOGLE_TAG_MANAGER_ID: process.env.GOOGLE_TAG_MANAGER_ID || 'GTM-TPT2CVCS', SPARC_ORG_ID: process.env.SPARC_ORG_ID || 'N:organization:618e8dd9-f8d2-4dc4-9abb-c6aaab2e78a0', - REJOIN_ORG_ID: process.env.REJOIN_ORG_ID || 'N:organization:f08e188e-2316-4668-ae2c-8a20dc88502f' + REJOIN_ORG_ID: process.env.REJOIN_ORG_ID || 'N:organization:f08e188e-2316-4668-ae2c-8a20dc88502f', + PRECISION_ORG_ID: process.env.PRECISION_ORG_ID || 'N:organization:98d6e84c-9a27-48f8-974f-93c0cca15aae', + PENNSIEVE_URL: process.env.PENNSIEVE_URL || 'https://app.pennsieve.io' }, serverMiddleware: [ diff --git a/pages/user/profile/index.vue b/pages/user/profile/index.vue index 0eed522f..efe8c182 100644 --- a/pages/user/profile/index.vue +++ b/pages/user/profile/index.vue @@ -64,7 +64,7 @@ :thumbnailUrl="organization.logo" :description="getOrganizationDescription(organization)" :status="organization.status" - buttonLink="https://pennsieve.io" + :buttonLink="getButtonLink(organization)" /> @@ -416,6 +416,9 @@ export default { getOrganizationDescription(org) { return `Open the ${org.name} workspace in Pennsieve` }, + getButtonLink(org) { + return `${process.env.PENNSIEVE_URL}/${org.id}/datasets` + }, getDownloadsCount(id) { let numDownloads = 0 this.downloadsSummary.filter(download => download.datasetId == id).forEach(item => { @@ -592,6 +595,9 @@ a { } .org-container { display: flex; + @media (max-width: 49em) { + flex-direction: column; + } } ::v-deep .popover { background-color: #f9f2fc; diff --git a/static/js/organizations.js b/static/js/organizations.js index 5d133cdb..82e97408 100644 --- a/static/js/organizations.js +++ b/static/js/organizations.js @@ -1,5 +1,6 @@ import sparcLogo from '@/assets/logo-sparc-wave-primary.svg' import rejoinLogo from '@/assets/rejoin.jpg' +import precisionLogo from '@/assets/heal.png' const organizationsData = [ { @@ -11,6 +12,11 @@ const organizationsData = [ name: 'RE-JOIN', id: process.env.REJOIN_ORG_ID, logo: rejoinLogo + }, + { + name: 'HEAL PRECISION', + id: process.env.PRECISION_ORG_ID, + logo: precisionLogo } ] @@ -21,11 +27,11 @@ export const getOrganizationInfo = id => { export const getOrganizationStatus = org => { if (org.isOwner) - return 'Owner Access' + return 'Owner' else if (org.isAdmin) - return 'Admin Access' + return 'Admin' else if (org.isGuest) - return 'Guest Access' + return 'Guest' else - return 'Read Access' -} \ No newline at end of file + return 'Collaborator' +}