From 526be3e253ad9c4e10b619000331e9eceb5e0d26 Mon Sep 17 00:00:00 2001 From: Juan Date: Fri, 1 Aug 2025 13:24:22 -0300 Subject: [PATCH 01/47] Base front end page --- src/frontend/static/frontend/rspack.common.js | 1 + .../frontend/src/components/MainNavbar.tsx | 11 +++- .../DifferentialExpressionForm.tsx | 56 +++++++++++++++++++ .../DifferentialExpressionPanel.tsx | 11 ++++ .../src/css/differential-expression.css | 0 .../frontend/src/differential-expression.tsx | 8 +++ src/frontend/templates/frontend/base.html | 1 + .../frontend/differential-expression.html | 20 +++++++ src/frontend/urls.py | 4 +- src/frontend/views.py | 10 ++++ 10 files changed, 120 insertions(+), 2 deletions(-) create mode 100644 src/frontend/static/frontend/src/components/differential-expression/DifferentialExpressionForm.tsx create mode 100644 src/frontend/static/frontend/src/components/differential-expression/DifferentialExpressionPanel.tsx create mode 100644 src/frontend/static/frontend/src/css/differential-expression.css create mode 100644 src/frontend/static/frontend/src/differential-expression.tsx create mode 100644 src/frontend/templates/frontend/differential-expression.html diff --git a/src/frontend/static/frontend/rspack.common.js b/src/frontend/static/frontend/rspack.common.js index df78ea52..e7f41f91 100644 --- a/src/frontend/static/frontend/rspack.common.js +++ b/src/frontend/static/frontend/rspack.common.js @@ -14,6 +14,7 @@ const PATHS = { export const common = { entry: { + differentialExpression: `${PATHS.src}/differential-expression.tsx`, base: `${PATHS.src}/base.tsx`, gem: `${PATHS.src}/gem.tsx`, main: `${PATHS.src}/index.tsx`, diff --git a/src/frontend/static/frontend/src/components/MainNavbar.tsx b/src/frontend/static/frontend/src/components/MainNavbar.tsx index 060d3d21..ba2a96f5 100644 --- a/src/frontend/static/frontend/src/components/MainNavbar.tsx +++ b/src/frontend/static/frontend/src/components/MainNavbar.tsx @@ -17,6 +17,7 @@ declare const urlInstitutions: string declare const urlCGDSPanel: string declare const urlAboutUs: string declare const urlOpenSource: string +declare const urlDifferentialExpression: string /** Component's Props */ interface LogInLogOutPanelProps { @@ -149,7 +150,7 @@ const LogInLogOutPanel = (props: LogInLogOutPanelProps) => { ) } -type ActiveItemOptions = 'home' | 'pipeline' | 'files' | 'cgds' | 'survival' | 'institutions' | 'about-us' | 'biomarkers' | 'open-source' +type ActiveItemOptions = 'home' | 'pipeline' | 'files' | 'cgds' | 'survival' | 'institutions' | 'about-us' | 'biomarkers' | 'open-source' | 'differential-expression' interface MainNavbarProps { activeItem?: ActiveItemOptions, @@ -230,6 +231,14 @@ const MainNavbar = (props: MainNavbarProps) => { as='a' href={urlBiomarkers} active={props.activeItem === 'biomarkers'} /> + + {/* Differential Expression panel */} + diff --git a/src/frontend/static/frontend/src/components/differential-expression/DifferentialExpressionForm.tsx b/src/frontend/static/frontend/src/components/differential-expression/DifferentialExpressionForm.tsx new file mode 100644 index 00000000..b50f5638 --- /dev/null +++ b/src/frontend/static/frontend/src/components/differential-expression/DifferentialExpressionForm.tsx @@ -0,0 +1,56 @@ +import React from 'react' +import { Input, TextArea } from 'semantic-ui-react' +import { SourceForm } from '../pipeline/SourceForm' + +export const DifferentialExpressionForm = () => { + return ( +
+ +