Skip to content
Snippets Groups Projects
Commit b8ff2fd7 authored by Liliana Sanfilippo's avatar Liliana Sanfilippo
Browse files

aufräumejn

parent 2baf36c6
No related branches found
No related tags found
No related merge requests found
Pipeline #417488 failed
Stage: build
Expand all Hide whitespace changes
Inline Side-by-side
src/components/HP-tabs.tsx 0 → 100644
+ 76
− 0
View file @ b8ff2fd7
import { Box, Tab } from "@mui/material";
import {TabContext, TabList, TabPanel} from '@mui/lab';
import React from "react";
export function HPTabs(){
const [value, setValue] = React.useState('1');
const handleChange = (_event: React.SyntheticEvent, newValue: string) => {
setValue(newValue);
};
return(
<Box sx={{ width: '100%', typography: 'body1' }}>
<TabContext value={value}>
<Box sx={{ borderBottom: 1, borderColor: 'divider' }}>
<TabList onChange={handleChange} aria-label="lab API tabs example">
<Tab label="Patient Needs" value="1" />
<Tab label="Scientific Challenges" value="2" />
<Tab label="Academic consideration" value="3" />
<Tab label="Ethical questions" value="4" />
<Tab label="Medical perspectives" value="5" />
</TabList>
</Box>
<TabPanel value="1"> </TabPanel>
<TabPanel value="2"> </TabPanel>
<TabPanel value="3"> </TabPanel>
<TabPanel value="4"> </TabPanel>
<TabPanel value="5"> </TabPanel>
</TabContext>
</Box>
)
}
export function HPTabsTwo(){
return(
<>
<div className="row align-items-center">
<div className="col"></div>
<div className="col-8">
<div className="methods-node">
<div>Project selection</div>
</div>
<div className="methods-node">
<div>Foundation</div>
</div>
<div className="methods-node">
<div>Diversification</div>
</div>
<div className="methods-node">
<div>Fine-tuning</div>
</div>
<div className="methods-node">
<div>Finalization</div>
</div>
</div>
<div className="col"></div>
</div>
<div className="row align-items-center">
<div className="col-3">
</div>
<div className="col">
</div>
</div>
</>
)
}
\ No newline at end of file
src/components/HP-timeline.tsx 0 → 100644
+ 46
− 0
View file @ b8ff2fd7
import { TabButtonRow } from "./Buttons";
import TimeHori from "./HorizontalTimeline";
import { BFHStyleTabs, ButtonRowTabs } from "./Tabs";
import { timelinepersontabs } from "./data/timelinepersontabs";
export function HPTimeline(){
return(
<section id="Timeline" className="section">
<div className="center">
<h3 className="col personalstyleone">Timeline</h3>
</div>
<TabButtonRow data={timelinebuttonrowdata} classy="" opentype="timelinecardtabs" closing="timelinepersontabs" />
<ButtonRowTabs cla="timelinecardtabs" data={timelinebuttonrowdata}/>
<BFHStyleTabs cla="timelinepersontabs" data={timelinepersontabs}></BFHStyleTabs>
</section>
)
}
let timelinebuttonrowdata = [
{
buttonname: "All",
node: <TimeHori tab="" ></TimeHori>,
cssname: "First"
},
{
node: <TimeHori tab="Patient" ></TimeHori>,
buttonname: "Patients",
cssname: "Patient"
},
{
node: <TimeHori tab="Medical Professional" ></TimeHori>,
buttonname: "Medical Professionals",
cssname: "Medical"
},
{
node: <TimeHori tab="Academia" ></TimeHori>,
buttonname: "Academia",
cssname: "Academia"
},
{
node: <TimeHori tab="Industry" ></TimeHori>,
buttonname: "Industry",
cssname: "Industry"
}
]
\ No newline at end of file
src/components/HorizontalTimeline.tsx
+ 1
− 1
View file @ b8ff2fd7
...@@ -73,7 +73,7 @@ function TimeItem({tag, title, pic, author, tabid}: ItemProps){ ...@@ -73,7 +73,7 @@ function TimeItem({tag, title, pic, author, tabid}: ItemProps){
export function TimeHori({tab}:{tab: string}){ export default function TimeHori({tab}:{tab: string}){
let nod; let nod;
/* console.log("TimeHori") */ /* console.log("TimeHori") */
if (tab === ""){ if (tab === ""){
......
src/components/MindMapTwo.tsx 0 → 100644
+ 170
− 0
View file @ b8ff2fd7
export function MindMapTwo(){
return(
<div className="mindmap">
{/* <!--LEFT--> */}
<ol className="children children_leftbranch">
<li className="children_item">
<div className="node" >
<div id="L1" className="node_text"> Medical <br/> Professionals</div>
</div>
<ol className="children">
<li className="children_item">
<div className="node">
<div id="L1.1" className="node_text">Katrin</div>
</div>
</li>
<li className="children_item">
<div className="node">
<div id="L1.2" className="node_text">Cristian</div>
</div>
</li>
</ol>
</li>
<li className="children_item">
<div className="node">
<div id="L2" className="node_text">Industry</div>
</div>
<ol className="children">
<li className="children_item">
<div className="node">
<div className="node_text">L2.1</div>
</div>
</li>
<li className="children_item">
<div className="node">
<div className="node_text">L2.2</div>
</div>
</li>
<li className="children_item">
<div className="node">
<div className="node_text">L2.3</div>
</div>
</li>
</ol>
</li>
<li className="children_item">
<div className="node">
<div id="L3" className="node_text">iGem</div>
</div>
<ol className="children">
<li className="children_item">
<div className="node">
<div className="node_text">L2.1</div>
</div>
</li>
<li className="children_item">
<div className="node">
<div className="node_text">L2.2</div>
</div>
</li>
<li className="children_item">
<div className="node">
<div className="node_text">L2.3</div>
</div>
</li>
</ol>
</li>
</ol>
{/* <!--CENTER--> */}
<div className="node node_root">
<div className="node_text">Stakeholders</div>
</div>
{/* <!--RIGHT--> */}
<ol className="children children_rightbranch">
<li className="children_item">
<div className="node">
<div id="R1" className="node_text">Patients & <br/> next of kin </div>
</div>
<ol className="children">
<li className="children_item">
<div className="node">
<div id="R1.1" className="node_text">Max</div>
</div>
</li>
<li className="children_item">
<div className="node">
<div id="R1.2" className="node_text">Julia</div>
</div>
</li>
<li className="children_item">
<div className="node">
<div id="R1.3" className="node_text">Joshua</div>
</div>
</li>
</ol>
</li>
<li className="children_item">
<div className="node">
<div id="R2" className="node_text">Academia</div>
</div>
<ol className="children">
<li className="children_item">
<div className="node">
<div id="R2.1" className="node_text">Mattijs</div>
</div>
</li>
<li className="children_item">
<div className="node">
<div className="node_text">R2.2</div>
</div>
</li>
<li className="children_item">
<div className="node">
<div className="node_text">R2.3</div>
</div>
</li>
<li className="children_item">
<div className="node">
<div className="node_text">R2.4</div>
</div>
</li>
</ol>
</li>
<li className="children_item">
<div className="node">
<div id="R3" className="node_text">Society</div>
</div>
<ol className="children">
<li className="children_item">
<div className="node">
<div id="R3.1" className="node_text">Krankk.</div>
</div>
</li>
<li className="children_item">
<div className="node">
<div id="R3.2" className="node_text">Ethik</div>
</div>
</li>
<li className="children_item">
<div className="node">
<div className="node_text">R3.3</div>
</div>
</li>
</ol>
</li>
</ol>
</div>
)
}
\ No newline at end of file
src/components/data/timelinepersontabs.tsx 0 → 100644
+ 627
− 0
View file @ b8ff2fd7
This diff is collapsed.
src/contents/human-practices.tsx
+ 12
− 997
View file @ b8ff2fd7
This diff is collapsed.
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment