@maap-jupyterlab/dps-jupyter-extension
Version:
A JupyterLab extension for submitting and viewing jobs.
27 lines (26 loc) • 1.73 kB
JavaScript
import React from 'react';
import { useSelector } from 'react-redux';
import { selectJobs } from '../redux/slices/jobsSlice';
import { METRICS_JOBS_INFO } from '../templates/MetricsJobInfoTable';
export const MetricsJobInfoTable = () => {
// Redux
const { selectedJob } = useSelector(selectJobs);
return (React.createElement("table", { className: 'table' },
React.createElement("tbody", null, METRICS_JOBS_INFO.map((field) => {
{
switch (field.type) {
case "code": return React.createElement("tr", { key: field.header },
React.createElement("th", null, field.header),
selectedJob['jobInfo'][field.accessor] ? React.createElement("td", null,
React.createElement("code", null, selectedJob['jobInfo'][field.accessor])) : React.createElement("td", null, "-"));
case "url": return React.createElement("tr", { key: field.header },
React.createElement("th", null, field.header),
selectedJob['jobInfo'][field.accessor] ? React.createElement("td", null,
React.createElement("a", { href: selectedJob['jobInfo'][field.accessor] }, selectedJob['jobInfo'][field.accessor])) : React.createElement("td", null, "-"));
default: return React.createElement("tr", { key: field.header },
React.createElement("th", null, field.header),
selectedJob['jobInfo'][field.accessor] ? React.createElement("td", null, selectedJob['jobInfo'][field.accessor]) : React.createElement("td", null, "-"));
}
}
}))));
};