...
Synapse Table schema contains the following relevant columns: initiative, summary, website, image
Example Card Configuration that a web engineer would write for your table/view:
| Code Block |
|---|
{
genericCardSchema: {
type: 'Initiative',
title: 'initiative',
description: 'summary',
link: 'website',
imageFileHandleColumnName: 'image',
},
ctaButtonLinkConfig: {
buttonText: 'Explore Studies',
linkConfig: {
matchColumnName: 'initiative',
isMarkdown: false,
baseURL: 'Explore/Initiatives/DetailsPage',
URLColumnName: 'initiative',
}
} |
...
Synapse Table schema contains the following relevant columns: studyName, summary, studyLeads, studyStatus, dataStatus, diseaseFocus, manifestation, fundingAgency,institutions, studyId, dataType (data type icons to show per row).
Example Card Configuration that a web engineer would write for your table/view:
| Code Block |
|---|
{
genericCardSchema: {
title: 'studyName',
type: STUDY,
description: 'summary',
subTitle: 'studyLeads',
icon: 'studyStatus',
secondaryLabels: [
'studyStatus',
'dataStatus',
'diseaseFocus',
'manifestation',
'fundingAgency',
'institutions',
'studyId',
],
dataTypeIconNames: 'dataType'
},
iconOptions: {
Active: studyActiveSvg,
Completed: studyCompleteSvg,
},
titleLinkConfig: {
isMarkdown: false,
baseURL: 'Explore/Studies/DetailsPage',
URLColumnName: 'studyId',
matchColumnName: 'studyId',
},
columnIconOptions: {
columns: {
'dataStatus': {
'Available': { icon: 'data', color: '#28A745' },
'Partially Available': { icon: 'data', color: '#DE9A1F' },
'Under Embargo': { icon: 'dataLocked', color: '#D46D1E' },
'None': { icon: 'data', color: '#BBBBBC' },
},
'studyStatus': {
'Active': { icon: 'reload', color: '#28A745' },
'Completed': { icon: 'check', color: '#B2242A' },
},
'dataType': {
'genomicVariants': { icon: 'geneVariants', label: 'Genomic Variants Data Available' },
'geneExpression': { icon: 'geneExpression', label: 'Gene Expression Data Available' },
'image': { icon: 'imaging', label: 'Image Data Available' },
'drugScreen': { icon: 'lineGraph', label: 'Drug Screen (Cell) Data Available' },
'behavior process': { icon: 'rat', label: 'Behavior Process Data Available' },
'chromatinActivity': { icon: 'chromatin', label: 'Chromatin Activity Data Available' },
'proteomics': { icon: 'proteomics', label: 'Proteomics Data Available' },
'kinomics': { icon: 'kinomics', label: 'Kinomics Data Available' },
'clinical': { icon: 'clinical', label: 'Clinical Data Available' },
'other': { icon: 'other', label: 'Other Data Available' },
}
}
}
} |
...