From 91af10eef29a74052721ccb7146692cb968235f0 Mon Sep 17 00:00:00 2001
From: Patrick Fic <snaptsoft@gmail.com>
Date: Tue, 14 Apr 2020 16:17:13 -0700
Subject: [PATCH] Added enter again on invoice modal.

---
 bodyshop_translations.babel                   | 44 ++++++++++++++++-
 .../invoice-enter-modal.container.jsx         | 45 ++++++++++++++++--
 .../invoice-enter-modal.lines.component.jsx   |  2 +-
 .../sign-in-form/sign-in-form.component.jsx   | 47 +++++++------------
 client/src/graphql/owners.queries.js          | 10 ++--
 client/src/pages/sign-in/sign-in.page.jsx     | 13 ++++-
 client/src/translations/en_us/common.json     |  4 +-
 client/src/translations/es/common.json        |  4 +-
 client/src/translations/fr/common.json        |  4 +-
 9 files changed, 127 insertions(+), 46 deletions(-)

diff --git a/bodyshop_translations.babel b/bodyshop_translations.babel
index 07c9287db..3bed9a060 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
@@ -4085,6 +4085,27 @@
                             <folder_node>
                                 <name>actions</name>
                                 <children>
+                                    <concept_node>
+                                        <name>cancel</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>create</name>
                                         <definition_loaded>false</definition_loaded>
@@ -4190,6 +4211,27 @@
                                             </translation>
                                         </translations>
                                     </concept_node>
+                                    <concept_node>
+                                        <name>saveandnew</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/invoice-enter-modal/invoice-enter-modal.container.jsx b/client/src/components/invoice-enter-modal/invoice-enter-modal.container.jsx
index 782eefe4b..54ca1008d 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
@@ -1,6 +1,6 @@
 import { useLazyQuery, useMutation, useQuery } from "@apollo/react-hooks";
-import { Form, Modal, notification } from "antd";
-import React from "react";
+import { Form, Modal, notification, Button } from "antd";
+import React, { useState, useEffect } from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
@@ -12,6 +12,7 @@ import { toggleModalVisible } from "../../redux/modals/modals.actions";
 import { selectInvoiceEnterModal } from "../../redux/modals/modals.selectors";
 import { selectBodyshop } from "../../redux/user/user.selectors";
 import InvoiceEnterModalComponent from "./invoice-enter-modal.component";
+import { setModalContext } from "../../redux/modals/modals.actions";
 
 const mapStateToProps = createStructuredSelector({
   invoiceEnterModal: selectInvoiceEnterModal,
@@ -19,16 +20,19 @@ const mapStateToProps = createStructuredSelector({
 });
 const mapDispatchToProps = (dispatch) => ({
   toggleModalVisible: () => dispatch(toggleModalVisible("invoiceEnter")),
+  setInvoiceEnterContext: (context) =>
+    dispatch(setModalContext({ context: context, modal: "invoiceEnter" })),
 });
 
 function InvoiceEnterModalContainer({
   invoiceEnterModal,
   toggleModalVisible,
   bodyshop,
+  setInvoiceEnterContext,
 }) {
   const [form] = Form.useForm();
   const { t } = useTranslation();
-
+  const [enterAgain, setEnterAgain] = useState(false);
   const [insertInvoice] = useMutation(INSERT_NEW_INVOICE);
 
   const { data: RoAutoCompleteData } = useQuery(ACTIVE_JOBS_FOR_AUTOCOMPLETE, {
@@ -69,9 +73,15 @@ function InvoiceEnterModalContainer({
         if (invoiceEnterModal.actions.refetch)
           invoiceEnterModal.actions.refetch();
 
-        toggleModalVisible();
+        if (enterAgain) {
+          form.resetFields();
+        } else {
+          toggleModalVisible();
+        }
+        setEnterAgain(false);
       })
       .catch((error) => {
+        setEnterAgain(false);
         notification["error"]({
           message: t("invoices.errors.creating", {
             message: JSON.stringify(error),
@@ -84,6 +94,10 @@ function InvoiceEnterModalContainer({
     toggleModalVisible();
   };
 
+  useEffect(() => {
+    if (enterAgain) form.submit();
+  }, [enterAgain, form]);
+
   return (
     <Modal
       title={
@@ -96,12 +110,35 @@ function InvoiceEnterModalContainer({
       okText={t("general.actions.save")}
       onOk={() => form.submit()}
       onCancel={handleCancel}
+      afterClose={() => form.resetFields()}
+      footer={
+        <span>
+          <Button onClick={handleCancel}>{t("general.actions.cancel")}</Button>
+          <Button onClick={() => form.submit()}>
+            {t("general.actions.save")}
+          </Button>
+          {invoiceEnterModal.context && invoiceEnterModal.context.id ? null : (
+            <Button
+              type="primary"
+              onClick={() => {
+                setEnterAgain(true);
+              }}
+            >
+              {t("general.actions.saveandnew")}
+            </Button>
+          )}
+        </span>
+      }
       destroyOnClose
     >
       <Form
         onFinish={handleFinish}
         autoComplete={"off"}
         form={form}
+        onFinishFailed={() => {
+          setEnterAgain(false);
+          console.log("Finish failed");
+        }}
         initialValues={{
           jobid:
             (invoiceEnterModal.context.job &&
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 31f8a8425..5558979ee 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
@@ -31,7 +31,7 @@ export default function InvoiceEnterModalLinesComponent({
 
   return (
     <div>
-      <Form.List name="invoicelines">
+      <Form.List name="invoicelines" >
         {(fields, { add, remove }) => {
           return (
             <div>
diff --git a/client/src/components/sign-in-form/sign-in-form.component.jsx b/client/src/components/sign-in-form/sign-in-form.component.jsx
index 5dc7075d0..fb3013270 100644
--- a/client/src/components/sign-in-form/sign-in-form.component.jsx
+++ b/client/src/components/sign-in-form/sign-in-form.component.jsx
@@ -1,5 +1,5 @@
+import { LockOutlined, UserOutlined } from "@ant-design/icons";
 import { Button, Form, Input } from "antd";
-import { LockFilled } from "@ant-design/icons";
 import React from "react";
 import { useApolloClient } from "react-apollo";
 import { connect } from "react-redux";
@@ -10,17 +10,17 @@ import { UPSERT_USER } from "../../graphql/user.queries";
 import { emailSignInStart } from "../../redux/user/user.actions";
 import {
   selectCurrentUser,
-  selectSignInError
+  selectSignInError,
 } from "../../redux/user/user.selectors";
 
 const mapStateToProps = createStructuredSelector({
   currentUser: selectCurrentUser,
-  signInError: selectSignInError
+  signInError: selectSignInError,
 });
 
-const mapDispatchToProps = dispatch => ({
+const mapDispatchToProps = (dispatch) => ({
   emailSignInStart: (email, password) =>
-    dispatch(emailSignInStart({ email, password }))
+    dispatch(emailSignInStart({ email, password })),
 });
 
 export default connect(
@@ -29,12 +29,9 @@ export default connect(
 )(function SignInComponent({ emailSignInStart, currentUser, signInError }) {
   const apolloClient = useApolloClient();
 
-  const handleFinish = values => {
-    console.log("Login");
-
+  const handleFinish = (values) => {
     const { email, password } = values;
     emailSignInStart(email, password);
-    //Try to do the login using a saga here.
   };
 
   if (currentUser.authorized === true) {
@@ -43,17 +40,17 @@ export default connect(
         mutation: UPSERT_USER,
         variables: {
           authEmail: currentUser.email,
-          authToken: currentUser.uid
-        }
+          authToken: currentUser.uid,
+        },
       })
       .then()
-      .catch(error => {
+      .catch((error) => {
         console.log("User login upsert error.", error);
       });
   }
 
   return (
-    <div>
+    <div style={{ width: "450px" }}>
       {currentUser.authorized === true ? <Redirect to="/manage?" /> : null}
 
       <img src={Logo} height="100" width="100" alt="Bodyshop.app" />
@@ -61,33 +58,23 @@ export default connect(
       <Form onFinish={handleFinish}>
         <Form.Item
           name="email"
-          label="E-mail"
-          rules={[
-            {
-              //TODO Ensure using translations.
-              type: "email",
-              message: "Please enter a valid email."
-            },
-            {
-              required: true,
-              message: "Please your email."
-            }
-          ]}
+          rules={[{ required: true, message: "Please input your email!" }]}
         >
-          <Input />
+          <Input
+            prefix={<UserOutlined className="site-form-item-icon" />}
+            placeholder="Username"
+          />
         </Form.Item>
         <Form.Item
           name="password"
-          rules={[{ required: true, message: "Please enter your password." }]}
+          rules={[{ required: true, message: "Please input your Password!" }]}
         >
           <Input
-            prefix={<LockFilled style={{ color: "rgba(0,0,0,.25)" }} />}
+            prefix={<LockOutlined className="site-form-item-icon" />}
             type="password"
             placeholder="Password"
           />
         </Form.Item>
-
-        <div>Forgot password</div>
         <Button type="primary" htmlType="submit">
           Log in
         </Button>
diff --git a/client/src/graphql/owners.queries.js b/client/src/graphql/owners.queries.js
index a95433b55..8534fa90d 100644
--- a/client/src/graphql/owners.queries.js
+++ b/client/src/graphql/owners.queries.js
@@ -45,12 +45,10 @@ export const QUERY_OWNER_BY_ID = gql`
         clm_no
         status
         clm_total
-        vehicle {
-          id
-          v_model_yr
-          v_model_desc
-          v_make_desc
-        }
+        v_model_yr
+        v_model_desc
+        v_make_desc
+        vehicleid
       }
     }
   }
diff --git a/client/src/pages/sign-in/sign-in.page.jsx b/client/src/pages/sign-in/sign-in.page.jsx
index 15f6566a2..aa417570a 100644
--- a/client/src/pages/sign-in/sign-in.page.jsx
+++ b/client/src/pages/sign-in/sign-in.page.jsx
@@ -2,5 +2,16 @@ import React from "react";
 import SignIn from "../../components/sign-in-form/sign-in-form.component";
 
 export default () => {
-  return <SignIn />;
+  return (
+    <div
+      style={{
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "middle",
+        padding: "4em",
+      }}
+    >
+      <SignIn />
+    </div>
+  );
 };
diff --git a/client/src/translations/en_us/common.json b/client/src/translations/en_us/common.json
index 03787921c..32f508593 100644
--- a/client/src/translations/en_us/common.json
+++ b/client/src/translations/en_us/common.json
@@ -287,11 +287,13 @@
 		},
 		"general": {
 			"actions": {
+				"cancel": "Cancel",
 				"create": "Create",
 				"delete": "Delete",
 				"edit": "Edit",
 				"reset": "Reset to original.",
-				"save": "Save"
+				"save": "Save",
+				"saveandnew": "Save and New"
 			},
 			"labels": {
 				"actions": "Actions",
diff --git a/client/src/translations/es/common.json b/client/src/translations/es/common.json
index fe0eea5dc..35295cf77 100644
--- a/client/src/translations/es/common.json
+++ b/client/src/translations/es/common.json
@@ -287,11 +287,13 @@
 		},
 		"general": {
 			"actions": {
+				"cancel": "",
 				"create": "",
 				"delete": "Borrar",
 				"edit": "Editar",
 				"reset": "Restablecer a original.",
-				"save": "Salvar"
+				"save": "Salvar",
+				"saveandnew": ""
 			},
 			"labels": {
 				"actions": "Comportamiento",
diff --git a/client/src/translations/fr/common.json b/client/src/translations/fr/common.json
index 0ee58e487..d7d645164 100644
--- a/client/src/translations/fr/common.json
+++ b/client/src/translations/fr/common.json
@@ -287,11 +287,13 @@
 		},
 		"general": {
 			"actions": {
+				"cancel": "",
 				"create": "",
 				"delete": "Effacer",
 				"edit": "modifier",
 				"reset": "Rétablir l'original.",
-				"save": "sauvegarder"
+				"save": "sauvegarder",
+				"saveandnew": ""
 			},
 			"labels": {
 				"actions": "actes",