31 lines
924 B
TypeScript
31 lines
924 B
TypeScript
|
import { Component, createSignal } from 'solid-js'
|
||
|
|
import { apiHost } from '../consts'
|
||
|
|
|
||
|
|
import styles from './harmonie.module.css'
|
||
|
|
import { GribFile } from './GribFile'
|
||
|
|
|
||
|
|
export const Harmonie: Component<{}> = () => {
|
||
|
|
const [getFileList, setFileList] = createSignal<string[]>([])
|
||
|
|
const [getActiveGrib, setActiveGrib] = createSignal('')
|
||
|
|
|
||
|
|
fetch(`${apiHost}/api/show/grib-list`)
|
||
|
|
.then(re => re.json())
|
||
|
|
.then(fileList => {
|
||
|
|
fileList.sort((a: string, b: string) => a < b ? 1 : -1)
|
||
|
|
setFileList(fileList)
|
||
|
|
})
|
||
|
|
|
||
|
|
return <div>
|
||
|
|
Harmonie
|
||
|
|
<ul class={styles.fileList}>
|
||
|
|
{getFileList().map(fileName =>
|
||
|
|
<GribFile
|
||
|
|
name={fileName}
|
||
|
|
isActive={() => getActiveGrib() === fileName}
|
||
|
|
onClick={() => setActiveGrib(fileName)}
|
||
|
|
/>
|
||
|
|
)}
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
}
|