From 03ee20e2b22e402978eced3f0b41d3f2bc5811ee Mon Sep 17 00:00:00 2001
From: Patrick Fic <>
Date: Mon, 3 Jan 2022 09:06:35 -0800
Subject: [PATCH 01/14] IO-1591 Scheduling Modal hours showing as null.

---
 .../schedule-job-modal.component.jsx            | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/client/src/components/schedule-job-modal/schedule-job-modal.component.jsx b/client/src/components/schedule-job-modal/schedule-job-modal.component.jsx
index 73e5664f0..2e986adda 100644
--- a/client/src/components/schedule-job-modal/schedule-job-modal.component.jsx
+++ b/client/src/components/schedule-job-modal/schedule-job-modal.component.jsx
@@ -5,8 +5,9 @@ import {
   Input,
   Row,
   Select,
-  Space, Switch,
-  Typography
+  Space,
+  Switch,
+  Typography,
 } from "antd";
 import axios from "axios";
 import moment from "moment";
@@ -75,10 +76,14 @@ export function ScheduleJobModalComponent({
     <Row gutter={[16, 16]}>
       <Col span={12}>
         <Space>
-          <Typography.Title level={3}>{lbrHrsData?.jobs_by_pk?.ro_number}</Typography.Title>
-          <Typography.Title
-            level={4}
-          >{`B/R Hrs:${lbrHrsData?.jobs_by_pk.labhrs?.aggregate.sum.mod_lb_hrs}/${lbrHrsData?.jobs_by_pk.larhrs?.aggregate.sum.mod_lb_hrs}`}</Typography.Title>
+          <Typography.Title level={3}>
+            {lbrHrsData?.jobs_by_pk?.ro_number}
+          </Typography.Title>
+          <Typography.Title level={4}>{`B/R Hrs:${
+            lbrHrsData?.jobs_by_pk.labhrs?.aggregate?.sum?.mod_lb_hrs || 0
+          }/${
+            lbrHrsData?.jobs_by_pk.larhrs?.aggregate?.sum?.mod_lb_hrs || 0
+          }`}</Typography.Title>
         </Space>
         <LayoutFormRow grow>
           <Form.Item

From db69d2bf2379f5f42b79b21190a2d2cca6d28638 Mon Sep 17 00:00:00 2001
From: Patrick Fic <>
Date: Mon, 3 Jan 2022 09:15:46 -0800
Subject: [PATCH 02/14] IO-1608 add name to parts order.

---
 bodyshop_translations.babel               | 23 ++++++++++++++++++++++-
 client/src/translations/en_us/common.json |  3 ++-
 client/src/translations/es/common.json    |  1 +
 client/src/translations/fr/common.json    |  1 +
 client/src/utils/TemplateConstants.js     |  5 +++++
 5 files changed, 31 insertions(+), 2 deletions(-)

diff --git a/bodyshop_translations.babel b/bodyshop_translations.babel
index 4d9d20acf..34451a81c 100644
--- a/bodyshop_translations.babel
+++ b/bodyshop_translations.babel
@@ -1,4 +1,4 @@
-<babeledit_project version="1.2" be_version="2.7.1">
+<babeledit_project be_version="2.7.1" version="1.2">
     <!--
 
     BabelEdit project file
@@ -33986,6 +33986,27 @@
                                             </translation>
                                         </translations>
                                     </concept_node>
+                                    <concept_node>
+                                        <name>folder_label_multiple</name>
+                                        <definition_loaded>false</definition_loaded>
+                                        <description></description>
+                                        <comment></comment>
+                                        <default_text></default_text>
+                                        <translations>
+                                            <translation>
+                                                <language>en-US</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                            <translation>
+                                                <language>es-MX</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                            <translation>
+                                                <language>fr-CA</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                        </translations>
+                                    </concept_node>
                                     <concept_node>
                                         <name>glass_express_checklist</name>
                                         <definition_loaded>false</definition_loaded>
diff --git a/client/src/translations/en_us/common.json b/client/src/translations/en_us/common.json
index 82142b9cc..e39d34159 100644
--- a/client/src/translations/en_us/common.json
+++ b/client/src/translations/en_us/common.json
@@ -2028,6 +2028,7 @@
 				"filing_coversheet_portrait": "Filing Coversheet (Portrait)",
 				"final_invoice": "Final Invoice",
 				"fippa_authorization": "FIPPA Authorization",
+				"folder_label_multiple": "Folder Label Multiple",
 				"glass_express_checklist": "Glass Express Checklist",
 				"guarantee": "Repair Guarantee",
 				"individual_job_note": "Job Note RO # {{ro_number}}",
@@ -2097,7 +2098,7 @@
 			},
 			"subjects": {
 				"jobs": {
-					"parts_order": "Parts Order PO: {{ro_number}}"
+					"parts_order": "Parts Order PO: {{ro_number}} - {{name}}"
 				}
 			},
 			"vendors": {
diff --git a/client/src/translations/es/common.json b/client/src/translations/es/common.json
index 27de12d04..fdb18c791 100644
--- a/client/src/translations/es/common.json
+++ b/client/src/translations/es/common.json
@@ -2028,6 +2028,7 @@
 				"filing_coversheet_portrait": "",
 				"final_invoice": "",
 				"fippa_authorization": "",
+				"folder_label_multiple": "",
 				"glass_express_checklist": "",
 				"guarantee": "",
 				"individual_job_note": "",
diff --git a/client/src/translations/fr/common.json b/client/src/translations/fr/common.json
index eb8339b1f..2b3e97411 100644
--- a/client/src/translations/fr/common.json
+++ b/client/src/translations/fr/common.json
@@ -2028,6 +2028,7 @@
 				"filing_coversheet_portrait": "",
 				"final_invoice": "",
 				"fippa_authorization": "",
+				"folder_label_multiple": "",
 				"glass_express_checklist": "",
 				"guarantee": "",
 				"individual_job_note": "",
diff --git a/client/src/utils/TemplateConstants.js b/client/src/utils/TemplateConstants.js
index b0cb049ab..5feba4d62 100644
--- a/client/src/utils/TemplateConstants.js
+++ b/client/src/utils/TemplateConstants.js
@@ -509,6 +509,11 @@ export const TemplateList = (type, context) => {
             key: "parts_order",
             subject: i18n.t("printcenter.subjects.jobs.parts_order", {
               ro_number: context && context.job && context.job.ro_number,
+              name: `${(context && context.job && context.job.ownr_fn) || ""} ${
+                (context && context.job && context.job.ownr_ln) || ""
+              } ${
+                (context && context.job && context.job.ownr_co_nm) || ""
+              }`.trim(),
             }),
             disabled: false,
           },

From ee6b91d6ce8d24d4c89e7e6163535d97d3f9a0f7 Mon Sep 17 00:00:00 2001
From: Patrick Fic <>
Date: Mon, 3 Jan 2022 09:16:22 -0800
Subject: [PATCH 03/14] IO-1591 Key tag label.

---
 .../print-center-jobs-labels.component.jsx                 | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/client/src/components/print-center-jobs-labels/print-center-jobs-labels.component.jsx b/client/src/components/print-center-jobs-labels/print-center-jobs-labels.component.jsx
index a45339d56..71224965b 100644
--- a/client/src/components/print-center-jobs-labels/print-center-jobs-labels.component.jsx
+++ b/client/src/components/print-center-jobs-labels/print-center-jobs-labels.component.jsx
@@ -43,7 +43,8 @@ export function PrintCenterJobsLabels({ bodyshop, jobId }) {
         context: restVals,
       },
       {},
-      "p"
+      "p",
+      jobId
     );
     setLoading(false);
     setIsModalVisible(false);
@@ -61,10 +62,10 @@ export function PrintCenterJobsLabels({ bodyshop, jobId }) {
           label={t("printcenter.jobs.labels.position")}
           name="position"
         >
-          <InputNumber min={0} precision={0} />
+          <InputNumber min={1} precision={0} />
         </Form.Item>
         <Form.Item label={t("printcenter.jobs.labels.count")} name="count">
-          <InputNumber min={0} precision={0} />
+          <InputNumber min={1} precision={0} max={99} />
         </Form.Item>
         <Button type="primary" loading={loading} onClick={handleOk}>
           {t("general.actions.print")}

From e06fded73c819ad32f9b507a8a9aa26d2f5e7676 Mon Sep 17 00:00:00 2001
From: Patrick Fic <>
Date: Mon, 3 Jan 2022 10:49:01 -0800
Subject: [PATCH 04/14] IO-1604 Add invoice final note to job close.

---
 bodyshop_translations.babel                   | 21 +++++++++++++++++++
 client/src/graphql/jobs.queries.js            |  1 +
 .../pages/jobs-close/jobs-close.component.jsx |  8 +++++++
 client/src/translations/en_us/common.json     |  1 +
 client/src/translations/es/common.json        |  1 +
 client/src/translations/fr/common.json        |  1 +
 hasura/metadata/tables.yaml                   |  3 +++
 .../down.sql                                  |  4 ++++
 .../up.sql                                    |  2 ++
 9 files changed, 42 insertions(+)
 create mode 100644 hasura/migrations/1641231095921_alter_table_public_jobs_add_column_invoice_final_note/down.sql
 create mode 100644 hasura/migrations/1641231095921_alter_table_public_jobs_add_column_invoice_final_note/up.sql

diff --git a/bodyshop_translations.babel b/bodyshop_translations.babel
index 34451a81c..f992575cc 100644
--- a/bodyshop_translations.babel
+++ b/bodyshop_translations.babel
@@ -21431,6 +21431,27 @@
                                             </concept_node>
                                         </children>
                                     </folder_node>
+                                    <concept_node>
+                                        <name>invoice_final_note</name>
+                                        <definition_loaded>false</definition_loaded>
+                                        <description></description>
+                                        <comment></comment>
+                                        <default_text></default_text>
+                                        <translations>
+                                            <translation>
+                                                <language>en-US</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                            <translation>
+                                                <language>es-MX</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                            <translation>
+                                                <language>fr-CA</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                        </translations>
+                                    </concept_node>
                                     <concept_node>
                                         <name>kmin</name>
                                         <definition_loaded>false</definition_loaded>
diff --git a/client/src/graphql/jobs.queries.js b/client/src/graphql/jobs.queries.js
index 6ec415432..95641e936 100644
--- a/client/src/graphql/jobs.queries.js
+++ b/client/src/graphql/jobs.queries.js
@@ -1816,6 +1816,7 @@ export const QUERY_JOB_CLOSE_DETAILS = gql`
     jobs_by_pk(id: $id) {
       ro_number
       invoice_allocation
+      invoice_final_note
       ins_co_id
       dms_allocation
       id
diff --git a/client/src/pages/jobs-close/jobs-close.component.jsx b/client/src/pages/jobs-close/jobs-close.component.jsx
index 71d961c99..9b9e2dc9a 100644
--- a/client/src/pages/jobs-close/jobs-close.component.jsx
+++ b/client/src/pages/jobs-close/jobs-close.component.jsx
@@ -63,6 +63,7 @@ export function JobsCloseComponent({ job, bodyshop, jobRO }) {
           kmin: values.kmin,
           kmout: values.kmout,
           dms_allocation: values.dms_allocation,
+          invoice_final_note: values.invoice_final_note,
         },
       },
       refetchQueries: ["QUERY_JOB_CLOSE_DETAILS"],
@@ -122,6 +123,7 @@ export function JobsCloseComponent({ job, bodyshop, jobRO }) {
           kmin: job.kmin,
           kmout: job.kmout,
           dms_allocation: job.dms_allocation,
+          invoice_final_note: job.invoice_final_note,
         }}
         scrollToFirstError
       >
@@ -271,6 +273,12 @@ export function JobsCloseComponent({ job, bodyshop, jobRO }) {
               <Input disabled />
             </Form.Item>
           )}
+          <Form.Item
+            label={t("jobs.fields.invoice_final_note")}
+            name="invoice_final_note"
+          >
+            <Input.TextArea disabled={jobRO} />
+          </Form.Item>
         </LayoutFormRow>
         <Divider />
         <JobsCloseLines job={job} />
diff --git a/client/src/translations/en_us/common.json b/client/src/translations/en_us/common.json
index e39d34159..d59aa91b2 100644
--- a/client/src/translations/en_us/common.json
+++ b/client/src/translations/en_us/common.json
@@ -1298,6 +1298,7 @@
 					"required": "Required?",
 					"type": "Type"
 				},
+				"invoice_final_note": "Note to Display on Final Invoice",
 				"kmin": "Mileage In",
 				"kmout": "Mileage Out",
 				"la1": "LA1",
diff --git a/client/src/translations/es/common.json b/client/src/translations/es/common.json
index fdb18c791..f7074b2da 100644
--- a/client/src/translations/es/common.json
+++ b/client/src/translations/es/common.json
@@ -1298,6 +1298,7 @@
 					"required": "",
 					"type": ""
 				},
+				"invoice_final_note": "",
 				"kmin": "Kilometraje en",
 				"kmout": "Kilometraje",
 				"la1": "",
diff --git a/client/src/translations/fr/common.json b/client/src/translations/fr/common.json
index 2b3e97411..a9578c2e2 100644
--- a/client/src/translations/fr/common.json
+++ b/client/src/translations/fr/common.json
@@ -1298,6 +1298,7 @@
 					"required": "",
 					"type": ""
 				},
+				"invoice_final_note": "",
 				"kmin": "Kilométrage en",
 				"kmout": "Kilométrage hors",
 				"la1": "",
diff --git a/hasura/metadata/tables.yaml b/hasura/metadata/tables.yaml
index 5aa98e1b4..b1100630e 100644
--- a/hasura/metadata/tables.yaml
+++ b/hasura/metadata/tables.yaml
@@ -2694,6 +2694,7 @@
       - intakechecklist
       - invoice_allocation
       - invoice_date
+      - invoice_final_note
       - iouparent
       - job_totals
       - kanbanparent
@@ -2948,6 +2949,7 @@
       - intakechecklist
       - invoice_allocation
       - invoice_date
+      - invoice_final_note
       - iouparent
       - job_totals
       - kanbanparent
@@ -3212,6 +3214,7 @@
       - intakechecklist
       - invoice_allocation
       - invoice_date
+      - invoice_final_note
       - iouparent
       - job_totals
       - kanbanparent
diff --git a/hasura/migrations/1641231095921_alter_table_public_jobs_add_column_invoice_final_note/down.sql b/hasura/migrations/1641231095921_alter_table_public_jobs_add_column_invoice_final_note/down.sql
new file mode 100644
index 000000000..bbce2f666
--- /dev/null
+++ b/hasura/migrations/1641231095921_alter_table_public_jobs_add_column_invoice_final_note/down.sql
@@ -0,0 +1,4 @@
+-- Could not auto-generate a down migration.
+-- Please write an appropriate down migration for the SQL below:
+-- alter table "public"."jobs" add column "invoice_final_note" Text
+--  null;
diff --git a/hasura/migrations/1641231095921_alter_table_public_jobs_add_column_invoice_final_note/up.sql b/hasura/migrations/1641231095921_alter_table_public_jobs_add_column_invoice_final_note/up.sql
new file mode 100644
index 000000000..a7b12afb5
--- /dev/null
+++ b/hasura/migrations/1641231095921_alter_table_public_jobs_add_column_invoice_final_note/up.sql
@@ -0,0 +1,2 @@
+alter table "public"."jobs" add column "invoice_final_note" Text
+ null;

From fc023367ccb31bdd9328dfe7bf836d69931af053 Mon Sep 17 00:00:00 2001
From: Patrick Fic <>
Date: Mon, 3 Jan 2022 13:05:47 -0800
Subject: [PATCH 05/14] IO-1608 Remove first name from parts order.

---
 client/src/utils/TemplateConstants.js | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/client/src/utils/TemplateConstants.js b/client/src/utils/TemplateConstants.js
index 5feba4d62..d43395e19 100644
--- a/client/src/utils/TemplateConstants.js
+++ b/client/src/utils/TemplateConstants.js
@@ -509,11 +509,11 @@ export const TemplateList = (type, context) => {
             key: "parts_order",
             subject: i18n.t("printcenter.subjects.jobs.parts_order", {
               ro_number: context && context.job && context.job.ro_number,
-              name: `${(context && context.job && context.job.ownr_fn) || ""} ${
-                (context && context.job && context.job.ownr_ln) || ""
-              } ${
-                (context && context.job && context.job.ownr_co_nm) || ""
-              }`.trim(),
+              name: (
+                (context && context.job && context.job.ownr_ln) ||
+                (context && context.job && context.job.ownr_co_nm) ||
+                ""
+              ).trim(),
             }),
             disabled: false,
           },

From 6457acc61e0a4aa93ffff510bd41c303db11c4b9 Mon Sep 17 00:00:00 2001
From: Patrick Fic <>
Date: Tue, 4 Jan 2022 12:33:20 -0800
Subject: [PATCH 06/14] IO-1613 add suspended days to jobs.

---
 bodyshop_translations.babel                   | 65 ++++++++++++++++++-
 .../jobs-detail-header-actions.component.jsx  | 19 +++++-
 .../jobs-detail-header.component.jsx          |  9 ++-
 .../jobs-list/jobs-list.component.jsx         |  9 ++-
 ...production-board-kanban-card.component.jsx |  9 ++-
 .../production-list-columns.data.js           | 14 +++-
 .../schedule-day-view.container.jsx           |  1 +
 .../schedule-job-modal.component.jsx          |  4 +-
 client/src/graphql/appointments.queries.js    | 22 +++++--
 client/src/graphql/jobs.queries.js            |  5 ++
 client/src/translations/en_us/common.json     |  5 +-
 client/src/translations/es/common.json        |  5 +-
 client/src/translations/fr/common.json        |  5 +-
 hasura/metadata/tables.yaml                   |  3 +
 .../down.sql                                  |  4 ++
 .../up.sql                                    |  2 +
 server/graphql-client/queries.js              | 12 ++--
 server/scheduling/scheduling-job.js           |  1 +
 18 files changed, 170 insertions(+), 24 deletions(-)
 create mode 100644 hasura/migrations/1641322435174_alter_table_public_jobs_add_column_suspended/down.sql
 create mode 100644 hasura/migrations/1641322435174_alter_table_public_jobs_add_column_suspended/up.sql

diff --git a/bodyshop_translations.babel b/bodyshop_translations.babel
index f992575cc..d6c6d4c7f 100644
--- a/bodyshop_translations.babel
+++ b/bodyshop_translations.babel
@@ -1,4 +1,4 @@
-<babeledit_project be_version="2.7.1" version="1.2">
+<babeledit_project version="1.2" be_version="2.7.1">
     <!--
 
     BabelEdit project file
@@ -26904,6 +26904,27 @@
                                             </translation>
                                         </translations>
                                     </concept_node>
+                                    <concept_node>
+                                        <name>suspended</name>
+                                        <definition_loaded>false</definition_loaded>
+                                        <description></description>
+                                        <comment></comment>
+                                        <default_text></default_text>
+                                        <translations>
+                                            <translation>
+                                                <language>en-US</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                            <translation>
+                                                <language>es-MX</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                            <translation>
+                                                <language>fr-CA</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                        </translations>
+                                    </concept_node>
                                     <concept_node>
                                         <name>suspense</name>
                                         <definition_loaded>false</definition_loaded>
@@ -35564,6 +35585,48 @@
                                             </translation>
                                         </translations>
                                     </concept_node>
+                                    <concept_node>
+                                        <name>suspend</name>
+                                        <definition_loaded>false</definition_loaded>
+                                        <description></description>
+                                        <comment></comment>
+                                        <default_text></default_text>
+                                        <translations>
+                                            <translation>
+                                                <language>en-US</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                            <translation>
+                                                <language>es-MX</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                            <translation>
+                                                <language>fr-CA</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                        </translations>
+                                    </concept_node>
+                                    <concept_node>
+                                        <name>unsuspend</name>
+                                        <definition_loaded>false</definition_loaded>
+                                        <description></description>
+                                        <comment></comment>
+                                        <default_text></default_text>
+                                        <translations>
+                                            <translation>
+                                                <language>en-US</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                            <translation>
+                                                <language>es-MX</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                            <translation>
+                                                <language>fr-CA</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                        </translations>
+                                    </concept_node>
                                 </children>
                             </folder_node>
                             <folder_node>
diff --git a/client/src/components/jobs-detail-header-actions/jobs-detail-header-actions.component.jsx b/client/src/components/jobs-detail-header-actions/jobs-detail-header-actions.component.jsx
index e637fa93f..015e0113c 100644
--- a/client/src/components/jobs-detail-header-actions/jobs-detail-header-actions.component.jsx
+++ b/client/src/components/jobs-detail-header-actions/jobs-detail-header-actions.component.jsx
@@ -89,6 +89,19 @@ export function JobsDetailHeaderActions({
     });
   };
 
+  const handleSuspend = (e) => {
+    logImEXEvent("production_toggle_alert");
+    //e.stopPropagation();
+    updateJob({
+      variables: {
+        jobId: job.id,
+        job: {
+          suspended: !job.suspended,
+        },
+      },
+    });
+  };
+
   const statusmenu = (
     <Menu key="popovermenu">
       <Menu.Item
@@ -199,7 +212,11 @@ export function JobsDetailHeaderActions({
           {t("jobs.actions.addtoproduction")}
         </Menu.Item>
       )}
-
+      <Menu.Item key="togglesuspend" onClick={handleSuspend}>
+        {job.suspended
+          ? t("production.actions.unsuspend")
+          : t("production.actions.suspend")}
+      </Menu.Item>
       <Menu.Item key="toggleAlert" onClick={handleAlertToggle}>
         {job.production_vars && job.production_vars.alert
           ? t("production.labels.alertoff")
diff --git a/client/src/components/jobs-detail-header/jobs-detail-header.component.jsx b/client/src/components/jobs-detail-header/jobs-detail-header.component.jsx
index 32bf610d5..86fbde089 100644
--- a/client/src/components/jobs-detail-header/jobs-detail-header.component.jsx
+++ b/client/src/components/jobs-detail-header/jobs-detail-header.component.jsx
@@ -1,5 +1,9 @@
 import { Card, Col, Row, Space, Tag } from "antd";
-import { WarningFilled, ExclamationCircleFilled } from "@ant-design/icons";
+import {
+  WarningFilled,
+  ExclamationCircleFilled,
+  PauseCircleOutlined,
+} from "@ant-design/icons";
 import React, { useMemo } from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
@@ -68,6 +72,9 @@ export function JobsDetailHeader({ job, bodyshop, disabled }) {
                     {t("jobs.labels.inproduction")}
                   </Tag>
                 )}
+                {job.suspended && (
+                  <PauseCircleOutlined style={{ color: "orangered" }} />
+                )}
                 {job.production_vars && job.production_vars.alert ? (
                   <ExclamationCircleFilled className="production-alert" />
                 ) : null}
diff --git a/client/src/components/jobs-list/jobs-list.component.jsx b/client/src/components/jobs-list/jobs-list.component.jsx
index 49f8a61f0..51b646c1c 100644
--- a/client/src/components/jobs-list/jobs-list.component.jsx
+++ b/client/src/components/jobs-list/jobs-list.component.jsx
@@ -1,4 +1,8 @@
-import { SyncOutlined, ExclamationCircleFilled } from "@ant-design/icons";
+import {
+  SyncOutlined,
+  ExclamationCircleFilled,
+  PauseCircleOutlined,
+} from "@ant-design/icons";
 import { useQuery } from "@apollo/client";
 import { Button, Card, Grid, Input, Space, Table } from "antd";
 import queryString from "query-string";
@@ -111,6 +115,9 @@ export function JobsList({ bodyshop }) {
             {record.production_vars && record.production_vars.alert ? (
               <ExclamationCircleFilled className="production-alert" />
             ) : null}
+            {record.suspended && (
+              <PauseCircleOutlined style={{ color: "orangered" }} />
+            )}
           </Space>
         </Link>
       ),
diff --git a/client/src/components/production-board-kanban-card/production-board-kanban-card.component.jsx b/client/src/components/production-board-kanban-card/production-board-kanban-card.component.jsx
index 952c23b44..817627ec8 100644
--- a/client/src/components/production-board-kanban-card/production-board-kanban-card.component.jsx
+++ b/client/src/components/production-board-kanban-card/production-board-kanban-card.component.jsx
@@ -1,4 +1,8 @@
-import { CalendarOutlined, EyeFilled } from "@ant-design/icons";
+import {
+  CalendarOutlined,
+  EyeFilled,
+  PauseCircleOutlined,
+} from "@ant-design/icons";
 import { Card, Col, Row, Space } from "antd";
 import React from "react";
 import { useTranslation } from "react-i18next";
@@ -40,6 +44,9 @@ export default function ProductionBoardCard(
       title={
         <Space>
           <ProductionAlert record={card} key="alert" />
+          {card.suspended && (
+            <PauseCircleOutlined style={{ color: "orangered" }} />
+          )}
           <span style={{ fontWeight: "bolder" }}>
             {card.ro_number || t("general.labels.na")}
           </span>
diff --git a/client/src/components/production-list-columns/production-list-columns.data.js b/client/src/components/production-list-columns/production-list-columns.data.js
index 0072c0ca5..7c3751b03 100644
--- a/client/src/components/production-list-columns/production-list-columns.data.js
+++ b/client/src/components/production-list-columns/production-list-columns.data.js
@@ -1,3 +1,5 @@
+import { PauseCircleOutlined } from "@ant-design/icons";
+import { Space } from "antd";
 import i18n from "i18next";
 import moment from "moment";
 import React from "react";
@@ -43,9 +45,19 @@ const r = ({ technician, state, activeStatuses, bodyshop }) => {
         technician ? (
           <Link to={`/tech/joblookup?selected=${record.id}`}>
             {record.ro_number}
+            {record.suspended && (
+              <PauseCircleOutlined style={{ color: "orangered" }} />
+            )}
           </Link>
         ) : (
-          <Link to={`/manage/jobs/${record.id}`}>{record.ro_number}</Link>
+          <Link to={`/manage/jobs/${record.id}`}>
+            <Space>
+              {record.ro_number}
+              {record.suspended && (
+                <PauseCircleOutlined style={{ color: "orangered" }} />
+              )}
+            </Space>
+          </Link>
         ),
     },
     {
diff --git a/client/src/components/schedule-day-view/schedule-day-view.container.jsx b/client/src/components/schedule-day-view/schedule-day-view.container.jsx
index e48240e59..3a55f2908 100644
--- a/client/src/components/schedule-day-view/schedule-day-view.container.jsx
+++ b/client/src/components/schedule-day-view/schedule-day-view.container.jsx
@@ -5,6 +5,7 @@ import { QUERY_APPOINTMENT_BY_DATE } from "../../graphql/appointments.queries";
 import LoadingSkeleton from "../loading-skeleton/loading-skeleton.component";
 import moment from "moment";
 import { useTranslation } from "react-i18next";
+
 export default function ScheduleDayViewContainer({ day }) {
   const { loading, error, data } = useQuery(QUERY_APPOINTMENT_BY_DATE, {
     variables: {
diff --git a/client/src/components/schedule-job-modal/schedule-job-modal.component.jsx b/client/src/components/schedule-job-modal/schedule-job-modal.component.jsx
index 2e986adda..b31682f89 100644
--- a/client/src/components/schedule-job-modal/schedule-job-modal.component.jsx
+++ b/client/src/components/schedule-job-modal/schedule-job-modal.component.jsx
@@ -188,10 +188,10 @@ export function ScheduleJobModalComponent({
         />
       </Col>
       <Col span={12}>
-        <Form.Item shouldUpdate>
+        <Form.Item shouldUpdate={(prev, cur) => prev.start !== cur.start}>
           {() => {
+            console.log("render");
             const values = form.getFieldsValue();
-
             return (
               <div className="schedule-job-modal">
                 <ScheduleDayViewContainer day={values.start} />
diff --git a/client/src/graphql/appointments.queries.js b/client/src/graphql/appointments.queries.js
index 529cf68a7..3f9a4144d 100644
--- a/client/src/graphql/appointments.queries.js
+++ b/client/src/graphql/appointments.queries.js
@@ -212,7 +212,9 @@ export const QUERY_APPOINTMENTS_BY_JOBID = gql`
 `;
 export const QUERY_SCHEDULE_LOAD_DATA = gql`
   query QUERY_SCHEDULE_LOAD_DATA($start: timestamptz!, $end: timestamptz!) {
-    prodJobs: jobs(where: { inproduction: { _eq: true } }) {
+    prodJobs: jobs(
+      where: { inproduction: { _eq: true }, suspended: { _eq: false } }
+    ) {
       id
       labhrs: joblines_aggregate(
         where: { mod_lbr_ty: { _neq: "LAR" }, removed: { _eq: false } }
@@ -235,9 +237,14 @@ export const QUERY_SCHEDULE_LOAD_DATA = gql`
     }
     compJobs: jobs(
       where: {
-        _or: [
-          { scheduled_completion: { _gte: $start, _lte: $end } }
-          { actual_completion: { _gte: $start, _lte: $end } }
+        _and: [
+          { suspended: { _eq: false } }
+          {
+            _or: [
+              { scheduled_completion: { _gte: $start, _lte: $end } }
+              { actual_completion: { _gte: $start, _lte: $end } }
+            ]
+          }
         ]
       }
     ) {
@@ -264,7 +271,12 @@ export const QUERY_SCHEDULE_LOAD_DATA = gql`
         }
       }
     }
-    arrJobs: jobs(where: { scheduled_in: { _gte: $start, _lte: $end } }) {
+    arrJobs: jobs(
+      where: {
+        scheduled_in: { _gte: $start, _lte: $end }
+        suspended: { _eq: false }
+      }
+    ) {
       id
       scheduled_in
       ro_number
diff --git a/client/src/graphql/jobs.queries.js b/client/src/graphql/jobs.queries.js
index 95641e936..2218ed820 100644
--- a/client/src/graphql/jobs.queries.js
+++ b/client/src/graphql/jobs.queries.js
@@ -42,6 +42,7 @@ export const QUERY_ALL_ACTIVE_JOBS = gql`
       status
       updated_at
       ded_amt
+      suspended
     }
   }
 `;
@@ -290,6 +291,7 @@ export const QUERY_JOBS_IN_PRODUCTION = gql`
       employee_refinish
       employee_prep
       employee_csr
+      suspended
       labhrs: joblines_aggregate(
         where: {
           _and: [{ mod_lbr_ty: { _neq: "LAR" } }, { removed: { _eq: false } }]
@@ -654,6 +656,7 @@ export const GET_JOB_BY_PK = gql`
       voided
       ca_bc_pvrt
       ca_customer_gst
+      suspended
       joblines(where: { removed: { _eq: false } }, order_by: { line_no: asc }) {
         id
         alt_partm
@@ -828,6 +831,7 @@ export const QUERY_JOB_CARD_DETAILS = gql`
       ca_gst_registrant
       owner_owing
       special_coverage_policy
+      suspended
       available_jobs {
         id
       }
@@ -1034,6 +1038,7 @@ export const UPDATE_JOB = gql`
         ro_number
         production_vars
         lbr_adjustments
+        suspended
       }
     }
   }
diff --git a/client/src/translations/en_us/common.json b/client/src/translations/en_us/common.json
index d59aa91b2..1282f1643 100644
--- a/client/src/translations/en_us/common.json
+++ b/client/src/translations/en_us/common.json
@@ -1578,6 +1578,7 @@
 				"subletstotal": "Sublets Total",
 				"subtotal": "Subtotal",
 				"supplementnote": "The job had a supplement imported.",
+				"suspended": "SUSPENDED",
 				"suspense": "Suspense",
 				"total_cost": "Total Cost",
 				"total_cust_payable": "Total Customer Amount Payable",
@@ -2118,7 +2119,9 @@
 				"paintpriority-set": "Set Paint Priority",
 				"remove": "Remove from Production",
 				"removecolumn": "Remove Column",
-				"saveconfig": "Save Configuration"
+				"saveconfig": "Save Configuration",
+				"suspend": "Suspend",
+				"unsuspend": "Unsuspend"
 			},
 			"errors": {
 				"boardupdate": "Error encountered updating job. {{message}}",
diff --git a/client/src/translations/es/common.json b/client/src/translations/es/common.json
index f7074b2da..c2ee5c268 100644
--- a/client/src/translations/es/common.json
+++ b/client/src/translations/es/common.json
@@ -1578,6 +1578,7 @@
 				"subletstotal": "",
 				"subtotal": "",
 				"supplementnote": "",
+				"suspended": "",
 				"suspense": "",
 				"total_cost": "",
 				"total_cust_payable": "",
@@ -2118,7 +2119,9 @@
 				"paintpriority-set": "",
 				"remove": "",
 				"removecolumn": "",
-				"saveconfig": ""
+				"saveconfig": "",
+				"suspend": "",
+				"unsuspend": ""
 			},
 			"errors": {
 				"boardupdate": "",
diff --git a/client/src/translations/fr/common.json b/client/src/translations/fr/common.json
index a9578c2e2..27772896c 100644
--- a/client/src/translations/fr/common.json
+++ b/client/src/translations/fr/common.json
@@ -1578,6 +1578,7 @@
 				"subletstotal": "",
 				"subtotal": "",
 				"supplementnote": "",
+				"suspended": "",
 				"suspense": "",
 				"total_cost": "",
 				"total_cust_payable": "",
@@ -2118,7 +2119,9 @@
 				"paintpriority-set": "",
 				"remove": "",
 				"removecolumn": "",
-				"saveconfig": ""
+				"saveconfig": "",
+				"suspend": "",
+				"unsuspend": ""
 			},
 			"errors": {
 				"boardupdate": "",
diff --git a/hasura/metadata/tables.yaml b/hasura/metadata/tables.yaml
index b1100630e..490c97131 100644
--- a/hasura/metadata/tables.yaml
+++ b/hasura/metadata/tables.yaml
@@ -2780,6 +2780,7 @@
       - state_tax_rate
       - status
       - storage_payable
+      - suspended
       - tax_lbr_rt
       - tax_levies_rt
       - tax_paint_mat_rt
@@ -3035,6 +3036,7 @@
       - state_tax_rate
       - status
       - storage_payable
+      - suspended
       - tax_lbr_rt
       - tax_levies_rt
       - tax_paint_mat_rt
@@ -3300,6 +3302,7 @@
       - state_tax_rate
       - status
       - storage_payable
+      - suspended
       - tax_lbr_rt
       - tax_levies_rt
       - tax_paint_mat_rt
diff --git a/hasura/migrations/1641322435174_alter_table_public_jobs_add_column_suspended/down.sql b/hasura/migrations/1641322435174_alter_table_public_jobs_add_column_suspended/down.sql
new file mode 100644
index 000000000..31892f49f
--- /dev/null
+++ b/hasura/migrations/1641322435174_alter_table_public_jobs_add_column_suspended/down.sql
@@ -0,0 +1,4 @@
+-- Could not auto-generate a down migration.
+-- Please write an appropriate down migration for the SQL below:
+-- alter table "public"."jobs" add column "suspended" boolean
+--  not null default 'false';
diff --git a/hasura/migrations/1641322435174_alter_table_public_jobs_add_column_suspended/up.sql b/hasura/migrations/1641322435174_alter_table_public_jobs_add_column_suspended/up.sql
new file mode 100644
index 000000000..e34b681af
--- /dev/null
+++ b/hasura/migrations/1641322435174_alter_table_public_jobs_add_column_suspended/up.sql
@@ -0,0 +1,2 @@
+alter table "public"."jobs" add column "suspended" boolean
+ not null default 'false';
diff --git a/server/graphql-client/queries.js b/server/graphql-client/queries.js
index a7cf85be8..3ed050f80 100644
--- a/server/graphql-client/queries.js
+++ b/server/graphql-client/queries.js
@@ -473,7 +473,7 @@ exports.QUERY_UPCOMING_APPOINTMENTS = `query QUERY_UPCOMING_APPOINTMENTS($now: t
     start
     block
   }
-  arrJobs: jobs(where: {scheduled_in: {_gte: $now}}) {
+  arrJobs: jobs(where: {scheduled_in: {_gte: $now}, suspended: {_eq: false}}) {
     id
     scheduled_in
     ro_number
@@ -492,7 +492,7 @@ exports.QUERY_UPCOMING_APPOINTMENTS = `query QUERY_UPCOMING_APPOINTMENTS($now: t
       }
     }
   }
-  compJobs: jobs(where: {_or: [{scheduled_completion: {_gte: $now}}, {actual_completion: {_gte: $now}}]}) {
+  compJobs: jobs(where: {_and: [{suspended: {_eq: false}}, {_or: [{scheduled_completion: {_gte: $now}}, {actual_completion: {_gte: $now}}]}]}) {
     id
     ro_number
     scheduled_completion
@@ -512,7 +512,7 @@ exports.QUERY_UPCOMING_APPOINTMENTS = `query QUERY_UPCOMING_APPOINTMENTS($now: t
       }
     }
   }
-  prodJobs: jobs(where: {inproduction: {_eq: true}}) {
+  prodJobs: jobs(where: {inproduction: {_eq: true}, suspended: {_eq: false}}) {
     id
     scheduled_completion
     labhrs: joblines_aggregate(where: {_and: [{mod_lbr_ty: {_neq: "LAR"}}, {removed: {_eq: false}}]}) {
@@ -530,11 +530,7 @@ exports.QUERY_UPCOMING_APPOINTMENTS = `query QUERY_UPCOMING_APPOINTMENTS($now: t
       }
     }
   }
-}
-
-
-
- `;
+}`;
 
 exports.QUERY_EMPLOYEE_PIN = `query QUERY_EMPLOYEE_PIN($shopId: uuid!, $employeeId: String!) {
   employees(where: {_and: {shopid: {_eq: $shopId}, employee_number: {_eq: $employeeId}}}) {
diff --git a/server/scheduling/scheduling-job.js b/server/scheduling/scheduling-job.js
index 8c06b5345..54bad6919 100644
--- a/server/scheduling/scheduling-job.js
+++ b/server/scheduling/scheduling-job.js
@@ -140,6 +140,7 @@ exports.job = async (req, res) => {
       ...filteredCompJobs
         .map((p) => moment(p.actual_completion || p.scheduled_completion))
         .filter((p) => p.isValid() && p.isAfter(yesterday)),
+      moment().add(5, "days"),
     ]);
     const range = Math.round(moment.duration(end.diff(today)).asDays());
     for (var day = 0; day < range; day++) {

From 50926547b31282cd7690970dc266fb6693aad24f Mon Sep 17 00:00:00 2001
From: Patrick Fic <>
Date: Wed, 5 Jan 2022 11:45:37 -0800
Subject: [PATCH 07/14] IO-1612 Add employee vacation tracking.

---
 bodyshop_translations.babel                   | 110 +++++++++++
 .../schedule-calendar.container.jsx           |  40 +++-
 .../schedule-day-view.container.jsx           |  34 +++-
 .../schedule-job-modal.component.jsx          |   1 -
 .../shop-employees-add-vacation.component.jsx | 124 +++++++++++++
 .../shop-employees-form.component.jsx         | 172 +++++++++++++++---
 .../shop-employees-list.component.jsx         |  41 ++---
 .../shop-employees.component.jsx              |  29 ---
 .../shop-employees.container.jsx              | 114 ++----------
 client/src/graphql/appointments.queries.js    |  33 +++-
 client/src/graphql/employees.queries.js       |  44 +++++
 client/src/translations/en_us/common.json     |   9 +-
 client/src/translations/es/common.json        |   9 +-
 client/src/translations/fr/common.json        |   9 +-
 hasura/metadata/tables.yaml                   |  89 +++++++++
 .../down.sql                                  |   1 +
 .../up.sql                                    |  18 ++
 17 files changed, 678 insertions(+), 199 deletions(-)
 create mode 100644 client/src/components/shop-employees/shop-employees-add-vacation.component.jsx
 delete mode 100644 client/src/components/shop-employees/shop-employees.component.jsx
 create mode 100644 hasura/migrations/1641339745427_create_table_public_employee_vacation/down.sql
 create mode 100644 hasura/migrations/1641339745427_create_table_public_employee_vacation/up.sql

diff --git a/bodyshop_translations.babel b/bodyshop_translations.babel
index d6c6d4c7f..b142996b8 100644
--- a/bodyshop_translations.babel
+++ b/bodyshop_translations.babel
@@ -13183,6 +13183,27 @@
                             <folder_node>
                                 <name>actions</name>
                                 <children>
+                                    <concept_node>
+                                        <name>addvacation</name>
+                                        <definition_loaded>false</definition_loaded>
+                                        <description></description>
+                                        <comment></comment>
+                                        <default_text></default_text>
+                                        <translations>
+                                            <translation>
+                                                <language>en-US</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                            <translation>
+                                                <language>es-MX</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                            <translation>
+                                                <language>fr-CA</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                        </translations>
+                                    </concept_node>
                                     <concept_node>
                                         <name>new</name>
                                         <definition_loaded>false</definition_loaded>
@@ -13571,6 +13592,74 @@
                                             </translation>
                                         </translations>
                                     </concept_node>
+                                    <folder_node>
+                                        <name>vacation</name>
+                                        <children>
+                                            <concept_node>
+                                                <name>end</name>
+                                                <definition_loaded>false</definition_loaded>
+                                                <description></description>
+                                                <comment></comment>
+                                                <default_text></default_text>
+                                                <translations>
+                                                    <translation>
+                                                        <language>en-US</language>
+                                                        <approved>false</approved>
+                                                    </translation>
+                                                    <translation>
+                                                        <language>es-MX</language>
+                                                        <approved>false</approved>
+                                                    </translation>
+                                                    <translation>
+                                                        <language>fr-CA</language>
+                                                        <approved>false</approved>
+                                                    </translation>
+                                                </translations>
+                                            </concept_node>
+                                            <concept_node>
+                                                <name>length</name>
+                                                <definition_loaded>false</definition_loaded>
+                                                <description></description>
+                                                <comment></comment>
+                                                <default_text></default_text>
+                                                <translations>
+                                                    <translation>
+                                                        <language>en-US</language>
+                                                        <approved>false</approved>
+                                                    </translation>
+                                                    <translation>
+                                                        <language>es-MX</language>
+                                                        <approved>false</approved>
+                                                    </translation>
+                                                    <translation>
+                                                        <language>fr-CA</language>
+                                                        <approved>false</approved>
+                                                    </translation>
+                                                </translations>
+                                            </concept_node>
+                                            <concept_node>
+                                                <name>start</name>
+                                                <definition_loaded>false</definition_loaded>
+                                                <description></description>
+                                                <comment></comment>
+                                                <default_text></default_text>
+                                                <translations>
+                                                    <translation>
+                                                        <language>en-US</language>
+                                                        <approved>false</approved>
+                                                    </translation>
+                                                    <translation>
+                                                        <language>es-MX</language>
+                                                        <approved>false</approved>
+                                                    </translation>
+                                                    <translation>
+                                                        <language>fr-CA</language>
+                                                        <approved>false</approved>
+                                                    </translation>
+                                                </translations>
+                                            </concept_node>
+                                        </children>
+                                    </folder_node>
                                 </children>
                             </folder_node>
                             <folder_node>
@@ -13597,6 +13686,27 @@
                                             </translation>
                                         </translations>
                                     </concept_node>
+                                    <concept_node>
+                                        <name>endmustbeafterstart</name>
+                                        <definition_loaded>false</definition_loaded>
+                                        <description></description>
+                                        <comment></comment>
+                                        <default_text></default_text>
+                                        <translations>
+                                            <translation>
+                                                <language>en-US</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                            <translation>
+                                                <language>es-MX</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                            <translation>
+                                                <language>fr-CA</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                        </translations>
+                                    </concept_node>
                                     <concept_node>
                                         <name>flat_rate</name>
                                         <definition_loaded>false</definition_loaded>
diff --git a/client/src/components/schedule-calendar/schedule-calendar.container.jsx b/client/src/components/schedule-calendar/schedule-calendar.container.jsx
index 04a89d99a..0d0178207 100644
--- a/client/src/components/schedule-calendar/schedule-calendar.container.jsx
+++ b/client/src/components/schedule-calendar/schedule-calendar.container.jsx
@@ -10,6 +10,7 @@ import ScheduleCalendarComponent from "./schedule-calendar.component";
 import { calculateScheduleLoad } from "../../redux/application/application.actions";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
+import moment from "moment";
 const mapStateToProps = createStructuredSelector({
   //currentUser: selectCurrentUser
 });
@@ -26,7 +27,12 @@ export function ScheduleCalendarContainer({ calculateScheduleLoad }) {
   const { loading, error, data, refetch } = useQuery(
     QUERY_ALL_ACTIVE_APPOINTMENTS,
     {
-      variables: { start: range.start.toDate(), end: range.end.toDate() },
+      variables: {
+        start: range.start.toDate(),
+        end: range.end.toDate(),
+        startd: range.start,
+        endd: range.end,
+      },
       skip: !!!range.start || !!!range.end,
       fetchPolicy: "network-only",
       nextFetchPolicy: "network-only",
@@ -39,15 +45,29 @@ export function ScheduleCalendarContainer({ calculateScheduleLoad }) {
 
   if (loading) return <LoadingSpinner />;
   if (error) return <AlertComponent message={error.message} type="error" />;
-  let normalizedData = data.appointments.map((e) => {
-    //Required becuase Hasura returns a string instead of a date object.
-    return Object.assign(
-      {},
-      e,
-      { start: new Date(e.start) },
-      { end: new Date(e.end) }
-    );
-  });
+  let normalizedData = [
+    ...data.appointments.map((e) => {
+      //Required becuase Hasura returns a string instead of a date object.
+      return Object.assign(
+        {},
+        e,
+        { start: new Date(e.start) },
+        { end: new Date(e.end) }
+      );
+    }),
+    ...data.employee_vacation.map((e) => {
+      //Required becuase Hasura returns a string instead of a date object.
+      return {
+        ...e,
+        title: `${
+          (e.employee.first_name && e.employee.first_name.substr(0, 1)) || ""
+        } ${e.employee.last_name || ""} OUT`,
+        color: "red",
+        start: moment(e.start).startOf("day").toDate(),
+        end: moment(e.end).startOf("day").toDate(),
+      };
+    }),
+  ];
 
   return (
     <ScheduleCalendarComponent
diff --git a/client/src/components/schedule-day-view/schedule-day-view.container.jsx b/client/src/components/schedule-day-view/schedule-day-view.container.jsx
index 3a55f2908..a5bd37212 100644
--- a/client/src/components/schedule-day-view/schedule-day-view.container.jsx
+++ b/client/src/components/schedule-day-view/schedule-day-view.container.jsx
@@ -11,6 +11,8 @@ export default function ScheduleDayViewContainer({ day }) {
     variables: {
       start: moment(day).startOf("day"),
       end: moment(day).endOf("day"),
+      startd: moment(day).startOf("day").format("YYYY-MM-DD"),
+      endd: moment(day).add(1, "day").format("YYYY-MM-DD"),
     },
     skip: !moment(day).isValid(),
     fetchPolicy: "network-only",
@@ -23,15 +25,29 @@ export default function ScheduleDayViewContainer({ day }) {
   let normalizedData;
 
   if (data) {
-    normalizedData = data.appointments.map((e) => {
-      //Required becuase Hasura returns a string instead of a date object.
-      return Object.assign(
-        {},
-        e,
-        { start: new Date(e.start) },
-        { end: new Date(e.end) }
-      );
-    });
+    normalizedData = [
+      ...data.appointments.map((e) => {
+        //Required becuase Hasura returns a string instead of a date object.
+        return Object.assign(
+          {},
+          e,
+          { start: new Date(e.start) },
+          { end: new Date(e.end) }
+        );
+      }),
+      ...data.employee_vacation.map((e) => {
+        //Required becuase Hasura returns a string instead of a date object.
+        return {
+          ...e,
+          title: `${
+            (e.employee.first_name && e.employee.first_name.substr(0, 1)) || ""
+          } ${e.employee.last_name || ""} OUT`,
+          color: "red",
+          start: moment(e.start).startOf("day").toDate(),
+          end: moment(e.end).startOf("day").toDate(),
+        };
+      }),
+    ];
   }
 
   return (
diff --git a/client/src/components/schedule-job-modal/schedule-job-modal.component.jsx b/client/src/components/schedule-job-modal/schedule-job-modal.component.jsx
index b31682f89..121291c89 100644
--- a/client/src/components/schedule-job-modal/schedule-job-modal.component.jsx
+++ b/client/src/components/schedule-job-modal/schedule-job-modal.component.jsx
@@ -190,7 +190,6 @@ export function ScheduleJobModalComponent({
       <Col span={12}>
         <Form.Item shouldUpdate={(prev, cur) => prev.start !== cur.start}>
           {() => {
-            console.log("render");
             const values = form.getFieldsValue();
             return (
               <div className="schedule-job-modal">
diff --git a/client/src/components/shop-employees/shop-employees-add-vacation.component.jsx b/client/src/components/shop-employees/shop-employees-add-vacation.component.jsx
new file mode 100644
index 000000000..d12bfcc03
--- /dev/null
+++ b/client/src/components/shop-employees/shop-employees-add-vacation.component.jsx
@@ -0,0 +1,124 @@
+import { useMutation } from "@apollo/client";
+import { Button, Card, Form, notification, Popover, Space } from "antd";
+import moment from "moment";
+import React, { useState } from "react";
+import { useTranslation } from "react-i18next";
+import { logImEXEvent } from "../../firebase/firebase.utils";
+import { INSERT_VACATION } from "../../graphql/employees.queries";
+import FormDatePicker from "../form-date-picker/form-date-picker.component";
+
+export default function ShopEmployeeAddVacation({ employee }) {
+  const { t } = useTranslation();
+  const [insertVacation] = useMutation(INSERT_VACATION);
+
+  const [loading, setLoading] = useState(false);
+  const [form] = Form.useForm();
+  const [visibility, setVisibility] = useState(false);
+
+  const handleFinish = async (values) => {
+    logImEXEvent("employee_add_vacation");
+
+    setLoading(true);
+    let result;
+
+    result = await insertVacation({
+      variables: { vacation: { ...values, employeeid: employee.id } },
+      update(cache, { data }) {
+        cache.modify({
+          id: cache.identify({ id: employee.id, __typename: "employees" }),
+          fields: {
+            employee_vacations(ex) {
+              return [data.insert_employee_vacation_one, ...ex];
+            },
+          },
+        });
+      },
+    });
+
+    if (!!result.errors) {
+      notification["error"]({
+        message: t("employees.errors.adding", {
+          message: JSON.stringify(result.errors),
+        }),
+      });
+    } else {
+      notification["success"]({
+        message: t("employees.successes.added"),
+      });
+    }
+    setLoading(false);
+    setVisibility(false);
+  };
+
+  const overlay = (
+    <Card>
+      <Form form={form} layout="vertical" onFinish={handleFinish}>
+        <Form.Item
+          label={t("employees.fields.vacation.start")}
+          name="start"
+          rules={[
+            {
+              required: true,
+              //message: t("general.validation.required"),
+            },
+          ]}
+        >
+          <FormDatePicker />
+        </Form.Item>
+        <Form.Item
+          label={t("employees.fields.vacation.end")}
+          name="end"
+          rules={[
+            {
+              required: true,
+              //message: t("general.validation.required"),
+            },
+            ({ getFieldValue }) => ({
+              async validator(rule, value) {
+                if (value) {
+                  const { start } = form.getFieldsValue();
+                  if (moment(start).isAfter(moment(value))) {
+                    return Promise.reject(
+                      t("employees.labels.endmustbeafterstart")
+                    );
+                  } else {
+                    return Promise.resolve();
+                  }
+                } else {
+                  return Promise.resolve();
+                }
+              },
+            }),
+          ]}
+        >
+          <FormDatePicker />
+        </Form.Item>
+
+        <Space wrap>
+          <Button type="primary" htmlType="submit">
+            {t("general.actions.save")}
+          </Button>
+          <Button onClick={() => setVisibility(false)}>
+            {t("general.actions.cancel")}
+          </Button>
+        </Space>
+      </Form>
+    </Card>
+  );
+
+  const handleClick = (e) => {
+    setVisibility(true);
+  };
+
+  return (
+    <Popover content={overlay} visible={visibility}>
+      <Button
+        loading={loading}
+        disabled={!employee?.active}
+        onClick={handleClick}
+      >
+        {t("employees.actions.addvacation")}
+      </Button>
+    </Popover>
+  );
+}
diff --git a/client/src/components/shop-employees/shop-employees-form.component.jsx b/client/src/components/shop-employees/shop-employees-form.component.jsx
index acfadbcde..2282d62ef 100644
--- a/client/src/components/shop-employees/shop-employees-form.component.jsx
+++ b/client/src/components/shop-employees/shop-employees-form.component.jsx
@@ -1,20 +1,41 @@
 import { DeleteFilled } from "@ant-design/icons";
-import { Button, Card, Form, Input, InputNumber, Select, Switch } from "antd";
+import { useApolloClient, useMutation, useQuery } from "@apollo/client";
+import {
+  Button,
+  Card,
+  Form,
+  Input,
+  InputNumber,
+  notification,
+  Select,
+  Switch,
+  Table,
+} from "antd";
+import { useForm } from "antd/es/form/Form";
 import moment from "moment";
+import querystring from "query-string";
 import React, { useEffect } from "react";
-import { useApolloClient } from "@apollo/client";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
+import { useHistory, useLocation } from "react-router-dom";
 import { createStructuredSelector } from "reselect";
+import { logImEXEvent } from "../../firebase/firebase.utils";
 import {
   CHECK_EMPLOYEE_NUMBER,
+  DELETE_VACATION,
+  INSERT_EMPLOYEES,
+  QUERY_EMPLOYEE_BY_ID,
   QUERY_USERS_BY_EMAIL,
+  UPDATE_EMPLOYEE,
 } from "../../graphql/employees.queries";
 import { selectBodyshop } from "../../redux/user/user.selectors";
+import CiecaSelect from "../../utils/Ciecaselect";
+import { DateFormatter } from "../../utils/DateFormatter";
+import AlertComponent from "../alert/alert.component";
 import FormDatePicker from "../form-date-picker/form-date-picker.component";
 import FormListMoveArrows from "../form-list-move-arrows/form-list-move-arrows.component";
 import LayoutFormRow from "../layout-form-row/layout-form-row.component";
-import CiecaSelect from "../../utils/Ciecaselect";
+import ShopEmployeeAddVacation from "./shop-employees-add-vacation.component";
 
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop,
@@ -23,20 +44,129 @@ const mapDispatchToProps = (dispatch) => ({
   //setUserLanguage: language => dispatch(setUserLanguage(language))
 });
 
-export function ShopEmployeesFormComponent({
-  bodyshop,
-  form,
-  selectedEmployee,
-  handleFinish,
-}) {
+export function ShopEmployeesFormComponent({ bodyshop }) {
   const { t } = useTranslation();
+  const [form] = useForm();
+  const history = useHistory();
+  const search = querystring.parse(useLocation().search);
+  const [deleteVacation] = useMutation(DELETE_VACATION);
+  const { error, data } = useQuery(QUERY_EMPLOYEE_BY_ID, {
+    variables: { id: search.employeeId },
+    skip: !search.employeeId || search.employeeId === "new",
+    fetchPolicy: "network-only",
+    nextFetchPolicy: "network-only",
+  });
 
   const client = useApolloClient();
   useEffect(() => {
-    if (selectedEmployee) form.resetFields();
-  }, [selectedEmployee, form]);
+    if (data && data.employees_by_pk) form.setFieldsValue(data.employees_by_pk);
+    else {
+      form.resetFields();
+    }
+  }, [form, data, search.employeeId]);
 
-  if (!selectedEmployee) return null;
+  const [updateEmployee] = useMutation(UPDATE_EMPLOYEE);
+  const [insertEmployees] = useMutation(INSERT_EMPLOYEES);
+
+  const handleFinish = (values) => {
+    if (search.employeeId && search.employeeId !== "new") {
+      //Update a record.
+      logImEXEvent("shop_employee_update");
+
+      updateEmployee({
+        variables: {
+          id: search.employeeId,
+          employee: {
+            ...values,
+            user_email: values.user_email === "" ? null : values.user_email,
+          },
+        },
+      })
+        .then((r) => {
+          notification["success"]({
+            message: t("employees.successes.save"),
+          });
+        })
+        .catch((error) => {
+          notification["error"]({
+            message: t("employees.errors.save", {
+              message: JSON.stringify(error),
+            }),
+          });
+        });
+    } else {
+      //New record, insert it.
+      logImEXEvent("shop_employee_insert");
+
+      insertEmployees({
+        variables: { employees: [{ ...values, shopid: bodyshop.id }] },
+        refetchQueries: ["QUERY_EMPLOYEES"],
+      }).then((r) => {
+        search.employeeId = r.data.insert_employees.returning[0].id;
+        history.push({ search: querystring.stringify(search) });
+        notification["success"]({
+          message: t("employees.successes.save"),
+        });
+      });
+    }
+  };
+
+  if (!search.employeeId) return null;
+  if (error) return <AlertComponent message={error.message} type="error" />;
+
+  const columns = [
+    {
+      title: t("employees.fields.vacation.start"),
+      dataIndex: "start",
+      key: "start",
+      render: (text, record) => <DateFormatter>{text}</DateFormatter>,
+    },
+    {
+      title: t("employees.fields.vacation.end"),
+      dataIndex: "end",
+      key: "end",
+      render: (text, record) => <DateFormatter>{text}</DateFormatter>,
+    },
+    {
+      title: t("employees.fields.vacation.length"),
+      dataIndex: "length",
+      key: "length",
+      render: (text, record) =>
+        moment(record.end).diff(moment(record.start), "days", true).toFixed(1),
+    },
+    {
+      title: t("general.labels.actions"),
+      dataIndex: "actions",
+      key: "actions",
+      render: (text, record) => (
+        <Button
+          onClick={async () => {
+            await deleteVacation({
+              variables: { id: record.id },
+              update(cache) {
+                cache.modify({
+                  id: cache.identify({
+                    id: data.employees_by_pk.id,
+                    __typename: "employees",
+                  }),
+
+                  fields: {
+                    employee_vacations(ex, { readField }) {
+                      return ex.filter(
+                        (vacaref) => record.id !== readField("id", vacaref)
+                      );
+                    },
+                  },
+                });
+              },
+            });
+          }}
+        >
+          <DeleteFilled />
+        </Button>
+      ),
+    },
+  ];
 
   return (
     <Card
@@ -51,15 +181,6 @@ export function ShopEmployeesFormComponent({
         autoComplete={"off"}
         layout="vertical"
         form={form}
-        initialValues={{
-          ...selectedEmployee,
-          hire_date: selectedEmployee.hire_date
-            ? moment(selectedEmployee.hire_date)
-            : null,
-          termination_date: selectedEmployee.termination_date
-            ? moment(selectedEmployee.termination_date)
-            : null,
-        }}
       >
         <LayoutFormRow>
           <Form.Item
@@ -288,6 +409,15 @@ export function ShopEmployeesFormComponent({
           }}
         </Form.List>
       </Form>
+
+      <Table
+        title={() => (
+          <ShopEmployeeAddVacation employee={data && data.employees_by_pk} />
+        )}
+        columns={columns}
+        rowKey={"id"}
+        dataSource={data ? data.employees_by_pk.employee_vacations : []}
+      />
     </Card>
   );
 }
diff --git a/client/src/components/shop-employees/shop-employees-list.component.jsx b/client/src/components/shop-employees/shop-employees-list.component.jsx
index e6e3374d7..416e875f9 100644
--- a/client/src/components/shop-employees/shop-employees-list.component.jsx
+++ b/client/src/components/shop-employees/shop-employees-list.component.jsx
@@ -1,19 +1,22 @@
 import { Button, Table } from "antd";
+import queryString from "query-string";
 import React from "react";
 import { useTranslation } from "react-i18next";
-export default function ShopEmployeesListComponent({
-  loading,
-  employees,
-  selectedEmployee,
-  setSelectedEmployee,
-  handleDelete,
-}) {
+import { useHistory, useLocation } from "react-router-dom";
+
+export default function ShopEmployeesListComponent({ loading, employees }) {
   const { t } = useTranslation();
+  const history = useHistory();
+  const search = queryString.parse(useLocation().search);
 
   const handleOnRowClick = (record) => {
     if (record) {
-      setSelectedEmployee(record);
-    } else setSelectedEmployee({});
+      search.employeeId = record.id;
+      history.push({ search: queryString.stringify(search) });
+    } else {
+      delete search.employeeId;
+      history.push({ search: queryString.stringify(search) });
+    }
   };
   const columns = [
     {
@@ -41,18 +44,6 @@ export default function ShopEmployeesListComponent({
           ? t("employees.labels.flat_rate")
           : t("employees.labels.straight_time"),
     },
-    // {
-    //   title: t("employees.labels.actions"),
-    //   dataIndex: "actions",
-    //   key: "actions",
-    //   render: (text, record) => (
-    //     <div>
-    //       <Button key="delete" onClick={() => handleDelete(record.id)}>
-    //         {t("general.actions.delete")}
-    //       </Button>
-    //     </div>
-    //   )
-    // }
   ];
   return (
     <div>
@@ -62,7 +53,8 @@ export default function ShopEmployeesListComponent({
             <Button
               type="primary"
               onClick={() => {
-                setSelectedEmployee({});
+                search.employeeId = "new";
+                history.push({ search: queryString.stringify(search) });
               }}
             >
               {t("employees.actions.new")}
@@ -76,10 +68,11 @@ export default function ShopEmployeesListComponent({
         dataSource={employees}
         rowSelection={{
           onSelect: (props) => {
-            setSelectedEmployee(props);
+            search.employeeId = props.id;
+            history.push({ search: queryString.stringify(search) });
           },
           type: "radio",
-          selectedRowKeys: [(selectedEmployee && selectedEmployee.id) || null],
+          selectedRowKeys: [search.employeeId],
         }}
         onRow={(record, rowIndex) => {
           return {
diff --git a/client/src/components/shop-employees/shop-employees.component.jsx b/client/src/components/shop-employees/shop-employees.component.jsx
deleted file mode 100644
index 1c530aca3..000000000
--- a/client/src/components/shop-employees/shop-employees.component.jsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import React from "react";
-import ShopEmployeesFormComponent from "./shop-employees-form.component";
-import ShopEmployeesListComponent from "./shop-employees-list.component";
-export default function ShopEmployeeComponent({
-  form,
-  loading,
-  employees,
-  employeeState,
-  handleFinish,
-  handleDelete
-}) {
-  const [selectedEmployee, setSelectedEmployee] = employeeState;
-  return (
-    <div>
-      <ShopEmployeesListComponent
-        employees={employees}
-        loading={loading}
-        selectedEmployee={selectedEmployee}
-        setSelectedEmployee={setSelectedEmployee}
-        handleDelete={handleDelete}
-      />
-      <ShopEmployeesFormComponent
-        handleFinish={handleFinish}
-        form={form}
-        selectedEmployee={selectedEmployee}
-      />
-    </div>
-  );
-}
diff --git a/client/src/components/shop-employees/shop-employees.container.jsx b/client/src/components/shop-employees/shop-employees.container.jsx
index a27de73f2..c7ea61555 100644
--- a/client/src/components/shop-employees/shop-employees.container.jsx
+++ b/client/src/components/shop-employees/shop-employees.container.jsx
@@ -1,120 +1,32 @@
-import { useMutation, useQuery } from "@apollo/client";
-import { Form, notification } from "antd";
-import React, { useState } from "react";
-import { useTranslation } from "react-i18next";
+import { useQuery } from "@apollo/client";
+import React from "react";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
-import { logImEXEvent } from "../../firebase/firebase.utils";
-import {
-  DELETE_EMPLOYEE,
-  INSERT_EMPLOYEES,
-  QUERY_EMPLOYEES,
-  UPDATE_EMPLOYEE,
-} from "../../graphql/employees.queries";
+import { QUERY_EMPLOYEES } from "../../graphql/employees.queries";
 import { selectBodyshop } from "../../redux/user/user.selectors";
 import AlertComponent from "../alert/alert.component";
-import ShopEmployeeComponent from "./shop-employees.component";
-
+import ShopEmployeesFormComponent from "./shop-employees-form.component";
+import ShopEmployeesListComponent from "./shop-employees-list.component";
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop,
 });
 
 function ShopEmployeesContainer({ bodyshop }) {
-  const [form] = Form.useForm();
-  const { t } = useTranslation();
-  const employeeState = useState(null);
-  const { loading, error, data, refetch } = useQuery(QUERY_EMPLOYEES, {
+  const { loading, error, data } = useQuery(QUERY_EMPLOYEES, {
     fetchPolicy: "network-only",
     nextFetchPolicy: "network-only",
   });
 
-  const [updateEmployee] = useMutation(UPDATE_EMPLOYEE);
-  const [insertEmployees] = useMutation(INSERT_EMPLOYEES);
-  const [deleteEmployee] = useMutation(DELETE_EMPLOYEE);
-
-  const handleDelete = (id) => {
-    logImEXEvent("shop_employee_delete");
-
-    deleteEmployee({ variables: { id: id } })
-      .then((r) => {
-        notification["success"]({
-          message: t("employees.successes.delete"),
-        });
-
-        employeeState[1](null);
-        refetch().then((r) => form.resetFields());
-      })
-      .catch((error) => {
-        notification["error"]({
-          message: t("employees.errors.delete", {
-            message: JSON.stringify(error),
-          }),
-        });
-      });
-  };
-
-  const handleFinish = (values) => {
-    if (employeeState[0].id) {
-      //Update a record.
-      logImEXEvent("shop_employee_update");
-
-      updateEmployee({
-        variables: {
-          id: employeeState[0].id,
-          employee: {
-            ...values,
-            user_email: values.user_email === "" ? null : values.user_email,
-          },
-        },
-      })
-        .then((r) => {
-          notification["success"]({
-            message: t("employees.successes.save"),
-          });
-
-          employeeState[1](null);
-          refetch().then((r) => form.resetFields());
-        })
-        .catch((error) => {
-          notification["error"]({
-            message: t("employees.errors.save", {
-              message: JSON.stringify(error),
-            }),
-          });
-        });
-    } else {
-      //New record, insert it.
-      logImEXEvent("shop_employee_insert");
-
-      insertEmployees({
-        variables: { employees: [{ ...values, shopid: bodyshop.id }] },
-      }).then((r) => {
-        notification["success"]({
-          message: t("employees.successes.save"),
-        });
-        employeeState[1](null);
-        refetch().catch((error) => {
-          notification["error"]({
-            message: t("employees.errors.save", {
-              message: JSON.stringify(error),
-            }),
-          });
-        });
-      });
-    }
-  };
-
   if (error) return <AlertComponent message={error.message} type="error" />;
 
   return (
-    <ShopEmployeeComponent
-      handleFinish={handleFinish}
-      handleDelete={handleDelete}
-      form={form}
-      loading={loading}
-      employeeState={employeeState}
-      employees={data ? data.employees : []}
-    />
+    <div>
+      <ShopEmployeesListComponent
+        employees={data ? data.employees : []}
+        loading={loading}
+      />
+      <ShopEmployeesFormComponent />
+    </div>
   );
 }
 export default connect(mapStateToProps, null)(ShopEmployeesContainer);
diff --git a/client/src/graphql/appointments.queries.js b/client/src/graphql/appointments.queries.js
index 3f9a4144d..c11cd8337 100644
--- a/client/src/graphql/appointments.queries.js
+++ b/client/src/graphql/appointments.queries.js
@@ -4,7 +4,21 @@ export const QUERY_ALL_ACTIVE_APPOINTMENTS = gql`
   query QUERY_ALL_ACTIVE_APPOINTMENTS(
     $start: timestamptz!
     $end: timestamptz!
+    $startd: date!
+    $endd: date!
   ) {
+    employee_vacation(
+      where: { _or: [{ start: { _gte: $startd } }, { end: { _lte: $endd } }] }
+    ) {
+      id
+      start
+      end
+      employee {
+        id
+        last_name
+        first_name
+      }
+    }
     appointments(
       where: {
         canceled: { _eq: false }
@@ -109,7 +123,24 @@ export const INSERT_APPOINTMENT = gql`
 `;
 
 export const QUERY_APPOINTMENT_BY_DATE = gql`
-  query QUERY_APPOINTMENT_BY_DATE($start: timestamptz, $end: timestamptz) {
+  query QUERY_APPOINTMENT_BY_DATE(
+    $start: timestamptz
+    $end: timestamptz
+    $startd: date!
+    $endd: date!
+  ) {
+    employee_vacation(
+      where: { _or: [{ start: { _gte: $startd } }, { end: { _lte: $endd } }] }
+    ) {
+      id
+      start
+      end
+      employee {
+        id
+        last_name
+        first_name
+      }
+    }
     appointments(
       where: { start: { _lte: $end, _gte: $start }, canceled: { _eq: false } }
     ) {
diff --git a/client/src/graphql/employees.queries.js b/client/src/graphql/employees.queries.js
index 0b791c6b1..c47b81919 100644
--- a/client/src/graphql/employees.queries.js
+++ b/client/src/graphql/employees.queries.js
@@ -3,6 +3,17 @@ import { gql } from "@apollo/client";
 export const QUERY_EMPLOYEES = gql`
   query QUERY_EMPLOYEES {
     employees(order_by: { employee_number: asc }) {
+      last_name
+      id
+      first_name
+      flat_rate
+      employee_number
+    }
+  }
+`;
+export const QUERY_EMPLOYEE_BY_ID = gql`
+  query QUERY_EMPLOYEE_BY_ID($id: uuid!) {
+    employees_by_pk(id: $id) {
       last_name
       id
       first_name
@@ -14,6 +25,11 @@ export const QUERY_EMPLOYEES = gql`
       rates
       pin
       user_email
+      employee_vacations(order_by: { start: desc }) {
+        id
+        start
+        end
+      }
     }
   }
 `;
@@ -55,7 +71,17 @@ export const INSERT_EMPLOYEES = gql`
   mutation INSERT_EMPLOYEES($employees: [employees_insert_input!]!) {
     insert_employees(objects: $employees) {
       returning {
+        last_name
         id
+        first_name
+        employee_number
+        active
+        termination_date
+        hire_date
+        flat_rate
+        rates
+        pin
+        user_email
       }
     }
   }
@@ -98,3 +124,21 @@ export const QUERY_USERS_BY_EMAIL = gql`
     }
   }
 `;
+
+export const INSERT_VACATION = gql`
+  mutation INSERT_VACATION($vacation: employee_vacation_insert_input!) {
+    insert_employee_vacation_one(object: $vacation) {
+      id
+      start
+      end
+    }
+  }
+`;
+
+export const DELETE_VACATION = gql`
+  mutation DELETE_VACATION($id: uuid!) {
+    delete_employee_vacation_by_pk(id: $id) {
+      id
+    }
+  }
+`;
diff --git a/client/src/translations/en_us/common.json b/client/src/translations/en_us/common.json
index 1282f1643..625f504e2 100644
--- a/client/src/translations/en_us/common.json
+++ b/client/src/translations/en_us/common.json
@@ -833,6 +833,7 @@
 		},
 		"employees": {
 			"actions": {
+				"addvacation": "Add Vacation",
 				"new": "New Employee",
 				"newrate": "New Rate"
 			},
@@ -854,10 +855,16 @@
 				"pin": "Tech Console PIN",
 				"rate": "Rate",
 				"termination_date": "Termination Date",
-				"user_email": "User Email"
+				"user_email": "User Email",
+				"vacation": {
+					"end": "Vacation End",
+					"length": "Vacation Length",
+					"start": "Vacation Start"
+				}
 			},
 			"labels": {
 				"actions": "Actions",
+				"endmustbeafterstart": "End date must be after start date.Ï",
 				"flat_rate": "Flat Rate",
 				"name": "Name",
 				"rate_type": "Rate Type",
diff --git a/client/src/translations/es/common.json b/client/src/translations/es/common.json
index c2ee5c268..5dadae90c 100644
--- a/client/src/translations/es/common.json
+++ b/client/src/translations/es/common.json
@@ -833,6 +833,7 @@
 		},
 		"employees": {
 			"actions": {
+				"addvacation": "",
 				"new": "Nuevo empleado",
 				"newrate": ""
 			},
@@ -854,10 +855,16 @@
 				"pin": "",
 				"rate": "",
 				"termination_date": "Fecha de conclusión",
-				"user_email": ""
+				"user_email": "",
+				"vacation": {
+					"end": "",
+					"length": "",
+					"start": ""
+				}
 			},
 			"labels": {
 				"actions": "",
+				"endmustbeafterstart": "",
 				"flat_rate": "",
 				"name": "",
 				"rate_type": "",
diff --git a/client/src/translations/fr/common.json b/client/src/translations/fr/common.json
index 27772896c..9c1c410bf 100644
--- a/client/src/translations/fr/common.json
+++ b/client/src/translations/fr/common.json
@@ -833,6 +833,7 @@
 		},
 		"employees": {
 			"actions": {
+				"addvacation": "",
 				"new": "Nouvel employé",
 				"newrate": ""
 			},
@@ -854,10 +855,16 @@
 				"pin": "",
 				"rate": "",
 				"termination_date": "Date de résiliation",
-				"user_email": ""
+				"user_email": "",
+				"vacation": {
+					"end": "",
+					"length": "",
+					"start": ""
+				}
 			},
 			"labels": {
 				"actions": "",
+				"endmustbeafterstart": "",
 				"flat_rate": "",
 				"name": "",
 				"rate_type": "",
diff --git a/hasura/metadata/tables.yaml b/hasura/metadata/tables.yaml
index 490c97131..bfe8d623e 100644
--- a/hasura/metadata/tables.yaml
+++ b/hasura/metadata/tables.yaml
@@ -1773,6 +1773,88 @@
                     _eq: X-Hasura-User-Id
               - active:
                   _eq: true
+- table:
+    schema: public
+    name: employee_vacation
+  object_relationships:
+  - name: employee
+    using:
+      foreign_key_constraint_on: employeeid
+  insert_permissions:
+  - role: user
+    permission:
+      check:
+        employee:
+          bodyshop:
+            associations:
+              _and:
+              - user:
+                  authid:
+                    _eq: X-Hasura-User-Id
+              - active:
+                  _eq: true
+      columns:
+      - id
+      - created_at
+      - updated_at
+      - employeeid
+      - start
+      - end
+      backend_only: false
+  select_permissions:
+  - role: user
+    permission:
+      columns:
+      - end
+      - start
+      - created_at
+      - updated_at
+      - employeeid
+      - id
+      filter:
+        employee:
+          bodyshop:
+            associations:
+              _and:
+              - user:
+                  authid:
+                    _eq: X-Hasura-User-Id
+              - active:
+                  _eq: true
+  update_permissions:
+  - role: user
+    permission:
+      columns:
+      - end
+      - start
+      - created_at
+      - updated_at
+      - employeeid
+      - id
+      filter:
+        employee:
+          bodyshop:
+            associations:
+              _and:
+              - user:
+                  authid:
+                    _eq: X-Hasura-User-Id
+              - active:
+                  _eq: true
+      check: null
+  delete_permissions:
+  - role: user
+    permission:
+      filter:
+        employee:
+          bodyshop:
+            associations:
+              _and:
+              - user:
+                  authid:
+                    _eq: X-Hasura-User-Id
+              - active:
+                  _eq: true
 - table:
     schema: public
     name: employees
@@ -1791,6 +1873,13 @@
         table:
           schema: public
           name: allocations
+  - name: employee_vacations
+    using:
+      foreign_key_constraint_on:
+        column: employeeid
+        table:
+          schema: public
+          name: employee_vacation
   - name: jobsByEmployeeBody
     using:
       foreign_key_constraint_on:
diff --git a/hasura/migrations/1641339745427_create_table_public_employee_vacation/down.sql b/hasura/migrations/1641339745427_create_table_public_employee_vacation/down.sql
new file mode 100644
index 000000000..c3ecc0854
--- /dev/null
+++ b/hasura/migrations/1641339745427_create_table_public_employee_vacation/down.sql
@@ -0,0 +1 @@
+DROP TABLE "public"."employee_vacation";
diff --git a/hasura/migrations/1641339745427_create_table_public_employee_vacation/up.sql b/hasura/migrations/1641339745427_create_table_public_employee_vacation/up.sql
new file mode 100644
index 000000000..4ca462a5c
--- /dev/null
+++ b/hasura/migrations/1641339745427_create_table_public_employee_vacation/up.sql
@@ -0,0 +1,18 @@
+CREATE TABLE "public"."employee_vacation" ("id" uuid NOT NULL DEFAULT gen_random_uuid(), "created_at" timestamptz NOT NULL DEFAULT now(), "updated_at" timestamptz NOT NULL DEFAULT now(), "employeeid" uuid NOT NULL, "start" date NOT NULL, "end" date NOT NULL, PRIMARY KEY ("id") , FOREIGN KEY ("employeeid") REFERENCES "public"."employees"("id") ON UPDATE cascade ON DELETE cascade);
+CREATE OR REPLACE FUNCTION "public"."set_current_timestamp_updated_at"()
+RETURNS TRIGGER AS $$
+DECLARE
+  _new record;
+BEGIN
+  _new := NEW;
+  _new."updated_at" = NOW();
+  RETURN _new;
+END;
+$$ LANGUAGE plpgsql;
+CREATE TRIGGER "set_public_employee_vacation_updated_at"
+BEFORE UPDATE ON "public"."employee_vacation"
+FOR EACH ROW
+EXECUTE PROCEDURE "public"."set_current_timestamp_updated_at"();
+COMMENT ON TRIGGER "set_public_employee_vacation_updated_at" ON "public"."employee_vacation" 
+IS 'trigger to set value of column "updated_at" to current timestamp on row update';
+CREATE EXTENSION IF NOT EXISTS pgcrypto;

From 172860b2804d9b6c0220624fab6de508b09ebeb3 Mon Sep 17 00:00:00 2001
From: Patrick Fic <>
Date: Wed, 5 Jan 2022 13:56:15 -0800
Subject: [PATCH 08/14] IO-1618 Prevent PAE posting of bills.

---
 .../src/components/bill-form/bill-form.lines.component.jsx  | 4 +++-
 .../parts-order-list-table.component.jsx                    | 6 ++++--
 client/src/graphql/associations.queries.js                  | 2 +-
 3 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/client/src/components/bill-form/bill-form.lines.component.jsx b/client/src/components/bill-form/bill-form.lines.component.jsx
index cb88e7e54..f78448e0e 100644
--- a/client/src/components/bill-form/bill-form.lines.component.jsx
+++ b/client/src/components/bill-form/bill-form.lines.component.jsx
@@ -74,7 +74,9 @@ export function BillEnterModalLinesComponent({
                         actual_price: opt.cost,
                         cost_center: opt.part_type
                           ? bodyshop.pbs_serialnumber || bodyshop.cdk_dealerid
-                            ? opt.part_type
+                            ? opt.part_type !== "PAE"
+                              ? opt.part_type
+                              : null
                             : responsibilityCenters.defaults &&
                               (responsibilityCenters.defaults.costs[
                                 opt.part_type
diff --git a/client/src/components/parts-order-list-table/parts-order-list-table.component.jsx b/client/src/components/parts-order-list-table/parts-order-list-table.component.jsx
index 2a2701d6e..324fcb1ed 100644
--- a/client/src/components/parts-order-list-table/parts-order-list-table.component.jsx
+++ b/client/src/components/parts-order-list-table/parts-order-list-table.component.jsx
@@ -10,7 +10,7 @@ import {
   PageHeader,
   Popconfirm,
   Space,
-  Table
+  Table,
 } from "antd";
 import queryString from "query-string";
 import React, { useState } from "react";
@@ -168,7 +168,9 @@ export function PartsOrderListTableComponent({
 
                     cost_center: pol.jobline?.part_type
                       ? bodyshop.pbs_serialnumber || bodyshop.cdk_dealerid
-                        ? pol.jobline.part_type
+                        ? pol.jobline.part_type !== "PAE"
+                          ? pol.jobline.part_type
+                          : null
                         : responsibilityCenters.defaults &&
                           (responsibilityCenters.defaults.costs[
                             pol.jobline.part_type
diff --git a/client/src/graphql/associations.queries.js b/client/src/graphql/associations.queries.js
index e97d4c267..b1af48640 100644
--- a/client/src/graphql/associations.queries.js
+++ b/client/src/graphql/associations.queries.js
@@ -2,7 +2,7 @@ import { gql } from "@apollo/client";
 
 export const QUERY_ALL_ASSOCIATIONS = gql`
   query QUERY_ALL_ASSOCIATIONS {
-    associations {
+    associations(order_by: { bodyshop: { shopname: asc } }) {
       id
       active
       bodyshop {

From fbd9fce2306c94d0f7c9e60be30eba6ace13e4a8 Mon Sep 17 00:00:00 2001
From: Patrick Fic <>
Date: Wed, 5 Jan 2022 19:13:14 -0800
Subject: [PATCH 09/14] IO-1604 Move inoice final note to notes screen.

---
 .../jobs-notes/jobs.notes.component.jsx       | 61 +++++++++++--------
 client/src/graphql/jobs.queries.js            |  2 +-
 .../pages/jobs-close/jobs-close.component.jsx |  8 ---
 3 files changed, 37 insertions(+), 34 deletions(-)

diff --git a/client/src/components/jobs-notes/jobs.notes.component.jsx b/client/src/components/jobs-notes/jobs.notes.component.jsx
index 97e4b2cb9..0d07e2516 100644
--- a/client/src/components/jobs-notes/jobs.notes.component.jsx
+++ b/client/src/components/jobs-notes/jobs.notes.component.jsx
@@ -5,7 +5,7 @@ import {
   EyeInvisibleFilled,
   WarningFilled,
 } from "@ant-design/icons";
-import { Button, Card, Space, Table } from "antd";
+import { Button, Card, Form, Input, Space, Table } from "antd";
 import React from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
@@ -14,6 +14,7 @@ import { selectJobReadOnly } from "../../redux/application/application.selectors
 import { setModalContext } from "../../redux/modals/modals.actions";
 import { DateTimeFormatter } from "../../utils/DateFormatter";
 import { TemplateList } from "../../utils/TemplateConstants";
+import LayoutFormRow from "../layout-form-row/layout-form-row.component";
 import NoteUpsertModal from "../note-upsert-modal/note-upsert-modal.container";
 import PrintWrapperComponent from "../print-wrapper/print-wrapper.component";
 
@@ -131,32 +132,42 @@ export function JobNotesComponent({
   ];
 
   return (
-    <Card
-      title={t("jobs.labels.notes")}
-      extra={
-        <Button
-          onClick={() => {
-            setNoteUpsertContext({
-              actions: { refetch: refetch },
-              context: {
-                jobId: jobId,
-              },
-            });
-          }}
+    <div>
+      <LayoutFormRow>
+        <Form.Item
+          label={t("jobs.fields.invoice_final_note")}
+          name="invoice_final_note"
         >
-          {t("notes.actions.new")}
-        </Button>
-      }
-    >
-      <NoteUpsertModal />
+          <Input.TextArea disabled={jobRO} />
+        </Form.Item>
+      </LayoutFormRow>
+      <Card
+        title={t("jobs.labels.notes")}
+        extra={
+          <Button
+            onClick={() => {
+              setNoteUpsertContext({
+                actions: { refetch: refetch },
+                context: {
+                  jobId: jobId,
+                },
+              });
+            }}
+          >
+            {t("notes.actions.new")}
+          </Button>
+        }
+      >
+        <NoteUpsertModal />
 
-      <Table
-        loading={loading}
-        columns={columns}
-        rowKey="id"
-        dataSource={data}
-      />
-    </Card>
+        <Table
+          loading={loading}
+          columns={columns}
+          rowKey="id"
+          dataSource={data}
+        />
+      </Card>
+    </div>
   );
 }
 export default connect(mapStateToProps, mapDispatchToProps)(JobNotesComponent);
diff --git a/client/src/graphql/jobs.queries.js b/client/src/graphql/jobs.queries.js
index 2218ed820..6ff600dce 100644
--- a/client/src/graphql/jobs.queries.js
+++ b/client/src/graphql/jobs.queries.js
@@ -485,7 +485,7 @@ export const GET_JOB_BY_PK = gql`
       }
       alt_transport
       intakechecklist
-
+      invoice_final_note
       loss_desc
       kmin
       kmout
diff --git a/client/src/pages/jobs-close/jobs-close.component.jsx b/client/src/pages/jobs-close/jobs-close.component.jsx
index 9b9e2dc9a..71d961c99 100644
--- a/client/src/pages/jobs-close/jobs-close.component.jsx
+++ b/client/src/pages/jobs-close/jobs-close.component.jsx
@@ -63,7 +63,6 @@ export function JobsCloseComponent({ job, bodyshop, jobRO }) {
           kmin: values.kmin,
           kmout: values.kmout,
           dms_allocation: values.dms_allocation,
-          invoice_final_note: values.invoice_final_note,
         },
       },
       refetchQueries: ["QUERY_JOB_CLOSE_DETAILS"],
@@ -123,7 +122,6 @@ export function JobsCloseComponent({ job, bodyshop, jobRO }) {
           kmin: job.kmin,
           kmout: job.kmout,
           dms_allocation: job.dms_allocation,
-          invoice_final_note: job.invoice_final_note,
         }}
         scrollToFirstError
       >
@@ -273,12 +271,6 @@ export function JobsCloseComponent({ job, bodyshop, jobRO }) {
               <Input disabled />
             </Form.Item>
           )}
-          <Form.Item
-            label={t("jobs.fields.invoice_final_note")}
-            name="invoice_final_note"
-          >
-            <Input.TextArea disabled={jobRO} />
-          </Form.Item>
         </LayoutFormRow>
         <Divider />
         <JobsCloseLines job={job} />

From ade92d86aabccba998569ccae083276c7f6b2f54 Mon Sep 17 00:00:00 2001
From: Patrick Fic <>
Date: Thu, 6 Jan 2022 10:13:49 -0800
Subject: [PATCH 10/14] IO-347 Manual appointments.

---
 bodyshop_translations.babel                   |  86 ++++++++-
 .../schedule-event.component.jsx              | 171 ++++++++++--------
 .../scheduler-calendar-wrapper.component.jsx  |   8 +-
 .../schedule-calendar.component.jsx           |   7 +-
 .../schedule-manual-event.component.jsx       |  86 +++++++--
 client/src/graphql/appointments.queries.js    |  20 ++
 client/src/translations/en_us/common.json     |   8 +-
 client/src/translations/es/common.json        |   4 +
 client/src/translations/fr/common.json        |   4 +
 9 files changed, 288 insertions(+), 106 deletions(-)

diff --git a/bodyshop_translations.babel b/bodyshop_translations.babel
index b142996b8..9365969a2 100644
--- a/bodyshop_translations.babel
+++ b/bodyshop_translations.babel
@@ -1,4 +1,4 @@
-<babeledit_project version="1.2" be_version="2.7.1">
+<babeledit_project be_version="2.7.1" version="1.2">
     <!--
 
     BabelEdit project file
@@ -500,6 +500,27 @@
                                             </translation>
                                         </translations>
                                     </concept_node>
+                                    <concept_node>
+                                        <name>end</name>
+                                        <definition_loaded>false</definition_loaded>
+                                        <description></description>
+                                        <comment></comment>
+                                        <default_text></default_text>
+                                        <translations>
+                                            <translation>
+                                                <language>en-US</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                            <translation>
+                                                <language>es-MX</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                            <translation>
+                                                <language>fr-CA</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                        </translations>
+                                    </concept_node>
                                     <concept_node>
                                         <name>note</name>
                                         <definition_loaded>false</definition_loaded>
@@ -521,6 +542,27 @@
                                             </translation>
                                         </translations>
                                     </concept_node>
+                                    <concept_node>
+                                        <name>start</name>
+                                        <definition_loaded>false</definition_loaded>
+                                        <description></description>
+                                        <comment></comment>
+                                        <default_text></default_text>
+                                        <translations>
+                                            <translation>
+                                                <language>en-US</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                            <translation>
+                                                <language>es-MX</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                            <translation>
+                                                <language>fr-CA</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                        </translations>
+                                    </concept_node>
                                     <concept_node>
                                         <name>time</name>
                                         <definition_loaded>false</definition_loaded>
@@ -673,6 +715,27 @@
                                             </translation>
                                         </translations>
                                     </concept_node>
+                                    <concept_node>
+                                        <name>dataconsistency</name>
+                                        <definition_loaded>false</definition_loaded>
+                                        <description></description>
+                                        <comment></comment>
+                                        <default_text></default_text>
+                                        <translations>
+                                            <translation>
+                                                <language>en-US</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                            <translation>
+                                                <language>es-MX</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                            <translation>
+                                                <language>fr-CA</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                        </translations>
+                                    </concept_node>
                                     <concept_node>
                                         <name>history</name>
                                         <definition_loaded>false</definition_loaded>
@@ -715,6 +778,27 @@
                                             </translation>
                                         </translations>
                                     </concept_node>
+                                    <concept_node>
+                                        <name>manualevent</name>
+                                        <definition_loaded>false</definition_loaded>
+                                        <description></description>
+                                        <comment></comment>
+                                        <default_text></default_text>
+                                        <translations>
+                                            <translation>
+                                                <language>en-US</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                            <translation>
+                                                <language>es-MX</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                            <translation>
+                                                <language>fr-CA</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                        </translations>
+                                    </concept_node>
                                     <concept_node>
                                         <name>noarrivingjobs</name>
                                         <definition_loaded>false</definition_loaded>
diff --git a/client/src/components/job-at-change/schedule-event.component.jsx b/client/src/components/job-at-change/schedule-event.component.jsx
index ffaedb4f1..21f3285d1 100644
--- a/client/src/components/job-at-change/schedule-event.component.jsx
+++ b/client/src/components/job-at-change/schedule-event.component.jsx
@@ -27,6 +27,7 @@ import { GenerateDocument } from "../../utils/RenderTemplate";
 import { TemplateList } from "../../utils/TemplateConstants";
 import ChatOpenButton from "../chat-open-button/chat-open-button.component";
 import DataLabel from "../data-label/data-label.component";
+import ScheduleManualEvent from "../schedule-manual-event/schedule-manual-event.component";
 import ScheduleAtChange from "./job-at-change.component";
 import ScheduleEventColor from "./schedule-event.color.component";
 import ScheduleEventNote from "./schedule-event.note.component";
@@ -66,7 +67,10 @@ export function ScheduleEventComponent({
   const popoverContent = (
     <div style={{ maxWidth: "40vw" }}>
       {!event.isintake ? (
-        <strong>{event.title}</strong>
+        <Space>
+          <strong>{event.title}</strong>
+          <ScheduleEventColor event={event} />
+        </Space>
       ) : (
         <Space>
           <strong>{`${(event.job && event.job.ownr_fn) || ""} ${
@@ -118,7 +122,9 @@ export function ScheduleEventComponent({
           </DataLabel>
           <ScheduleEventNote event={event} />
         </div>
-      ) : null}
+      ) : (
+        <div>{event.note || ""}</div>
+      )}
       <Divider />
       <Space wrap>
         {event.job ? (
@@ -140,84 +146,89 @@ export function ScheduleEventComponent({
             {t("appointments.actions.preview")}
           </Button>
         ) : null}
-
-        <Dropdown
-          overlay={
-            <Menu>
-              <Menu.Item
-                onClick={() => {
-                  const Template = TemplateList("job").appointment_reminder;
-                  GenerateDocument(
-                    {
-                      name: Template.key,
-                      variables: { id: event.job.id },
-                    },
-                    {
-                      to: event.job && event.job.ownr_ea,
-                      subject: Template.subject,
-                    },
-                    "e",
-                    event.job && event.job.id
-                  );
-                }}
-                disabled={event.arrived}
-              >
-                {t("general.labels.email")}
-              </Menu.Item>
-              <Menu.Item
-                onClick={() => {
-                  const p = parsePhoneNumber(event.job.ownr_ph1, "CA");
-                  if (p && p.isValid()) {
-                    openChatByPhone({
-                      phone_num: p.formatInternational(),
-                      jobid: event.job.id,
-                    });
-                    setMessage(
-                      t("appointments.labels.reminder", {
-                        shopname: bodyshop.shopname,
-                        date: moment(event.start).format("MM/DD/YYYY"),
-                        time: moment(event.start).format("HH:mm a"),
-                      })
+        {event.job ? (
+          <Dropdown
+            overlay={
+              <Menu>
+                <Menu.Item
+                  onClick={() => {
+                    const Template = TemplateList("job").appointment_reminder;
+                    GenerateDocument(
+                      {
+                        name: Template.key,
+                        variables: { id: event.job.id },
+                      },
+                      {
+                        to: event.job && event.job.ownr_ea,
+                        subject: Template.subject,
+                      },
+                      "e",
+                      event.job && event.job.id
                     );
-                    setVisible(false);
-                  } else {
-                    notification["error"]({
-                      message: t("messaging.error.invalidphone"),
-                    });
-                  }
-                }}
-                disabled={event.arrived || !bodyshop.messagingservicesid}
-              >
-                {t("general.labels.sms")}
-              </Menu.Item>
-            </Menu>
-          }
-        >
-          <Button>{t("appointments.actions.sendreminder")}</Button>
-        </Dropdown>
+                  }}
+                  disabled={event.arrived}
+                >
+                  {t("general.labels.email")}
+                </Menu.Item>
+                <Menu.Item
+                  onClick={() => {
+                    const p = parsePhoneNumber(event.job.ownr_ph1, "CA");
+                    if (p && p.isValid()) {
+                      openChatByPhone({
+                        phone_num: p.formatInternational(),
+                        jobid: event.job.id,
+                      });
+                      setMessage(
+                        t("appointments.labels.reminder", {
+                          shopname: bodyshop.shopname,
+                          date: moment(event.start).format("MM/DD/YYYY"),
+                          time: moment(event.start).format("HH:mm a"),
+                        })
+                      );
+                      setVisible(false);
+                    } else {
+                      notification["error"]({
+                        message: t("messaging.error.invalidphone"),
+                      });
+                    }
+                  }}
+                  disabled={event.arrived || !bodyshop.messagingservicesid}
+                >
+                  {t("general.labels.sms")}
+                </Menu.Item>
+              </Menu>
+            }
+          >
+            <Button>{t("appointments.actions.sendreminder")}</Button>
+          </Dropdown>
+        ) : null}
 
         <Button onClick={() => handleCancel(event.id)} disabled={event.arrived}>
           {t("appointments.actions.cancel")}
         </Button>
-        <Button
-          disabled={event.arrived}
-          onClick={() => {
-            setVisible(false);
-            setScheduleContext({
-              actions: { refetch: refetch },
-              context: {
-                jobId: event.job.id,
-                job: event.job,
-                previousEvent: event.id,
-                color: event.color,
-                alt_transport: event.job && event.job.alt_transport,
-                note: event.note,
-              },
-            });
-          }}
-        >
-          {t("appointments.actions.reschedule")}
-        </Button>
+        {event.isintake ? (
+          <Button
+            disabled={event.arrived}
+            onClick={() => {
+              setVisible(false);
+              setScheduleContext({
+                actions: { refetch: refetch },
+                context: {
+                  jobId: event.job.id,
+                  job: event.job,
+                  previousEvent: event.id,
+                  color: event.color,
+                  alt_transport: event.job && event.job.alt_transport,
+                  note: event.note,
+                },
+              });
+            }}
+          >
+            {t("appointments.actions.reschedule")}
+          </Button>
+        ) : (
+          <ScheduleManualEvent event={event} />
+        )}
         {event.isintake ? (
           <Link
             to={{
@@ -235,7 +246,13 @@ export function ScheduleEventComponent({
   );
 
   const RegularEvent = event.isintake ? (
-    <div style={{ display: "flex", flexWrap: "wrap" }}>
+    <div
+      style={{
+        display: "flex",
+        flexWrap: "wrap",
+        height: "100%",
+      }}
+    >
       <Space>
         {event.note && <AlertFilled className="production-alert" />}
         <strong>{`${event.job.ro_number || t("general.labels.na")}`}</strong>
@@ -262,7 +279,7 @@ export function ScheduleEventComponent({
       )}
     </div>
   ) : (
-    <div>
+    <div style={{ height: "100%", width: "100%" }}>
       <strong>{`${event.title || ""}`}</strong>
     </div>
   );
diff --git a/client/src/components/schedule-calendar-wrapper/scheduler-calendar-wrapper.component.jsx b/client/src/components/schedule-calendar-wrapper/scheduler-calendar-wrapper.component.jsx
index 942f2908f..616c58ecb 100644
--- a/client/src/components/schedule-calendar-wrapper/scheduler-calendar-wrapper.component.jsx
+++ b/client/src/components/schedule-calendar-wrapper/scheduler-calendar-wrapper.component.jsx
@@ -12,6 +12,7 @@ import "./schedule-calendar.styles.scss";
 import JobDetailCards from "../job-detail-cards/job-detail-cards.component";
 import { selectProblemJobs } from "../../redux/application/application.selectors";
 import { Alert } from "antd";
+import { useTranslation } from "react-i18next";
 
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop,
@@ -30,7 +31,7 @@ export function ScheduleCalendarWrapperComponent({
 }) {
   const search = queryString.parse(useLocation().search);
   const history = useHistory();
-
+  const { t } = useTranslation();
   const handleEventPropStyles = (event, start, end, isSelected) => {
     return {
       ...(event.color
@@ -57,7 +58,10 @@ export function ScheduleCalendarWrapperComponent({
           <Alert
             key={problem.id}
             type="error"
-            message={`${problem.ro_number} has a data consistency issue. It has been exlcuded for scheduling purposes. CODE: ${problem.code}`}
+            message={t("appointments.labels.dataconsistency", {
+              ro_number: problem.ro_number,
+              code: problem.code,
+            })}
           />
         ))}
 
diff --git a/client/src/components/schedule-calendar/schedule-calendar.component.jsx b/client/src/components/schedule-calendar/schedule-calendar.component.jsx
index 5282dc62c..91f0ac59d 100644
--- a/client/src/components/schedule-calendar/schedule-calendar.component.jsx
+++ b/client/src/components/schedule-calendar/schedule-calendar.component.jsx
@@ -3,7 +3,7 @@ import { Button, Card, Col, PageHeader, Row, Space } from "antd";
 import React from "react";
 import ScheduleCalendarWrapperComponent from "../schedule-calendar-wrapper/scheduler-calendar-wrapper.component";
 import ScheduleModal from "../schedule-job-modal/schedule-job-modal.container";
-//import ScheduleManualEvent from "../schedule-manual-event/schedule-manual-event.component";
+import ScheduleManualEvent from "../schedule-manual-event/schedule-manual-event.component";
 import ScheduleProductionList from "../schedule-production-list/schedule-production-list.component";
 import ScheduleVerifyIntegrity from "../schedule-verify-integrity/schedule-verify-integrity.component";
 
@@ -25,9 +25,8 @@ export default function ScheduleCalendarComponent({ data, refetch }) {
                 <SyncOutlined />
               </Button>
               <ScheduleProductionList />
-              {
-                //   <ScheduleManualEvent />
-              }
+
+              <ScheduleManualEvent />
             </Space>
           }
         />
diff --git a/client/src/components/schedule-manual-event/schedule-manual-event.component.jsx b/client/src/components/schedule-manual-event/schedule-manual-event.component.jsx
index 26e5b3eda..c36d3549d 100644
--- a/client/src/components/schedule-manual-event/schedule-manual-event.component.jsx
+++ b/client/src/components/schedule-manual-event/schedule-manual-event.component.jsx
@@ -1,17 +1,32 @@
 import { useMutation } from "@apollo/client";
-import { Button, Card, Form, Input, Popover, Space } from "antd";
+import { Button, Card, Form, Input, Popover, Select, Space } from "antd";
+import moment from "moment";
 import React, { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
+import { connect } from "react-redux";
+import { createStructuredSelector } from "reselect";
 import { logImEXEvent } from "../../firebase/firebase.utils";
 import {
-  INSERT_APPOINTMENT,
+  INSERT_MANUAL_APPT,
   UPDATE_APPOINTMENT,
 } from "../../graphql/appointments.queries";
+import { selectBodyshop } from "../../redux/user/user.selectors";
 import FormDateTimePickerComponent from "../form-date-time-picker/form-date-time-picker.component";
 
-export default function ScheduleManualEvent({ event }) {
+const mapStateToProps = createStructuredSelector({
+  bodyshop: selectBodyshop,
+});
+const mapDispatchToProps = (dispatch) => ({
+  //setUserLanguage: language => dispatch(setUserLanguage(language))
+});
+export default connect(
+  mapStateToProps,
+  mapDispatchToProps
+)(ScheduleManualEvent);
+
+export function ScheduleManualEvent({ bodyshop, event }) {
   const { t } = useTranslation();
-  const [insertAppointment] = useMutation(INSERT_APPOINTMENT);
+  const [insertAppointment] = useMutation(INSERT_MANUAL_APPT);
   const [updateAppointment] = useMutation(UPDATE_APPOINTMENT);
   const [loading, setLoading] = useState(false);
   const [form] = Form.useForm();
@@ -22,26 +37,27 @@ export default function ScheduleManualEvent({ event }) {
 
   useEffect(() => {
     if (visibility && event) {
-      form.setFieldsValue({ event });
+      form.setFieldsValue(event);
     }
   }, [visibility, form, event]);
 
-  useEffect(() => {
-    //     if (entryData && entryData.scoreboard && entryData.scoreboard[0]) {
-    //       console.log("Setting FOrm");
-    //   //    form.setFieldsValue(entryData.scoreboard[0]);
-    //     }
-  }, [form]);
-
   const handleFinish = async (values) => {
-    logImEXEvent("job_close_add_to_scoreboard");
+    logImEXEvent("schedule_manual_event");
 
     setLoading(true);
     try {
       if (event && event.id) {
-        updateAppointment();
+        updateAppointment({
+          variables: { appid: event.id, app: values },
+          refetchQueries: ["QUERY_ALL_ACTIVE_APPOINTMENTS"],
+        });
       } else {
-        insertAppointment();
+        insertAppointment({
+          variables: {
+            apt: { ...values, isintake: false, bodyshopid: bodyshop.id },
+          },
+          refetchQueries: ["QUERY_ALL_ACTIVE_APPOINTMENTS"],
+        });
       }
     } catch (error) {
       console.log(error);
@@ -56,8 +72,8 @@ export default function ScheduleManualEvent({ event }) {
       <div>
         <Form form={form} layout="vertical" onFinish={handleFinish}>
           <Form.Item
-            label={t("schedule.fields.note")}
-            name="note"
+            label={t("appointments.fields.title")}
+            name="title"
             rules={[
               {
                 required: true,
@@ -67,8 +83,11 @@ export default function ScheduleManualEvent({ event }) {
           >
             <Input />
           </Form.Item>
+          <Form.Item label={t("appointments.fields.note")} name="note">
+            <Input />
+          </Form.Item>
           <Form.Item
-            label={t("schedule.fields.start")}
+            label={t("appointments.fields.start")}
             name="start"
             rules={[
               {
@@ -80,17 +99,42 @@ export default function ScheduleManualEvent({ event }) {
             <FormDateTimePickerComponent />
           </Form.Item>
           <Form.Item
-            label={t("schedule.fields.end")}
+            label={t("appointments.fields.end")}
             name="end"
             rules={[
               {
                 required: true,
                 //message: t("general.validation.required"),
               },
+              ({ getFieldValue }) => ({
+                async validator(rule, value) {
+                  if (value) {
+                    const { start } = form.getFieldsValue();
+                    if (moment(start).isAfter(moment(value))) {
+                      return Promise.reject(
+                        t("employees.labels.endmustbeafterstart")
+                      );
+                    } else {
+                      return Promise.resolve();
+                    }
+                  } else {
+                    return Promise.resolve();
+                  }
+                },
+              }),
             ]}
           >
             <FormDateTimePickerComponent />
           </Form.Item>
+          <Form.Item label={t("appointments.fields.color")} name="color">
+            <Select>
+              {bodyshop.appt_colors.map((col, idx) => (
+                <Select.Option key={idx} value={col.color.hex}>
+                  {col.label}
+                </Select.Option>
+              ))}
+            </Select>
+          </Form.Item>
 
           <Space wrap>
             <Button type="primary" htmlType="submit">
@@ -112,7 +156,9 @@ export default function ScheduleManualEvent({ event }) {
   return (
     <Popover content={overlay} visible={visibility}>
       <Button loading={loading} onClick={handleClick}>
-        {t("schedule.labels.manualevent")}
+        {event
+          ? t("appointments.actions.reschedule")
+          : t("appointments.labels.manualevent")}
       </Button>
     </Popover>
   );
diff --git a/client/src/graphql/appointments.queries.js b/client/src/graphql/appointments.queries.js
index c11cd8337..d97e2494d 100644
--- a/client/src/graphql/appointments.queries.js
+++ b/client/src/graphql/appointments.queries.js
@@ -91,6 +91,26 @@ export const INSERT_APPOINTMENT_BLOCK = gql`
   }
 `;
 
+export const INSERT_MANUAL_APPT = gql`
+  mutation INSERT_MANUAL_APPT($apt: appointments_insert_input!) {
+    insert_appointments_one(object: $apt) {
+      start
+      id
+      end
+      arrived
+      title
+      isintake
+      block
+      color
+      note
+      canceled
+      job {
+        id
+      }
+    }
+  }
+`;
+
 export const INSERT_APPOINTMENT = gql`
   mutation INSERT_APPOINTMENT(
     $app: [appointments_insert_input!]!
diff --git a/client/src/translations/en_us/common.json b/client/src/translations/en_us/common.json
index 625f504e2..5ee6705a1 100644
--- a/client/src/translations/en_us/common.json
+++ b/client/src/translations/en_us/common.json
@@ -37,7 +37,9 @@
 			"fields": {
 				"alt_transport": "Alt. Trans.",
 				"color": "Appointment Color",
-				"note": "Appt. Note",
+				"end": "End",
+				"note": "Note",
+				"start": "Start",
 				"time": "Appointment Time",
 				"title": "Title"
 			},
@@ -47,8 +49,10 @@
 				"blocked": "Blocked",
 				"cancelledappointment": "Canceled appointment for: ",
 				"completingjobs": "Completing Jobs",
+				"dataconsistency": "{{ro_number}} has a data consistency issue. It has been excluded for scheduling purposes. CODE: {{code}}.",
 				"history": "History",
 				"inproduction": "Jobs In Production",
+				"manualevent": "Add Manual Appointment",
 				"noarrivingjobs": "No jobs are arriving.",
 				"nocompletingjobs": "No jobs scheduled for completion.",
 				"nodateselected": "No date has been selected.",
@@ -864,7 +868,7 @@
 			},
 			"labels": {
 				"actions": "Actions",
-				"endmustbeafterstart": "End date must be after start date.Ï",
+				"endmustbeafterstart": "End date must be after start date.",
 				"flat_rate": "Flat Rate",
 				"name": "Name",
 				"rate_type": "Rate Type",
diff --git a/client/src/translations/es/common.json b/client/src/translations/es/common.json
index 5dadae90c..75e2ab87d 100644
--- a/client/src/translations/es/common.json
+++ b/client/src/translations/es/common.json
@@ -37,7 +37,9 @@
 			"fields": {
 				"alt_transport": "",
 				"color": "",
+				"end": "",
 				"note": "",
+				"start": "",
 				"time": "",
 				"title": "Título"
 			},
@@ -47,8 +49,10 @@
 				"blocked": "",
 				"cancelledappointment": "Cita cancelada para:",
 				"completingjobs": "",
+				"dataconsistency": "",
 				"history": "",
 				"inproduction": "",
+				"manualevent": "",
 				"noarrivingjobs": "",
 				"nocompletingjobs": "",
 				"nodateselected": "No se ha seleccionado ninguna fecha.",
diff --git a/client/src/translations/fr/common.json b/client/src/translations/fr/common.json
index 9c1c410bf..c92da10b0 100644
--- a/client/src/translations/fr/common.json
+++ b/client/src/translations/fr/common.json
@@ -37,7 +37,9 @@
 			"fields": {
 				"alt_transport": "",
 				"color": "",
+				"end": "",
 				"note": "",
+				"start": "",
 				"time": "",
 				"title": "Titre"
 			},
@@ -47,8 +49,10 @@
 				"blocked": "",
 				"cancelledappointment": "Rendez-vous annulé pour:",
 				"completingjobs": "",
+				"dataconsistency": "",
 				"history": "",
 				"inproduction": "",
+				"manualevent": "",
 				"noarrivingjobs": "",
 				"nocompletingjobs": "",
 				"nodateselected": "Aucune date n'a été sélectionnée.",

From 72c1ec74a5fbf7daf5858882267fc6a7e5f54293 Mon Sep 17 00:00:00 2001
From: Patrick Fic <>
Date: Thu, 6 Jan 2022 14:26:33 -0800
Subject: [PATCH 11/14] IO-1623 Production priority column width increase.

---
 .../production-list-columns.bodypriority.component.jsx      | 6 +++++-
 .../production-list-columns.detailpriority.component.jsx    | 6 +++++-
 .../production-list-columns.paintpriority.component.jsx     | 6 +++++-
 .../production-list-table.container.jsx                     | 4 +---
 4 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/client/src/components/production-list-columns/production-list-columns.bodypriority.component.jsx b/client/src/components/production-list-columns/production-list-columns.bodypriority.component.jsx
index 7c926ba71..4b5a34c70 100644
--- a/client/src/components/production-list-columns/production-list-columns.bodypriority.component.jsx
+++ b/client/src/components/production-list-columns/production-list-columns.bodypriority.component.jsx
@@ -41,7 +41,11 @@ export default function ProductionListColumnBodyPriority({ record }) {
             title={t("production.actions.bodypriority-set")}
           >
             {new Array(15).fill().map((value, index) => (
-              <Menu.Item key={index + 1}>{index + 1}</Menu.Item>
+              <Menu.Item key={index + 1}>
+                <div style={{ marginLeft: "2rem", marginRight: "2rem" }}>
+                  {index + 1}
+                </div>
+              </Menu.Item>
             ))}
           </Menu.SubMenu>
         </Menu>
diff --git a/client/src/components/production-list-columns/production-list-columns.detailpriority.component.jsx b/client/src/components/production-list-columns/production-list-columns.detailpriority.component.jsx
index 2ead3ab4d..ebd88163f 100644
--- a/client/src/components/production-list-columns/production-list-columns.detailpriority.component.jsx
+++ b/client/src/components/production-list-columns/production-list-columns.detailpriority.component.jsx
@@ -41,7 +41,11 @@ export default function ProductionListColumnDetailPriority({ record }) {
             title={t("production.actions.detailpriority-set")}
           >
             {new Array(15).fill().map((value, index) => (
-              <Menu.Item key={index + 1}>{index + 1}</Menu.Item>
+              <Menu.Item key={index + 1}>
+                <div style={{ marginLeft: "2rem", marginRight: "2rem" }}>
+                  {index + 1}
+                </div>
+              </Menu.Item>
             ))}
           </Menu.SubMenu>
         </Menu>
diff --git a/client/src/components/production-list-columns/production-list-columns.paintpriority.component.jsx b/client/src/components/production-list-columns/production-list-columns.paintpriority.component.jsx
index f119a6665..501a625d8 100644
--- a/client/src/components/production-list-columns/production-list-columns.paintpriority.component.jsx
+++ b/client/src/components/production-list-columns/production-list-columns.paintpriority.component.jsx
@@ -41,7 +41,11 @@ export default function ProductionListColumnPaintPriority({ record }) {
             title={t("production.actions.paintpriority-set")}
           >
             {new Array(15).fill().map((value, index) => (
-              <Menu.Item key={index + 1}>{index + 1}</Menu.Item>
+              <Menu.Item key={index + 1}>
+                <div style={{ marginLeft: "2rem", marginRight: "2rem" }}>
+                  {index + 1}
+                </div>
+              </Menu.Item>
             ))}
           </Menu.SubMenu>
         </Menu>
diff --git a/client/src/components/production-list-table/production-list-table.container.jsx b/client/src/components/production-list-table/production-list-table.container.jsx
index 8bd4d1509..6697137cb 100644
--- a/client/src/components/production-list-table/production-list-table.container.jsx
+++ b/client/src/components/production-list-table/production-list-table.container.jsx
@@ -38,13 +38,11 @@ export default function ProductionListTableContainer() {
       updatedJobs.jobs,
       (a, b) => a.id === b.id && a.updated_at === b.updated_at
     );
-    console.log(jobDiff);
+
     if (jobDiff.length > 1) {
       getUpdatedJobsData(jobDiff.map((j) => j.id));
     } else if (jobDiff.length === 1) {
-      console.log("length was 1");
       jobDiff.forEach((job) => {
-        console.log("Job ", job);
         getUpdatedJobData(job.id);
       });
     }

From 05fb2cd7a135dfb31c5b60c15c106ecc8e5c07fb Mon Sep 17 00:00:00 2001
From: Patrick Fic <>
Date: Fri, 7 Jan 2022 09:54:43 -0800
Subject: [PATCH 12/14] Further scheduling updates.

---
 .../redux/application/application.sagas.js    | 36 ++++++++++++++-----
 server/scheduling/scheduling-job.js           | 30 +++++++++++-----
 2 files changed, 50 insertions(+), 16 deletions(-)

diff --git a/client/src/redux/application/application.sagas.js b/client/src/redux/application/application.sagas.js
index fceaab4e1..969d75b18 100644
--- a/client/src/redux/application/application.sagas.js
+++ b/client/src/redux/application/application.sagas.js
@@ -76,17 +76,35 @@ export function* calculateScheduleLoad({ payload: end }) {
 
     let problemJobs = [];
     compJobs.forEach((item) => {
-      if (!item.scheduled_completion)
-        console.log("JOB HAS NO SCHEDULED COMPLETION DATE.", item);
+      if (!(item.actual_completion || item.scheduled_completion))
+        console.log("JOB HAS NO COMPLETION DATE.", item);
 
       const inProdJobs = prodJobs.find((p) => p.id === item.id);
       const inArrJobs = arrJobs.find((p) => p.id === item.id);
 
-      if (
-        !(inProdJobs || inArrJobs) &&
-        !moment(item.scheduled_completion).isSame(moment(), "day")
-      ) {
-        // NOT FOUND!
+      if (!(inProdJobs || inArrJobs)) {
+        //Job isn't found in production or coming in.
+        //is it going today or scheduled to go today?
+        if (
+          moment(item.actual_completion || item.scheduled_completion).isSame(
+            moment(),
+            "day"
+          )
+        ) {
+          console.log("Job is going today anyways, ignore it.", item);
+          return;
+        }
+
+        if (
+          moment(item.actual_completion || item.scheduled_completion).isBefore(
+            moment(),
+            "day"
+          )
+        ) {
+          console.log("Job should have already gone. Ignoring it.", item);
+          return;
+        }
+
         problemJobs.push({
           ...item,
           code: "Job is scheduled for completion, but it is not marked in production nor is it an arriving job in this period. Check the scheduled in and completion dates",
@@ -94,7 +112,9 @@ export function* calculateScheduleLoad({ payload: end }) {
         return;
       }
 
-      const itemDate = moment(item.scheduled_completion).format("yyyy-MM-DD");
+      const itemDate = moment(
+        item.actual_completion || item.scheduled_completion
+      ).format("yyyy-MM-DD");
       if (!!load[itemDate]) {
         load[itemDate].hoursOut =
           (load[itemDate].hoursOut || 0) +
diff --git a/server/scheduling/scheduling-job.js b/server/scheduling/scheduling-job.js
index 54bad6919..c5b2e3251 100644
--- a/server/scheduling/scheduling-job.js
+++ b/server/scheduling/scheduling-job.js
@@ -96,14 +96,28 @@ exports.job = async (req, res) => {
       const inProdJobs = filteredProdJobsList.find((p) => p.id === item.id);
       const inArrJobs = filteredArrJobs.find((p) => p.id === item.id);
 
-      if (
-        !(inProdJobs || inArrJobs) &&
-        !moment(item.actual_completion || item.scheduled_completion).isSame(
-          moment(),
-          "day"
-        )
-      ) {
-        // NOT FOUND!
+      if (!(inProdJobs || inArrJobs)) {
+        //Job isn't found in production or coming in.
+        //is it going today or scheduled to go today?
+        if (
+          moment(item.actual_completion || item.scheduled_completion).isSame(
+            moment(),
+            "day"
+          )
+        ) {
+          console.log("Job is going today anyways, ignore it.", item);
+          return;
+        }
+
+        if (
+          moment(item.actual_completion || item.scheduled_completion).isBefore(
+            moment(),
+            "day"
+          )
+        ) {
+          console.log("Job should have already gone. Ignoring it.", item);
+          return;
+        }
         console.log("PROBLEM JOB", item);
         problemJobs.push({
           ...item,

From adc48f50d7e50e06180b4118e885f4205e6a4d1c Mon Sep 17 00:00:00 2001
From: Patrick Fic <>
Date: Fri, 7 Jan 2022 10:01:09 -0800
Subject: [PATCH 13/14] IO-1622 Resolve CDK Export missing option

---
 server/cdk/cdk-calculate-allocations.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/server/cdk/cdk-calculate-allocations.js b/server/cdk/cdk-calculate-allocations.js
index 0b7d84912..e87508b97 100644
--- a/server/cdk/cdk-calculate-allocations.js
+++ b/server/cdk/cdk-calculate-allocations.js
@@ -89,7 +89,7 @@ exports.default = async function (socket, jobid) {
         acc[val.profitcenter_part] =
           acc[val.profitcenter_part].add(DineroAmount);
       }
-      if (val.profitcenter_labor) {
+      if (val.profitcenter_labor && val.mod_lbr_ty) {
         //Check the Labor Assignment.
 
         if (!acc[val.profitcenter_labor])

From 677c649ad8d60d46a6225ef857ad0775110e8455 Mon Sep 17 00:00:00 2001
From: Patrick Fic <>
Date: Fri, 7 Jan 2022 10:06:02 -0800
Subject: [PATCH 14/14] IO-1612 Disable popover on PTO

---
 .../src/components/job-at-change/schedule-event.component.jsx   | 2 +-
 .../schedule-calendar/schedule-calendar.container.jsx           | 1 +
 .../schedule-day-view/schedule-day-view.container.jsx           | 1 +
 3 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/client/src/components/job-at-change/schedule-event.component.jsx b/client/src/components/job-at-change/schedule-event.component.jsx
index 21f3285d1..933cb067b 100644
--- a/client/src/components/job-at-change/schedule-event.component.jsx
+++ b/client/src/components/job-at-change/schedule-event.component.jsx
@@ -287,7 +287,7 @@ export function ScheduleEventComponent({
   return (
     <Popover
       visible={visible}
-      onVisibleChange={(vis) => setVisible(vis)}
+      onVisibleChange={(vis) => !event.vacation && setVisible(vis)}
       trigger="click"
       content={event.block ? blockContent : popoverContent}
       style={{ height: "100%", width: "100%" }}
diff --git a/client/src/components/schedule-calendar/schedule-calendar.container.jsx b/client/src/components/schedule-calendar/schedule-calendar.container.jsx
index 0d0178207..aff134b85 100644
--- a/client/src/components/schedule-calendar/schedule-calendar.container.jsx
+++ b/client/src/components/schedule-calendar/schedule-calendar.container.jsx
@@ -65,6 +65,7 @@ export function ScheduleCalendarContainer({ calculateScheduleLoad }) {
         color: "red",
         start: moment(e.start).startOf("day").toDate(),
         end: moment(e.end).startOf("day").toDate(),
+        vacation: true,
       };
     }),
   ];
diff --git a/client/src/components/schedule-day-view/schedule-day-view.container.jsx b/client/src/components/schedule-day-view/schedule-day-view.container.jsx
index a5bd37212..e35b44873 100644
--- a/client/src/components/schedule-day-view/schedule-day-view.container.jsx
+++ b/client/src/components/schedule-day-view/schedule-day-view.container.jsx
@@ -45,6 +45,7 @@ export default function ScheduleDayViewContainer({ day }) {
           color: "red",
           start: moment(e.start).startOf("day").toDate(),
           end: moment(e.end).startOf("day").toDate(),
+          vacation: true,
         };
       }),
     ];