Merged in release/2022-02-18 (pull request #386)

Release/2022 02 18

client/src/components/courtesy-cars-list/courtesy-cars-list.component.jsx

@@ -97,7 +97,9 @@ export default function CourtesyCarsList({ loading, courtesycars, refetch }) {
       render: (text, record) =>
         record.cccontracts.length === 1 ? (
           <Link to={`/manage/jobs/${record.cccontracts[0].job.id}`}>
-            {record.cccontracts[0].job.ro_number}
+            {`${record.cccontracts[0].job.ro_number} - ${
+              record.cccontracts[0].job.ownr_fn || ""
+            } ${record.cccontracts[0].job.ownr_ln || ""} ${record.cccontracts[0].job.ownr_co_nm || ""}`}
           </Link>
         ) : null,
     },

client/src/components/form-date-time-picker/form-date-time-picker.component.jsx

@@ -19,26 +19,26 @@ const DateTimePicker = (
   return (
     <div id={id}>
       <FormDatePicker
-        {...restProps}
-        {...(onlyFuture && {
-          disabledDate: (d) => moment().subtract(1, "day").isAfter(d),
-        })}
-        value={value}
-        onBlur={onBlur}
-        onChange={onChange}
+      {...(onlyFuture && {
+        disabledDate: (d) => moment().subtract(1, "day").isAfter(d),
+      })}
+      value={value}
+      onBlur={onBlur}
+      onChange={onChange}
+      {...restProps}
       />
 
       <TimePicker
-        {...restProps}
-        value={value ? moment(value) : null}
-        {...(onlyFuture && {
-          disabledDate: (d) => moment().isAfter(d),
-        })}
-        onChange={onChange}
-        showSecond={false}
-        minuteStep={15}
-        onBlur={onBlur}
-        format="hh:mm a"
+      value={value ? moment(value) : null}
+      {...(onlyFuture && {
+        disabledDate: (d) => moment().isAfter(d),
+      })}
+      onChange={onChange}
+      showSecond={false}
+      minuteStep={15}
+      onBlur={onBlur}
+      format="hh:mm a"
+      {...restProps}
       />
     </div>
   );

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

@@ -1,5 +1,5 @@
 import { useQuery } from "@apollo/client";
-import { Descriptions, Drawer, Space } from "antd";
+import { Descriptions, Drawer, Space, PageHeader, Button } from "antd";
 import queryString from "query-string";
 import React from "react";
 import { useTranslation } from "react-i18next";
@@ -16,8 +16,25 @@ import JobEmployeeAssignments from "../job-employee-assignments/job-employee-ass
 import LoadingSkeleton from "../loading-skeleton/loading-skeleton.component";
 import ProductionRemoveButton from "../production-remove-button/production-remove-button.component";
 import JobAtChange from "../job-at-change/job-at-change.component";
+import { PrinterFilled } from "@ant-design/icons";
 
-export default function ProductionListDetail({ jobs }) {
+import { connect } from "react-redux";
+import { createStructuredSelector } from "reselect";
+import { setModalContext } from "../../redux/modals/modals.actions";
+
+const mapStateToProps = createStructuredSelector({
+  //currentUser: selectCurrentUser
+});
+const mapDispatchToProps = (dispatch) => ({
+  setPrintCenterContext: (context) =>
+    dispatch(setModalContext({ context: context, modal: "printCenter" })),
+});
+export default connect(
+  mapStateToProps,
+  mapDispatchToProps
+)(ProductionListDetail);
+
+export function ProductionListDetail({ jobs, setPrintCenterContext }) {
   const search = queryString.parse(useLocation().search);
   const history = useHistory();
   const { selected } = search;
@@ -39,11 +56,29 @@ export default function ProductionListDetail({ jobs }) {
   return (
     <Drawer
       title={
-        <Space>
-          <span>{t("production.labels.jobdetail")}</span>
-          <span>{theJob.ro_number}</span>
-          <ProductionRemoveButton jobId={theJob.id} />
-        </Space>
+        <PageHeader
+          title={theJob.ro_number}
+          extra={
+            <Space>
+              <ProductionRemoveButton jobId={theJob.id} />{" "}
+              <Button
+                onClick={() => {
+                  setPrintCenterContext({
+                    actions: { refetch: refetch },
+                    context: {
+                      id: theJob.id,
+                      job: theJob,
+                      type: "job",
+                    },
+                  });
+                }}
+              >
+                <PrinterFilled />
+                {t("jobs.actions.printCenter")}
+              </Button>
+            </Space>
+          }
+        />
       }
       placement="right"
       width={"33%"}

client/src/components/time-ticket-list/time-ticket-list.component.jsx

@@ -76,6 +76,21 @@ export function TimeTicketList({
         state.sortedInfo.columnKey === "employee" && state.sortedInfo.order,
       render: (text, record) =>
         `${record.employee.first_name} ${record.employee.last_name}`,
+      filters:
+        timetickets
+          .map((l) => l.employeeid)
+          .filter(onlyUnique)
+          .map((s) => {
+            return {
+              text: (() => {
+                const emp = bodyshop.employees.find((e) => e.id === s);
+
+                return `${emp.first_name} ${emp.last_name}`;
+              })(), //
+              value: [s],
+            };
+          }) || [],
+      onFilter: (value, record) => value.includes(record.employeeid),
     },
     {
       title: t("timetickets.fields.cost_center"),

client/src/components/time-ticket-modal/time-ticket-modal.component.jsx

@@ -212,6 +212,7 @@ export function TimeTicketModalComponent({
           <>
             <Form.Item label={t("timetickets.fields.clockon")} name="clockon">
               <FormDateTimePicker
+                minuteStep={5}
                 disabled={
                   !HasRbacAccess({
                     bodyshop,
@@ -245,6 +246,7 @@ export function TimeTicketModalComponent({
               ]}
             >
               <FormDateTimePicker
+                minuteStep={5}
                 disabled={
                   !HasRbacAccess({
                     bodyshop,

client/src/graphql/courtesy-car.queries.js

@@ -89,6 +89,9 @@ export const QUERY_ALL_CC = gql`
         job {
           id
           ro_number
+          ownr_fn
+          ownr_ln
+          ownr_co_nm
         }
       }
     }

client/src/translations/en_us/common.json

@@ -21,7 +21,7 @@
 			"actions": {
 				"block": "Block Day",
 				"calculate": "Calculate SMART Dates",
-				"cancel": "Cancel",
+				"cancel": "Cancel Appointment",
 				"intake": "Intake",
 				"new": "New Appointment",
 				"preview": "Preview",