From 83c50a9173f60dc38b979bf849cd75f87530adfb Mon Sep 17 00:00:00 2001 From: liliana <liliana.sanfilippo@uni-bielefeld.de> Date: Fri, 5 Jul 2024 18:43:12 +0200 Subject: [PATCH] now?; Hello34 --- src/components/Map1.tsx | 20 +++++++++----------- src/contents/Home.tsx | 2 +- 2 files changed, 10 insertions(+), 12 deletions(-) diff --git a/src/components/Map1.tsx b/src/components/Map1.tsx index bc8364db..1695a3a3 100644 --- a/src/components/Map1.tsx +++ b/src/components/Map1.tsx @@ -3,7 +3,7 @@ import InnerHTML from 'dangerously-set-html-content' export function Map1(){ const htmlFile = `<div style="min-height: 374px"> - <script type="text/javascript" defer src="assets/mapscript.js" charset="utf-8"> + <script type="text/javascript" defer src="src/statics/mapscript.js" charset="utf-8"> </script> <noscript> <img src="https://static.igem.wiki/teams/5247/charts-maps/map1-full.png" alt="" /> @@ -15,7 +15,7 @@ return( } -export function Map2(){ +/* export function Map2(){ const htmlFile = `<div style="min-height: 374px"> <script type="text/javascript" defer src="src/utils/mapscript.js" charset="utf-8"> </script> @@ -26,17 +26,15 @@ export function Map2(){ return( <div dangerouslySetInnerHTML={{ __html: htmlFile }} /> ) -} +} */ /* min-height: "374px" */ -import { renderDatawrapper } from './seclarations' +/* import { renderDatawrapper } from './seclarations' export function Map4(){ console.log("Map 4 startet") - /* window.addEventListener('DOMContentLoaded', () => { - renderDatawrapper(); - }); */ + renderDatawrapper(); return( <> @@ -51,7 +49,7 @@ import { renderDatawrapper } from './seclarations' <div className="container container-bodyCenter datawrapper-llngz-cca7ux"> <div slot="visBody" id="chart" className="dw-chart-body vis-height-fixed datawrapper-llngz-1omm849 svelte-9ysojt"> <div className="dw-chart-body-content svelte-9ysojt datawrapper-llngz-mbp9a6" aria-hidden="false"> - {/* hier funktioniert alles... */} + <div className="map-key export-rect map-key-mt"> <div className="color-legend continuous horizontal dir-ltr datawrapper-llngz-1j8h2cc datawrapper-llngz-1tjke6r datawrapper-llngz-zuu2r2" role="graphics-legend" aria-label="Continuous color legend, ranging from 0 to 2,542." style={{width: "170px", height: "auto"}}> <svg width="170.5" height="28.483322143554688"> @@ -97,8 +95,7 @@ import { renderDatawrapper } from './seclarations' </svg> </div> </div> - {/* ...bis hier */} - {/* MAP BEGIN */} + <div className="map-outer"> <canvas width="2235.34" height="1006" style={{width: "1117.67px", height: "503px"}}></canvas> <svg className="svg-main world-2019" style={{width: "100%", overflow: "hidden", position: "relative"}} width="1117.67" height="503"> @@ -109,7 +106,7 @@ import { renderDatawrapper } from './seclarations' </svg> <div className="annotations"></div> </div> - {/* MAP END */} + <div className="dw-tooltip" style={{maxHeight: "220px", overflowY: "auto"}}></div> </div> </div> @@ -127,3 +124,4 @@ import { renderDatawrapper } from './seclarations' } + */ \ No newline at end of file diff --git a/src/contents/Home.tsx b/src/contents/Home.tsx index fab7242d..604f6ab3 100644 --- a/src/contents/Home.tsx +++ b/src/contents/Home.tsx @@ -11,7 +11,7 @@ export function Home() { <hr/> <Map1/> <hr /> - Hello33 + Hello34 </div> </div> <div className="row"> -- GitLab