IO-2084 Add actualr epair start date.

client/src/components/job-detail-cards/job-detail-cards.dates.component.jsx

@@ -59,14 +59,18 @@ export default function JobDetailCardsDatesComponent({ loading, data }) {
               <DateTimeFormatter>{data.scheduled_in}</DateTimeFormatter>
             </Timeline.Item>
           ) : null}
-
           {data.actual_in ? (
             <Timeline.Item>
               <label>{t("jobs.fields.actual_in")}: </label>
               <DateTimeFormatter>{data.actual_in}</DateTimeFormatter>
             </Timeline.Item>
           ) : null}
-
+          {data.date_repairstarted ? (
+            <Timeline.Item>
+              <label>{t("jobs.fields.date_repairstarted")}: </label>
+              <DateTimeFormatter>{data.date_repairstarted}</DateTimeFormatter>
+            </Timeline.Item>
+          ) : null}
           {data.scheduled_completion ? (
             <Timeline.Item>
               <label>{t("jobs.fields.scheduled_completion")}: </label>

client/src/components/jobs-admin-dates/jobs-admin-dates.component.jsx

@@ -126,6 +126,9 @@ export function JobsAdminDatesChange({ insertAuditTrail, job }) {
           <Form.Item label={t("jobs.fields.actual_in")} name="actual_in">
             <DateTimePicker />
           </Form.Item>
+          <Form.Item label={t("jobs.fields.date_repairstarted")} name="date_repairstarted">
+            <DateTimePicker />
+          </Form.Item>
           <Form.Item
             label={t("jobs.fields.date_last_contacted")}
             name="date_last_contacted"

client/src/components/jobs-detail-dates/jobs-detail-dates.component.jsx

@@ -42,7 +42,10 @@ export function JobsDetailDatesComponent({ jobRO, job, bodyshop }) {
         <Form.Item label={t("jobs.fields.date_towin")} name="date_towin">
           <DateTimePicker disabled={jobRO} />
         </Form.Item>
-        <Form.Item label={t("jobs.fields.date_rentalresp")} name="date_rentalresp">
+        <Form.Item
+          label={t("jobs.fields.date_rentalresp")}
+          name="date_rentalresp"
+        >
           <DateTimePicker disabled={jobRO} />
         </Form.Item>
       </FormRow>
@@ -73,6 +76,12 @@ export function JobsDetailDatesComponent({ jobRO, job, bodyshop }) {
             title={t("jobs.labels.calc_repair_days")}
           />
         </Tooltip>
+        <Form.Item
+          label={t("jobs.fields.date_repairstarted")}
+          name="date_repairstarted"
+        >
+          <DateTimePicker disabled={jobRO} />
+        </Form.Item>
       </FormRow>
       <FormRow header={t("jobs.forms.repairdates")}>
         <Form.Item

client/src/components/production-list-columns/production-list-columns.data.js

@@ -534,6 +534,7 @@ const r = ({ technician, state, activeStatuses, bodyshop }) => {
         <JobPartsQueueCount parts={record.joblines_status} record={record} />
       ),
     },
+
     //Added as a place holder for St Claude. Not implemented as it requires another join for a field used by only 1 client.
     // {
     //   title: i18n.t("vehicles.fields.v_paint_codes", { number: "" }),
@@ -555,6 +556,29 @@ const r = ({ technician, state, activeStatuses, bodyshop }) => {
     //       </span>
     //     ) : null,
     // },
+    {
+      title: i18n.t("jobs.fields.date_repairstarted"),
+      dataIndex: "date_repairstarted",
+      key: "date_repairstarted",
+      ellipsis: true,
+      sorter: (a, b) => dateSort(a.date_repairstarted, b.date_repairstarted),
+      sortOrder:
+        state.sortedInfo.columnKey === "date_repairstarted" &&
+        state.sortedInfo.order,
+      render: (text, record) => (
+        <ProductionListDate record={record} field="date_repairstarted" time />
+      ),
+    },
+    {
+      title: i18n.t("jobs.fields.date_repairstarted") + " (HH:MM)",
+      dataIndex: "date_repairstarted_time",
+      key: "date_repairstarted_time",
+      ellipsis: true,
+
+      render: (text, record) => (
+        <TimeFormatter>{record.date_repairstarted}</TimeFormatter>
+      ),
+    },
   ];
 };
 export default r;