From 5efb21ada716f2a6da0d5135ca84363cf31593e8 Mon Sep 17 00:00:00 2001
From: Patrick Fic <>
Date: Mon, 17 Aug 2020 10:11:56 -0700
Subject: [PATCH] Added detail for departing jos ons chedule BOD-254

---
 bodyshop_translations.babel                   | 84 +++++++++++++++++
 .../schedule-calendar-header.component.js     | 90 ++++++++++++++-----
 .../shop-info/shop-info.component.jsx         | 12 +++
 client/src/graphql/appointments.queries.js    |  2 +
 client/src/graphql/bodyshop.queries.js        |  2 +
 client/src/translations/en_us/common.json     |  4 +
 client/src/translations/es/common.json        |  4 +
 client/src/translations/fr/common.json        |  4 +
 .../down.yaml                                 |  5 ++
 .../up.yaml                                   |  6 ++
 .../down.yaml                                 | 61 +++++++++++++
 .../up.yaml                                   | 62 +++++++++++++
 .../down.yaml                                 | 55 ++++++++++++
 .../up.yaml                                   | 56 ++++++++++++
 hasura/migrations/metadata.yaml               |  2 +
 15 files changed, 427 insertions(+), 22 deletions(-)
 create mode 100644 hasura/migrations/1597681392700_alter_table_public_bodyshops_add_column_prodtargethrs/down.yaml
 create mode 100644 hasura/migrations/1597681392700_alter_table_public_bodyshops_add_column_prodtargethrs/up.yaml
 create mode 100644 hasura/migrations/1597681402689_update_permission_user_public_table_bodyshops/down.yaml
 create mode 100644 hasura/migrations/1597681402689_update_permission_user_public_table_bodyshops/up.yaml
 create mode 100644 hasura/migrations/1597681427500_update_permission_user_public_table_bodyshops/down.yaml
 create mode 100644 hasura/migrations/1597681427500_update_permission_user_public_table_bodyshops/up.yaml

diff --git a/bodyshop_translations.babel b/bodyshop_translations.babel
index f5d11cc77..fbdb90c09 100644
--- a/bodyshop_translations.babel
+++ b/bodyshop_translations.babel
@@ -526,6 +526,27 @@
                                             </translation>
                                         </translations>
                                     </concept_node>
+                                    <concept_node>
+                                        <name>completingjobs</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>
@@ -547,6 +568,27 @@
                                             </translation>
                                         </translations>
                                     </concept_node>
+                                    <concept_node>
+                                        <name>nocompletingjobs</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>nodateselected</name>
                                         <definition_loaded>false</definition_loaded>
@@ -1463,6 +1505,27 @@
                                             </translation>
                                         </translations>
                                     </concept_node>
+                                    <concept_node>
+                                        <name>prodtargethrs</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>responsibilitycenter</name>
                                         <definition_loaded>false</definition_loaded>
@@ -6732,6 +6795,27 @@
                                             </translation>
                                         </translations>
                                     </concept_node>
+                                    <concept_node>
+                                        <name>hours</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>in</name>
                                         <definition_loaded>false</definition_loaded>
diff --git a/client/src/components/schedule-calendar-wrapper/schedule-calendar-header.component.js b/client/src/components/schedule-calendar-wrapper/schedule-calendar-header.component.js
index a3e77cee0..dce6eb8c1 100644
--- a/client/src/components/schedule-calendar-wrapper/schedule-calendar-header.component.js
+++ b/client/src/components/schedule-calendar-wrapper/schedule-calendar-header.component.js
@@ -1,20 +1,23 @@
 import Icon from "@ant-design/icons";
-import { Statistic } from "antd";
+import { Popover, Statistic } from "antd";
 import React from "react";
+import { useTranslation } from "react-i18next";
 import { MdFileDownload, MdFileUpload } from "react-icons/md";
 import { connect } from "react-redux";
+import { Link } from "react-router-dom";
 import { createStructuredSelector } from "reselect";
 import {
   selectScheduleLoad,
   selectScheduleLoadCalculating,
 } from "../../redux/application/application.selectors";
+import { selectBodyshop } from "../../redux/user/user.selectors";
+import { DateTimeFormatter } from "../../utils/DateFormatter";
 import LoadingSkeleton from "../loading-skeleton/loading-skeleton.component";
 import ScheduleBlockDay from "../schedule-block-day/schedule-block-day.component";
 
-const ShopTargetHrs = 100;
-
 const mapStateToProps = createStructuredSelector({
   //currentUser: selectCurrentUser
+  bodyshop: selectBodyshop,
   load: selectScheduleLoad,
   calculating: selectScheduleLoadCalculating,
 });
@@ -24,6 +27,7 @@ const mapDispatchToProps = (dispatch) => ({
 });
 
 export function ScheduleCalendarHeaderComponent({
+  bodyshop,
   label,
   refetch,
   date,
@@ -31,28 +35,70 @@ export function ScheduleCalendarHeaderComponent({
   calculating,
   ...otherProps
 }) {
+  const { t } = useTranslation();
   const loadData = load[date.toISOString().substr(0, 10)];
 
-  const LoadComponent = loadData ? (
-    <div className="imex-flex-row imex-flex-row__flex-space-around">
-      <Icon component={MdFileDownload} style={{ color: "green" }} />
-      {(loadData.hoursIn || 0) && loadData.hoursIn.toFixed(2)}
-      <Icon component={MdFileUpload} style={{ color: "red" }} />
-      {(loadData.hoursOut || 0) && loadData.hoursOut.toFixed(2)}
-      <Statistic
-        value={((loadData.expectedLoad || 0) / ShopTargetHrs) * 100}
-        suffix={"%"}
-        precision={0}
-        valueStyle={{
-          color:
-            Math.abs(
-              100 - ((loadData.expectedLoad || 0) / ShopTargetHrs) * 100
-            ) <= 10
-              ? "green"
-              : "red",
-        }}
-      />
+  const popContent = () => (
+    <div onClick={(e) => e.stopPropagation()}>
+      <table>
+        <tbody>
+          {loadData && loadData.jobsOut ? (
+            loadData.jobsOut.map((j) => (
+              <tr key={j.id}>
+                <td>
+                  <Link to={`/manage/jobs/${j.id}`}>{j.ro_number}</Link>
+                </td>
+                <td>
+                  {`(${(
+                    j.labhrs.aggregate.sum.mod_lb_hrs +
+                    j.larhrs.aggregate.sum.mod_lb_hrs
+                  ).toFixed(1)} ${t("general.labels.hours")})`}
+                </td>
+                <td>
+                  <DateTimeFormatter>
+                    {j.scheduled_completion}
+                  </DateTimeFormatter>
+                </td>
+              </tr>
+            ))
+          ) : (
+            <tr>
+              <td>{t("appointments.labels.nocompletingjobs")}</td>
+            </tr>
+          )}
+        </tbody>
+      </table>
     </div>
+  );
+
+  const LoadComponent = loadData ? (
+    <Popover
+      placement={"bottom"}
+      content={popContent}
+      trigger="hover"
+      title={t("appointments.labels.completingjobs")}
+    >
+      <div className="imex-flex-row imex-flex-row__flex-space-around">
+        <Icon component={MdFileDownload} style={{ color: "green" }} />
+        {(loadData.hoursIn || 0) && loadData.hoursIn.toFixed(2)}
+        <Icon component={MdFileUpload} style={{ color: "red" }} />
+        {(loadData.hoursOut || 0) && loadData.hoursOut.toFixed(2)}
+        <Statistic
+          value={((loadData.expectedLoad || 0) / bodyshop.prodtargethrs) * 100}
+          suffix={"%"}
+          precision={0}
+          valueStyle={{
+            color:
+              Math.abs(
+                100 -
+                  ((loadData.expectedLoad || 0) / bodyshop.prodtargethrs) * 100
+              ) <= 10
+                ? "green"
+                : "red",
+          }}
+        />
+      </div>
+    </Popover>
   ) : null;
 
   return (
diff --git a/client/src/components/shop-info/shop-info.component.jsx b/client/src/components/shop-info/shop-info.component.jsx
index 6adc46e42..db9af532c 100644
--- a/client/src/components/shop-info/shop-info.component.jsx
+++ b/client/src/components/shop-info/shop-info.component.jsx
@@ -153,6 +153,18 @@ export default function ShopInfoComponent({ form, saveLoading }) {
             >
               <InputNumber min={0} max={12} precision={0} />
             </Form.Item>
+            <Form.Item
+              label={t("bodyshop.fields.prodtargethrs")}
+              name={["prodtargethrs"]}
+              rules={[
+                {
+                  required: true,
+                  message: t("general.validation.required"),
+                },
+              ]}
+            >
+              <InputNumber min={1} precision={1} />
+            </Form.Item>
             <Form.Item
               name={["md_referral_sources"]}
               label={t("bodyshop.fields.md_referral_sources")}
diff --git a/client/src/graphql/appointments.queries.js b/client/src/graphql/appointments.queries.js
index a3c73fed1..a1981fddc 100644
--- a/client/src/graphql/appointments.queries.js
+++ b/client/src/graphql/appointments.queries.js
@@ -143,6 +143,8 @@ export const QUERY_SCHEDULE_LOAD_DATA = gql`
       where: { scheduled_completion: { _gte: $start, _lte: $end } }
     ) {
       id
+      est_number
+      ro_number
       scheduled_completion
       labhrs: joblines_aggregate(where: { mod_lbr_ty: { _eq: "LAB" } }) {
         aggregate {
diff --git a/client/src/graphql/bodyshop.queries.js b/client/src/graphql/bodyshop.queries.js
index ea4979d68..3f01d2094 100644
--- a/client/src/graphql/bodyshop.queries.js
+++ b/client/src/graphql/bodyshop.queries.js
@@ -53,6 +53,7 @@ export const QUERY_BODYSHOP = gql`
       md_parts_locations
       md_notes_presets
       md_rbac
+      prodtargethrs
       employees {
         id
         first_name
@@ -112,6 +113,7 @@ export const UPDATE_SHOP = gql`
         md_parts_locations
         md_notes_presets
         md_rbac
+        prodtargethrs
         employees {
           id
           first_name
diff --git a/client/src/translations/en_us/common.json b/client/src/translations/en_us/common.json
index 8cabbff21..1288cc41f 100644
--- a/client/src/translations/en_us/common.json
+++ b/client/src/translations/en_us/common.json
@@ -40,7 +40,9 @@
 				"arrivedon": "Arrived on: ",
 				"blocked": "Blocked",
 				"cancelledappointment": "Canceled appointment for: ",
+				"completingjobs": "Completing Jobs",
 				"history": "History",
+				"nocompletingjobs": "No jobs scheduled for completion.",
 				"nodateselected": "No date has been selected.",
 				"priorappointments": "Previous Appointments",
 				"scheduledfor": "Scheduled appointment for: "
@@ -104,6 +106,7 @@
 				"noteslabel": "Note Label",
 				"notestext": "Note Text",
 				"partslocation": "Parts Location",
+				"prodtargethrs": "Production Target Hours",
 				"responsibilitycenter": "Responsibility Center",
 				"responsibilitycenter_accountdesc": "Account Description",
 				"responsibilitycenter_accountitem": "Item",
@@ -443,6 +446,7 @@
 				"email": "Email",
 				"errors": "Errors",
 				"exceptiontitle": "An error has occurred.",
+				"hours": "hrs",
 				"in": "In",
 				"instanceconflictext": "Your $t(titles.app) account can only be used on one device at any given time. Refresh your session to take control.",
 				"instanceconflictitle": "Your account is being used elsewhere.",
diff --git a/client/src/translations/es/common.json b/client/src/translations/es/common.json
index b13a14efa..ff0689ed0 100644
--- a/client/src/translations/es/common.json
+++ b/client/src/translations/es/common.json
@@ -40,7 +40,9 @@
 				"arrivedon": "Llegado el:",
 				"blocked": "",
 				"cancelledappointment": "Cita cancelada para:",
+				"completingjobs": "",
 				"history": "",
+				"nocompletingjobs": "",
 				"nodateselected": "No se ha seleccionado ninguna fecha.",
 				"priorappointments": "Nombramientos previos",
 				"scheduledfor": "Cita programada para:"
@@ -104,6 +106,7 @@
 				"noteslabel": "",
 				"notestext": "",
 				"partslocation": "",
+				"prodtargethrs": "",
 				"responsibilitycenter": "",
 				"responsibilitycenter_accountdesc": "",
 				"responsibilitycenter_accountitem": "",
@@ -443,6 +446,7 @@
 				"email": "",
 				"errors": "",
 				"exceptiontitle": "",
+				"hours": "",
 				"in": "en",
 				"instanceconflictext": "",
 				"instanceconflictitle": "",
diff --git a/client/src/translations/fr/common.json b/client/src/translations/fr/common.json
index 6ef456c60..a158a7a77 100644
--- a/client/src/translations/fr/common.json
+++ b/client/src/translations/fr/common.json
@@ -40,7 +40,9 @@
 				"arrivedon": "Arrivé le:",
 				"blocked": "",
 				"cancelledappointment": "Rendez-vous annulé pour:",
+				"completingjobs": "",
 				"history": "",
+				"nocompletingjobs": "",
 				"nodateselected": "Aucune date n'a été sélectionnée.",
 				"priorappointments": "Rendez-vous précédents",
 				"scheduledfor": "Rendez-vous prévu pour:"
@@ -104,6 +106,7 @@
 				"noteslabel": "",
 				"notestext": "",
 				"partslocation": "",
+				"prodtargethrs": "",
 				"responsibilitycenter": "",
 				"responsibilitycenter_accountdesc": "",
 				"responsibilitycenter_accountitem": "",
@@ -443,6 +446,7 @@
 				"email": "",
 				"errors": "",
 				"exceptiontitle": "",
+				"hours": "",
 				"in": "dans",
 				"instanceconflictext": "",
 				"instanceconflictitle": "",
diff --git a/hasura/migrations/1597681392700_alter_table_public_bodyshops_add_column_prodtargethrs/down.yaml b/hasura/migrations/1597681392700_alter_table_public_bodyshops_add_column_prodtargethrs/down.yaml
new file mode 100644
index 000000000..d1002d052
--- /dev/null
+++ b/hasura/migrations/1597681392700_alter_table_public_bodyshops_add_column_prodtargethrs/down.yaml
@@ -0,0 +1,5 @@
+- args:
+    cascade: false
+    read_only: false
+    sql: ALTER TABLE "public"."bodyshops" DROP COLUMN "prodtargethrs";
+  type: run_sql
diff --git a/hasura/migrations/1597681392700_alter_table_public_bodyshops_add_column_prodtargethrs/up.yaml b/hasura/migrations/1597681392700_alter_table_public_bodyshops_add_column_prodtargethrs/up.yaml
new file mode 100644
index 000000000..3bc131951
--- /dev/null
+++ b/hasura/migrations/1597681392700_alter_table_public_bodyshops_add_column_prodtargethrs/up.yaml
@@ -0,0 +1,6 @@
+- args:
+    cascade: false
+    read_only: false
+    sql: ALTER TABLE "public"."bodyshops" ADD COLUMN "prodtargethrs" numeric NOT NULL
+      DEFAULT 1;
+  type: run_sql
diff --git a/hasura/migrations/1597681402689_update_permission_user_public_table_bodyshops/down.yaml b/hasura/migrations/1597681402689_update_permission_user_public_table_bodyshops/down.yaml
new file mode 100644
index 000000000..66dc3a4da
--- /dev/null
+++ b/hasura/migrations/1597681402689_update_permission_user_public_table_bodyshops/down.yaml
@@ -0,0 +1,61 @@
+- args:
+    role: user
+    table:
+      name: bodyshops
+      schema: public
+  type: drop_select_permission
+- args:
+    permission:
+      allow_aggregations: false
+      columns:
+      - accountingconfig
+      - address1
+      - address2
+      - appt_length
+      - city
+      - country
+      - created_at
+      - email
+      - federal_tax_id
+      - id
+      - inhousevendorid
+      - insurance_vendor_id
+      - intakechecklist
+      - invoice_tax_rates
+      - logo_img_path
+      - md_messaging_presets
+      - md_notes_presets
+      - md_order_statuses
+      - md_parts_locations
+      - md_rbac
+      - md_referral_sources
+      - md_responsibility_centers
+      - md_ro_statuses
+      - messagingservicesid
+      - production_config
+      - region_config
+      - scoreboard_target
+      - shopname
+      - shoprates
+      - speedprint
+      - ssbuckets
+      - state
+      - state_tax_id
+      - stripe_acct_id
+      - template_header
+      - textid
+      - updated_at
+      - zip_post
+      computed_fields: []
+      filter:
+        associations:
+          bodyshop:
+            associations:
+              user:
+                authid:
+                  _eq: X-Hasura-User-Id
+    role: user
+    table:
+      name: bodyshops
+      schema: public
+  type: create_select_permission
diff --git a/hasura/migrations/1597681402689_update_permission_user_public_table_bodyshops/up.yaml b/hasura/migrations/1597681402689_update_permission_user_public_table_bodyshops/up.yaml
new file mode 100644
index 000000000..715668e1d
--- /dev/null
+++ b/hasura/migrations/1597681402689_update_permission_user_public_table_bodyshops/up.yaml
@@ -0,0 +1,62 @@
+- args:
+    role: user
+    table:
+      name: bodyshops
+      schema: public
+  type: drop_select_permission
+- args:
+    permission:
+      allow_aggregations: false
+      columns:
+      - accountingconfig
+      - address1
+      - address2
+      - appt_length
+      - city
+      - country
+      - created_at
+      - email
+      - federal_tax_id
+      - id
+      - inhousevendorid
+      - insurance_vendor_id
+      - intakechecklist
+      - invoice_tax_rates
+      - logo_img_path
+      - md_messaging_presets
+      - md_notes_presets
+      - md_order_statuses
+      - md_parts_locations
+      - md_rbac
+      - md_referral_sources
+      - md_responsibility_centers
+      - md_ro_statuses
+      - messagingservicesid
+      - prodtargethrs
+      - production_config
+      - region_config
+      - scoreboard_target
+      - shopname
+      - shoprates
+      - speedprint
+      - ssbuckets
+      - state
+      - state_tax_id
+      - stripe_acct_id
+      - template_header
+      - textid
+      - updated_at
+      - zip_post
+      computed_fields: []
+      filter:
+        associations:
+          bodyshop:
+            associations:
+              user:
+                authid:
+                  _eq: X-Hasura-User-Id
+    role: user
+    table:
+      name: bodyshops
+      schema: public
+  type: create_select_permission
diff --git a/hasura/migrations/1597681427500_update_permission_user_public_table_bodyshops/down.yaml b/hasura/migrations/1597681427500_update_permission_user_public_table_bodyshops/down.yaml
new file mode 100644
index 000000000..2d3b1252f
--- /dev/null
+++ b/hasura/migrations/1597681427500_update_permission_user_public_table_bodyshops/down.yaml
@@ -0,0 +1,55 @@
+- args:
+    role: user
+    table:
+      name: bodyshops
+      schema: public
+  type: drop_update_permission
+- args:
+    permission:
+      columns:
+      - accountingconfig
+      - address1
+      - address2
+      - appt_length
+      - city
+      - country
+      - created_at
+      - email
+      - federal_tax_id
+      - id
+      - inhousevendorid
+      - insurance_vendor_id
+      - intakechecklist
+      - invoice_tax_rates
+      - logo_img_path
+      - md_messaging_presets
+      - md_notes_presets
+      - md_order_statuses
+      - md_parts_locations
+      - md_rbac
+      - md_referral_sources
+      - md_responsibility_centers
+      - md_ro_statuses
+      - production_config
+      - scoreboard_target
+      - shopname
+      - shoprates
+      - speedprint
+      - ssbuckets
+      - state
+      - state_tax_id
+      - updated_at
+      - zip_post
+      filter:
+        associations:
+          bodyshop:
+            associations:
+              user:
+                authid:
+                  _eq: X-Hasura-User-Id
+      set: {}
+    role: user
+    table:
+      name: bodyshops
+      schema: public
+  type: create_update_permission
diff --git a/hasura/migrations/1597681427500_update_permission_user_public_table_bodyshops/up.yaml b/hasura/migrations/1597681427500_update_permission_user_public_table_bodyshops/up.yaml
new file mode 100644
index 000000000..42dbb2e30
--- /dev/null
+++ b/hasura/migrations/1597681427500_update_permission_user_public_table_bodyshops/up.yaml
@@ -0,0 +1,56 @@
+- args:
+    role: user
+    table:
+      name: bodyshops
+      schema: public
+  type: drop_update_permission
+- args:
+    permission:
+      columns:
+      - accountingconfig
+      - address1
+      - address2
+      - appt_length
+      - city
+      - country
+      - created_at
+      - email
+      - federal_tax_id
+      - id
+      - inhousevendorid
+      - insurance_vendor_id
+      - intakechecklist
+      - invoice_tax_rates
+      - logo_img_path
+      - md_messaging_presets
+      - md_notes_presets
+      - md_order_statuses
+      - md_parts_locations
+      - md_rbac
+      - md_referral_sources
+      - md_responsibility_centers
+      - md_ro_statuses
+      - prodtargethrs
+      - production_config
+      - scoreboard_target
+      - shopname
+      - shoprates
+      - speedprint
+      - ssbuckets
+      - state
+      - state_tax_id
+      - updated_at
+      - zip_post
+      filter:
+        associations:
+          bodyshop:
+            associations:
+              user:
+                authid:
+                  _eq: X-Hasura-User-Id
+      set: {}
+    role: user
+    table:
+      name: bodyshops
+      schema: public
+  type: create_update_permission
diff --git a/hasura/migrations/metadata.yaml b/hasura/migrations/metadata.yaml
index 74e36eaf2..7834c9970 100644
--- a/hasura/migrations/metadata.yaml
+++ b/hasura/migrations/metadata.yaml
@@ -483,6 +483,7 @@ tables:
       - md_responsibility_centers
       - md_ro_statuses
       - messagingservicesid
+      - prodtargethrs
       - production_config
       - region_config
       - scoreboard_target
@@ -531,6 +532,7 @@ tables:
       - md_referral_sources
       - md_responsibility_centers
       - md_ro_statuses
+      - prodtargethrs
       - production_config
       - scoreboard_target
       - shopname