diff --git a/dashboard/client/src/pages/job/JobDetail.tsx b/dashboard/client/src/pages/job/JobDetail.tsx index b720b9c057de..892034937f10 100644 --- a/dashboard/client/src/pages/job/JobDetail.tsx +++ b/dashboard/client/src/pages/job/JobDetail.tsx @@ -11,6 +11,7 @@ import { TableRow, Tabs, } from "@material-ui/core"; +import dayjs from "dayjs"; import React from "react"; import { Link, RouteComponentProps } from "react-router-dom"; import ActorTable from "../../components/ActorTable"; @@ -140,6 +141,16 @@ const JobDetailPage = (props: RouteComponentProps<{ id: string }>) => { Driver Pid:{" "} {jobInfo.driverPid} + + StartTime:{" "} + {dayjs(Number(jobInfo.startTime)).format("YYYY/MM/DD HH:mm:ss")} + + + EndTime:{" "} + {jobInfo.endTime > 0 + ? dayjs(Number(jobInfo.endTime)).format("YYYY/MM/DD HH:mm:ss") + : "-"} + {jobInfo.eventUrl && ( Event Link:{" "} diff --git a/dashboard/client/src/pages/job/index.tsx b/dashboard/client/src/pages/job/index.tsx index e52af1ce5ec0..81be74b03e2f 100644 --- a/dashboard/client/src/pages/job/index.tsx +++ b/dashboard/client/src/pages/job/index.tsx @@ -24,7 +24,14 @@ const useStyles = makeStyles((theme) => ({ }, })); -const columns = ["ID", "DriverIpAddress", "DriverPid", "IsDead", "Timestamp"]; +const columns = [ + "ID", + "DriverIpAddress", + "DriverPid", + "IsDead", + "StartTime", + "EndTime", +]; const JobList = () => { const classes = useStyles(); @@ -98,7 +105,8 @@ const JobList = () => { driverIpAddress, isDead, driverPid, - timestamp, + startTime, + endTime, }) => ( @@ -110,7 +118,12 @@ const JobList = () => { {isDead ? "true" : "false"} - {dayjs(Number(timestamp)).format("YYYY/MM/DD HH:mm:ss")} + {dayjs(Number(startTime)).format("YYYY/MM/DD HH:mm:ss")} + + + {endTime > 0 + ? dayjs(Number(endTime)).format("YYYY/MM/DD HH:mm:ss") + : "-"} ), diff --git a/dashboard/client/src/type/job.d.ts b/dashboard/client/src/type/job.d.ts index c5ca4dce874c..ef9181dd2c92 100644 --- a/dashboard/client/src/type/job.d.ts +++ b/dashboard/client/src/type/job.d.ts @@ -9,6 +9,8 @@ export type Job = { driverEntry: string; state: string; timestamp: number; + startTime: number; + endTime: number; namespaceId: string; driverPid: number; driverIpAddress: string;