IO-1428 IO-1338 Add ownr_ph2.

client/src/components/global-search/global-search.component.jsx

@@ -69,6 +69,9 @@ export default function GlobalSearch() {
                     <PhoneNumberFormatter>
                       {owner.ownr_ph1}
                     </PhoneNumberFormatter>
+                    <PhoneNumberFormatter>
+                      {owner.ownr_ph2}
+                    </PhoneNumberFormatter>
                   </Space>
                 </Link>
               ),

client/src/components/job-at-change/schedule-event.component.jsx

@@ -106,6 +106,12 @@ export function ScheduleEventComponent({
               jobid={event.job.id}
             />
           </DataLabel>
+          <DataLabel label={t("jobs.fields.ownr_ph2")}>
+            <ChatOpenButton
+              phone={event.job && event.job.ownr_ph2}
+              jobid={event.job.id}
+            />
+          </DataLabel>
           <DataLabel label={t("jobs.fields.alt_transport")}>
             {(event.job && event.job.alt_transport) || ""}
             <ScheduleAtChange job={event && event.job} />

client/src/components/jobs-create-owner-info/jobs-create-owner-info.new.component.jsx

@@ -129,6 +129,19 @@ export default function JobsCreateOwnerInfoNewComponent() {
         >
           <FormItemPhone disabled={!state.owner.new} />
         </Form.Item>
+        <Form.Item
+          label={t("owners.fields.ownr_ph2")}
+          name={["owner", "data", "ownr_ph2"]}
+          rules={[
+            ({ getFieldValue }) =>
+              PhoneItemFormatterValidation(
+                getFieldValue,
+                "owner.data.ownr_ph2"
+              ),
+          ]}
+        >
+          <FormItemPhone disabled={!state.owner.new} />
+        </Form.Item>
       </LayoutFormRow>
       <LayoutFormRow grow>
         <Form.Item

client/src/components/jobs-create-owner-info/jobs-create-owner-info.search.component.jsx

@@ -84,6 +84,18 @@ export default function JobsCreateOwnerInfoSearchComponent({
         tableState.sortedInfo.columnKey === "ownr_ph1" &&
         tableState.sortedInfo.order,
     },
+    {
+      title: t("owners.fields.ownr_ph2"),
+      dataIndex: "ownr_ph2",
+      key: "ownr_ph2",
+      render: (text, record) => (
+        <PhoneFormatter>{record.ownr_ph2}</PhoneFormatter>
+      ),
+      sorter: (a, b) => alphaSort(a.ownr_ph2, b.ownr_ph2),
+      sortOrder:
+        tableState.sortedInfo.columnKey === "ownr_ph2" &&
+        tableState.sortedInfo.order,
+    },
   ];
 
   const handleTableChange = (pagination, filters, sorter) => {

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

@@ -141,6 +141,9 @@ export function JobsDetailHeader({ job, bodyshop, disabled }) {
             <DataLabel key="2" label={t("jobs.fields.ownr_ph1")}>
               <ChatOpenButton phone={job.ownr_ph1} jobid={job.id} />
             </DataLabel>
+            <DataLabel key="22" label={t("jobs.fields.ownr_ph2")}>
+              <ChatOpenButton phone={job.ownr_ph2} jobid={job.id} />
+            </DataLabel>
             <DataLabel key="3" label={t("owners.fields.address")}>
               {`${job.ownr_addr1 || ""} ${job.ownr_addr2 || ""} ${
                 job.ownr_city || ""

client/src/components/jobs-find-modal/jobs-find-modal.component.jsx

@@ -69,6 +69,20 @@ export default function JobsFindModalComponent({
         );
       },
     },
+    {
+      title: t("jobs.fields.ownr_ph2"),
+      dataIndex: "ownr_ph2",
+      key: "ownr_ph2",
+      width: "12%",
+      ellipsis: true,
+      render: (text, record) => {
+        return record.ownr_ph2 ? (
+          <PhoneFormatter>{record.ownr_ph2}</PhoneFormatter>
+        ) : (
+          t("general.labels.unknown")
+        );
+      },
+    },
     {
       title: t("jobs.fields.status"),
       dataIndex: "status",

client/src/components/jobs-list-paginated/jobs-list-paginated.component.jsx

@@ -73,6 +73,16 @@ export function JobsList({ bodyshop, refetch, loading, jobs, total }) {
         <StartChatButton phone={record.ownr_ph1} jobid={record.id} />
       ),
     },
+    {
+      title: t("jobs.fields.ownr_ph2"),
+      dataIndex: "ownr_ph2",
+      key: "ownr_ph2",
+      width: "12%",
+      ellipsis: true,
+      render: (text, record) => (
+        <StartChatButton phone={record.ownr_ph2} jobid={record.id} />
+      ),
+    },
     {
       title: t("jobs.fields.status"),
       dataIndex: "status",

client/src/components/jobs-list/jobs-list.component.jsx

@@ -145,6 +145,16 @@ export function JobsList({ bodyshop }) {
         <ChatOpenButton phone={record.ownr_ph1} jobid={record.id} />
       ),
     },
+    {
+      title: t("jobs.fields.ownr_ph2"),
+      dataIndex: "ownr_ph2",
+      key: "ownr_ph2",
+      ellipsis: true,
+      responsive: ["md"],
+      render: (text, record) => (
+        <ChatOpenButton phone={record.ownr_ph2} jobid={record.id} />
+      ),
+    },
 
     {
       title: t("jobs.fields.status"),

client/src/components/owner-detail-form/owner-detail-form.component.jsx

@@ -81,6 +81,16 @@ export default function OwnerDetailFormComponent({ form, loading }) {
         >
           <FormItemPhone />
         </Form.Item>
+        <Form.Item
+          label={t("owners.fields.ownr_ph2")}
+          name="ownr_ph2"
+          rules={[
+            ({ getFieldValue }) =>
+              PhoneItemFormatterValidation(getFieldValue, "ownr_ph2"),
+          ]}
+        >
+          <FormItemPhone />
+        </Form.Item>
         <Form.Item
           label={t("owners.fields.preferred_contact")}
           name="preferred_contact"

client/src/components/owner-find-modal/owner-find-modal.component.jsx

@@ -51,6 +51,14 @@ export default function OwnerFindModalComponent({
         <PhoneFormatter>{record.ownr_ph1}</PhoneFormatter>
       ),
     },
+    {
+      title: t("owners.fields.ownr_ph2"),
+      dataIndex: "ownr_ph2",
+      key: "ownr_ph2",
+      render: (text, record) => (
+        <PhoneFormatter>{record.ownr_ph2}</PhoneFormatter>
+      ),
+    },
   ];
 
   const handleOnRowClick = (record) => {

client/src/components/owner-tag-popover/owner-tag-popover.component.jsx

@@ -16,6 +16,9 @@ export default function OwnerTagPopoverComponent({ job }) {
             <Descriptions.Item key="2" label={t("jobs.fields.ownr_ph1")}>
               <PhoneFormatter>{job.ownr_ph1 || ""}</PhoneFormatter>
             </Descriptions.Item>
+            <Descriptions.Item key="22" label={t("jobs.fields.ownr_ph2")}>
+              <PhoneFormatter>{job.ownr_ph2 || ""}</PhoneFormatter>
+            </Descriptions.Item>
             <Descriptions.Item key="3" label={t("owners.fields.address")}>
               {`${job.ownr_addr1 || ""} ${job.ownr_addr2 || ""} ${
                 job.ownr_city || ""
@@ -36,6 +39,12 @@ export default function OwnerTagPopoverComponent({ job }) {
             <Descriptions.Item key="2" label={t("jobs.fields.ownr_ph1")}>
               <PhoneFormatter>{job.owner.ownr_ph1 || ""}</PhoneFormatter>
             </Descriptions.Item>
+            <Descriptions.Item key="22" label={t("jobs.fields.ownr_ph2")}>
+              <PhoneFormatter>{job.owner.ownr_ph2 || ""}</PhoneFormatter>
+            </Descriptions.Item>
+            <Descriptions.Item key="2" label={t("jobs.fields.ownr_ph2")}>
+              <PhoneFormatter>{job.owner.ownr_ph2 || ""}</PhoneFormatter>
+            </Descriptions.Item>
             <Descriptions.Item key="3" label={t("owners.fields.address")}>
               {`${job.owner.ownr_addr1 || ""} ${job.owner.ownr_addr2 || ""} ${
                 job.owner.ownr_city || ""

client/src/components/owners-list/owners-list.component.jsx

@@ -47,6 +47,14 @@ export default function OwnersListComponent({
         return <PhoneFormatter>{record.ownr_ph1}</PhoneFormatter>;
       },
     },
+    {
+      title: t("owners.fields.ownr_ph2"),
+      dataIndex: "ownr_ph2",
+      key: "ownr_ph2",
+      render: (text, record) => {
+        return <PhoneFormatter>{record.ownr_ph2}</PhoneFormatter>;
+      },
+    },
     {
       title: t("owners.fields.ownr_ea"),
       dataIndex: "ownr_ea",

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

@@ -174,6 +174,15 @@ const r = ({ technician, state }) => {
         <PhoneFormatter>{record.ownr_ph1}</PhoneFormatter>
       ),
     },
+    {
+      title: i18n.t("jobs.fields.ownr_ph2"),
+      dataIndex: "ownr_ph2",
+      key: "ownr_ph2",
+      ellipsis: true,
+      render: (text, record) => (
+        <PhoneFormatter>{record.ownr_ph2}</PhoneFormatter>
+      ),
+    },
     {
       title: i18n.t("jobs.fields.specialcoveragepolicy"),
       dataIndex: "special_coverage_policy",

client/src/components/production-list-detail/production-list-detail.component.jsx

@@ -77,6 +77,10 @@ export default function ProductionListDetail({ jobs }) {
                 phone={data.jobs_by_pk.ownr_ph1}
                 jobid={data.jobs_by_pk.id}
               />
+              <StartChatButton
+                phone={data.jobs_by_pk.ownr_ph2}
+                jobid={data.jobs_by_pk.id}
+              />
             </Descriptions.Item>
             <Descriptions.Item label={t("jobs.fields.vehicle")}>
               {`${theJob.v_model_yr || ""} ${theJob.v_color || ""} ${