Add morning and evening broadcast forecasts

web/src/pages/lvgmc-forecast/LvgmcForecast.tsx

@@ -1,9 +1,11 @@
-import { Component } from 'solid-js'
+import { Component, createEffect, createSignal, Setter } from 'solid-js'
 
 import dayBgMap from '../../assets/map_3840x1440_wind.webp'
 import nightBgMap from '../../assets/map_night_3840x1440_wind.webp'
 import { CsvMapData } from './CsvMapData'
 import { Table } from '../../components/table/Table'
+import { apiHost } from '../../consts'
+import { fetchText } from '../../helpers/fetch'
 
 //  Eiropa_LTV_pilsetas_nakama_dn.csv
 //  Eiropa_LTV_pilsetas_tekosa_dn.csv
@@ -12,24 +14,44 @@ import { Table } from '../../components/table/Table'
 //  Latvija_faktiskais_laiks.csv
 
 export const LvgmcForecast: Component<{}> = () => {
-    return <>
-        <Table
-            csvUrl='Latvija_LTV_pilsetas_nakama_dnn.csv'
-        />
-        <Table
-            csvUrl='Latvija_LTV_pilsetas_tekosa_dn.csv'
-        />
+    const [getEveningLines, setEveningLines] = createSignal<string[]>([])
+    const [getMorningLines, setMorningLines] = createSignal<string[]>([])
 
-        <p>Night</p>
+    const urlsAndSignals: [string, Setter<string[]>][] = [
+        ['Latvija_LTV_pilsetas_nakama_dnn.csv', setEveningLines],
+        ['Latvija_LTV_pilsetas_tekosa_dn.csv', setMorningLines],
+    ]
+    urlsAndSignals.forEach(([csvUrl, setLines]) =>
+        fetchText(`${apiHost}/api/show/lvgmc-forecast/${csvUrl}`)
+            .then(csv => setLines(csv.split('\n')))
+            .catch(console.warn)
+    )
+
+    createEffect(() => {
+        console.log(getMorningLines())
+    })
+    
+
+    return <>
+        <p>Vakara ēters</p>
         <CsvMapData
-            csvUrl='Latvija_LTV_pilsetas_nakama_dnn.csv'
+            getCityLines={() => getEveningLines().slice(4, 22)}
+            getWindLine={() => getEveningLines()[26]}
             bgImgUrl={nightBgMap}
         />
-
-        <p>Day</p>
         <CsvMapData
-            csvUrl='Latvija_LTV_pilsetas_tekosa_dn.csv'
+            getCityLines={() => getEveningLines().slice(31, 49)}
+            getWindLine={() => getEveningLines()[57]}
             bgImgUrl={dayBgMap}
         />
+        <Table getCsvLines={() => getEveningLines()} />
+
+        <p>Rīta ēters</p>
+        <CsvMapData
+            getCityLines={() => getMorningLines().slice(4, 22)}
+            getWindLine={() => getMorningLines()[23]}
+            bgImgUrl={dayBgMap}
+        />
+        <Table getCsvLines={() => getMorningLines()} />
     </>
 }