Remove documents components that do not support local media.

client/src/components/chat-media-selector/chat-media-selector.component.jsx

@@ -6,12 +6,13 @@ import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
 import { GET_DOCUMENTS_BY_JOB } from "../../graphql/documents.queries";
+import { selectBodyshop } from "../../redux/user/user.selectors";
 import AlertComponent from "../alert/alert.component";
 import JobDocumentsGalleryExternal from "../jobs-documents-gallery/jobs-documents-gallery.external.component";
 import LoadingSpinner from "../loading-spinner/loading-spinner.component";
 
 const mapStateToProps = createStructuredSelector({
-  //currentUser: selectCurrentUser
+  bodyshop: selectBodyshop,
 });
 const mapDispatchToProps = (dispatch) => ({
   //setUserLanguage: language => dispatch(setUserLanguage(language))
@@ -19,6 +20,7 @@ const mapDispatchToProps = (dispatch) => ({
 export default connect(mapStateToProps, mapDispatchToProps)(ChatMediaSelector);
 
 export function ChatMediaSelector({
+  bodyshop,
   selectedMedia,
   setSelectedMedia,
   conversation,
@@ -27,7 +29,6 @@ export function ChatMediaSelector({
   const [visible, setVisible] = useState(false);
 
   const { loading, error, data } = useQuery(GET_DOCUMENTS_BY_JOB, {
-
     fetchPolicy: "network-only",
     nextFetchPolicy: "network-only",
     variables: {
@@ -66,6 +67,8 @@ export function ChatMediaSelector({
     </div>
   );
 
+  if (bodyshop.uselocalmediaserver) return null;
+
   return (
     <Popover
       content={

client/src/components/chat-presets/chat-presets.component.jsx

@@ -19,7 +19,7 @@ export function ChatPresetsComponent({ bodyshop, setMessage, className }) {
   const menu = (
     <Menu>
       {bodyshop.md_messaging_presets.map((i, idx) => (
-        <Menu.Item onClick={() => setMessage(i.text)} onItemHover key={idx}>
+        <Menu.Item onClick={() => setMessage(i.text)} key={idx}>
           {i.label}
         </Menu.Item>
       ))}

client/src/components/documents-local-upload/documents-local-upload.component.jsx

@@ -1,7 +1,7 @@
 import { UploadOutlined } from "@ant-design/icons";
-import { Result, Upload } from "antd";
+import { Upload } from "antd";
-import React, { useEffect, useMemo, useState } from "react";
+import React, { useState } from "react";
-import { useTranslation } from "react-i18next";
+
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
 import {
@@ -24,7 +24,6 @@ export function DocumentsLocalUploadComponent({
   invoice_number,
   callbackAfterUpload,
 }) {
-  const { t } = useTranslation();
   const [fileList, setFileList] = useState([]);
 
   const handleDone = (uid) => {

client/src/components/email-overlay/email-overlay.component.jsx

@@ -9,6 +9,7 @@ import {
   Space,
   Menu,
   Dropdown,
+  Button,
 } from "antd";
 import React from "react";
 import { useTranslation } from "react-i18next";
@@ -20,10 +21,13 @@ import {
   selectBodyshop,
   selectCurrentUser,
 } from "../../redux/user/user.selectors";
+import { CreateExplorerLinkForJob } from "../../utils/localmedia";
+import { selectEmailConfig } from "../../redux/email/email.selectors";
 
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop,
   currentUser: selectCurrentUser,
+  emailConfig: selectEmailConfig,
 });
 const mapDispatchToProps = (dispatch) => ({
   //setUserLanguage: language => dispatch(setUserLanguage(language))
@@ -34,6 +38,7 @@ export default connect(
 )(EmailOverlayComponent);
 
 export function EmailOverlayComponent({
+  emailConfig,
   form,
   selectedMediaState,
   bodyshop,
@@ -153,10 +158,17 @@ export function EmailOverlayComponent({
       </Form.Item>
 
       <Tabs>
-        <Tabs.TabPane tab={t("emails.labels.documents")} key="documents">
+        {!bodyshop.uselocalmediaserver && (
-          <EmailDocumentsComponent selectedMediaState={selectedMediaState} />
+          <Tabs.TabPane tab={t("emails.labels.documents")} key="documents">
-        </Tabs.TabPane>
+            <EmailDocumentsComponent selectedMediaState={selectedMediaState} />
+          </Tabs.TabPane>
+        )}
         <Tabs.TabPane tab={t("emails.labels.attachments")} key="attachments">
+          {bodyshop.uselocalmediaserver && emailConfig.jobid && (
+            <a href={CreateExplorerLinkForJob({ jobid: emailConfig.jobid })}>
+              <Button>{t("documents.labels.openinexplorer")}</Button>
+            </a>
+          )}
           <Form.Item
             name="fileList"
             valuePropName="fileList"

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

@@ -6,8 +6,10 @@ import React from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { Link, useHistory, useLocation } from "react-router-dom";
+import { createStructuredSelector } from "reselect";
 import { QUERY_JOB_CARD_DETAILS } from "../../graphql/jobs.queries";
 import { setModalContext } from "../../redux/modals/modals.actions";
+import { selectBodyshop } from "../../redux/user/user.selectors";
 import AlertComponent from "../alert/alert.component";
 import JobSyncButton from "../job-sync-button/job-sync-button.component";
 import JobsDetailHeader from "../jobs-detail-header/jobs-detail-header.component";
@@ -20,6 +22,10 @@ import JobDetailCardsNotesComponent from "./job-detail-cards.notes.component";
 import JobDetailCardsPartsComponent from "./job-detail-cards.parts.component";
 import JobDetailCardsTotalsComponent from "./job-detail-cards.totals.component";
 
+const mapStateToProps = createStructuredSelector({
+  bodyshop: selectBodyshop,
+});
+
 const mapDispatchToProps = (dispatch) => ({
   setPrintCenterContext: (context) =>
     dispatch(setModalContext({ context: context, modal: "printCenter" })),
@@ -31,7 +37,7 @@ const span = {
   lg: { span: 8 },
 };
 
-export function JobDetailCards({ setPrintCenterContext }) {
+export function JobDetailCards({ bodyshop, setPrintCenterContext }) {
   const selectedBreakpoint = Object.entries(Grid.useBreakpoint())
     .filter((screen) => !!screen[1])
     .slice(-1)[0];
@@ -143,12 +149,14 @@ export function JobDetailCards({ setPrintCenterContext }) {
                 data={data ? data.jobs_by_pk : null}
               />
             </Col>
-            <Col {...span}>
+            {!bodyshop.uselocalmediaserver && (
-              <JobDetailCardsDocumentsComponent
+              <Col {...span}>
-                loading={loading}
+                <JobDetailCardsDocumentsComponent
-                data={data ? data.jobs_by_pk : null}
+                  loading={loading}
-              />
+                  data={data ? data.jobs_by_pk : null}
-            </Col>
+                />
+              </Col>
+            )}
             <Col {...span}>
               <JobDetailCardsDamageComponent
                 loading={loading}
@@ -161,4 +169,4 @@ export function JobDetailCards({ setPrintCenterContext }) {
     </Drawer>
   );
 }
-export default connect(null, mapDispatchToProps)(JobDetailCards);
+export default connect(mapStateToProps, mapDispatchToProps)(JobDetailCards);

client/src/components/job-lines-preset-button/job-lines-preset-button.component.jsx

@@ -24,7 +24,7 @@ export function JoblinePresetButton({ bodyshop, form }) {
   const menu = (
     <Menu>
       {bodyshop.md_jobline_presets.map((i, idx) => (
-        <Menu.Item onClick={() => handleSelect(i)} onItemHover key={idx}>
+        <Menu.Item onClick={() => handleSelect(i)} key={idx}>
           {i.label}
         </Menu.Item>
       ))}

client/src/components/jobs-documents-local-gallery/jobs-documents-local-gallery.container.jsx

@@ -12,6 +12,7 @@ import {
 } from "../../redux/media/media.actions";
 import { selectAllMedia } from "../../redux/media/media.selectors";
 import { selectBodyshop } from "../../redux/user/user.selectors";
+import { CreateExplorerLinkForJob } from "../../utils/localmedia";
 import DocumentsLocalUploadComponent from "../documents-local-upload/documents-local-upload.component";
 import JobsDocumentsLocalGalleryReassign from "./jobs-documents-local-gallery.reassign.component";
 
@@ -23,7 +24,6 @@ const mapStateToProps = createStructuredSelector({
 const mapDispatchToProps = (dispatch) => ({
   getJobMedia: (id) => dispatch(getJobMedia(id)),
   getBillMedia: ({ jobid, invoice_number }) => {
-    console.log(jobid);
     dispatch(getBillMedia({ jobid, invoice_number }));
   },
   toggleMediaSelected: ({ jobid, filename }) =>
@@ -59,8 +59,6 @@ export function JobsDocumentsLocalGallery({
   return (
     <div>
       <Space wrap>
-        {JSON.stringify({ jobid: job.id, invoice_number, vendorid }, null, 4) ||
-          "NO JOB ID"}
         <Button
           onClick={() => {
             if (job) {
@@ -74,9 +72,7 @@ export function JobsDocumentsLocalGallery({
         >
           <SyncOutlined />
         </Button>
-        <a
+        <a href={CreateExplorerLinkForJob({ jobid: job.id })}>
-          href={`imexmedia://${bodyshop.localmediaservernetwork}/Jobs/${job.id}`}
-        >
           <Button>{t("documents.labels.openinexplorer")}</Button>
         </a>
         <JobsDocumentsLocalGalleryReassign jobid={job.id} />

client/src/components/notes-preset-button/notes-preset-button.component.jsx

@@ -24,7 +24,7 @@ export function NotesPresetButton({ bodyshop, form }) {
   const menu = (
     <Menu>
       {bodyshop.md_notes_presets.map((i, idx) => (
-        <Menu.Item onClick={() => handleSelect(i)} onItemHover key={idx}>
+        <Menu.Item onClick={() => handleSelect(i)} key={idx}>
           {i.label}
         </Menu.Item>
       ))}

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

@@ -22,9 +22,10 @@ import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
 import { setModalContext } from "../../redux/modals/modals.actions";
 import ScoreboardAddButton from "../job-scoreboard-add-button/job-scoreboard-add-button.component";
+import { selectBodyshop } from "../../redux/user/user.selectors";
 
 const mapStateToProps = createStructuredSelector({
-  //currentUser: selectCurrentUser
+  bodyshop: selectBodyshop,
 });
 const mapDispatchToProps = (dispatch) => ({
   setPrintCenterContext: (context) =>
@@ -35,7 +36,11 @@ export default connect(
   mapDispatchToProps
 )(ProductionListDetail);
 
-export function ProductionListDetail({ jobs, setPrintCenterContext }) {
+export function ProductionListDetail({
+  bodyshop,
+  jobs,
+  setPrintCenterContext,
+}) {
   const search = queryString.parse(useLocation().search);
   const history = useHistory();
   const { selected } = search;
@@ -144,11 +149,12 @@ export function ProductionListDetail({ jobs, setPrintCenterContext }) {
             loading={loading}
             data={data ? data.jobs_by_pk : null}
           />
-
+          {!bodyshop.uselocalmediaserver && (
-          <JobDetailCardsDocumentsComponent
+            <JobDetailCardsDocumentsComponent
-            loading={loading}
+              loading={loading}
-            data={data ? data.jobs_by_pk : null}
+              data={data ? data.jobs_by_pk : null}
-          />
+            />
+          )}
         </div>
       )}
     </Drawer>

client/src/utils/RenderTemplate.js

@@ -25,7 +25,7 @@ export default async function RenderTemplate(
   let { contextData, useShopSpecificTemplate } = await fetchContextData(
     templateObject
   );
-  console.log(templateObject.name);
+
   const { ignoreCustomMargins } = Templates[templateObject.name];
 
   let reportRequest = {

client/src/utils/localmedia.js

@@ -0,0 +1,6 @@
+import { store } from "../redux/store";
+
+export function CreateExplorerLinkForJob({ jobid }) {
+  const bodyshop = store.getState().user.bodyshop;
+  return `imexmedia://${bodyshop.localmediaservernetwork}/Jobs/${jobid}`;
+}