IO-3255 Clean up front end components for pm.

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

@@ -0,0 +1,73 @@
+import { AlertOutlined, BulbOutlined } from "@ant-design/icons";
+import { Button, Layout, Space } from "antd";
+import { useEffect } from "react";
+import { useTranslation } from "react-i18next";
+import { connect } from "react-redux";
+import { Link } from "react-router-dom";
+import { createStructuredSelector } from "reselect";
+import WssStatusDisplayComponent from "../../components/wss-status-display/wss-status-display.component.jsx";
+import { addAlerts } from "../../redux/application/application.actions.js";
+import { selectAlerts } from "../../redux/application/application.selectors.js";
+import { selectBodyshop, selectInstanceConflict } from "../../redux/user/user.selectors";
+import InstanceRenderManager from "../../utils/instanceRenderMgr.js";
+const { Footer } = Layout;
+
+const mapStateToProps = createStructuredSelector({
+  conflict: selectInstanceConflict,
+  bodyshop: selectBodyshop,
+  alerts: selectAlerts
+});
+
+const mapDispatchToProps = (dispatch) => ({
+  setAlerts: (alerts) => dispatch(addAlerts(alerts))
+});
+
+export function GlobalFooter() {
+  const { t } = useTranslation();
+
+  useEffect(() => {
+    window.Canny("initChangelog", {
+      appID: "680bd2c7ee501290377f6686",
+      position: "top",
+      align: "left",
+      theme: "light" // options: light [default], dark, auto
+    });
+  }, []);
+
+  return (
+    <Footer>
+      <div
+        style={{
+          display: "flex",
+          flexDirection: "column",
+          justifyContent: "center",
+          alignItems: "center",
+          margin: "1rem 0rem"
+        }}
+      >
+        <Link to="/manage/feature-request">
+          <Button icon={<BulbOutlined />} type="text">
+            {t("general.labels.feature-request")}
+          </Button>
+        </Link>
+        <Space>
+          <WssStatusDisplayComponent />
+          <div>
+            {`${InstanceRenderManager({
+              imex: t("titles.imexonline"),
+              rome: t("titles.romeonline")
+            })} - ${import.meta.env.VITE_APP_GIT_SHA_DATE}`}
+          </div>
+          <Button icon={<AlertOutlined />} data-canny-changelog type="text">
+            {t("general.labels.changelog")}
+          </Button>
+        </Space>
+        <Link to="/disclaimer" target="_blank" style={{ color: "#ccc" }}>
+          Disclaimer & Notices
+        </Link>
+      </div>
+    </Footer>
+  );
+}
+
+export default connect(mapStateToProps, mapDispatchToProps)(GlobalFooter);

client/src/components/job-detail-lines/job-lines.component.jsx

@@ -12,7 +12,7 @@ import { PageHeader } from "@ant-design/pro-layout";
 import { useMutation } from "@apollo/client";
 import { Button, Dropdown, Input, Space, Table, Tag } from "antd";
 import axios from "axios";
-import React, { useState } from "react";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
@@ -32,7 +32,7 @@ import JobLinesBillRefernece from "../job-lines-bill-reference/job-lines-bill-re
 import { useSplitTreatments } from "@splitsoftware/splitio-react";
 import _ from "lodash";
 import { FaTasks } from "react-icons/fa";
-import { selectBodyshop } from "../../redux/user/user.selectors";
+import { selectBodyshop, selectPartsManagementOnly } from "../../redux/user/user.selectors";
 import dayjs from "../../utils/day";
 import InstanceRenderManager from "../../utils/instanceRenderMgr";
 import { HasFeatureAccess } from "../feature-wrapper/feature-wrapper.component";
@@ -45,11 +45,13 @@ import PartsOrderDrawer from "../parts-order-list-table/parts-order-list-table-d
 import PartsOrderModalContainer from "../parts-order-modal/parts-order-modal.container";
 import JobLinesExpander from "./job-lines-expander.component";
 import JobLinesPartPriceChange from "./job-lines-part-price-change.component";
+import JobLinesExpanderSimple from "./jobs-lines-expander-simple.component";
 
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop,
   jobRO: selectJobReadOnly,
-  technician: selectTechnician
+  technician: selectTechnician,
+  partsManagementOnly: selectPartsManagementOnly
 });
 
 const mapDispatchToProps = (dispatch) => ({
@@ -79,7 +81,7 @@ export function JobLinesComponent({
   handleBillOnRowClick,
   handlePartsOrderOnRowClick,
   handlePartsDispatchOnRowClick,
-  simple
+  partsManagementOnly
 }) {
   const [deleteJobLine] = useMutation(DELETE_JOB_LINE_BY_PK);
   const {
@@ -93,7 +95,13 @@ export function JobLinesComponent({
   const [selectedLines, setSelectedLines] = useState([]);
   const [state, setState] = useState({
     sortedInfo: {},
-    filteredInfo: {}
+    filteredInfo: {
+      ...(partsManagementOnly
+        ? {
+            part_type: ["PAN", "PAC", "PAR", "PAL", "PAA", "PAM", "PAP", "PAS", "PASL", "PAG"]
+          }
+        : {})
+    }
   });
   const { t } = useTranslation();
   const jobIsPrivate = bodyshop.md_ins_cos.find((c) => c.name === job.ins_co_nm)?.private;
@@ -221,7 +229,7 @@ export function JobLinesComponent({
       sorter: (a, b) => a.part_qty - b.part_qty,
       sortOrder: state.sortedInfo.columnKey === "part_qty" && state.sortedInfo.order
     },
-    ...(!simple
+    ...(!partsManagementOnly
       ? [
           {
             title: t("joblines.fields.mod_lbr_ty"),
@@ -273,7 +281,7 @@ export function JobLinesComponent({
       key: "location",
       render: (text, record) => <JobLineLocationPopup jobline={record} disabled={jobRO} />
     },
-    ...(!simple && HasFeatureAccess({ featureName: "bills", bodyshop })
+    ...(!partsManagementOnly && HasFeatureAccess({ featureName: "bills", bodyshop })
       ? [
           {
             title: t("joblines.labels.billref"),
@@ -307,6 +315,8 @@ export function JobLinesComponent({
       onFilter: (value, record) => value.includes(record.status),
       render: (text, record) => <JobLineStatusPopup jobline={record} disabled={jobRO} />
     },
+    ...!partsManagementOnly
+      ? [
           {
             title: t("general.labels.actions"),
             dataIndex: "actions",
@@ -371,6 +381,8 @@ export function JobLinesComponent({
               </Space>
             )
           }
+        ]
+      : []
   ];
 
   const handleTableChange = (pagination, filters, sorter) => {
@@ -543,6 +555,7 @@ export function JobLinesComponent({
             <Dropdown menu={markMenu} trigger={["click"]}>
               <Button id="repair-data-mark-button">{t("jobs.actions.mark")}</Button>
             </Dropdown>
+            {!partsManagementOnly && (
               <Button
                 disabled={jobRO || technician}
                 onClick={() => {
@@ -554,6 +567,7 @@ export function JobLinesComponent({
               >
                 {t("joblines.actions.new")}
               </Button>
+            )}
             {InstanceRenderManager({ rome: <JobSendPartPriceChangeComponent job={job} disabled={technician} /> })}
             <JobCreateIOU job={job} selectedJobLines={selectedLines} />
             <Input.Search
@@ -577,7 +591,12 @@ export function JobLinesComponent({
           x: true
         }}
         expandable={{
-          expandedRowRender: (record) => <JobLinesExpander jobline={record} jobid={job.id} />,
+          expandedRowRender: (record) =>
+            partsManagementOnly ? (
+              <JobLinesExpanderSimple jobline={record} jobid={job.id} />
+            ) : (
+              <JobLinesExpander jobline={record} jobid={job.id} />
+            ),
           rowExpandable: (record) => true,
           //expandRowByClick: true,
           expandIcon: ({ expanded, onExpand, record }) =>

client/src/components/job-detail-lines/jobs-lines-expander-simple.component.jsx

@@ -0,0 +1,83 @@
+import { useQuery } from "@apollo/client";
+import { Col, Row, Skeleton, Timeline, Typography } from "antd";
+import { useTranslation } from "react-i18next";
+import { connect } from "react-redux";
+import { Link } from "react-router-dom";
+import { createStructuredSelector } from "reselect";
+import { GET_JOB_LINE_ORDERS } from "../../graphql/jobs.queries";
+import { selectTechnician } from "../../redux/tech/tech.selectors.js";
+import { selectBodyshop } from "../../redux/user/user.selectors";
+import { DateFormatter } from "../../utils/DateFormatter";
+import AlertComponent from "../alert/alert.component";
+
+const mapStateToProps = createStructuredSelector({
+  bodyshop: selectBodyshop,
+  technician: selectTechnician
+});
+
+const mapDispatchToProps = (dispatch) => ({});
+
+export default connect(mapStateToProps, mapDispatchToProps)(JobLinesExpanderSimple);
+
+export function JobLinesExpanderSimple({ jobline, jobid, bodyshop, technician }) {
+  const { t } = useTranslation();
+  const { loading, error, data } = useQuery(GET_JOB_LINE_ORDERS, {
+    fetchPolicy: "network-only",
+    nextFetchPolicy: "network-only",
+    variables: {
+      joblineid: jobline.id
+    }
+  });
+
+  if (loading) return <Skeleton />;
+  if (error) return <AlertComponent message={error.message} type="error" />;
+
+  return (
+    <Row>
+      <Col span={24}>
+        <Typography.Title level={4}>{t("parts_orders.labels.parts_orders")}</Typography.Title>
+        <Timeline
+          items={
+            data.parts_order_lines.length > 0
+              ? data.parts_order_lines.map((line) => ({
+                  key: line.id,
+                  children: (
+                    <Row wrap>
+                      <Col span={4}>
+                        {!technician ? (
+                          <>
+                            <Link to={`/manage/jobs/${jobid}?partsorderid=${line.parts_order.id}`}>
+                              {line.parts_order.order_number}
+                            </Link>
+                          </>
+                        ) : (
+                          `${line.parts_order.order_number}`
+                        )}
+                      </Col>
+                      <Col span={4}>
+                        <DateFormatter>{line.parts_order.order_date}</DateFormatter>
+                      </Col>
+                      <Col span={4}>{line.parts_order.vendor.name}</Col>
+                      {line.backordered_eta ? (
+                        <Col span={4}>
+                          <span>
+                            {`${t("parts_orders.fields.backordered_eta")}: `}
+                            <DateFormatter>{line.backordered_eta}</DateFormatter>
+                          </span>
+                        </Col>
+                      ) : null}
+                    </Row>
+                  )
+                }))
+              : [
+                  {
+                    key: "no-orders",
+                    children: t("parts_orders.labels.notyetordered")
+                  }
+                ]
+          }
+        />
+      </Col>
+    </Row>
+  );
+}

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

@@ -11,7 +11,7 @@ import { UPDATE_JOB } from "../../graphql/jobs.queries";
 import { insertAuditTrail } from "../../redux/application/application.actions.js";
 import { selectJobReadOnly } from "../../redux/application/application.selectors";
 import { setModalContext } from "../../redux/modals/modals.actions";
-import { selectBodyshop } from "../../redux/user/user.selectors";
+import { selectBodyshop, selectPartsManagementOnly } from "../../redux/user/user.selectors";
 import AuditTrailMapping from "../../utils/AuditTrailMappings.js";
 import CurrencyFormatter from "../../utils/CurrencyFormatter";
 import { DateTimeFormatter, DateTimeFormatterFunction } from "../../utils/DateFormatter";
@@ -30,7 +30,8 @@ import "./jobs-detail-header.styles.scss";
 
 const mapStateToProps = createStructuredSelector({
   jobRO: selectJobReadOnly,
-  bodyshop: selectBodyshop
+  bodyshop: selectBodyshop,
+  partsManagementOnly: selectPartsManagementOnly
 });
 
 const mapDispatchToProps = (dispatch) => ({
@@ -51,19 +52,20 @@ const mapDispatchToProps = (dispatch) => ({
     )
 });
 
-const colSpan = {
+export function JobsDetailHeader({ job, bodyshop, disabled, insertAuditTrail, partsManagementOnly }) {
-  xs: { span: 24 },
-  sm: { span: 24 },
-  md: { span: 12 },
-  lg: { span: 6 },
-  xl: { span: 6 }
-};
-
-export function JobsDetailHeader({ job, bodyshop, disabled, insertAuditTrail }) {
   const { t } = useTranslation();
   const { notification } = useNotification();
   const [notesClamped, setNotesClamped] = useState(true);
   const [updateJob] = useMutation(UPDATE_JOB);
+
+  const colSpan = {
+    xs: { span: 24 },
+    sm: { span: 24 },
+    md: { span: partsManagementOnly ? 8 : 12 },
+    lg: { span: partsManagementOnly ? 8 : 6 },
+    xl: { span: partsManagementOnly ? 8 : 6 }
+  };
+
   const vehicleTitle =
     `${job.v_model_yr || ""} ${job.v_color || ""} ${job.v_make_desc || ""} ${job.v_model_desc || ""}`.trim();
   const bodyHrs = job.joblines.filter((j) => j.mod_lbr_ty !== "LAR").reduce((acc, val) => acc + val.mod_lb_hrs, 0);
@@ -143,6 +145,9 @@ export function JobsDetailHeader({ job, bodyshop, disabled, insertAuditTrail })
               <span style={{ margin: "0rem .5rem" }}>/</span>
               <CurrencyFormatter>{job.owner_owing}</CurrencyFormatter>
             </DataLabel>
+
+            {!partsManagementOnly && (
+              <>
                 <DataLabel label={t("jobs.fields.alt_transport")}>
                   {job.alt_transport}
                   <JobAltTransportChange job={job} />
@@ -218,6 +223,8 @@ export function JobsDetailHeader({ job, bodyshop, disabled, insertAuditTrail })
                     </Tag>
                   )}
                 </Space>
+              </>
+            )}
           </div>
         </Card>
       </Col>
@@ -334,6 +341,7 @@ export function JobsDetailHeader({ job, bodyshop, disabled, insertAuditTrail })
           </div>
         </Card>
       </Col>
+      {!partsManagementOnly && (
         <Col {...colSpan}>
           <Card style={{ height: "100%" }} title={t("jobs.labels.employeeassignments")}>
             <div>
@@ -345,6 +353,7 @@ export function JobsDetailHeader({ job, bodyshop, disabled, insertAuditTrail })
             </div>
           </Card>
         </Col>
+      )}
     </Row>
   );
 }

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

@@ -8,13 +8,37 @@ import PartsDispatchTable from "../parts-dispatch-table/parts-dispatch-table.com
 import PartsOrderListTableComponent from "../parts-order-list-table/parts-order-list-table.component";
 import PartsOrderModal from "../parts-order-modal/parts-order-modal.container";
 
-export default function JobsDetailPliComponent({
+import { connect } from "react-redux";
+import { createStructuredSelector } from "reselect";
+import { selectPartsManagementOnly } from "../../redux/user/user.selectors";
+const mapStateToProps = createStructuredSelector({
+  //currentUser: selectCurrentUser
+  partsManagementOnly: selectPartsManagementOnly
+});
+const mapDispatchToProps = (dispatch) => ({});
+export default connect(mapStateToProps, mapDispatchToProps)(JobsDetailPliComponent);
+
+export function JobsDetailPliComponent({
   job,
   billsQuery,
   handleBillOnRowClick,
   handlePartsOrderOnRowClick,
-  handlePartsDispatchOnRowClick
+  handlePartsDispatchOnRowClick,
+  partsManagementOnly
 }) {
+  if (partsManagementOnly) {
+    return (
+      <Row gutter={[16, 16]}>
+        <Col span={24}>
+          <PartsOrderListTableComponent
+            job={job}
+            handleOnRowClick={handlePartsOrderOnRowClick}
+            billsQuery={billsQuery}
+          />
+        </Col>
+      </Row>
+    );
+  } else {
     return (
       <div>
         <PartsOrderModal />
@@ -46,3 +70,4 @@ export default function JobsDetailPliComponent({
       </div>
     );
   }
+}

client/src/components/parts-order-list-table/parts-order-list-table-drawer.component.jsx

@@ -14,7 +14,7 @@ import { QUERY_BILL_BY_PK } from "../../graphql/bills.queries";
 import { DELETE_PARTS_ORDER } from "../../graphql/parts-orders.queries";
 import { selectJobReadOnly } from "../../redux/application/application.selectors";
 import { setModalContext } from "../../redux/modals/modals.actions";
-import { selectBodyshop } from "../../redux/user/user.selectors";
+import { selectBodyshop, selectPartsManagementOnly } from "../../redux/user/user.selectors";
 import CurrencyFormatter from "../../utils/CurrencyFormatter";
 import { DateFormatter } from "../../utils/DateFormatter";
 import { TemplateList } from "../../utils/TemplateConstants";
@@ -31,7 +31,8 @@ import PrintWrapper from "../print-wrapper/print-wrapper.component";
 
 const mapStateToProps = createStructuredSelector({
   jobRO: selectJobReadOnly,
-  bodyshop: selectBodyshop
+  bodyshop: selectBodyshop,
+  partsManagementOnly: selectPartsManagementOnly
 });
 
 const mapDispatchToProps = (dispatch) => ({
@@ -60,7 +61,8 @@ export function PartsOrderListTableDrawerComponent({
   billsQuery,
   handleOnRowClick,
   setPartsReceiveContext,
-  setTaskUpsertContext
+  setTaskUpsertContext,
+  partsManagementOnly
 }) {
   const selectedBreakpoint = Object.entries(Grid.useBreakpoint())
     .filter((screen) => !!screen[1])
@@ -134,6 +136,7 @@ export function PartsOrderListTableDrawerComponent({
       >
         {t("parts_orders.actions.receive")}
       </Button>
+      {!partsManagementOnly && (
         <Button
           title={t("tasks.buttons.create")}
           onClick={() => {
@@ -147,6 +150,7 @@ export function PartsOrderListTableDrawerComponent({
         >
           <FaTasks />
         </Button>
+      )}
       <Popconfirm
         title={t("parts_orders.labels.confirmdelete")}
         disabled={jobRO}
@@ -170,7 +174,7 @@ export function PartsOrderListTableDrawerComponent({
           <DeleteFilled />
         </Button>
       </Popconfirm>
-
+      {!partsManagementOnly && (
         <Button
           disabled={
             (jobRO ? !record.return : jobRO) ||
@@ -207,6 +211,7 @@ export function PartsOrderListTableDrawerComponent({
         >
           <LockWrapperComponent featureName="bills">{t("parts_orders.actions.receivebill")}</LockWrapperComponent>
         </Button>
+      )}
 
       <PrintWrapper
         templateObject={{

client/src/components/parts-order-list-table/parts-order-list-table.component.jsx

@@ -10,7 +10,7 @@ import { logImEXEvent } from "../../firebase/firebase.utils";
 import { DELETE_PARTS_ORDER } from "../../graphql/parts-orders.queries";
 import { selectJobReadOnly } from "../../redux/application/application.selectors";
 import { setModalContext } from "../../redux/modals/modals.actions";
-import { selectBodyshop } from "../../redux/user/user.selectors";
+import { selectBodyshop, selectPartsManagementOnly } from "../../redux/user/user.selectors";
 import { DateFormatter } from "../../utils/DateFormatter";
 import { TemplateList } from "../../utils/TemplateConstants";
 import { alphaSort } from "../../utils/sorters";
@@ -23,7 +23,8 @@ import ShareToTeamsButton from "../share-to-teams/share-to-teams.component.jsx";
 
 const mapStateToProps = createStructuredSelector({
   jobRO: selectJobReadOnly,
-  bodyshop: selectBodyshop
+  bodyshop: selectBodyshop,
+  partsManagementOnly: selectPartsManagementOnly
 });
 
 const mapDispatchToProps = (dispatch) => ({
@@ -52,7 +53,8 @@ export function PartsOrderListTableComponent({
   billsQuery,
   handleOnRowClick,
   setPartsReceiveContext,
-  setTaskUpsertContext
+  setTaskUpsertContext,
+  partsManagementOnly
 }) {
   const responsibilityCenters = bodyshop.md_responsibility_centers;
   const Templates = TemplateList("partsorder", { job });
@@ -106,6 +108,8 @@ export function PartsOrderListTableComponent({
       >
         {t("parts_orders.actions.receive")}
       </Button>
+      {!partsManagementOnly && (
+        <>
           <Button
             title={t("tasks.buttons.create")}
             icon={<FaTasks />}
@@ -118,6 +122,9 @@ export function PartsOrderListTableComponent({
               });
             }}
           />
+        </>
+      )}
+
       <Popconfirm
         title={t("parts_orders.labels.confirmdelete")}
         disabled={jobRO}
@@ -141,6 +148,7 @@ export function PartsOrderListTableComponent({
         <Button disabled={jobRO} icon={<DeleteFilled />} />
       </Popconfirm>
 
+      {!partsManagementOnly && (
         <Button
           disabled={
             (jobRO ? !record.return : jobRO) ||
@@ -182,6 +190,7 @@ export function PartsOrderListTableComponent({
         >
           <LockWrapperComponent featureName="bills">{t("parts_orders.actions.receivebill")}</LockWrapperComponent>
         </Button>
+      )}
 
       <PrintWrapper
         templateObject={{

client/src/graphql/jobs.queries.js

@@ -1865,6 +1865,7 @@ export const QUERY_SIMPLIFIED_PARTS_PAGINATED_STATUS_FILTERED = gql`
       owner_owing
       ro_number
       po_number
+      converted
       status
       updated_at
       ded_amt

client/src/pages/manage/manage.page.component.jsx

@@ -1,11 +1,10 @@
-import { Button, FloatButton, Layout, Space, Spin } from "antd";
+import { FloatButton, Layout, Spin } from "antd";
-import { AlertOutlined, BulbOutlined } from "@ant-design/icons";
 
 // import preval from "preval.macro";
-import React, { lazy, Suspense, useEffect, useState } from "react";
+import { lazy, Suspense, useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
-import { Link, Route, Routes } from "react-router-dom";
+import { Route, Routes } from "react-router-dom";
 import { createStructuredSelector } from "reselect";
 import BreadCrumbs from "../../components/breadcrumbs/breadcrumbs.component";
 import ChatAffixContainer from "../../components/chat-affix/chat-affix.container";
@@ -15,19 +14,19 @@ import ErrorBoundary from "../../components/error-boundary/error-boundary.compon
 //Component Imports
 import * as Sentry from "@sentry/react";
 import TestComponent from "../../components/_test/test.page";
+import GlobalFooter from "../../components/global-footer/global-footer.component.jsx";
 import HeaderContainer from "../../components/header/header.container";
 import LoadingSpinner from "../../components/loading-spinner/loading-spinner.component";
 import PartnerPingComponent from "../../components/partner-ping/partner-ping.component";
 import PrintCenterModalContainer from "../../components/print-center-modal/print-center-modal.container";
 import ShopSubStatusComponent from "../../components/shop-sub-status/shop-sub-status.component";
-import { selectBodyshop, selectInstanceConflict } from "../../redux/user/user.selectors";
 import UpdateAlert from "../../components/update-alert/update-alert.component";
-import InstanceRenderManager from "../../utils/instanceRenderMgr.js";
-import WssStatusDisplayComponent from "../../components/wss-status-display/wss-status-display.component.jsx";
-import { selectAlerts } from "../../redux/application/application.selectors.js";
-import { addAlerts } from "../../redux/application/application.actions.js";
 import { useNotification } from "../../contexts/Notifications/notificationContext.jsx";
 import { useSocket } from "../../contexts/SocketIO/useSocket.js";
+import { addAlerts } from "../../redux/application/application.actions.js";
+import { selectAlerts } from "../../redux/application/application.selectors.js";
+import { selectBodyshop, selectInstanceConflict } from "../../redux/user/user.selectors";
+import InstanceRenderManager from "../../utils/instanceRenderMgr.js";
 
 const JobsPage = lazy(() => import("../jobs/jobs.page"));
 
@@ -658,38 +657,7 @@ export function Manage({ conflict, bodyshop, alerts, setAlerts }) {
 
           <FloatButton.BackTop style={{ right: 100, bottom: 25 }} />
         </Content>
-        <Footer>
+        <GlobalFooter />
-          <div
-            style={{
-              display: "flex",
-              flexDirection: "column",
-              justifyContent: "center",
-              alignItems: "center",
-              margin: "1rem 0rem"
-            }}
-          >
-            <Link to="/manage/feature-request">
-              <Button icon={<BulbOutlined />} type="text">
-                {t("general.labels.feature-request")}
-              </Button>
-            </Link>
-            <Space>
-              <WssStatusDisplayComponent />
-              <div onClick={broadcastMessage}>
-                {`${InstanceRenderManager({
-                  imex: t("titles.imexonline"),
-                  rome: t("titles.romeonline")
-                })} - ${import.meta.env.VITE_APP_GIT_SHA_DATE}`}
-              </div>
-              <Button icon={<AlertOutlined />} data-canny-changelog type="text">
-                {t("general.labels.changelog")}
-              </Button>
-            </Space>
-            <Link to="/disclaimer" target="_blank" style={{ color: "#ccc" }}>
-              Disclaimer & Notices
-            </Link>
-          </div>
-        </Footer>
       </Layout>
     </>
   );

client/src/pages/simplified-parts-jobs-detail/simplified-parts-jobs-detail.component.jsx

@@ -22,11 +22,12 @@ import { QUERY_PARTS_BILLS_BY_JOBID } from "../../graphql/bills.queries.js";
 import { insertAuditTrail } from "../../redux/application/application.actions.js";
 import { selectJobReadOnly } from "../../redux/application/application.selectors.js";
 import { setModalContext } from "../../redux/modals/modals.actions.js";
-import { selectBodyshop } from "../../redux/user/user.selectors.js";
+import { selectBodyshop, selectPartsManagementOnly } from "../../redux/user/user.selectors.js";
 
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop,
-  jobRO: selectJobReadOnly
+  jobRO: selectJobReadOnly,
+  partsManagementOnly: selectPartsManagementOnly
 });
 const mapDispatchToProps = (dispatch) => ({
   setPrintCenterContext: (context) =>
@@ -53,7 +54,8 @@ export function SimplifiedPartsJobDetailComponent({
   job,
   mutationUpdateJob,
   insertAuditTrail,
-  refetch
+  refetch,
+  partsManagementOnly
 }) {
   const { t } = useTranslation();
   const [form] = Form.useForm();
@@ -141,10 +143,14 @@ export function SimplifiedPartsJobDetailComponent({
         {t("jobs.actions.printCenter")}
       </Button>
 
+      {!partsManagementOnly && (
+        <>
           <JobsDetailHeaderActions key="actions" job={job} refetch={refetch} />
           <Button type="primary" loading={loading} disabled={jobRO} onClick={() => form.submit()}>
             {t("general.actions.save")}
           </Button>
+        </>
+      )}
     </Space>
   );
 
@@ -153,7 +159,7 @@ export function SimplifiedPartsJobDetailComponent({
       <JobLineUpsertModalContainer />
 
       <PageHeader title={<Space>{job.ro_number || t("general.labels.na")}</Space>} extra={menuExtra} />
-      <JobsDetailHeader job={job} />
+      <JobsDetailHeader job={job} disabled={true} />
       <Divider type="horizontal" />
       <JobProfileDataWarning job={job} />
       <FormFieldsChanged form={form} />
@@ -178,7 +184,6 @@ export function SimplifiedPartsJobDetailComponent({
                 handlePartsDispatchOnRowClick={handlePartsDispatchOnRowClick}
                 refetch={refetch}
                 form={form}
-                simple
               />
             )
           },

client/src/pages/simplified-parts-jobs-detail/simplified-parts-jobs-detail.container.jsx

@@ -63,7 +63,7 @@ function SimplifiedPartsJobsDetailContainer({ setBreadcrumbs, addRecentItem, set
             ro_number: (data.jobs_by_pk && data.jobs_by_pk.ro_number) || t("general.labels.na")
           });
     setBreadcrumbs([
-      { link: "/parts/jobs", label: t("titles.bc.jobs") },
+      { link: "/parts/", label: t("titles.bc.jobs") },
       {
         link: `/parts/jobs/${jobId}`,
         label: t("titles.bc.jobs-detail", {
@@ -81,7 +81,7 @@ function SimplifiedPartsJobsDetailContainer({ setBreadcrumbs, addRecentItem, set
           "job",
 
           `${data.jobs_by_pk.ro_number || t("general.labels.na")} | ${OwnerNameDisplayFunction(data.jobs_by_pk)}`,
-          `/manage/jobs/${jobId}`
+          `/parts/jobs/${jobId}`
         )
       );
     }

client/src/pages/simplified-parts/simplified-parts.page.component.jsx

@@ -1,26 +1,24 @@
-import { AlertOutlined, BulbOutlined } from "@ant-design/icons";
 import * as Sentry from "@sentry/react";
-import { Button, FloatButton, Layout, Space, Spin } from "antd";
+import { FloatButton, Layout, Spin } from "antd";
 import { lazy, Suspense, useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
-import { Link, Route, Routes } from "react-router-dom";
+import { Route, Routes } from "react-router-dom";
 import { createStructuredSelector } from "reselect";
 import BreadCrumbs from "../../components/breadcrumbs/breadcrumbs.component.jsx";
 import ConflictComponent from "../../components/conflict/conflict.component.jsx";
 import ErrorBoundary from "../../components/error-boundary/error-boundary.component.jsx";
+import GlobalFooter from "../../components/global-footer/global-footer.component.jsx";
 import LoadingSpinner from "../../components/loading-spinner/loading-spinner.component.jsx";
 import PrintCenterModalContainer from "../../components/print-center-modal/print-center-modal.container.jsx";
 import ShopSubStatusComponent from "../../components/shop-sub-status/shop-sub-status.component.jsx";
 import UpdateAlert from "../../components/update-alert/update-alert.component.jsx";
-import WssStatusDisplayComponent from "../../components/wss-status-display/wss-status-display.component.jsx";
 import { useNotification } from "../../contexts/Notifications/notificationContext.jsx";
 import { useSocket } from "../../contexts/SocketIO/useSocket.js";
 import { addAlerts } from "../../redux/application/application.actions.js";
 import { selectAlerts } from "../../redux/application/application.selectors.js";
 import { selectBodyshop, selectInstanceConflict } from "../../redux/user/user.selectors.js";
 import InstanceRenderManager from "../../utils/instanceRenderMgr.js";
-
 const SimplifiedPartsJobsPage = lazy(() => import("../simplified-parts-jobs/simplified-parts-jobs.page.jsx"));
 const SimplifiedPartsJobsDetailPage = lazy(
   () => import("../simplified-parts-jobs-detail/simplified-parts-jobs-detail.container.jsx")
@@ -29,12 +27,10 @@ const ShopPage = lazy(() => import("../shop/shop.page.component.jsx"));
 const ShopVendorPageContainer = lazy(() => import("../shop-vendor/shop-vendor.page.container.jsx"));
 const EmailOverlayContainer = lazy(() => import("../../components/email-overlay/email-overlay.container.jsx"));
 const FeatureRequestPage = lazy(() => import("../feature-request/feature-request.page.jsx"));
-const JobCostingModal = lazy(() => import("../../components/job-costing-modal/job-costing-modal.container.jsx"));
 const ReportCenterModal = lazy(() => import("../../components/report-center-modal/report-center-modal.container.jsx"));
-const BillEnterModalContainer = lazy(() => import("../../components/bill-enter-modal/bill-enter-modal.container.jsx"));
 const Help = lazy(() => import("../help/help.page.jsx"));
 
-const { Content, Footer } = Layout;
+const { Content } = Layout;
 
 const mapStateToProps = createStructuredSelector({
   conflict: selectInstanceConflict,
@@ -141,8 +137,6 @@ export function SimplifiedPartsPage({ conflict, bodyshop, alerts, setAlerts }) {
       }
     >
       <BreadCrumbs />
-      <BillEnterModalContainer />
-      <JobCostingModal />
       <ReportCenterModal />
       <EmailOverlayContainer />
       <PrintCenterModalContainer />
@@ -199,13 +193,6 @@ export function SimplifiedPartsPage({ conflict, bodyshop, alerts, setAlerts }) {
   else if (bodyshop && bodyshop.sub_status !== "active") PageContent = <ShopSubStatusComponent />;
   else PageContent = AppRouteTable;
 
-  const broadcastMessage = () => {
-    if (socket && bodyshop && bodyshop.id) {
-      console.log(`Broadcasting message to bodyshop ${bodyshop.id}:`);
-      socket.emit("broadcast-to-bodyshop", bodyshop.id, `Hello from ${clientId}`);
-    }
-  };
-
   return (
     <Layout style={{ minHeight: "100vh" }} className="layout-container">
       <UpdateAlert />
@@ -216,38 +203,7 @@ export function SimplifiedPartsPage({ conflict, bodyshop, alerts, setAlerts }) {
         </Sentry.ErrorBoundary>
         <FloatButton.BackTop style={{ right: 100, bottom: 25 }} />
       </Content>
-      <Footer>
+      <GlobalFooter />
-        <div
-          style={{
-            display: "flex",
-            flexDirection: "column",
-            justifyContent: "center",
-            alignItems: "center",
-            margin: "1rem 0rem"
-          }}
-        >
-          <Link to="/manage/feature-request">
-            <Button icon={<BulbOutlined />} type="text">
-              {t("general.labels.feature-request")}
-            </Button>
-          </Link>
-          <Space>
-            <WssStatusDisplayComponent />
-            <div onClick={broadcastMessage}>
-              {`${InstanceRenderManager({
-                imex: t("titles.imexonline"),
-                rome: t("titles.romeonline")
-              })} - ${import.meta.env.VITE_APP_GIT_SHA_DATE}`}
-            </div>
-            <Button icon={<AlertOutlined />} data-canny-changelog type="text">
-              {t("general.labels.changelog")}
-            </Button>
-          </Space>
-          <Link to="/disclaimer" target="_blank" style={{ color: "#ccc" }}>
-            Disclaimer & Notices
-          </Link>
-        </div>
-      </Footer>
     </Layout>
   );
 }

client/src/redux/user/user.actions.js

@@ -123,3 +123,8 @@ export const setImexShopId = (imexshopid) => ({
   type: UserActionTypes.SET_IMEX_SHOP_ID,
   payload: imexshopid
 });
+
+export const setPartsManagementOnly = (partsManagementOnly) => ({
+  type: UserActionTypes.SET_PARTS_MANAGEMENT_ONLY,
+  payload: partsManagementOnly
+});

client/src/redux/user/user.reducer.js

@@ -7,6 +7,7 @@ const INITIAL_STATE = {
     //language: "en-US"
   },
   bodyshop: null,
+  partsManagementOnly: null,
   loginLoading: false,
   fingerprint: null,
   error: null,
@@ -125,7 +126,11 @@ const userReducer = (state = INITIAL_STATE, action) => {
         ...state,
         imexshopid: action.payload
       };
-
+    case UserActionTypes.SET_PARTS_MANAGEMENT_ONLY:
+      return {
+        ...state,
+        partsManagementOnly: action.payload
+      };
     default:
       return state;
   }

client/src/redux/user/user.sagas.js

@@ -38,6 +38,7 @@ import {
   setInstanceConflict,
   setInstanceId,
   setLocalFingerprint,
+  setPartsManagementOnly,
   signInFailure,
   signInSuccess,
   signOutFailure,
@@ -359,6 +360,10 @@ export function* SetAuthLevelFromShopDetails({ payload }) {
           window.$zoho.salesiq.visitor.info({ "Shop Name": payload.shopname });
         }
       });
+
+      //Set whether it is for parts management only. 
+
+      yield put(setPartsManagementOnly(true || payload.features.partsManagementOnly));
     } catch (error) {
       console.warn("Couldnt find $crisp.", error.message);
     }

client/src/redux/user/user.selectors.js

@@ -1,3 +1,4 @@
+import { create } from "lodash";
 import { createSelector } from "reselect";
 
 const selectUser = (state) => state.user;
@@ -17,3 +18,7 @@ export const selectAuthLevel = createSelector([selectUser], (user) => user.authL
 export const selectLoginLoading = createSelector([selectUser], (user) => user.loginLoading);
 
 export const selectCurrentEula = createSelector([selectUser], (user) => user.currentEula);
+export const selectPartsManagementOnly = createSelector(
+    [selectUser],
+    (user) => user.partsManagementOnly
+);

client/src/redux/user/user.types.js

@@ -33,6 +33,7 @@ const UserActionTypes = {
   CHECK_ACTION_CODE_FAILURE: "CHECK_ACTION_CODE_FAILURE",
   SET_CURRENT_EULA: "SET_CURRENT_EULA",
   EULA_ACCEPTED: "EULA_ACCEPTED",
-  SET_IMEX_SHOP_ID: "SET_IMEX_SHOP_ID"
+  SET_IMEX_SHOP_ID: "SET_IMEX_SHOP_ID",
+  SET_PARTS_MANAGEMENT_ONLY: "SET_PARTS_MANAGEMENT_ONLY",
 };
 export default UserActionTypes;