From eb78404fb6f9d6c7d763647425c052917aa37f4a Mon Sep 17 00:00:00 2001
From: liliana <liliana.sanfilippo@uni-bielefeld.de>
Date: Fri, 19 Jul 2024 01:39:35 +0200
Subject: [PATCH] opencity fix
---
src/App/App.css | 4 ++++
src/components/Buttons.tsx | 10 +++++-----
src/components/Tabs.tsx | 4 ++--
src/contents/Bfh.tsx | 2 +-
src/contents/human-practices.tsx | 12 ++++++------
5 files changed, 18 insertions(+), 14 deletions(-)
diff --git a/src/App/App.css b/src/App/App.css
index dac9ebe1..d1ceee18 100644
--- a/src/App/App.css
+++ b/src/App/App.css
@@ -2437,4 +2437,8 @@ html[dir=rtl] .hint-container.danger .hint-container-title:before {
#All {
display: block;
+}
+
+.tabtabs, .tabbys{
+ display: none;
}
\ No newline at end of file
diff --git a/src/components/Buttons.tsx b/src/components/Buttons.tsx
index 3816114c..db9a5c56 100644
--- a/src/components/Buttons.tsx
+++ b/src/components/Buttons.tsx
@@ -79,11 +79,11 @@ export function HPButtonrow(){
return(
<>
<div className="align-items-center bottom-buttons">
- <button className="active" onClick={openTab({cityName: "All"})}> All</button>
- <button onClick={openTab({cityName: "Patient"})}> Patients</button>
- <button onClick={openTab({cityName: "Academia"})}> Academia</button>
- <button onClick={openTab({cityName: "Medical"})}> Medical professionals</button>
- <button onClick={openTab({cityName: "Industry"})}> Industry</button>
+ <button className="active" onClick={openTab({cityName: "All", cla: "tabtabs"})}> All</button>
+ <button onClick={openTab({cityName: "Patient", cla: "tabtabs"})}> Patients</button>
+ <button onClick={openTab({cityName: "Academia", cla: "tabtabs"})}> Academia</button>
+ <button onClick={openTab({cityName: "Medical", cla: "tabtabs"})}> Medical professionals</button>
+ <button onClick={openTab({cityName: "Industry", cla: "tabtabs"})}> Industry</button>
</div>
</>
)
diff --git a/src/components/Tabs.tsx b/src/components/Tabs.tsx
index 23f819ff..8e36bf86 100644
--- a/src/components/Tabs.tsx
+++ b/src/components/Tabs.tsx
@@ -1,9 +1,9 @@
-export function BFHStyleTabs({data}: {data: Array<NodeDatensatz>}) {
+export function BFHStyleTabs({data, cla}: {data: Array<NodeDatensatz>, cla: string}) {
let rows = []
for ( let i = 0; i < data.length; i++ ){
rows.push(
- <div id={data[i].eid} className="tabcontent">
+ <div id={data[i].eid} className={cla}>
{data[i].node}
</div>
)
diff --git a/src/contents/Bfh.tsx b/src/contents/Bfh.tsx
index 2db4d491..f4d76521 100644
--- a/src/contents/Bfh.tsx
+++ b/src/contents/Bfh.tsx
@@ -64,7 +64,7 @@ export function Bfh() {
</div>
<div className="col">
- <BFHStyleTabs data={tabbys}></BFHStyleTabs>
+ <BFHStyleTabs data={tabbys} cla="tabcontent"></BFHStyleTabs>
</div>
</div>
<div className="row">
diff --git a/src/contents/human-practices.tsx b/src/contents/human-practices.tsx
index e3a04120..ae2e6a4e 100644
--- a/src/contents/human-practices.tsx
+++ b/src/contents/human-practices.tsx
@@ -104,21 +104,21 @@ let tabtabs = [
]
export function HumanPractices() {
- openTab({cityName: "All"});
+ openTab({cityName: "All", cla: "tabtabs"});
return (
<>
<HPButtonrow/>
<AllPopus></AllPopus>
- <BFHStyleTabs data={tabtabs}></BFHStyleTabs>
- <BFHStyleTabs data={tabbys}></BFHStyleTabs>
+ <BFHStyleTabs cla="tabtabs" data={tabtabs}></BFHStyleTabs>
+ <BFHStyleTabs cla="tabbys" data={tabbys}></BFHStyleTabs>
</>
- );
+ );
}
-export function openTab({cityName}:{cityName: string}) {
+export function openTab({cityName, cla}:{cityName: string, cla: string}) {
const opencity = (event : React.MouseEvent<HTMLButtonElement, MouseEvent>) =>{
var i, tabcontent, tablinks;
- tabcontent = document.getElementsByClassName("tabcontent");
+ tabcontent = document.getElementsByClassName(cla);
for (i = 0; i < tabcontent.length; i++) {
(tabcontent[i] as HTMLElement).style.display = "none";
}
--
GitLab