Added view intake and deliver checklists. IO-241

client/src/components/job-checklist/components/job-checklist-form/job-checklist-form.component.jsx

@@ -30,6 +30,7 @@ export function JobChecklistForm({
   currentUser,
   type,
   job,
+  readOnly = false,
 }) {
   const { t } = useTranslation();
   const [intakeJob] = useMutation(UPDATE_JOB);
@@ -63,6 +64,12 @@ export function JobChecklistForm({
           [(type === "intake" && "intakechecklist") ||
           (type === "deliver" && "deliverchecklist")]: {
             ...values,
+            formItems: formItems.map((fi) => {
+              return {
+                ...fi,
+                value: values[fi.name],
+              };
+            }),
             completed_by: currentUser.email,
             completed_at: new Date(),
           },
@@ -118,11 +125,17 @@ export function JobChecklistForm({
           removeFromProduction: true,
           actual_completion: job && job.actual_completion,
         }),
+        ...formItems
+          .filter((fi) => fi.value)
+          .reduce((acc, fi) => {
+            acc[fi.name] = fi.value;
+            return acc;
+          }, {}),
       }}
     >
       {t("checklist.labels.checklist")}
 
-      <ConfigFormComponents componentList={formItems} />
+      <ConfigFormComponents componentList={formItems} readOnly={readOnly} />
 
       {type === "intake" && (
         <div>
@@ -130,12 +143,14 @@ export function JobChecklistForm({
             name="addToProduction"
             valuePropName="checked"
             label={t("checklist.labels.addtoproduction")}
+            disabled={readOnly}
           >
             <Switch />
           </Form.Item>
           <Form.Item
             name="scheduled_completion"
             label={t("jobs.fields.scheduled_completion")}
+            disabled={readOnly}
             rules={[
               {
                 required: true,
@@ -148,6 +163,7 @@ export function JobChecklistForm({
           <Form.Item
             name="scheduled_delivery"
             label={t("jobs.fields.scheduled_delivery")}
+            disabled={readOnly}
           >
             <DateTimePicker />
           </Form.Item>
@@ -158,6 +174,7 @@ export function JobChecklistForm({
           <Form.Item
             name="actual_completion"
             label={t("jobs.fields.actual_completion")}
+            disabled={readOnly}
             rules={[
               {
                 required: true,
@@ -171,15 +188,17 @@ export function JobChecklistForm({
             name="removeFromProduction"
             valuePropName="checked"
             label={t("checklist.labels.removefromproduction")}
+            disabled={readOnly}
           >
             <Switch defaultChecked={true} />
           </Form.Item>
         </div>
       )}
-
-      <Button loading={loading} htmlType="submit">
-        {t("general.actions.submit")}
-      </Button>
+      {!readOnly && (
+        <Button loading={loading} htmlType="submit">
+          {t("general.actions.submit")}
+        </Button>
+      )}
     </Form>
   );
 }

client/src/components/jobs-detail-header-actions/jobs-detail-header-actions.component.jsx

@@ -105,6 +105,11 @@ export function JobsDetailHeaderActions({
           </Link>
         )}
       </Menu.Item>
+      <Menu.Item>
+        <Link to={`/manage/jobs/${job.id}/checklist`}>
+          {t("jobs.actions.viewchecklist")}
+        </Link>
+      </Menu.Item>
       <Menu.Item
         key="enterpayments"
         disabled={jobRO}

client/src/components/rbac-wrapper/rbac-defaults.js

@@ -23,6 +23,7 @@ const ret = {
   "jobs:close": 5,
   "jobs:detail": 1,
   "jobs:partsqueue": 4,
+  "jobs:checklist-view": 2,
 
   "bills:enter": 2,
   "bills:view": 2,

client/src/components/schedule-event/schedule-event.component.jsx

@@ -137,7 +137,6 @@ export function ScheduleEventComponent({
       </Space>
       <Space>
         <span>
-          {" "}
           {`${(event.job && event.job.v_model_yr) || ""} ${
             (event.job && event.job.v_make_desc) || ""
           } ${(event.job && event.job.v_model_desc) || ""}`}

client/src/components/shop-info/shop-info.rbac.component.jsx

@@ -260,6 +260,18 @@ export default function ShopInfoRbacComponent({ form }) {
         >
           <InputNumber />
         </Form.Item>
+        <Form.Item
+          label={t("bodyshop.fields.rbac.jobs.checklist-view")}
+          rules={[
+            {
+              required: true,
+              message: t("general.validation.required"),
+            },
+          ]}
+          name={["md_rbac", "jobs:checklist-view"]}
+        >
+          <InputNumber />
+        </Form.Item>
         <Form.Item
           label={t("bodyshop.fields.rbac.bills.enter")}
           rules={[