Newer
Older
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
import React, { useContext } from "react";
import { Table, Alert, Form, Button } from "react-bootstrap";
import { QueryContext } from "../../../contexts/QueryContext";
import LoadingSpinner from "../../LoadingSpinner";
import Paginate from "../../Paginate";
import AddToBasket from "../../basket/AddToBasketCheckBox";
import Preview from "../../query/Preview";
export default function SDCKISResults({ catalog }) {
const context = useContext(QueryContext);
const { queryMap, page, setPage } = context;
const regex = /(<([^>]+)>)/ig;
if (!context.queryMap) return null;
if (context.queryMap.get(catalog).status === "fetched") {
if (context.queryMap.get(catalog).results.results.length === 0)
return <Alert variant="warning">No matching results found! Data Availability: GRIS@GREGOR (2014 - 2021), LARS@VTT (2016 - 2018), ChroTel (2012 - 2020)
</Alert>;
else if (catalog === "sdc_kis") {
const numPages = queryMap.get(catalog).results.pages;
const sdckisResults = queryMap.get("sdc_kis").results.results.map((hits) => (
<>
<tr>
<td>{hits.date}</td>
<td>{hits.time_begin}</td>
<td>{hits.time_end}</td>
<td>{hits.target}</td>
<td>{hits.wave_min} - {hits.wave_max}</td>
<td>{hits.theta}° (μ = {hits.mu})</td>
<td>
<a
href={hits.link}
target="_blank"
rel="external"
>
Link
</a>
</td>
<td>
<a
href={hits.helio}
target="_blank"
rel="external"
>
Link
</a>
</td>
</tr>
</>
));
return (
<>
<Table className="mt-3" responsive>
<thead>
<tr className="bg-light">
<td>Date</td>
<td>Start time (UTC)</td>
<td>End time (UTC)</td>
<td>Target</td>
<td>Wavelength range (nm)</td>
<td>Heliocentric angle (θ)</td>
<td>Observation details</td>
<td>Helioviewer</td>
</tr>
</thead>
<tbody>
{sdckisResults}
</tbody>
</Table>
</>
);
}
}
else {
return <LoadingSpinner />;
}
}