IO-233 WS Updates and templat eadditions

client/src/pages/contract-detail/contract-detail.page.component.jsx

@@ -110,6 +110,23 @@ export function ContractDetailPage({
                             "printcenter.courtesycarcontract.courtesy_car_terms"
                           )}
                         </Menu.Item>
+                        <Menu.Item
+                          onClick={() =>
+                            GenerateDocument(
+                              {
+                                name: TemplateList("courtesycarcontract")
+                                  .courtesy_car_impound.key,
+                                variables: { id: contract.id },
+                              },
+                              {},
+                              "p"
+                            )
+                          }
+                        >
+                          {t(
+                            "printcenter.courtesycarcontract.courtesy_car_impound"
+                          )}
+                        </Menu.Item>
                       </Menu>
                     }
                   >

client/src/pages/dms/dms.container.jsx

@@ -21,7 +21,7 @@ const mapDispatchToProps = (dispatch) => ({
   setSelectedHeader: (key) => dispatch(setSelectedHeader(key)),
 });
 
-export default connect(mapStateToProps, mapDispatchToProps)(CdkContainer);
+export default connect(mapStateToProps, mapDispatchToProps)(DmsContainer);
 
 export const socket = SocketIO(
   process.env.NODE_ENV === "production"
@@ -29,7 +29,6 @@ export const socket = SocketIO(
     : window.location.origin,
   {
     path: "/ws",
-    // transports: ["websocket"],
     auth: async (callback) => {
       const token = auth.currentUser && (await auth.currentUser.getIdToken());
       callback({ token });
@@ -37,16 +36,17 @@ export const socket = SocketIO(
   }
 );
 
-export function CdkContainer({ bodyshop, setBreadcrumbs, setSelectedHeader }) {
+export function DmsContainer({ bodyshop, setBreadcrumbs, setSelectedHeader }) {
   const { t } = useTranslation();
   const [logs, setLogs] = useState([]);
+
   useEffect(() => {
-    document.title = t("titles.cdk");
-    setSelectedHeader("cdk");
+    document.title = t("titles.dms");
+    setSelectedHeader("dms");
     setBreadcrumbs([
       {
-        link: "/manage/cdk",
-        label: t("titles.bc.cdk"),
+        link: "/manage/dms",
+        label: t("titles.bc.dms"),
       },
     ]);
   }, [t, setBreadcrumbs, setSelectedHeader]);
@@ -63,7 +63,6 @@ export function CdkContainer({ bodyshop, setBreadcrumbs, setSelectedHeader }) {
     });
 
     socket.connect();
-
     socket.emit("set-log-level", "TRACE");
 
     return () => {
@@ -74,11 +73,16 @@ export function CdkContainer({ bodyshop, setBreadcrumbs, setSelectedHeader }) {
 
   if (!bodyshop.cdk_dealerid) return <Result status="404" />;
 
+  const dmsType = determineDmsType(bodyshop);
+
   return (
     <div>
       <Button
         onClick={() => {
-          socket.emit("export-job", "752a4f5f-22ab-414b-b182-98d4e62227ef");
+          socket.emit(
+            `${dmsType}-export-job`,
+            "752a4f5f-22ab-414b-b182-98d4e62227ef"
+          );
         }}
       >
         Export
@@ -126,3 +130,10 @@ function LogLevelHierarchy(level) {
       return 0;
   }
 }
+
+const determineDmsType = (bodyshop) => {
+  if (bodyshop.cdk_dealerid) return "cdk";
+  else {
+    return "pbs";
+  }
+};

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

@@ -159,7 +159,7 @@ const EmailTest = lazy(() =>
   import("../../components/email-test/email-test-component")
 );
 const Dashboard = lazy(() => import("../dashboard/dashboard.container"));
-const Cdk = lazy(() => import("../cdk/cdk.container"));
+const Dms = lazy(() => import("../dms/dms.container"));
 
 const { Content, Footer } = Layout;
 
@@ -368,7 +368,7 @@ export function Manage({ match, conflict, bodyshop }) {
       <Route exact path={`${match.path}/help`} component={Help} />
       <Route exact path={`${match.path}/emailtest`} component={EmailTest} />
       <Route exact path={`${match.path}/dashboard`} component={Dashboard} />
-      <Route exact path={`${match.path}/cdk`} component={Cdk} />
+      <Route exact path={`${match.path}/dms`} component={Dms} />
     </Suspense>
   );