add report html input

src/routes/logs/+page.svelte

@@ -5,9 +5,8 @@
     let dict = {}
     onMount(async ()=>{
         for (const element of tabs) {
-            const res = await fetch("http://127.0.0.1:8000/log/"+element+".log");
-            //const data = await res.json();
-             res.text().then(function (text) {
+            const res = await fetch("http://127.0.0.1:8000/log/"+element+".log",{ cache: "no-cache" });
+             await res.text().then(function (text) {
                  let lineBreak = "\n";
                  text = text.split(lineBreak).reverse().join(lineBreak);
                  dict[element]= text;

src/routes/reports/+page.svelte

 <script>
     import {Container, Styles, TabContent, TabPane} from "@sveltestrap/sveltestrap";
+    import {onMount} from "svelte";
+
     let tabs = ["convergenceLoop","empennageSizing","engineSizing","fuselageDesign","landingGearDesign","propulsionIntegration","wingDesign"]
+    let dict = {}
+    onMount(async ()=>{
+        for (const element of tabs) {
+            const res = await fetch("http://127.0.0.1:8000/report/"+element+"_report.html",{ cache: "no-cache" });
+            await res.text().then(function (html) {
+                let parser = new DOMParser();
+                let doc = parser.parseFromString(html, "text/html");
+                let docBody = doc.querySelector('body').innerHTML;
+                dict[element]= docBody;
+            });
+        }
+    })
 </script>
 <TabContent vertical pills>
     {#each tabs as tab}
@@ -15,9 +29,7 @@
         {:else}
             <TabPane tabId={tab} tab={tab}>
                 <Container md>
-                    <p style="white-space: pre-line">
-                        <slot prop={tab} />
-                    </p>
+                    {@html dict[tab]}
                 </Container>
             </TabPane>
         {/if}