-
Relations
-
-
- {Object.entries(COLORS_BY_STRING_RELATION).map(([_, [relationDescription, color]]) => (
- - {relationDescription}
- ))}
-
+const CytoscapeLegends = () => {
+ const intl = useIntl()
+
+ return (
+
+
+ {intl.formatMessage({ id: 'geneAssociations.legend.relations' })}
+
+
+
+ {Object.entries(COLORS_BY_STRING_RELATION).map(([relationKey, [_, color]]) => (
+ -
+
+ {intl.formatMessage({ id: `geneAssociations.relation.${relationKey}` })}
+
+ ))}
+
+
-
-)
+ )
+}
/** GeneAssociationsNetworkPanel props. */
interface GeneAssociationsNetworkPanelProps {
@@ -45,6 +55,7 @@ interface GeneAssociationsNetworkPanelProps {
}
export const GeneAssociationsNetworkPanel = (props: GeneAssociationsNetworkPanelProps) => {
+ const intl = useIntl()
const abortControllerTerm = useRef(new AbortController())
const [minCombinedScore, setMinCombinedScore] = React.useState(950)
@@ -251,7 +262,7 @@ export const GeneAssociationsNetworkPanel = (props: GeneAssociationsNetworkPanel
diff --git a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/molecules/genes/MetabolicPathways.tsx b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/molecules/genes/MetabolicPathways.tsx
index d6e65974..37fed744 100644
--- a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/molecules/genes/MetabolicPathways.tsx
+++ b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/molecules/genes/MetabolicPathways.tsx
@@ -6,6 +6,7 @@ import { ResultPlaceholder } from '../../stat-validations/result/ResultPlacehold
import { DropdownItemProps, Grid, Header, Input, List, SearchProps, Select } from 'semantic-ui-react'
import { InputLabel } from '../../../../common/InputLabel'
import { InfoPopup } from '../../../../pipeline/experiment-result/gene-gem-details/InfoPopup'
+import { useIntl } from 'react-intl'
declare const urlMetabolicPathways: string
@@ -38,6 +39,7 @@ interface MetabolicPathwaysProps {
* @returns Component.
*/
export const MetabolicPathways = (props: MetabolicPathwaysProps) => {
+ const intl = useIntl()
const abortController = useRef(new AbortController())
const [searchInput, setSearchInput] = useState
('')
const [selectedSource, setSelectedSource] = useState(undefined)
@@ -93,21 +95,21 @@ export const MetabolicPathways = (props: MetabolicPathwaysProps) => {
- Metabolic pathways
+ {intl.formatMessage({ id: 'metabolicPathways.header' })}
-
+
@@ -103,12 +106,12 @@ export const MethylationInformation = (props: MethylationInformationProps) => {
- Methylation Information
+ {intl.formatMessage({ id: 'methylationInformation.header' })}
@@ -119,7 +122,7 @@ export const MethylationInformation = (props: MethylationInformationProps) => {
{methylationData.chromosome_position && (
- Chr. Position: {methylationData.chromosome_position}
+ {intl.formatMessage({ id: 'methylationInformation.chromosomePosition' })} {methylationData.chromosome_position}
)}
@@ -128,20 +131,23 @@ export const MethylationInformation = (props: MethylationInformationProps) => {
- List of islands related to the methylation site according to the UCSC database
+ {intl.formatMessage({ id: 'methylationInformation.infoPopup.ucsc' })}{' '}
+
+ UCSC
+
)}
onTop
/>
- UCSC CpG Islands
+ {intl.formatMessage({ id: 'methylationInformation.header.ucsc' })}
- CpG Island
- Relation
+ {intl.formatMessage({ id: 'methylationInformation.table.cpgIsland' })}
+ {intl.formatMessage({ id: 'methylationInformation.table.relation' })}
@@ -165,14 +171,14 @@ export const MethylationInformation = (props: MethylationInformationProps) => {
onEvent='hover'
/>
- Related genes
+ {intl.formatMessage({ id: 'methylationInformation.header.genes' })}
- Gene
- Regions
+ {intl.formatMessage({ id: 'methylationInformation.table.gene' })}
+ {intl.formatMessage({ id: 'methylationInformation.table.regions' })}
diff --git a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/stat-validations/NewStatisticalValidationModal.tsx b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/stat-validations/NewStatisticalValidationModal.tsx
index 7ca63dde..151a0b5c 100644
--- a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/stat-validations/NewStatisticalValidationModal.tsx
+++ b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/stat-validations/NewStatisticalValidationModal.tsx
@@ -7,6 +7,7 @@ import { SourceSelectors } from '../../../common/SourceSelectors'
import { DjangoCGDSStudy, DjangoUserFile } from '../../../../utils/django_interfaces'
import { BiomarkerTrainedModelsTable } from '../BiomarkerTrainedModelsTable'
import ky from 'ky'
+import { useIntl } from 'react-intl'
declare const urlNewStatisticalValidation: string
@@ -59,6 +60,7 @@ const getDefaultNewStatisticalValidationData = (): NewStatisticalValidationData
* @returns Component
*/
export const NewStatisticalValidationModal = (props: NewStatisticalValidationModalProps) => {
+ const intl = useIntl()
const [form, setForm] = useState(getDefaultNewStatisticalValidationData())
const [currentStep, setCurrentStep] = useState(1)
const [sendingData, setSendingData] = useState(false)
@@ -309,7 +311,7 @@ export const NewStatisticalValidationModal = (props: NewStatisticalValidationMod
>
- Create new statistical validation
+ {intl.formatMessage({ id: 'newStatValidation.header.create' })}
@@ -318,27 +320,27 @@ export const NewStatisticalValidationModal = (props: NewStatisticalValidationMod
{/* Basic data */}
-
+ {intl.formatMessage({ id: 'newStatValidation.header.basicData' })}
- Required field
+ {intl.formatMessage({ id: 'newStatValidation.form.requiredField' })}
@@ -348,7 +350,7 @@ export const NewStatisticalValidationModal = (props: NewStatisticalValidationMod
1} link onClick={() => { setCurrentStep(1) }}>
- Step 1: Trained model
+ {intl.formatMessage({ id: 'newStatValidation.step.trainedModel' })}
- Step 2: Validation datasets
+ {intl.formatMessage({ id: 'newStatValidation.step.validationDatasets' })}
@@ -385,7 +387,7 @@ export const NewStatisticalValidationModal = (props: NewStatisticalValidationMod
color='red'
onClick={() => setCurrentStep(currentStep - 1)}
>
- Go back
+ {intl.formatMessage({ id: 'common.cancel' })}
)}
@@ -399,7 +401,7 @@ export const NewStatisticalValidationModal = (props: NewStatisticalValidationMod
}}
disabled={!selectedTrainedModelIsValid}
>
- Continue
+ {intl.formatMessage({ id: 'newStatValidation.button.continue' })}
)}
@@ -413,7 +415,7 @@ export const NewStatisticalValidationModal = (props: NewStatisticalValidationMod
}}
disabled={!formIsValid()}
>
- Confirm
+ {intl.formatMessage({ id: 'common.confirm' })}
)}
diff --git a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/stat-validations/StatisticalValidationMenu.tsx b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/stat-validations/StatisticalValidationMenu.tsx
index 784a68b3..38c15668 100644
--- a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/stat-validations/StatisticalValidationMenu.tsx
+++ b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/stat-validations/StatisticalValidationMenu.tsx
@@ -2,6 +2,7 @@ import React from 'react'
import { Menu } from 'semantic-ui-react'
import { StatisticalValidationForTable, ActiveStatValidationsItemMenu } from '../../types'
import { InfoPopup } from '../../../pipeline/experiment-result/gene-gem-details/InfoPopup'
+import { useIntl } from 'react-intl'
/** StatisticalValidationMenu props. */
interface StatisticalValidationMenuProps {
@@ -19,13 +20,14 @@ interface StatisticalValidationMenuProps {
* @returns Component.
*/
export const StatisticalValidationMenu = (props: StatisticalValidationMenuProps) => {
+ const intl = useIntl()
return (