WIP Read Only for Jobs BOD-409

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

@@ -3,6 +3,7 @@ import React from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
+import { selectJobReadOnly } from "../../redux/application/application.selectors";
 import { selectBodyshop } from "../../redux/user/user.selectors";
 import FormDatePicker from "../form-date-picker/form-date-picker.component";
 import InputNumberCalculator from "../form-input-number-calculator/form-input-number-calculator.component";
@@ -13,7 +14,7 @@ import Car from "../job-damage-visual/job-damage-visual.component";
 import FormRow from "../layout-form-row/layout-form-row.component";
 
 const mapStateToProps = createStructuredSelector({
-  //currentUser: selectCurrentUser
+  jobRO: selectJobReadOnly,
   bodyshop: selectBodyshop,
 });
 const mapDispatchToProps = (dispatch) => ({
@@ -22,7 +23,7 @@ const mapDispatchToProps = (dispatch) => ({
 
 const lossColFields = { sm: { span: 24 }, md: { span: 18 }, lg: { span: 20 } };
 const lossColDamage = { sm: { span: 24 }, md: { span: 6 }, lg: { span: 4 } };
-export function JobsDetailGeneral({ bodyshop, job, form }) {
+export function JobsDetailGeneral({ bodyshop, jobRO, job, form }) {
   const { getFieldValue } = form;
   const { t } = useTranslation();
 
@@ -30,10 +31,10 @@ export function JobsDetailGeneral({ bodyshop, job, form }) {
     <div>
       <FormRow header={t("jobs.forms.claiminfo")}>
         <Form.Item label={t("jobs.fields.clm_no")} name="clm_no">
-          <Input />
+          <Input disabled={jobRO} />
         </Form.Item>
         <Form.Item label={t("jobs.fields.ded_status")} name="ded_status">
-          <Select>
+          <Select disabled={jobRO}>
             <Select.Option value="W">
               {t("jobs.labels.deductible.waived")}
             </Select.Option>
@@ -46,34 +47,34 @@ export function JobsDetailGeneral({ bodyshop, job, form }) {
           </Select>
         </Form.Item>
         <Form.Item label={t("jobs.fields.ded_amt")} name="ded_amt">
-          <CurrencyInput />
+          <CurrencyInput disabled={jobRO} />
         </Form.Item>
         <Form.Item label={t("jobs.fields.policy_no")} name="policy_no">
-          <Input />
+          <Input disabled={jobRO} />
         </Form.Item>
         <Form.Item label={t("jobs.fields.regie_number")} name="regie_number">
-          <Input />
+          <Input disabled={jobRO} />
         </Form.Item>
         <Form.Item label={t("jobs.fields.ins_co_id")} name="ins_co_id">
-          <Input />
+          <Input disabled={jobRO} />
         </Form.Item>
         <Form.Item label={t("jobs.fields.ins_co_nm")} name="ins_co_nm">
-          <Input />
+          <Input disabled={jobRO} />
         </Form.Item>
         <Form.Item label={t("jobs.fields.ins_addr1")} name="ins_addr1">
-          <Input />
+          <Input disabled={jobRO} />
         </Form.Item>
         <Form.Item label={t("jobs.fields.ins_city")} name="ins_city">
-          <Input />
+          <Input disabled={jobRO} />
         </Form.Item>
         <Form.Item label={t("jobs.fields.ins_ct_ln")} name="ins_ct_ln">
-          <Input />
+          <Input disabled={jobRO} />
         </Form.Item>
         <Form.Item label={t("jobs.fields.ins_ct_fn")} name="ins_ct_fn">
-          <Input />
+          <Input disabled={jobRO} />
         </Form.Item>
         <Form.Item label={t("jobs.fields.ins_ph1")} name="ins_ph1">
-          <FormItemPhone customInput={Input} />
+          <FormItemPhone customInput={Input} disabled={jobRO} />
         </Form.Item>
         <Form.Item
           label={t("jobs.fields.ins_ea")}
@@ -85,13 +86,13 @@ export function JobsDetailGeneral({ bodyshop, job, form }) {
             },
           ]}
         >
-          <FormItemEmail email={getFieldValue("ins_ea")} />
+          <FormItemEmail email={getFieldValue("ins_ea")} disabled={jobRO} />
         </Form.Item>
         <Form.Item
           label={t("jobs.fields.referralsource")}
           name="referral_source"
         >
-          <Select>
+          <Select disabled={jobRO}>
             {bodyshop.md_referral_sources.map((s) => (
               <Select.Option key={s} value={s}>
                 {s}
@@ -104,35 +105,35 @@ export function JobsDetailGeneral({ bodyshop, job, form }) {
         <Col {...lossColFields}>
           <FormRow header={t("jobs.forms.lossinfo")}>
             <Form.Item label={t("jobs.fields.loss_desc")} name="loss_desc">
-              <Input />
+              <Input disabled={jobRO} />
             </Form.Item>
             <Form.Item label={t("jobs.fields.loss_date")} name="loss_date">
-              <FormDatePicker />
+              <FormDatePicker disabled={jobRO} />
             </Form.Item>
             <Form.Item label={t("jobs.fields.kmin")} name="kmin">
-              <InputNumberCalculator precision={1} min={0} />
+              <InputNumberCalculator precision={1} min={0} disabled={jobRO} />
             </Form.Item>
             <Form.Item label={t("jobs.fields.kmout")} name="kmout">
-              <InputNumberCalculator precision={1} min={0} />
+              <InputNumberCalculator precision={1} min={0} disabled={jobRO} />
             </Form.Item>
             <Form.Item label={t("jobs.fields.ponumber")} name="po_number">
-              <Input />
+              <Input disabled={jobRO} />
             </Form.Item>
             <Form.Item label={t("jobs.fields.unitnumber")} name="unit_number">
-              <Input />
+              <Input disabled={jobRO} />
             </Form.Item>
             <Form.Item
               label={t("jobs.fields.specialcoveragepolicy")}
               valuePropName="checked"
               name="special_coverage_policy"
             >
-              <Switch />
+              <Switch disabled={jobRO} />
             </Form.Item>
             <Form.Item
               label={t("jobs.fields.tax_registration_number")}
               name="tax_registration_number"
             >
-              <Input />
+              <Input disabled={jobRO} />
             </Form.Item>
           </FormRow>
         </Col>
@@ -150,16 +151,16 @@ export function JobsDetailGeneral({ bodyshop, job, form }) {
 
       <FormRow header={t("jobs.forms.appraiserinfo")}>
         <Form.Item label={t("jobs.fields.est_co_nm")} name="est_co_nm">
-          <Input />
+          <Input disabled={jobRO} />
         </Form.Item>
         <Form.Item label={t("jobs.fields.est_ct_fn")} name="est_ct_fn">
-          <Input />
+          <Input disabled={jobRO} />
         </Form.Item>
         <Form.Item label={t("jobs.fields.est_ct_ln")} name="est_ct_ln">
-          <Input />
+          <Input disabled={jobRO} />
         </Form.Item>
         <Form.Item label={t("jobs.fields.est_ph1")} name="est_ph1">
-          <Input />
+          <Input disabled={jobRO} />
         </Form.Item>
         <Form.Item
           label={t("jobs.fields.est_ea")}
@@ -171,16 +172,16 @@ export function JobsDetailGeneral({ bodyshop, job, form }) {
             },
           ]}
         >
-          <FormItemEmail email={getFieldValue("est_ea")} />
+          <FormItemEmail email={getFieldValue("est_ea")} disabled={jobRO} />
         </Form.Item>
       </FormRow>
       <FormRow header={t("jobs.forms.other")}>
         <Form.Item label={t("jobs.fields.csr")} name="csr">
-          <Input />
+          <Input disabled={jobRO} />
         </Form.Item>
 
         <Form.Item label={t("jobs.fields.category")} name="category">
-          <Select>
+          <Select disabled={jobRO}>
             {bodyshop.md_categories.map((s) => (
               <Select.Option key={s} value={s}>
                 {s}
@@ -193,25 +194,25 @@ export function JobsDetailGeneral({ bodyshop, job, form }) {
           label={t("jobs.fields.selling_dealer")}
           name="selling_dealer"
         >
-          <Input />
+          <Input disabled={jobRO} />
         </Form.Item>
         <Form.Item
           label={t("jobs.fields.servicing_dealer")}
           name="servicing_dealer"
         >
-          <Input />
+          <Input disabled={jobRO} />
         </Form.Item>
         <Form.Item
           label={t("jobs.fields.selling_dealer_contact")}
           name="selling_dealer_contact"
         >
-          <Input />
+          <Input disabled={jobRO} />
         </Form.Item>
         <Form.Item
           label={t("jobs.fields.servicing_dealer_contact")}
           name="servicing_dealer_contact"
         >
-          <Input />
+          <Input disabled={jobRO} />
         </Form.Item>
       </FormRow>
     </div>