Adds friendly schedule, "paused" columns for job description in list (#…

…138)

* Adds friendly schedule column

* Adds friendly status column

src/components/job-definition-row.tsx

@@ -1,12 +1,15 @@
 import React from 'react';
 
+import cronstrue from 'cronstrue';
+
 import { JupyterFrontEnd } from '@jupyterlab/application';
 import { PathExt } from '@jupyterlab/coreutils';
 
 import TableRow from '@mui/material/TableRow';
 import TableCell from '@mui/material/TableCell';
 
 import { Scheduler } from '../handler';
+import { useTranslator } from '../hooks';
 
 function CreatedAt(props: {
   job: Scheduler.IDescribeJobDefinition;
@@ -21,18 +24,32 @@ function CreatedAt(props: {
   return <>{create_display_date}</>;
 }
 
+function ScheduleSummary(props: {
+  schedule: string | undefined;
+}): JSX.Element | null {
+  if (props.schedule === undefined) {
+    return null;
+  }
+
+  return <>{cronstrue.toString(props.schedule)}</>;
+}
+
 export function buildJobDefinitionRow(
   jobDef: Scheduler.IDescribeJobDefinition,
   app: JupyterFrontEnd,
   openJobDefinitionDetail: (jobDefId: string) => unknown
 ): JSX.Element {
+  const trans = useTranslator('jupyterlab');
+
   const cellContents: React.ReactNode[] = [
     // name
     <a onClick={() => openJobDefinitionDetail(jobDef.job_definition_id)}>
       {jobDef.name}
     </a>,
     PathExt.basename(jobDef.input_uri),
-    <CreatedAt job={jobDef} />
+    <CreatedAt job={jobDef} />,
+    <ScheduleSummary schedule={jobDef.schedule} />,
+    <>{jobDef.active ? trans.__('Active') : trans.__('Paused')}</>
   ];
 
   return (

src/mainviews/list-jobs.tsx

@@ -183,6 +183,14 @@ function ListJobDefinitionsTable(props: ListJobDefinitionsTableProps) {
     {
       sortField: 'create_time',
       name: trans.__('Created at')
+    },
+    {
+      sortField: null,
+      name: trans.__('Schedule')
+    },
+    {
+      sortField: null,
+      name: trans.__('Status')
     }
   ];