BOD-23 Added schema changes for time tickets + redux config for time ticket modal + scaffolding for time ticket modal.

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

@@ -0,0 +1,109 @@
+import { DatePicker, Form, Input, Switch } from "antd";
+import React from "react";
+import { useTranslation } from "react-i18next";
+import CurrencyInput from "../form-items-formatted/currency-form-item.component";
+import JobSearchSelect from "../job-search-select/job-search-select.component";
+import EmployeeSearchSelect from "../employee-search-select/employee-search-select.component";
+
+export default function TimeTicketModalComponent({
+  form,
+  roAutoCompleteOptions,
+  employeeAutoCompleteOptions,
+  loadJobLines,
+  responsibilityCenters,
+}) {
+  const { t } = useTranslation();
+
+  return (
+    <div>
+      <div style={{ display: "flex" }}>
+        <Form.Item
+          name="jobid"
+          label={t("invoices.fields.ro_number")}
+          rules={[
+            {
+              required: true,
+              message: t("general.validation.required"),
+            },
+          ]}
+        >
+          <JobSearchSelect
+            options={roAutoCompleteOptions}
+            onBlur={() => {
+              if (form.getFieldValue("jobid") !== null) {
+                loadJobLines({
+                  variables: { id: form.getFieldValue("jobid") },
+                });
+              }
+            }}
+          />
+        </Form.Item>
+        <Form.Item
+          name="employeeid"
+          label={t("timetickets.fields.employee")}
+          rules={[
+            {
+              required: true,
+              message: t("general.validation.required"),
+            },
+          ]}
+        >
+          <EmployeeSearchSelect options={employeeAutoCompleteOptions} />
+        </Form.Item>
+      </div>
+      <div style={{ display: "flex" }}>
+        <Form.Item
+          label={t("invoices.fields.invoice_number")}
+          name="invoice_number"
+          rules={[
+            {
+              required: true,
+              message: t("general.validation.required"),
+            },
+          ]}
+        >
+          <Input />
+        </Form.Item>
+        <Form.Item
+          label={t("invoices.fields.date")}
+          name="date"
+          rules={[
+            {
+              required: true,
+              message: t("general.validation.required"),
+            },
+          ]}
+        >
+          <DatePicker />
+        </Form.Item>
+        <Form.Item
+          label={t("invoices.fields.is_credit_memo")}
+          name="is_credit_memo"
+          valuePropName="checked"
+        >
+          <Switch />
+        </Form.Item>
+        <Form.Item
+          label={t("invoices.fields.total")}
+          name="total"
+          rules={[
+            {
+              required: true,
+              message: t("general.validation.required"),
+            },
+          ]}
+        >
+          <CurrencyInput />
+        </Form.Item>
+      </div>
+
+      <button
+        onClick={() => {
+          console.log(form.getFieldsValue());
+        }}
+      >
+        Get Them Values
+      </button>
+    </div>
+  );
+}