Removed whiteboard from front page. Added dates fields. Added rates fields. Started refactoring lines page.

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

@@ -0,0 +1,90 @@
+import { DatePicker, Form } from "antd";
+import moment from "moment";
+import React, { useContext } from "react";
+import { useTranslation } from "react-i18next";
+import JobDetailFormContext from "../../pages/jobs-detail/jobs-detail.page.context";
+
+export default function JobsDetailDatesComponent({ job }) {
+  const form = useContext(JobDetailFormContext);
+  const { getFieldDecorator } = form;
+  const { t } = useTranslation();
+
+  return (
+    <div>
+      <Form.Item label={t("jobs.fields.loss_date")}>
+        {getFieldDecorator("loss_date", {
+          initialValue: job.loss_date ? moment(job.loss_date) : null
+        })(<DatePicker name="loss_date" />)}
+      </Form.Item>
+      DAMAGE {JSON.stringify(job.area_of_damage)}
+      CAA # seems not correct based on field mapping Class seems not correct
+      based on field mapping
+      <Form.Item label={t("jobs.fields.date_estimated")}>
+        {getFieldDecorator("date_estimated", {
+          initialValue: job.date_estimated ? moment(job.date_estimated) : null
+        })(<DatePicker name="date_estimated" />)}
+      </Form.Item>
+      <Form.Item label={t("jobs.fields.date_open")}>
+        {getFieldDecorator("date_open", {
+          initialValue: job.date_open ? moment(job.date_open) : null
+        })(<DatePicker name="date_open" />)}
+      </Form.Item>
+      <Form.Item label={t("jobs.fields.date_scheduled")}>
+        {getFieldDecorator("date_scheduled", {
+          initialValue: job.date_scheduled ? moment(job.date_scheduled) : null
+        })(<DatePicker name="date_scheduled" />)}
+      </Form.Item>
+      <Form.Item label={t("jobs.fields.scheduled_in")}>
+        {getFieldDecorator("scheduled_in", {
+          initialValue: job.scheduled_in ? moment(job.scheduled_in) : null
+        })(<DatePicker name="scheduled_in" />)}
+      </Form.Item>
+      <Form.Item label={t("jobs.fields.actual_in")}>
+        {getFieldDecorator("actual_in", {
+          initialValue: job.actual_in ? moment(job.actual_in) : null
+        })(<DatePicker name="actual_in" />)}
+      </Form.Item>
+      <Form.Item label={t("jobs.fields.scheduled_completion")}>
+        {getFieldDecorator("scheduled_completion", {
+          initialValue: job.scheduled_completion
+            ? moment(job.scheduled_completion)
+            : null
+        })(<DatePicker name="scheduled_completion" />)}
+      </Form.Item>
+      <Form.Item label={t("jobs.fields.actual_completion")}>
+        {getFieldDecorator("actual_completion", {
+          initialValue: job.actual_completion
+            ? moment(job.actual_completion)
+            : null
+        })(<DatePicker name="actual_completion" />)}
+      </Form.Item>
+      <Form.Item label={t("jobs.fields.scheduled_delivery")}>
+        {getFieldDecorator("scheduled_delivery", {
+          initialValue: job.scheduled_delivery
+            ? moment(job.scheduled_delivery)
+            : null
+        })(<DatePicker name="scheduled_delivery" />)}
+      </Form.Item>
+      <Form.Item label={t("jobs.fields.actual_delivery")}>
+        {getFieldDecorator("actual_delivery", {
+          initialValue: job.actual_delivery ? moment(job.actual_delivery) : null
+        })(<DatePicker name="actual_delivery" />)}
+      </Form.Item>
+      <Form.Item label={t("jobs.fields.date_invoiced")}>
+        {getFieldDecorator("date_invoiced", {
+          initialValue: job.date_invoiced ? moment(job.date_invoiced) : null
+        })(<DatePicker name="date_invoiced" />)}
+      </Form.Item>
+      <Form.Item label={t("jobs.fields.date_closed")}>
+        {getFieldDecorator("date_closed", {
+          initialValue: job.date_closed ? moment(job.date_closed) : null
+        })(<DatePicker name="date_closed" />)}
+      </Form.Item>
+      <Form.Item label={t("jobs.fields.date_exported")}>
+        {getFieldDecorator("date_exported", {
+          initialValue: job.date_exported ? moment(job.date_exported) : null
+        })(<DatePicker name="date_exported" />)}
+      </Form.Item>
+    </div>
+  );
+}