From c8ba3295bfa5ed77d0f7b2e8200c12b89761a779 Mon Sep 17 00:00:00 2001
From: Patrick Fic <patrick@thinkimex.com>
Date: Mon, 2 Mar 2020 18:21:27 -0800
Subject: [PATCH] Further WIP in invoice enter screen.

---
 bodyshop_translations.babel                   | 23 ++++++-
 .../invoice-enter-modal.component.jsx         |  6 +-
 .../invoice-enter-modal.container.jsx         |  1 +
 .../invoice-enter-modal.lines.component.jsx   | 60 +++++++++++++------
 client/src/graphql/bodyshop.queries.js        |  3 +-
 client/src/translations/en_us/common.json     |  1 +
 client/src/translations/es/common.json        |  1 +
 client/src/translations/fr/common.json        |  1 +
 .../down.yaml                                 |  5 ++
 .../up.yaml                                   |  6 ++
 .../down.yaml                                 | 41 +++++++++++++
 .../up.yaml                                   | 42 +++++++++++++
 .../down.yaml                                 | 43 +++++++++++++
 .../up.yaml                                   | 44 ++++++++++++++
 14 files changed, 253 insertions(+), 24 deletions(-)
 create mode 100644 hasura/migrations/1583197013415_alter_table_public_bodyshops_add_column_md_responsibility_centers/down.yaml
 create mode 100644 hasura/migrations/1583197013415_alter_table_public_bodyshops_add_column_md_responsibility_centers/up.yaml
 create mode 100644 hasura/migrations/1583197023778_update_permission_user_public_table_bodyshops/down.yaml
 create mode 100644 hasura/migrations/1583197023778_update_permission_user_public_table_bodyshops/up.yaml
 create mode 100644 hasura/migrations/1583197028783_update_permission_user_public_table_bodyshops/down.yaml
 create mode 100644 hasura/migrations/1583197028783_update_permission_user_public_table_bodyshops/up.yaml

diff --git a/bodyshop_translations.babel b/bodyshop_translations.babel
index 0223ded6c..7e7c5b49a 100644
--- a/bodyshop_translations.babel
+++ b/bodyshop_translations.babel
@@ -1,4 +1,4 @@
-<babeledit_project be_version="2.6.1" version="1.2">
+<babeledit_project version="1.2" be_version="2.6.1">
     <!--
 
     BabelEdit project file
@@ -1931,6 +1931,27 @@
                                             </translation>
                                         </translations>
                                     </concept_node>
+                                    <concept_node>
+                                        <name>reconciled</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>unreconciled</name>
                                         <definition_loaded>false</definition_loaded>
diff --git a/client/src/components/invoice-enter-modal/invoice-enter-modal.component.jsx b/client/src/components/invoice-enter-modal/invoice-enter-modal.component.jsx
index b28bc0e34..a3fb7cd22 100644
--- a/client/src/components/invoice-enter-modal/invoice-enter-modal.component.jsx
+++ b/client/src/components/invoice-enter-modal/invoice-enter-modal.component.jsx
@@ -18,15 +18,14 @@ export default function InvoiceEnterModalComponent({
   invoice,
   handleCancel,
   handleFinish,
-
   handleRoSelect,
   roAutoCompleteOptions,
-
   handleVendorSelect,
   vendorAutoCompleteOptions,
   lineData,
   vendor,
-  job
+  job,
+  responsibilityCenters
 }) {
   const { t } = useTranslation();
   const [form] = Form.useForm();
@@ -165,6 +164,7 @@ export default function InvoiceEnterModalComponent({
           lineData={lineData}
           discount={vendor && vendor.discount}
           form={form}
+          responsibilityCenters={responsibilityCenters}
         />
 
         <Button onClick={() => console.log(form.getFieldsValue())}>
diff --git a/client/src/components/invoice-enter-modal/invoice-enter-modal.container.jsx b/client/src/components/invoice-enter-modal/invoice-enter-modal.container.jsx
index 0aad70dbf..ef031c7d2 100644
--- a/client/src/components/invoice-enter-modal/invoice-enter-modal.container.jsx
+++ b/client/src/components/invoice-enter-modal/invoice-enter-modal.container.jsx
@@ -142,6 +142,7 @@ function InvoiceEnterModalContainer({
           : null
       }
       job={invoiceEnterModal.context.job || null}
+      responsibilityCenters={bodyshop.md_responsibility_centers || null}
     />
   );
 }
diff --git a/client/src/components/invoice-enter-modal/invoice-enter-modal.lines.component.jsx b/client/src/components/invoice-enter-modal/invoice-enter-modal.lines.component.jsx
index d6efded68..d265cf4a6 100644
--- a/client/src/components/invoice-enter-modal/invoice-enter-modal.lines.component.jsx
+++ b/client/src/components/invoice-enter-modal/invoice-enter-modal.lines.component.jsx
@@ -8,13 +8,15 @@ import CurrencyInput from "../form-items-formatted/currency-form-item.component"
 export default function InvoiceEnterModalLinesComponent({
   lineData,
   discount,
-  form
+  form,
+  responsibilityCenters
 }) {
   const { t } = useTranslation();
   const { setFieldsValue, getFieldsValue } = form;
 
   const [amounts, setAmounts] = useState({ invoiceTotal: 0, enteredAmount: 0 });
 
+  console.log("costCenters", responsibilityCenters);
   return (
     <div>
       <Form.List name="invoicelines">
@@ -38,7 +40,7 @@ export default function InvoiceEnterModalLinesComponent({
                       <Select
                         autoFocus
                         name={`le${index}`}
-                        style={{ width: "300px" }}
+                        style={{ width: "450px" }}
                         onSelect={(value, opt) => {
                           setFieldsValue({
                             invoicelines: getFieldsValue([
@@ -54,7 +56,12 @@ export default function InvoiceEnterModalLinesComponent({
                                   line_desc: opt.key.includes("noline")
                                     ? ""
                                     : opt.value,
-                                  actual_price: opt.cost ? opt.cost : 0
+                                  actual_price: opt.cost ? opt.cost : 0,
+                                  cost_center: opt.mod_lbr_ty
+                                    ? responsibilityCenters.defaults[
+                                        opt.mod_lbr_ty
+                                      ] || null
+                                    : null
                                 };
                               }
                               return item;
@@ -76,8 +83,21 @@ export default function InvoiceEnterModalLinesComponent({
                                 key={item.id}
                                 value={item.line_desc}
                                 cost={item.act_price ? item.act_price : 0}
+                                mod_lbr_ty={item.mod_lbr_ty}
                               >
-                                {item.line_desc}
+                                <Row justify="center" align="middle">
+                                  <Col span={12}> {item.line_desc}</Col>
+                                  <Col span={8}>
+                                    <Tag color="blue">{item.oem_partno}</Tag>
+                                  </Col>
+                                  <Col span={4}>
+                                    <Tag color="green">
+                                      <CurrencyFormatter>
+                                        {item.act_price}
+                                      </CurrencyFormatter>
+                                    </Tag>
+                                  </Col>
+                                </Row>
                               </Select.Option>
                             ))
                           : null}
@@ -170,7 +190,11 @@ export default function InvoiceEnterModalLinesComponent({
                         }
                       ]}
                     >
-                      <Input />
+                      <Select style={{ width: "150px" }}>
+                        {responsibilityCenters.costs.map(item => (
+                          <Select.Option key={item}>{item}</Select.Option>
+                        ))}
+                      </Select>
                     </Form.Item>
 
                     <DeleteFilled
@@ -187,7 +211,7 @@ export default function InvoiceEnterModalLinesComponent({
                   onClick={() => {
                     add();
                   }}
-                  style={{ width: "60%" }}
+                  style={{ width: "100%" }}
                 >
                   {t("invoicelines.actions.newline")}
                 </Button>
@@ -199,22 +223,20 @@ export default function InvoiceEnterModalLinesComponent({
       <Row>
         <Col span={4}>
           {t("invoicelines.labels.entered")}
-          <CurrencyFormatter>{amounts.enteredTotal}</CurrencyFormatter>
+          <CurrencyFormatter>{amounts.enteredTotal || 0}</CurrencyFormatter>
         </Col>
 
         <Col span={4}>
-          <Tag
-            color={
-              amounts.invoiceTotal - amounts.enteredTotal === 0
-                ? "green"
-                : "red"
-            }
-          >
-            {t("invoicelines.labels.unreconciled")}:
-            <CurrencyFormatter>
-              {amounts.invoiceTotal - amounts.enteredTotal}
-            </CurrencyFormatter>
-          </Tag>
+          {amounts.invoiceTotal - amounts.enteredTotal === 0 ? (
+            <Tag color="green">{t("invoicelines.labels.reconciled")}</Tag>
+          ) : (
+            <Tag color="red">
+              {t("invoicelines.labels.unreconciled")}:
+              <CurrencyFormatter>
+                {amounts.invoiceTotal - amounts.enteredTotal}
+              </CurrencyFormatter>
+            </Tag>
+          )}
         </Col>
       </Row>
     </div>
diff --git a/client/src/graphql/bodyshop.queries.js b/client/src/graphql/bodyshop.queries.js
index 8be8e0c19..9a4f6aad5 100644
--- a/client/src/graphql/bodyshop.queries.js
+++ b/client/src/graphql/bodyshop.queries.js
@@ -14,13 +14,14 @@ export const QUERY_BODYSHOP = gql`
       insurance_vendor_id
       logo_img_path
       md_ro_statuses
-      md_order_statuses 
+      md_order_statuses
       shopname
       state
       state_tax_id
       updated_at
       zip_post
       region_config
+      md_responsibility_centers
       employees {
         id
         first_name
diff --git a/client/src/translations/en_us/common.json b/client/src/translations/en_us/common.json
index 83f2fc451..1f95fbd0b 100644
--- a/client/src/translations/en_us/common.json
+++ b/client/src/translations/en_us/common.json
@@ -158,6 +158,7 @@
 			"labels": {
 				"entered": "Entered",
 				"other": "--Not On Estimate--",
+				"reconciled": "Reconciled!",
 				"unreconciled": "Unreconciled"
 			}
 		},
diff --git a/client/src/translations/es/common.json b/client/src/translations/es/common.json
index 8ea76012e..ce0934698 100644
--- a/client/src/translations/es/common.json
+++ b/client/src/translations/es/common.json
@@ -158,6 +158,7 @@
 			"labels": {
 				"entered": "",
 				"other": "",
+				"reconciled": "",
 				"unreconciled": ""
 			}
 		},
diff --git a/client/src/translations/fr/common.json b/client/src/translations/fr/common.json
index 04de6e07e..73162df44 100644
--- a/client/src/translations/fr/common.json
+++ b/client/src/translations/fr/common.json
@@ -158,6 +158,7 @@
 			"labels": {
 				"entered": "",
 				"other": "",
+				"reconciled": "",
 				"unreconciled": ""
 			}
 		},
diff --git a/hasura/migrations/1583197013415_alter_table_public_bodyshops_add_column_md_responsibility_centers/down.yaml b/hasura/migrations/1583197013415_alter_table_public_bodyshops_add_column_md_responsibility_centers/down.yaml
new file mode 100644
index 000000000..0a8816270
--- /dev/null
+++ b/hasura/migrations/1583197013415_alter_table_public_bodyshops_add_column_md_responsibility_centers/down.yaml
@@ -0,0 +1,5 @@
+- args:
+    cascade: false
+    read_only: false
+    sql: ALTER TABLE "public"."bodyshops" DROP COLUMN "md_responsibility_centers";
+  type: run_sql
diff --git a/hasura/migrations/1583197013415_alter_table_public_bodyshops_add_column_md_responsibility_centers/up.yaml b/hasura/migrations/1583197013415_alter_table_public_bodyshops_add_column_md_responsibility_centers/up.yaml
new file mode 100644
index 000000000..b31a64458
--- /dev/null
+++ b/hasura/migrations/1583197013415_alter_table_public_bodyshops_add_column_md_responsibility_centers/up.yaml
@@ -0,0 +1,6 @@
+- args:
+    cascade: false
+    read_only: false
+    sql: ALTER TABLE "public"."bodyshops" ADD COLUMN "md_responsibility_centers" jsonb
+      NULL;
+  type: run_sql
diff --git a/hasura/migrations/1583197023778_update_permission_user_public_table_bodyshops/down.yaml b/hasura/migrations/1583197023778_update_permission_user_public_table_bodyshops/down.yaml
new file mode 100644
index 000000000..f9e53c75e
--- /dev/null
+++ b/hasura/migrations/1583197023778_update_permission_user_public_table_bodyshops/down.yaml
@@ -0,0 +1,41 @@
+- args:
+    role: user
+    table:
+      name: bodyshops
+      schema: public
+  type: drop_select_permission
+- args:
+    permission:
+      allow_aggregations: false
+      columns:
+      - id
+      - shopname
+      - created_at
+      - updated_at
+      - address1
+      - address2
+      - city
+      - state
+      - zip_post
+      - country
+      - email
+      - federal_tax_id
+      - insurance_vendor_id
+      - state_tax_id
+      - logo_img_path
+      - md_ro_statuses
+      - region_config
+      - md_order_statuses
+      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/1583197023778_update_permission_user_public_table_bodyshops/up.yaml b/hasura/migrations/1583197023778_update_permission_user_public_table_bodyshops/up.yaml
new file mode 100644
index 000000000..c3ec5c35a
--- /dev/null
+++ b/hasura/migrations/1583197023778_update_permission_user_public_table_bodyshops/up.yaml
@@ -0,0 +1,42 @@
+- args:
+    role: user
+    table:
+      name: bodyshops
+      schema: public
+  type: drop_select_permission
+- args:
+    permission:
+      allow_aggregations: false
+      columns:
+      - id
+      - shopname
+      - created_at
+      - updated_at
+      - address1
+      - address2
+      - city
+      - state
+      - zip_post
+      - country
+      - email
+      - federal_tax_id
+      - insurance_vendor_id
+      - state_tax_id
+      - logo_img_path
+      - md_ro_statuses
+      - region_config
+      - md_order_statuses
+      - md_responsibility_centers
+      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/1583197028783_update_permission_user_public_table_bodyshops/down.yaml b/hasura/migrations/1583197028783_update_permission_user_public_table_bodyshops/down.yaml
new file mode 100644
index 000000000..455dce879
--- /dev/null
+++ b/hasura/migrations/1583197028783_update_permission_user_public_table_bodyshops/down.yaml
@@ -0,0 +1,43 @@
+- args:
+    role: user
+    table:
+      name: bodyshops
+      schema: public
+  type: drop_update_permission
+- args:
+    permission:
+      columns:
+      - md_order_statuses
+      - md_ro_statuses
+      - address1
+      - address2
+      - city
+      - country
+      - email
+      - federal_tax_id
+      - insurance_vendor_id
+      - logo_img_path
+      - region_config
+      - shopname
+      - state
+      - state_tax_id
+      - zip_post
+      - created_at
+      - updated_at
+      - id
+      filter:
+        associations:
+          bodyshop:
+            associations:
+              user:
+                authid:
+                  _eq: X-Hasura-User-Id
+      localPresets:
+      - key: ""
+        value: ""
+      set: {}
+    role: user
+    table:
+      name: bodyshops
+      schema: public
+  type: create_update_permission
diff --git a/hasura/migrations/1583197028783_update_permission_user_public_table_bodyshops/up.yaml b/hasura/migrations/1583197028783_update_permission_user_public_table_bodyshops/up.yaml
new file mode 100644
index 000000000..703a9ce7b
--- /dev/null
+++ b/hasura/migrations/1583197028783_update_permission_user_public_table_bodyshops/up.yaml
@@ -0,0 +1,44 @@
+- args:
+    role: user
+    table:
+      name: bodyshops
+      schema: public
+  type: drop_update_permission
+- args:
+    permission:
+      columns:
+      - md_order_statuses
+      - md_responsibility_centers
+      - md_ro_statuses
+      - address1
+      - address2
+      - city
+      - country
+      - email
+      - federal_tax_id
+      - insurance_vendor_id
+      - logo_img_path
+      - region_config
+      - shopname
+      - state
+      - state_tax_id
+      - zip_post
+      - created_at
+      - updated_at
+      - id
+      filter:
+        associations:
+          bodyshop:
+            associations:
+              user:
+                authid:
+                  _eq: X-Hasura-User-Id
+      localPresets:
+      - key: ""
+        value: ""
+      set: {}
+    role: user
+    table:
+      name: bodyshops
+      schema: public
+  type: create_update_permission