admin/bodyshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

even more updates.

Browse Source 
Signed-off-by: Dave Richer <dave@imexsystems.ca>
This commit is contained in:
Dave Richer
2023-12-14 16:27:00 -05:00
parent 1261e8001b
commit b2c8e45d5e
41 changed files with 7326 additions and 7388 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/App/App.jsx
View File

@@ -104,7 +104,7 @@ export function App({
/>
);
// Any route that is not assigned and matched will default to the Landing Page component
return (
<Suspense fallback={<LoadingSpinner message="ImEX Online"/>}>
<Routes>

36
client/src/components/bill-form/bill-form.component.jsx
View File

@@ -1,6 +1,6 @@
import Icon, {UploadOutlined} from "@ant-design/icons";
import {useApolloClient} from "@apollo/client";
import {useTreatments} from "@splitsoftware/splitio-react";
import {useSplitTreatments} from "@splitsoftware/splitio-react";
import {Alert, Divider, Form, Input, Select, Space, Statistic, Switch, Upload,} from "antd";
import dayjs from "../../utils/day";
import React, {useEffect, useState} from "react";
@@ -27,34 +27,18 @@ const mapStateToProps = createStructuredSelector({
});
const mapDispatchToProps = (dispatch) => ({});
export function BillFormComponent({
bodyshop,
disabled,
form,
vendorAutoCompleteOptions,
lineData,
responsibilityCenters,
loadLines,
billEdit,
disableInvNumber,
job,
loadOutstandingReturns,
loadInventory,
preferredMake,
}) {
export function BillFormComponent({bodyshop, disabled, form, vendorAutoCompleteOptions, lineData, responsibilityCenters, loadLines, billEdit, disableInvNumber, job, loadOutstandingReturns, loadInventory, preferredMake}) {
const {t} = useTranslation();
const client = useApolloClient();
const [discount, setDiscount] = useState(0);
const {Extended_Bill_Posting} = useTreatments(
["Extended_Bill_Posting"],
{},
bodyshop.imexshopid
);
const {ClosingPeriod} = useTreatments(
["ClosingPeriod"],
{},
bodyshop.imexshopid
);
const { treatments: {Extended_Bill_Posting, ClosingPeriod} } = useSplitTreatments({
attributes: {},
names: ["Extended_Bill_Posting", "ClosingPeriod"],
splitKey: bodyshop.imexshopid,
});
const handleVendorSelect = (props, opt) => {
setDiscount(opt.discount);

12
client/src/components/bill-form/bill-form.container.jsx
View File

@@ -1,5 +1,5 @@
import { useLazyQuery, useQuery } from "@apollo/client";
import { useTreatments } from "@splitsoftware/splitio-react";
import {useSplitTreatments} from "@splitsoftware/splitio-react";
import React from "react";
import { connect } from "react-redux";
import { createStructuredSelector } from "reselect";
@@ -23,11 +23,11 @@ export function BillFormContainer({
disabled,
disableInvNumber,
}) {
const { Simple_Inventory } = useTreatments(
["Simple_Inventory"],
{},
bodyshop && bodyshop.imexshopid
);
const { treatments: {Simple_Inventory} } = useSplitTreatments({
attributes: {},
names: ["Simple_Inventory"],
splitKey: bodyshop && bodyshop.imexshopid,
});
const { data: VendorAutoCompleteData } = useQuery(
SEARCH_VENDOR_AUTOCOMPLETE,

15
client/src/components/bill-form/bill-form.lines.component.jsx
View File

@@ -1,5 +1,5 @@
import { DeleteFilled, DollarCircleFilled } from "@ant-design/icons";
import { useTreatments } from "@splitsoftware/splitio-react";
import {useSplitTreatments} from "@splitsoftware/splitio-react";
import {
Button, Form,
Input,
@@ -40,11 +40,14 @@ export function BillEnterModalLinesComponent({
}) {
const { t } = useTranslation();
const { setFieldsValue, getFieldsValue, getFieldValue } = form;
const { Simple_Inventory } = useTreatments(
["Simple_Inventory"],
{},
bodyshop && bodyshop.imexshopid
);
const { treatments: {Simple_Inventory} } = useSplitTreatments({
attributes: {},
names: ["Simple_Inventory"],
splitKey: bodyshop && bodyshop.imexshopid,
});
const columns = (remove) => {
return [
{

13
client/src/components/breadcrumbs/breadcrumbs.component.jsx
View File

@@ -9,7 +9,7 @@ import { selectBodyshop } from "../../redux/user/user.selectors";
import GlobalSearch from "../global-search/global-search.component";
import GlobalSearchOs from "../global-search/global-search-os.component";
import "./breadcrumbs.styles.scss";
import { useTreatments } from "@splitsoftware/splitio-react";
import { useSplitTreatments } from "@splitsoftware/splitio-react";
const mapStateToProps = createStructuredSelector({
breadcrumbs: selectBreadcrumbs,
@@ -17,11 +17,12 @@ const mapStateToProps = createStructuredSelector({
});
export function BreadCrumbs({ breadcrumbs, bodyshop }) {
const { OpenSearch } = useTreatments(
["OpenSearch"],
{},
bodyshop && bodyshop.imexshopid
);
const { treatments: {OpenSearch} } = useSplitTreatments({
attributes: {},
names: ["OpenSearch"],
splitKey: bodyshop && bodyshop.imexshopid,
});
return (
<Row className="breadcrumb-container">

2
client/src/components/contract-convert-to-ro/contract-convert-to-ro.component.jsx
View File

@@ -48,7 +48,7 @@ export function ContractConvertToRo({
const contractLength = dayjs(contract.actualreturn).diff(
dayjs(contract.start),
"days"
"day"
);
const billingLines = [];
if (contractLength > 0)

2
client/src/components/contracts-list/contracts-list.component.jsx
View File

@@ -153,7 +153,7 @@ export function ContractsList({
(record.actualreturn &&
record.start &&
`${dayjs(record.actualreturn)
.diff(dayjs(record.start), "days", true)
.diff(dayjs(record.start), "day", true)
.toFixed(1)} days`) ||
"",
},

23
client/src/components/header/header.component.jsx
View File

@@ -25,7 +25,7 @@ import Icon, {
UnorderedListOutlined,
UserOutlined,
} from "@ant-design/icons";
import { useTreatments } from "@splitsoftware/splitio-react";
import {useSplitTreatments} from "@splitsoftware/splitio-react";
import { Layout, Menu } from "antd";
import React from "react";
import { useTranslation } from "react-i18next";
@@ -87,21 +87,12 @@ function Header({
recentItems,
setCardPaymentContext,
}) {
const { Simple_Inventory } = useTreatments(
["Simple_Inventory"],
{},
bodyshop && bodyshop.imexshopid
);
const { DmsAp } = useTreatments(
["DmsAp"],
{},
bodyshop && bodyshop.imexshopid
);
const { ImEXPay } = useTreatments(
["ImEXPay"],
{},
bodyshop && bodyshop.imexshopid
);
// TODO: Client Update - New Split Treatments usage example
const { treatments: {ImEXPay, DmsAp, Simple_Inventory} } = useSplitTreatments({
attributes: {},
names: ["ImEXPay", "DmsAp", "Simple_Inventory"],
splitKey: bodyshop && bodyshop.imexshopid,
});
const { t } = useTranslation();

4
client/src/components/job-checklist/components/job-checklist-form/job-checklist-form.component.jsx
View File

@@ -89,7 +89,7 @@ export function JobChecklistForm({
bodyshop.intakechecklist.next_contact_hours > 0 && {
date_next_contact: dayjs().add(
bodyshop.intakechecklist.next_contact_hours,
"hours"
"hour"
),
}),
...(type === "deliver" && {
@@ -226,7 +226,7 @@ export function JobChecklistForm({
(job.labhrs.aggregate.sum.mod_lb_hrs ||
0 + job.larhrs.aggregate.sum.mod_lb_hrs ||
0) / bodyshop.target_touchtime,
"days"
"day"
)),
scheduled_delivery:
job.scheduled_delivery && dayjs(job.scheduled_delivery),

14
client/src/components/job-create-iou/job-create-iou.component.jsx
View File

@@ -1,5 +1,5 @@
import { useApolloClient } from "@apollo/client";
import { useTreatments } from "@splitsoftware/splitio-react";
import { useSplitTreatments } from "@splitsoftware/splitio-react";
import { Button, notification, Popconfirm } from "antd";
import React, { useState } from "react";
import { useTranslation } from "react-i18next";
@@ -27,11 +27,13 @@ export function JobCreateIOU({ bodyshop, currentUser, job, selectedJobLines }) {
const client = useApolloClient();
const history = useNavigate();
const { IOU_Tracking } = useTreatments(
["IOU_Tracking"],
{},
bodyshop.imexshopid
);
const { treatments: {IOU_Tracking} } = useSplitTreatments({
attributes: {},
names: ["IOU_Tracking"],
splitKey: bodyshop.imexshopid,
});
if (IOU_Tracking.treatment !== "on") return null;
const handleCreateIou = async () => {

18
client/src/components/job-lines-upsert-modal/job-lines-upsert-modal.component.jsx
View File

@@ -4,7 +4,7 @@ import { useTranslation } from "react-i18next";
import InputCurrency from "../form-items-formatted/currency-form-item.component";
import LayoutFormRow from "../layout-form-row/layout-form-row.component";
import JoblinesPreset from "../job-lines-preset-button/job-lines-preset-button.component";
import { useTreatments } from "@splitsoftware/splitio-react";
import { useSplitTreatments } from "@splitsoftware/splitio-react";
import { connect } from "react-redux";
import { createStructuredSelector } from "reselect";
@@ -35,16 +35,12 @@ export function JobLinesUpsertModalComponent({
form.resetFields();
}, [visible, form]);
const { Allow_Negative_Jobline_Price } = useTreatments(
["Allow_Negative_Jobline_Price"],
{},
bodyshop.imexshopid
);
const { Autohouse_Detail_line } = useTreatments(
["Autohouse_Detail_line"],
{},
bodyshop.imexshopid
);
const { treatments: {Allow_Negative_Jobline_Price, Autohouse_Detail_line} } = useSplitTreatments({
attributes: {},
names: ["Allow_Negative_Jobline_Price", "Autohouse_Detail_line"],
splitKey: bodyshop.imexshopid,
});
return (
<Modal

14
client/src/components/job-lines-upsert-modal/job-lines-upsert-modal.container.jsx
View File

@@ -16,7 +16,7 @@ import Axios from "axios";
import Dinero from "dinero.js";
import CriticalPartsScan from "../../utils/criticalPartsScan";
import { selectBodyshop } from "../../redux/user/user.selectors";
import { useTreatments } from "@splitsoftware/splitio-react";
import { useSplitTreatments } from "@splitsoftware/splitio-react";
const mapStateToProps = createStructuredSelector({
jobLineEditModal: selectJobLineEditModal,
bodyshop: selectBodyshop,
@@ -30,11 +30,13 @@ function JobLinesUpsertModalContainer({
toggleModalVisible,
bodyshop,
}) {
const { CriticalPartsScanning } = useTreatments(
["CriticalPartsScanning"],
{},
bodyshop.imexshopid
);
const { treatments: {CriticalPartsScanning} } = useSplitTreatments({
attributes: {},
names: ['CriticalPartsScanning'],
splitKey: bodyshop.imexshopid,
});
const { t } = useTranslation();
const [insertJobLine] = useMutation(INSERT_NEW_JOB_LINE);
const [updateJobLine] = useMutation(UPDATE_JOB_LINE);

24
client/src/components/job-payments/job-payments.component.jsx
View File

@@ -20,7 +20,7 @@ import DataLabel from "../data-label/data-label.component";
import PaymentExpandedRowComponent from "../payment-expanded-row/payment-expanded-row.component";
import PaymentsGenerateLink from "../payments-generate-link/payments-generate-link.component";
import PrintWrapperComponent from "../print-wrapper/print-wrapper.component";
import { useTreatments } from "@splitsoftware/splitio-react";
import { useSplitTreatments } from "@splitsoftware/splitio-react";
const mapStateToProps = createStructuredSelector({
bodyshop: selectBodyshop,
@@ -36,21 +36,13 @@ const mapDispatchToProps = (dispatch) => ({
setMessage: (text) => dispatch(setMessage(text)),
});
export function JobPayments({
job,
jobRO,
bodyshop,
setMessage,
openChatByPhone,
setPaymentContext,
setCardPaymentContext,
refetch,
}) {
const { ImEXPay } = useTreatments(
["ImEXPay"],
{},
bodyshop && bodyshop.imexshopid
);
export function JobPayments({job, jobRO, bodyshop, setMessage, openChatByPhone, setPaymentContext, setCardPaymentContext, refetch}) {
const { treatments: {ImEXPay} } = useSplitTreatments({
attributes: {},
names: ["ImEXPay"],
splitKey:bodyshop && bodyshop.imexshopid,
});
const { t } = useTranslation();
const [state, setState] = useState({

20
client/src/components/jobs-available-table/jobs-available-table.container.jsx
View File

@@ -5,7 +5,7 @@ import {
useMutation,
useQuery,
} from "@apollo/client";
import { useTreatments } from "@splitsoftware/splitio-react";
import { useSplitTreatments } from "@splitsoftware/splitio-react";
import { Col, notification, Row } from "antd";
import Axios from "axios";
import Dinero from "dinero.js";
@@ -50,16 +50,14 @@ const mapDispatchToProps = (dispatch) => ({
insertAuditTrail: ({ jobid, operation }) =>
dispatch(insertAuditTrail({ jobid, operation })),
});
export function JobsAvailableContainer({
bodyshop,
currentUser,
insertAuditTrail,
}) {
const { CriticalPartsScanning } = useTreatments(
["CriticalPartsScanning"],
{},
bodyshop.imexshopid
);
export function JobsAvailableContainer({bodyshop, currentUser, insertAuditTrail,}) {
const { treatments: {CriticalPartsScanning} } = useSplitTreatments({
attributes: {},
names: ["CriticalPartsScanning"],
splitKey: bodyshop.imexshopid,
});
const { loading, error, data, refetch } = useQuery(QUERY_AVAILABLE_JOBS, {
fetchPolicy: "network-only",
nextFetchPolicy: "network-only",

21
client/src/components/jobs-documents-gallery/jobs-document-gallery.download.component.jsx
View File

@@ -6,7 +6,7 @@ import { logImEXEvent } from "../../firebase/firebase.utils";
import cleanAxios from "../../utils/CleanAxios";
import formatBytes from "../../utils/formatbytes";
//import yauzl from "yauzl";
import { useTreatments } from "@splitsoftware/splitio-react";
import { useSplitTreatments } from "@splitsoftware/splitio-react";
import { connect } from "react-redux";
import { createStructuredSelector } from "reselect";
@@ -22,18 +22,17 @@ export default connect(
mapDispatchToProps
)(JobsDocumentsDownloadButton);
export function JobsDocumentsDownloadButton({
bodyshop,
galleryImages,
identifier,
}) {
export function JobsDocumentsDownloadButton({ bodyshop, galleryImages, identifier}) {
const { t } = useTranslation();
const [download, setDownload] = useState(null);
const { Direct_Media_Download } = useTreatments(
["Direct_Media_Download"],
{},
bodyshop.imexshopid
);
const { treatments: {Direct_Media_Download} } = useSplitTreatments({
attributes: {},
names: ["Direct_Media_Download"],
splitKey: bodyshop.imexshopid,
});
const imagesToDownload = [
...galleryImages.images.filter((image) => image.isSelected),
...galleryImages.other.filter((image) => image.isSelected),

3
client/src/components/loading-spinner/loading-spinner.component.jsx
View File

@@ -13,7 +13,8 @@ export default function LoadingSpinner({ loading = true, message, ...props }) {
alignContent: "center"
}}
delay={200}
tip={message ? message : null}
// TODO: Client Update - tip only works when there are actually children, and this component is used in a lot of places where there are no children
// tip={message ? message : null}
>
{props.children}
</Spin>

94
client/src/components/parts-order-modal/parts-order-modal.component.jsx
View File

@@ -1,23 +1,11 @@
import { DeleteFilled, WarningFilled, DownOutlined } from "@ant-design/icons";
import { useTreatments } from "@splitsoftware/splitio-react";
import {
Divider,
Form,
Input,
InputNumber,
Radio,
Space,
Tag,
Select,
Menu,
Dropdown,
Checkbox,
} from "antd";
import {DeleteFilled, DownOutlined, WarningFilled} from "@ant-design/icons";
import {useSplitTreatments} from "@splitsoftware/splitio-react";
import {Checkbox, Divider, Dropdown, Form, Input, InputNumber, Menu, Radio, Select, Space, Tag,} from "antd";
import React from "react";
import { useTranslation } from "react-i18next";
import { connect } from "react-redux";
import { createStructuredSelector } from "reselect";
import { selectBodyshop } from "../../redux/user/user.selectors";
import {useTranslation} from "react-i18next";
import {connect} from "react-redux";
import {createStructuredSelector} from "reselect";
import {selectBodyshop} from "../../redux/user/user.selectors";
import FormDatePicker from "../form-date-picker/form-date-picker.component";
import CurrencyInput from "../form-items-formatted/currency-form-item.component";
import FormListMoveArrows from "../form-list-move-arrows/form-list-move-arrows.component";
@@ -36,29 +24,19 @@ export default connect(
mapDispatchToProps
)(PartsOrderModalComponent);
export function PartsOrderModalComponent({
bodyshop,
vendorList,
sendTypeState,
isReturn,
preferredMake,
job,
form,
}) {
export function PartsOrderModalComponent({bodyshop, vendorList, sendTypeState, isReturn, preferredMake, job, form,}) {
const [sendType, setSendType] = sendTypeState;
const { OEConnection } = useTreatments(
["OEConnection"],
{},
bodyshop.imexshopid
);
const { OEConnection_PriceChange } = useTreatments(
["OEConnection_PriceChange"],
{},
bodyshop.imexshopid
);
const { t } = useTranslation();
const handleClick = ({ item, key, keyPath }) => {
form.setFieldsValue({ comments: item.props.value });
const {treatments: {OEConnection, OEConnection_PriceChange}} = useSplitTreatments({
attributes: {},
names: ["OEConnection", "OEConnection_PriceChange"],
splitKey: bodyshop.imexshopid,
});
const {t} = useTranslation();
const handleClick = ({item, key, keyPath}) => {
form.setFieldsValue({comments: item.props.value});
};
const menu = (
@@ -75,8 +53,8 @@ export function PartsOrderModalComponent({
return (
<div>
<Form.Item name="returnfrombill" style={{ display: "none" }}>
<Input />
<Form.Item name="returnfrombill" style={{display: "none"}}>
<Input/>
</Form.Item>
<LayoutFormRow grow noDivider>
<Form.Item
@@ -106,12 +84,12 @@ export function PartsOrderModalComponent({
]}
label={t("parts_orders.fields.deliver_by")}
>
<FormDatePicker onlyFuture />
<FormDatePicker onlyFuture/>
</Form.Item>
{job && job.special_coverage_policy && (
<Tag color="tomato">
<Space>
<WarningFilled />
<WarningFilled/>
<span>{t("jobs.labels.specialcoveragepolicy")}</span>
</Space>
</Tag>
@@ -122,7 +100,7 @@ export function PartsOrderModalComponent({
label={t("parts_orders.labels.removefrompartsqueue")}
valuePropName="checked"
>
<Checkbox />
<Checkbox/>
</Form.Item>
)}
{OEConnection.treatment === "on" && !isReturn && (
@@ -131,7 +109,7 @@ export function PartsOrderModalComponent({
label={t("parts_orders.labels.is_quote")}
valuePropName="checked"
>
<Checkbox />
<Checkbox/>
</Form.Item>
)}
@@ -154,13 +132,13 @@ export function PartsOrderModalComponent({
{t("parts_orders.labels.inthisorder")}
</Divider>
<Form.List name={["parts_order_lines", "data"]}>
{(fields, { add, remove, move }) => {
{(fields, {add, remove, move}) => {
return (
<div>
{fields.map((field, index) => (
<Form.Item required={false} key={field.key}>
<div style={{ display: "flex" }}>
<LayoutFormRow grow noDivider style={{ flex: 1 }}>
<div style={{display: "flex"}}>
<LayoutFormRow grow noDivider style={{flex: 1}}>
<Form.Item
//span={8}
label={t("parts_orders.fields.line_desc")}
@@ -173,14 +151,14 @@ export function PartsOrderModalComponent({
},
]}
>
<Input />
<Input/>
</Form.Item>
<Form.Item
label={t("parts_orders.fields.line_remarks")}
key={`${index}line_remarks`}
name={[field.name, "line_remarks"]}
>
<Input />
<Input/>
</Form.Item>
<Form.Item
label={t("parts_orders.fields.part_type")}
@@ -233,7 +211,7 @@ export function PartsOrderModalComponent({
key={`${index}oem_partno`}
name={[field.name, "oem_partno"]}
>
<Input />
<Input/>
</Form.Item>
{
// <Form.Item
@@ -255,7 +233,7 @@ export function PartsOrderModalComponent({
},
]}
>
<InputNumber />
<InputNumber/>
</Form.Item>
<Form.Item
label={t("parts_orders.fields.act_price")}
@@ -277,14 +255,14 @@ export function PartsOrderModalComponent({
key={`${index}cost`}
name={[field.name, "cost"]}
>
<CurrencyInput />
<CurrencyInput/>
</Form.Item>
)}
</LayoutFormRow>
<Space wrap size="small" align="center">
<div>
<DeleteFilled
style={{ margin: "1rem" }}
style={{margin: "1rem"}}
onClick={() => {
remove(field.name);
}}
@@ -314,13 +292,13 @@ export function PartsOrderModalComponent({
href=" #"
onClick={(e) => e.preventDefault()}
>
<DownOutlined />
<DownOutlined/>
</a>
</Dropdown>
</Space>
}
>
<Input.TextArea rows={3} />
<Input.TextArea rows={3}/>
</Form.Item>
<Form.Item noStyle shouldUpdate>

99
client/src/components/parts-order-modal/parts-order-modal.container.jsx
View File

@@ -1,38 +1,29 @@
import { useMutation, useQuery, useApolloClient } from "@apollo/client";
import { Form, Modal, notification } from "antd";
import {useApolloClient, useMutation, useQuery} from "@apollo/client";
import {Form, Modal, notification} from "antd";
import dayjs from "../../utils/day";
import React, { useEffect, useState } from "react";
import { useTranslation } from "react-i18next";
import { connect } from "react-redux";
import { createStructuredSelector } from "reselect";
import { logImEXEvent, auth } from "../../firebase/firebase.utils";
import { UPDATE_JOB_LINE_STATUS } from "../../graphql/jobs-lines.queries";
import {
INSERT_NEW_PARTS_ORDERS,
QUERY_PARTS_ORDER_OEC,
} from "../../graphql/parts-orders.queries";
import { QUERY_ALL_VENDORS_FOR_ORDER } from "../../graphql/vendors.queries";
import { insertAuditTrail } from "../../redux/application/application.actions";
import { setEmailOptions } from "../../redux/email/email.actions";
import {
setModalContext,
toggleModalVisible,
} from "../../redux/modals/modals.actions";
import { selectPartsOrder } from "../../redux/modals/modals.selectors";
import {
selectBodyshop,
selectCurrentUser,
} from "../../redux/user/user.selectors";
import React, {useEffect, useState} from "react";
import {useTranslation} from "react-i18next";
import {connect} from "react-redux";
import {createStructuredSelector} from "reselect";
import {auth, logImEXEvent} from "../../firebase/firebase.utils";
import {UPDATE_JOB_LINE_STATUS} from "../../graphql/jobs-lines.queries";
import {INSERT_NEW_PARTS_ORDERS, QUERY_PARTS_ORDER_OEC,} from "../../graphql/parts-orders.queries";
import {QUERY_ALL_VENDORS_FOR_ORDER} from "../../graphql/vendors.queries";
import {insertAuditTrail} from "../../redux/application/application.actions";
import {setEmailOptions} from "../../redux/email/email.actions";
import {setModalContext, toggleModalVisible,} from "../../redux/modals/modals.actions";
import {selectPartsOrder} from "../../redux/modals/modals.selectors";
import {selectBodyshop, selectCurrentUser,} from "../../redux/user/user.selectors";
import AuditTrailMapping from "../../utils/AuditTrailMappings";
import { GenerateDocument } from "../../utils/RenderTemplate";
import { TemplateList } from "../../utils/TemplateConstants";
import {GenerateDocument} from "../../utils/RenderTemplate";
import {TemplateList} from "../../utils/TemplateConstants";
import AlertComponent from "../alert/alert.component";
import LoadingSpinner from "../loading-spinner/loading-spinner.component";
import PartsOrderModalComponent from "./parts-order-modal.component";
import axios from "axios";
import { useTreatments } from "@splitsoftware/splitio-react";
import {useSplitTreatments} from "@splitsoftware/splitio-react";
import _ from "lodash";
import { UPDATE_JOB } from "../../graphql/jobs.queries";
import {UPDATE_JOB} from "../../graphql/jobs.queries";
const mapStateToProps = createStructuredSelector({
currentUser: selectCurrentUser,
@@ -44,28 +35,22 @@ const mapDispatchToProps = (dispatch) => ({
setEmailOptions: (e) => dispatch(setEmailOptions(e)),
toggleModalVisible: () => dispatch(toggleModalVisible("partsOrder")),
setBillEnterContext: (context) =>
dispatch(setModalContext({ context: context, modal: "billEnter" })),
insertAuditTrail: ({ jobid, operation }) =>
dispatch(insertAuditTrail({ jobid, operation })),
dispatch(setModalContext({context: context, modal: "billEnter"})),
insertAuditTrail: ({jobid, operation}) =>
dispatch(insertAuditTrail({jobid, operation})),
});
export function PartsOrderModalContainer({
partsOrderModal,
toggleModalVisible,
currentUser,
bodyshop,
setEmailOptions,
setBillEnterContext,
insertAuditTrail,
}) {
const { t } = useTranslation();
export function PartsOrderModalContainer({partsOrderModal,toggleModalVisible,currentUser, bodyshop, setEmailOptions, setBillEnterContext, insertAuditTrail,}) {
const {t} = useTranslation();
const client = useApolloClient();
const { OEConnection_PriceChange } = useTreatments(
["OEConnection_PriceChange"],
{},
bodyshop.imexshopid
);
const { visible, context, actions } = partsOrderModal;
const {treatments: {OEConnection_PriceChange}} = useSplitTreatments({
attributes: {},
names: ["OEConnection_PriceChange"],
splitKey: bodyshop.imexshopid,
});
const {visible, context, actions} = partsOrderModal;
const {
jobId,
linesToOrder,
@@ -76,15 +61,15 @@ export function PartsOrderModalContainer({
job,
} = context;
const { refetch } = actions;
const {refetch} = actions;
const [form] = Form.useForm();
const [saving, setSaving] = useState(false);
const sendTypeState = useState("e");
const sendType = sendTypeState[0];
const { loading, error, data } = useQuery(QUERY_ALL_VENDORS_FOR_ORDER, {
const {loading, error, data} = useQuery(QUERY_ALL_VENDORS_FOR_ORDER, {
skip: !visible,
variables: { jobId: jobId },
variables: {jobId: jobId},
fetchPolicy: "network-only",
nextFetchPolicy: "network-only",
});
@@ -177,10 +162,10 @@ export function PartsOrderModalContainer({
if (values.vendorid === bodyshop.inhousevendorid) {
setBillEnterContext({
actions: { refetch: refetch },
actions: {refetch: refetch},
context: {
disableInvNumber: true,
job: { id: jobId },
job: {id: jobId},
bill: {
vendorid: bodyshop.inhousevendorid,
invoice_number: "ih",
@@ -334,7 +319,7 @@ export function PartsOrderModalContainer({
quantity: value.part_qty,
job_line_id: isReturn ? value.joblineid : value.id,
part_type: value.part_type,
...(isReturn && { cm_received: false }),
...(isReturn && {cm_received: false}),
});
return acc;
}, [])
@@ -358,13 +343,13 @@ export function PartsOrderModalContainer({
}
onCancel={() => toggleModalVisible()}
onOk={() => form.submit()}
okButtonProps={{ loading: saving }}
cancelButtonProps={{ loading: saving }}
okButtonProps={{loading: saving}}
cancelButtonProps={{loading: saving}}
destroyOnClose
width="75%"
forceRender
>
{error ? <AlertComponent message={error.message} type="error" /> : null}
{error ? <AlertComponent message={error.message} type="error"/> : null}
<Form
form={form}
layout="vertical"
@@ -373,7 +358,7 @@ export function PartsOrderModalContainer({
initialValues={initialValues}
>
{loading ? (
<LoadingSpinner />
<LoadingSpinner/>
) : (
<PartsOrderModalComponent
form={form}

45
client/src/components/payment-form/payment-form.component.jsx
View File

@@ -1,10 +1,10 @@
import { useTreatments } from "@splitsoftware/splitio-react";
import { Form, Input, Radio, Select } from "antd";
import {useSplitTreatments} from "@splitsoftware/splitio-react";
import {Form, Input, Radio, Select} from "antd";
import React from "react";
import { useTranslation } from "react-i18next";
import { connect } from "react-redux";
import { createStructuredSelector } from "reselect";
import { selectBodyshop } from "../../redux/user/user.selectors";
import {useTranslation} from "react-i18next";
import {connect} from "react-redux";
import {createStructuredSelector} from "reselect";
import {selectBodyshop} from "../../redux/user/user.selectors";
import DatePickerFormItem from "../form-date-picker/form-date-picker.component";
import CurrencyInput from "../form-items-formatted/currency-form-item.component";
import JobSearchSelect from "../job-search-select/job-search-select.component";
@@ -15,18 +15,16 @@ const mapStateToProps = createStructuredSelector({
bodyshop: selectBodyshop,
});
export function PaymentFormComponent({
form,
bodyshop,
disabled,
}) {
const { Qb_Multi_Ar } = useTreatments(
["Qb_Multi_Ar"],
{},
bodyshop && bodyshop.imexshopid
);
export function PaymentFormComponent({form, bodyshop, disabled,}) {
const { t } = useTranslation();
const {treatments: {Qb_Multi_Ar}} = useSplitTreatments({
attributes: {},
names: ["Qb_Multi_Ar"],
splitKey: bodyshop && bodyshop.imexshopid,
});
const {t} = useTranslation();
return (
<div>
@@ -41,14 +39,14 @@ export function PaymentFormComponent({
},
]}
>
<JobSearchSelect disabled={disabled} notExported={false} clm_no />
<JobSearchSelect disabled={disabled} notExported={false} clm_no/>
</Form.Item>
<Form.Item
shouldUpdate={(prev, cur) => cur.jobid && prev.jobid !== cur.jobid}
>
{() => {
return (
<PaymentFormTotalPayments jobid={form.getFieldValue("jobid")} />
<PaymentFormTotalPayments jobid={form.getFieldValue("jobid")}/>
);
}}
</Form.Item>
@@ -65,16 +63,16 @@ export function PaymentFormComponent({
},
]}
>
<CurrencyInput disabled={disabled} />
<CurrencyInput disabled={disabled}/>
</Form.Item>
<Form.Item
label={t("payments.fields.transactionid")}
name="transactionid"
>
<Input disabled={disabled} />
<Input disabled={disabled}/>
</Form.Item>
<Form.Item label={t("payments.fields.memo")} name="memo">
<Input disabled={disabled} />
<Input disabled={disabled}/>
</Form.Item>
<Form.Item
label={t("payments.fields.date")}
@@ -86,7 +84,7 @@ export function PaymentFormComponent({
},
]}
>
<DatePickerFormItem disabled={disabled} />
<DatePickerFormItem disabled={disabled}/>
</Form.Item>
</LayoutFormRow>
@@ -158,4 +156,5 @@ export function PaymentFormComponent({
</div>
);
}
export default connect(mapStateToProps, null)(PaymentFormComponent);

2
client/src/components/production-list-columns/prodution-list-columns.touchtime.component.jsx
View File

@@ -23,7 +23,7 @@ export function ProductionlistColumnTouchTime({ bodyshop, job }) {
const Difference_In_Days = dayjs().diff(
dayjs(job.actual_in),
"days",
"day",
true
);

73
client/src/components/production-list-table/production-list-table.component.jsx
View File

@@ -1,29 +1,19 @@
import { SyncOutlined } from "@ant-design/icons";
import { useTreatments } from "@splitsoftware/splitio-react";
import {
Button,
Dropdown,
Input,
Menu,
Space,
Statistic,
Table,
} from "antd";
import {SyncOutlined} from "@ant-design/icons";
import {useSplitTreatments} from "@splitsoftware/splitio-react";
import {Button, Dropdown, Input, Menu, Space, Statistic, Table,} from "antd";
import {PageHeader} from "@ant-design/pro-layout";
import React, { useMemo, useState } from "react";
import React, {useMemo, useState} from "react";
import ReactDragListView from "react-drag-listview";
import { useTranslation } from "react-i18next";
import { connect } from "react-redux";
import { createStructuredSelector } from "reselect";
import { selectTechnician } from "../../redux/tech/tech.selectors";
import {
selectBodyshop,
selectCurrentUser,
} from "../../redux/user/user.selectors";
import {useTranslation} from "react-i18next";
import {connect} from "react-redux";
import {createStructuredSelector} from "reselect";
import {selectTechnician} from "../../redux/tech/tech.selectors";
import {selectBodyshop, selectCurrentUser,} from "../../redux/user/user.selectors";
import ProductionListColumnsAdd from "../production-list-columns/production-list-columns.add.component";
import ProductionListColumns from "../production-list-columns/production-list-columns.data";
import ProductionListDetail from "../production-list-detail/production-list-detail.component";
import ProductionListSaveConfigButton from "../production-list-save-config-button/production-list-save-config-button.component";
import ProductionListSaveConfigButton
from "../production-list-save-config-button/production-list-save-config-button.component";
import ProductionListPrint from "./production-list-print.component";
import ProductionListTableViewSelect from "./production-list-table-view-select.component";
import ResizeableTitle from "./production-list-table.resizeable.component";
@@ -34,20 +24,17 @@ const mapStateToProps = createStructuredSelector({
currentUser: selectCurrentUser,
});
export function ProductionListTable({
loading,
data,
refetch,
bodyshop,
technician,
currentUser,
}) {
export function ProductionListTable({loading, data, refetch, bodyshop, technician, currentUser}) {
const [searchText, setSearchText] = useState("");
const { Production_List_Status_Colors } = useTreatments(
["Production_List_Status_Colors"],
{},
bodyshop.imexshopid
);
const { treatments: {Production_List_Status_Colors} } = useSplitTreatments({
attributes: {},
names: ["Production_List_Status_Colors"],
splitKey: bodyshop.imexshopid,
});
const assoc = bodyshop.associations.find(
(a) => a.useremail === currentUser.email
);
@@ -60,11 +47,11 @@ export function ProductionListTable({
.tableState) ||
bodyshop.production_config[0]?.columns.tableState || {
sortedInfo: {},
filteredInfo: { text: "" },
filteredInfo: {text: ""},
}
);
const { t } = useTranslation();
const {t} = useTranslation();
const matchingColumnConfig = useMemo(() => {
return bodyshop.production_config.find((p) => p.name === defaultView);
@@ -91,7 +78,7 @@ export function ProductionListTable({
setState({
...state,
filteredInfo: filters,
sortedInfo: { columnKey: sorter.columnKey, order: sorter.order },
sortedInfo: {columnKey: sorter.columnKey, order: sorter.order},
});
};
@@ -103,13 +90,13 @@ export function ProductionListTable({
};
const removeColumn = (e) => {
const { key } = e;
const {key} = e;
setColumns(columns.filter((i) => i.key !== key));
};
const handleResize =
(index) =>
(e, { size }) => {
(e, {size}) => {
const nextColumns = [...columns];
nextColumns[index] = {
...nextColumns[index],
@@ -222,7 +209,7 @@ export function ProductionListTable({
extra={
<Space wrap>
<Button onClick={() => refetch && refetch()}>
<SyncOutlined />
<SyncOutlined/>
</Button>
<ProductionListColumnsAdd
columnState={[columns, setColumns]}
@@ -244,11 +231,11 @@ export function ProductionListTable({
placeholder={t("general.labels.search")}
value={searchText}
/>
<ProductionListPrint />
<ProductionListPrint/>
</Space>
}
/>
<ProductionListDetail jobs={dataSource} />
<ProductionListDetail jobs={dataSource}/>
<ReactDragListView.DragColumn
onDragEnd={onDragEnd}
nodeSelector="th"
@@ -308,7 +295,7 @@ export function ProductionListTable({
rowKey="id"
loading={loading}
dataSource={dataSource}
scroll={{ x: 1000 }}
scroll={{x: 1000}}
onChange={handleTableChange}
/>
</ReactDragListView.DragColumn>

2
client/src/components/report-center-modal/report-center-modal.component.jsx
View File

@@ -251,7 +251,7 @@ export function ReportCenterModalComponent({ reportCenterModal }) {
>
<DatePicker.RangePicker
format="MM/DD/YYYY"
ranges={DatePIckerRanges}
presets={DatePIckerRanges}
/>
</Form.Item>
<Form.Item style={{ margin: 0, padding: 0 }} dependencies={["key"]}>

4
client/src/components/schedule-job-modal/schedule-job-modal.component.jsx
View File

@@ -70,7 +70,7 @@ export function ScheduleJobModalComponent({
form.setFieldsValue({
scheduled_completion: dayjs(values.start).businessAdd(
totalHours / bodyshop.target_touchtime,
"days"
"day"
),
});
}
@@ -138,7 +138,7 @@ export function ScheduleJobModalComponent({
if (ssDate.isBefore(dayjs())) {
form.setFieldsValue({ start: dayjs() });
} else {
form.setFieldsValue({ start: dayjs(d).add(8, "hours") });
form.setFieldsValue({ start: dayjs(d).add(8, "hour") });
}
handleDateBlur();
}}

8
client/src/components/scoreboard-targets-table/scoreboard-targets-table.util.js
View File

@@ -61,9 +61,9 @@ export const ListOfDaysInCurrentMonth = () => {
const days = [];
const dateStart = dayjs().startOf("month");
const dateEnd = dayjs().endOf("month");
while (dateEnd.diff(dateStart, "days") > 0) {
while (dateEnd.diff(dateStart, "day") > 0) {
days.push(dateStart.format("YYYY-MM-DD"));
dateStart.add(1, "days");
dateStart.add(1, "day");
}
days.push(dateEnd.format("YYYY-MM-DD"));
return days;
@@ -73,9 +73,9 @@ export const ListDaysBetween = ({ start, end }) => {
const days = [];
const dateStart = dayjs(start);
const dateEnd = dayjs(end);
while (dateEnd.diff(dateStart, "days") > 0) {
while (dateEnd.diff(dateStart, "day") > 0) {
days.push(dateStart.format("YYYY-MM-DD"));
dateStart.add(1, "days");
dateStart.add(1, "day");
}
days.push(dateEnd.format("YYYY-MM-DD"));
return days;

2
client/src/components/shop-employees/shop-employees-form.component.jsx
View File

@@ -132,7 +132,7 @@ export function ShopEmployeesFormComponent({ bodyshop }) {
dataIndex: "length",
key: "length",
render: (text, record) =>
dayjs(record.end).diff(dayjs(record.start), "days", true).toFixed(1),
dayjs(record.end).diff(dayjs(record.start), "day", true).toFixed(1),
},
{
title: t("general.labels.actions"),

50
client/src/components/shop-info/shop-info.component.jsx
View File

@@ -1,10 +1,10 @@
import { useTreatments } from "@splitsoftware/splitio-react";
import { Button, Card, Tabs } from "antd";
import {useSplitTreatments} from "@splitsoftware/splitio-react";
import {Button, Card, Tabs} from "antd";
import React from "react";
import { useTranslation } from "react-i18next";
import { connect } from "react-redux";
import { createStructuredSelector } from "reselect";
import { selectBodyshop } from "../../redux/user/user.selectors";
import {useTranslation} from "react-i18next";
import {connect} from "react-redux";
import {createStructuredSelector} from "reselect";
import {selectBodyshop} from "../../redux/user/user.selectors";
import ShopInfoGeneral from "./shop-info.general.component";
import ShopInfoIntakeChecklistComponent from "./shop-info.intake.component";
import ShopInfoLaborRates from "./shop-info.laborrates.component";
@@ -15,7 +15,7 @@ import ShopInfoResponsibilityCenterComponent from "./shop-info.responsibilitycen
import ShopInfoROStatusComponent from "./shop-info.rostatus.component";
import ShopInfoSchedulingComponent from "./shop-info.scheduling.component";
import ShopInfoSpeedPrint from "./shop-info.speedprint.component";
import { useNavigate, useLocation } from "react-router-dom";
import {useLocation, useNavigate} from "react-router-dom";
import queryString from "query-string";
const mapStateToProps = createStructuredSelector({
@@ -26,13 +26,15 @@ const mapDispatchToProps = (dispatch) => ({
});
export default connect(mapStateToProps, mapDispatchToProps)(ShopInfoComponent);
export function ShopInfoComponent({ bodyshop, form, saveLoading }) {
const { CriticalPartsScanning } = useTreatments(
["CriticalPartsScanning"],
{},
bodyshop.imexshopid
);
const { t } = useTranslation();
export function ShopInfoComponent({bodyshop, form, saveLoading}) {
const { treatments: {CriticalPartsScanning} } = useSplitTreatments({
attributes: {},
names: ["CriticalPartsScanning"],
splitKey: bodyshop.imexshopid,
});
const {t} = useTranslation();
const history = useNavigate();
const location = useLocation();
const search = queryString.parse(location.search);
@@ -58,42 +60,42 @@ export function ShopInfoComponent({ bodyshop, form, saveLoading }) {
}
>
<Tabs.TabPane key="general" tab={t("bodyshop.labels.shopinfo")}>
<ShopInfoGeneral form={form} />
<ShopInfoGeneral form={form}/>
</Tabs.TabPane>
<Tabs.TabPane key="speedprint" tab={t("bodyshop.labels.speedprint")}>
<ShopInfoSpeedPrint form={form} />
<ShopInfoSpeedPrint form={form}/>
</Tabs.TabPane>
<Tabs.TabPane key="rbac" tab={t("bodyshop.labels.rbac")}>
<ShopInfoRbacComponent form={form} />
<ShopInfoRbacComponent form={form}/>
</Tabs.TabPane>
<Tabs.TabPane key="roStatus" tab={t("bodyshop.labels.jobstatuses")}>
<ShopInfoROStatusComponent form={form} />
<ShopInfoROStatusComponent form={form}/>
</Tabs.TabPane>
<Tabs.TabPane key="scheduling" tab={t("bodyshop.labels.scheduling")}>
<ShopInfoSchedulingComponent form={form} />
<ShopInfoSchedulingComponent form={form}/>
</Tabs.TabPane>
<Tabs.TabPane
key="orderStatus"
tab={t("bodyshop.labels.orderstatuses")}
>
<ShopInfoOrderStatusComponent form={form} />
<ShopInfoOrderStatusComponent form={form}/>
</Tabs.TabPane>
<Tabs.TabPane
key="responsibilityCenters"
tab={t("bodyshop.labels.responsibilitycenters.title")}
>
<ShopInfoResponsibilityCenterComponent form={form} />
<ShopInfoResponsibilityCenterComponent form={form}/>
</Tabs.TabPane>
<Tabs.TabPane key="checklists" tab={t("bodyshop.labels.checklists")}>
<ShopInfoIntakeChecklistComponent form={form} />
<ShopInfoIntakeChecklistComponent form={form}/>
</Tabs.TabPane>
<Tabs.TabPane key="laborrates" tab={t("bodyshop.labels.laborrates")}>
<ShopInfoLaborRates form={form} />
<ShopInfoLaborRates form={form}/>
</Tabs.TabPane>
{CriticalPartsScanning.treatment === "on" && (
<Tabs.TabPane key="partsscan" tab={t("bodyshop.labels.partsscan")}>
<ShopInfoPartsScan form={form} />
<ShopInfoPartsScan form={form}/>
</Tabs.TabPane>
)}
</Tabs>

18
client/src/components/shop-info/shop-info.general.component.jsx
View File

@@ -1,5 +1,5 @@
import { DeleteFilled } from "@ant-design/icons";
import { useTreatments } from "@splitsoftware/splitio-react";
import { useSplitTreatments } from "@splitsoftware/splitio-react";
import {
Button,
DatePicker,
@@ -35,13 +35,14 @@ const mapDispatchToProps = (dispatch) => ({
export default connect(mapStateToProps, mapDispatchToProps)(ShopInfoGeneral);
export function ShopInfoGeneral({ form, bodyshop }) {
const { t } = useTranslation();
const { ClosingPeriod } = useTreatments(
["ClosingPeriod"],
{},
bodyshop && bodyshop.imexshopid
);
const { t } = useTranslation();
const { treatments: {ClosingPeriod} } = useSplitTreatments({
attributes: {},
names: ["ClosingPeriod"],
splitKey: bodyshop && bodyshop.imexshopid,
});
return (
<div>
@@ -413,13 +414,12 @@ export function ShopInfoGeneral({ form, bodyshop }) {
{ClosingPeriod.treatment === "on" && (
<>
<Form.Item
allowClear
name={["accountingconfig", "ClosingPeriod"]}
label={t("bodyshop.fields.closingperiod")} //{t("reportcenter.labels.dates")}
>
<DatePicker.RangePicker
format="MM/DD/YYYY"
ranges={DatePickerRanges}
presets={DatePickerRanges}
/>
</Form.Item>
</>

39
client/src/components/shop-info/shop-info.orderstatus.component.jsx
View File

@@ -1,11 +1,12 @@
import { Form, Input } from "antd";
import {Form, Input} from "antd";
import React from "react";
import { useTranslation } from "react-i18next";
import {useTranslation} from "react-i18next";
import LayoutFormRow from "../layout-form-row/layout-form-row.component";
import { connect } from "react-redux";
import { createStructuredSelector } from "reselect";
import { selectBodyshop } from "../../redux/user/user.selectors";
import { useTreatments } from "@splitsoftware/splitio-react";
import {connect} from "react-redux";
import {createStructuredSelector} from "reselect";
import {selectBodyshop} from "../../redux/user/user.selectors";
import {useSplitTreatments} from "@splitsoftware/splitio-react";
const mapStateToProps = createStructuredSelector({
bodyshop: selectBodyshop,
});
@@ -17,13 +18,15 @@ export default connect(
mapDispatchToProps
)(ShopInfoOrderStatusComponent);
export function ShopInfoOrderStatusComponent({ bodyshop, form }) {
const { t } = useTranslation();
const { OEConnection } = useTreatments(
["OEConnection"],
{},
bodyshop.imexshopid
);
export function ShopInfoOrderStatusComponent({bodyshop, form}) {
const {t} = useTranslation();
const {treatments: {OEConnection}} = useSplitTreatments({
attributes: {},
names: ["OEConnection"],
splitKey: bodyshop.imexshopid,
});
return (
<LayoutFormRow header={t("bodyshop.labels.orderstatuses")}>
<Form.Item
@@ -36,7 +39,7 @@ export function ShopInfoOrderStatusComponent({ bodyshop, form }) {
]}
name={["md_order_statuses", "default_bo"]}
>
<Input />
<Input/>
</Form.Item>
<Form.Item
label={t("bodyshop.fields.statuses.default_ordered")}
@@ -48,7 +51,7 @@ export function ShopInfoOrderStatusComponent({ bodyshop, form }) {
]}
name={["md_order_statuses", "default_ordered"]}
>
<Input />
<Input/>
</Form.Item>
<Form.Item
@@ -61,7 +64,7 @@ export function ShopInfoOrderStatusComponent({ bodyshop, form }) {
]}
name={["md_order_statuses", "default_received"]}
>
<Input />
<Input/>
</Form.Item>
<Form.Item
label={t("bodyshop.fields.statuses.default_returned")}
@@ -73,7 +76,7 @@ export function ShopInfoOrderStatusComponent({ bodyshop, form }) {
]}
name={["md_order_statuses", "default_returned"]}
>
<Input />
<Input/>
</Form.Item>
{OEConnection.treatment === "on" && (
<Form.Item
@@ -86,7 +89,7 @@ export function ShopInfoOrderStatusComponent({ bodyshop, form }) {
]}
name={["md_order_statuses", "default_quote"]}
>
<Input />
<Input/>
</Form.Item>
)}
</LayoutFormRow>

140
client/src/components/shop-info/shop-info.rbac.component.jsx
View File

@@ -1,12 +1,13 @@
import { useTreatments } from "@splitsoftware/splitio-react";
import { Form, InputNumber } from "antd";
import {Form, InputNumber} from "antd";
import React from "react";
import { useTranslation } from "react-i18next";
import { connect } from "react-redux";
import { createStructuredSelector } from "reselect";
import { selectBodyshop } from "../../redux/user/user.selectors";
import {useTranslation} from "react-i18next";
import {connect} from "react-redux";
import {createStructuredSelector} from "reselect";
import {selectBodyshop} from "../../redux/user/user.selectors";
import LayoutFormRow from "../layout-form-row/layout-form-row.component";
import RbacWrapper from "../rbac-wrapper/rbac-wrapper.component";
import {useSplitTreatments} from "@splitsoftware/splitio-react";
const mapStateToProps = createStructuredSelector({
bodyshop: selectBodyshop,
});
@@ -18,13 +19,16 @@ export default connect(
mapDispatchToProps
)(ShopInfoRbacComponent);
export function ShopInfoRbacComponent({ form, bodyshop }) {
const { t } = useTranslation();
const { Simple_Inventory } = useTreatments(
["Simple_Inventory"],
{},
bodyshop && bodyshop.imexshopid
);
export function ShopInfoRbacComponent({form, bodyshop}) {
const {t} = useTranslation();
const { treatments: {Simple_Inventory} } = useSplitTreatments({
attributes: {},
names: ["Simple_Inventory"],
splitKey:bodyshop && bodyshop.imexshopid,
});
return (
<RbacWrapper action="shop:rbac">
<LayoutFormRow>
@@ -38,7 +42,7 @@ export function ShopInfoRbacComponent({ form, bodyshop }) {
]}
name={["md_rbac", "accounting:payables"]}
>
<InputNumber />
<InputNumber/>
</Form.Item>
<Form.Item
label={t("bodyshop.fields.rbac.accounting.exportlog")}
@@ -50,7 +54,7 @@ export function ShopInfoRbacComponent({ form, bodyshop }) {
]}
name={["md_rbac", "accounting:exportlog"]}
>
<InputNumber />
<InputNumber/>
</Form.Item>
<Form.Item
label={t("bodyshop.fields.rbac.accounting.payments")}
@@ -62,7 +66,7 @@ export function ShopInfoRbacComponent({ form, bodyshop }) {
]}
name={["md_rbac", "accounting:payments"]}
>
<InputNumber />
<InputNumber/>
</Form.Item>
<Form.Item
label={t("bodyshop.fields.rbac.accounting.receivables")}
@@ -74,7 +78,7 @@ export function ShopInfoRbacComponent({ form, bodyshop }) {
]}
name={["md_rbac", "accounting:receivables"]}
>
<InputNumber />
<InputNumber/>
</Form.Item>
<Form.Item
label={t("bodyshop.fields.rbac.csi.page")}
@@ -86,7 +90,7 @@ export function ShopInfoRbacComponent({ form, bodyshop }) {
]}
name={["md_rbac", "csi:page"]}
>
<InputNumber />
<InputNumber/>
</Form.Item>
<Form.Item
label={t("bodyshop.fields.rbac.csi.export")}
@@ -98,7 +102,7 @@ export function ShopInfoRbacComponent({ form, bodyshop }) {
]}
name={["md_rbac", "csi:export"]}
>
<InputNumber />
<InputNumber/>
</Form.Item>
<Form.Item
label={t("bodyshop.fields.rbac.contracts.create")}
@@ -110,7 +114,7 @@ export function ShopInfoRbacComponent({ form, bodyshop }) {
]}
name={["md_rbac", "contracts:create"]}
>
<InputNumber />
<InputNumber/>
</Form.Item>
<Form.Item
label={t("bodyshop.fields.rbac.contracts.detail")}
@@ -122,7 +126,7 @@ export function ShopInfoRbacComponent({ form, bodyshop }) {
]}
name={["md_rbac", "contracts:detail"]}
>
<InputNumber />
<InputNumber/>
</Form.Item>
<Form.Item
label={t("bodyshop.fields.rbac.contracts.list")}
@@ -134,7 +138,7 @@ export function ShopInfoRbacComponent({ form, bodyshop }) {
]}
name={["md_rbac", "contracts:list"]}
>
<InputNumber />
<InputNumber/>
</Form.Item>
<Form.Item
label={t("bodyshop.fields.rbac.courtesycar.create")}
@@ -146,7 +150,7 @@ export function ShopInfoRbacComponent({ form, bodyshop }) {
]}
name={["md_rbac", "courtesycar:create"]}
>
<InputNumber />
<InputNumber/>
</Form.Item>
<Form.Item
label={t("bodyshop.fields.rbac.courtesycar.detail")}
@@ -158,7 +162,7 @@ export function ShopInfoRbacComponent({ form, bodyshop }) {
]}
name={["md_rbac", "courtesycar:detail"]}
>
<InputNumber />
<InputNumber/>
</Form.Item>
<Form.Item
label={t("bodyshop.fields.rbac.courtesycar.list")}
@@ -170,7 +174,7 @@ export function ShopInfoRbacComponent({ form, bodyshop }) {
]}
name={["md_rbac", "courtesycar:list"]}
>
<InputNumber />
<InputNumber/>
</Form.Item>
<Form.Item
label={t("bodyshop.fields.rbac.jobs.list-active")}
@@ -182,7 +186,7 @@ export function ShopInfoRbacComponent({ form, bodyshop }) {
]}
name={["md_rbac", "jobs:list-active"]}
>
<InputNumber />
<InputNumber/>
</Form.Item>
<Form.Item
label={t("bodyshop.fields.rbac.jobs.list-ready")}
@@ -194,7 +198,7 @@ export function ShopInfoRbacComponent({ form, bodyshop }) {
]}
name={["md_rbac", "jobs:list-ready"]}
>
<InputNumber />
<InputNumber/>
</Form.Item>
<Form.Item
label={t("bodyshop.fields.rbac.jobs.admin")}
@@ -206,7 +210,7 @@ export function ShopInfoRbacComponent({ form, bodyshop }) {
]}
name={["md_rbac", "jobs:admin"]}
>
<InputNumber />
<InputNumber/>
</Form.Item>
<Form.Item
label={t("bodyshop.fields.rbac.jobs.partsqueue")}
@@ -218,7 +222,7 @@ export function ShopInfoRbacComponent({ form, bodyshop }) {
]}
name={["md_rbac", "jobs:partsqueue"]}
>
<InputNumber />
<InputNumber/>
</Form.Item>
<Form.Item
label={t("bodyshop.fields.rbac.jobs.list-all")}
@@ -230,7 +234,7 @@ export function ShopInfoRbacComponent({ form, bodyshop }) {
]}
name={["md_rbac", "jobs:list-all"]}
>
<InputNumber />
<InputNumber/>
</Form.Item>
<Form.Item
label={t("bodyshop.fields.rbac.jobs.available-list")}
@@ -242,7 +246,7 @@ export function ShopInfoRbacComponent({ form, bodyshop }) {
]}
name={["md_rbac", "jobs:available-list"]}
>
<InputNumber />
<InputNumber/>
</Form.Item>
<Form.Item
label={t("bodyshop.fields.rbac.jobs.create")}
@@ -254,7 +258,7 @@ export function ShopInfoRbacComponent({ form, bodyshop }) {
]}
name={["md_rbac", "jobs:create"]}
>
<InputNumber />
<InputNumber/>
</Form.Item>
<Form.Item
label={t("bodyshop.fields.rbac.jobs.intake")}
@@ -266,7 +270,7 @@ export function ShopInfoRbacComponent({ form, bodyshop }) {
]}
name={["md_rbac", "jobs:intake"]}
>
<InputNumber />
<InputNumber/>
</Form.Item>
<Form.Item
label={t("bodyshop.fields.rbac.jobs.close")}
@@ -278,7 +282,7 @@ export function ShopInfoRbacComponent({ form, bodyshop }) {
]}
name={["md_rbac", "jobs:close"]}
>
<InputNumber />
<InputNumber/>
</Form.Item>
<Form.Item
label={t("bodyshop.fields.rbac.jobs.deliver")}
@@ -290,7 +294,7 @@ export function ShopInfoRbacComponent({ form, bodyshop }) {
]}
name={["md_rbac", "jobs:deliver"]}
>
<InputNumber />
<InputNumber/>
</Form.Item>
<Form.Item
label={t("bodyshop.fields.rbac.jobs.detail")}
@@ -302,7 +306,7 @@ export function ShopInfoRbacComponent({ form, bodyshop }) {
]}
name={["md_rbac", "jobs:detail"]}
>
<InputNumber />
<InputNumber/>
</Form.Item>
<Form.Item
label={t("bodyshop.fields.rbac.jobs.checklist-view")}
@@ -314,7 +318,7 @@ export function ShopInfoRbacComponent({ form, bodyshop }) {
]}
name={["md_rbac", "jobs:checklist-view"]}
>
<InputNumber />
<InputNumber/>
</Form.Item>
<Form.Item
label={t("bodyshop.fields.rbac.jobs.void")}
@@ -326,7 +330,7 @@ export function ShopInfoRbacComponent({ form, bodyshop }) {
]}
name={["md_rbac", "jobs:void"]}
>
<InputNumber />
<InputNumber/>
</Form.Item>
<Form.Item
label={t("bodyshop.fields.rbac.bills.enter")}
@@ -338,7 +342,7 @@ export function ShopInfoRbacComponent({ form, bodyshop }) {
]}
name={["md_rbac", "bills:enter"]}
>
<InputNumber />
<InputNumber/>
</Form.Item>
<Form.Item
label={t("bodyshop.fields.rbac.bills.delete")}
@@ -350,7 +354,7 @@ export function ShopInfoRbacComponent({ form, bodyshop }) {
]}
name={["md_rbac", "bills:delete"]}
>
<InputNumber />
<InputNumber/>
</Form.Item>
<Form.Item
label={t("bodyshop.fields.rbac.bills.reexport")}
@@ -362,7 +366,7 @@ export function ShopInfoRbacComponent({ form, bodyshop }) {
]}
name={["md_rbac", "bills:reexport"]}
>
<InputNumber />
<InputNumber/>
</Form.Item>
<Form.Item
label={t("bodyshop.fields.rbac.bills.view")}
@@ -374,7 +378,7 @@ export function ShopInfoRbacComponent({ form, bodyshop }) {
]}
name={["md_rbac", "bills:view"]}
>
<InputNumber />
<InputNumber/>
</Form.Item>
<Form.Item
label={t("bodyshop.fields.rbac.bills.list")}
@@ -386,7 +390,7 @@ export function ShopInfoRbacComponent({ form, bodyshop }) {
]}
name={["md_rbac", "bills:list"]}
>
<InputNumber />
<InputNumber/>
</Form.Item>
<Form.Item
label={t("bodyshop.fields.rbac.employees.page")}
@@ -398,7 +402,7 @@ export function ShopInfoRbacComponent({ form, bodyshop }) {
]}
name={["md_rbac", "employees:page"]}
>
<InputNumber />
<InputNumber/>
</Form.Item>
<Form.Item
label={t("bodyshop.fields.rbac.owners.list")}
@@ -410,7 +414,7 @@ export function ShopInfoRbacComponent({ form, bodyshop }) {
]}
name={["md_rbac", "owners:list"]}
>
<InputNumber />
<InputNumber/>
</Form.Item>
<Form.Item
label={t("bodyshop.fields.rbac.owners.detail")}
@@ -422,7 +426,7 @@ export function ShopInfoRbacComponent({ form, bodyshop }) {
]}
name={["md_rbac", "owners:detail"]}
>
<InputNumber />
<InputNumber/>
</Form.Item>
<Form.Item
label={t("bodyshop.fields.rbac.payments.enter")}
@@ -434,7 +438,7 @@ export function ShopInfoRbacComponent({ form, bodyshop }) {
]}
name={["md_rbac", "payments:enter"]}
>
<InputNumber />
<InputNumber/>
</Form.Item>
<Form.Item
label={t("bodyshop.fields.rbac.payments.list")}
@@ -446,7 +450,7 @@ export function ShopInfoRbacComponent({ form, bodyshop }) {
]}
name={["md_rbac", "payments:list"]}
>
<InputNumber />
<InputNumber/>
</Form.Item>
<Form.Item
label={t("bodyshop.fields.rbac.production.board")}
@@ -458,7 +462,7 @@ export function ShopInfoRbacComponent({ form, bodyshop }) {
]}
name={["md_rbac", "production:board"]}
>
<InputNumber />
<InputNumber/>
</Form.Item>
<Form.Item
label={t("bodyshop.fields.rbac.production.list")}
@@ -470,7 +474,7 @@ export function ShopInfoRbacComponent({ form, bodyshop }) {
]}
name={["md_rbac", "production:list"]}
>
<InputNumber />
<InputNumber/>
</Form.Item>
<Form.Item
label={t("bodyshop.fields.rbac.schedule.view")}
@@ -482,7 +486,7 @@ export function ShopInfoRbacComponent({ form, bodyshop }) {
]}
name={["md_rbac", "schedule:view"]}
>
<InputNumber />
<InputNumber/>
</Form.Item>
<Form.Item
label={t("bodyshop.fields.rbac.scoreboard.view")}
@@ -494,7 +498,7 @@ export function ShopInfoRbacComponent({ form, bodyshop }) {
]}
name={["md_rbac", "scoreboard:view"]}
>
<InputNumber />
<InputNumber/>
</Form.Item>
<Form.Item
label={t("bodyshop.fields.rbac.shiftclock.view")}
@@ -506,7 +510,7 @@ export function ShopInfoRbacComponent({ form, bodyshop }) {
]}
name={["md_rbac", "shiftclock:view"]}
>
<InputNumber />
<InputNumber/>
</Form.Item>
<Form.Item
label={t("bodyshop.fields.rbac.timetickets.edit")}
@@ -518,7 +522,7 @@ export function ShopInfoRbacComponent({ form, bodyshop }) {
]}
name={["md_rbac", "timetickets:edit"]}
>
<InputNumber />
<InputNumber/>
</Form.Item>
<Form.Item
label={t("bodyshop.fields.rbac.timetickets.shiftedit")}
@@ -530,7 +534,7 @@ export function ShopInfoRbacComponent({ form, bodyshop }) {
]}
name={["md_rbac", "timetickets:shiftedit"]}
>
<InputNumber />
<InputNumber/>
</Form.Item>
<Form.Item
label={t("bodyshop.fields.rbac.shop.vendors")}
@@ -542,7 +546,7 @@ export function ShopInfoRbacComponent({ form, bodyshop }) {
]}
name={["md_rbac", "shop:vendors"]}
>
<InputNumber />
<InputNumber/>
</Form.Item>
<Form.Item
label={t("bodyshop.fields.rbac.shop.dashboard")}
@@ -554,7 +558,7 @@ export function ShopInfoRbacComponent({ form, bodyshop }) {
]}
name={["md_rbac", "shop:dashboard"]}
>
<InputNumber />
<InputNumber/>
</Form.Item>
<Form.Item
label={t("bodyshop.fields.rbac.shop.config")}
@@ -566,7 +570,7 @@ export function ShopInfoRbacComponent({ form, bodyshop }) {
]}
name={["md_rbac", "shop:config"]}
>
<InputNumber />
<InputNumber/>
</Form.Item>
<Form.Item
label={t("bodyshop.fields.rbac.shop.rbac")}
@@ -578,7 +582,7 @@ export function ShopInfoRbacComponent({ form, bodyshop }) {
]}
name={["md_rbac", "shop:rbac"]}
>
<InputNumber />
<InputNumber/>
</Form.Item>
<Form.Item
label={t("bodyshop.fields.rbac.shop.templates")}
@@ -590,7 +594,7 @@ export function ShopInfoRbacComponent({ form, bodyshop }) {
]}
name={["md_rbac", "shop:templates"]}
>
<InputNumber />
<InputNumber/>
</Form.Item>
<Form.Item
label={t("bodyshop.fields.rbac.timetickets.enter")}
@@ -602,7 +606,7 @@ export function ShopInfoRbacComponent({ form, bodyshop }) {
]}
name={["md_rbac", "timetickets:enter"]}
>
<InputNumber />
<InputNumber/>
</Form.Item>
<Form.Item
label={t("bodyshop.fields.rbac.timetickets.list")}
@@ -614,7 +618,7 @@ export function ShopInfoRbacComponent({ form, bodyshop }) {
]}
name={["md_rbac", "timetickets:list"]}
>
<InputNumber />
<InputNumber/>
</Form.Item>
<Form.Item
label={t("bodyshop.fields.rbac.users.editaccess")}
@@ -626,7 +630,7 @@ export function ShopInfoRbacComponent({ form, bodyshop }) {
]}
name={["md_rbac", "users:editaccess"]}
>
<InputNumber />
<InputNumber/>
</Form.Item>
<Form.Item
label={t("bodyshop.fields.rbac.temporarydocs.view")}
@@ -638,7 +642,7 @@ export function ShopInfoRbacComponent({ form, bodyshop }) {
]}
name={["md_rbac", "temporarydocs:view"]}
>
<InputNumber />
<InputNumber/>
</Form.Item>
<Form.Item
label={t("bodyshop.fields.rbac.phonebook.view")}
@@ -650,7 +654,7 @@ export function ShopInfoRbacComponent({ form, bodyshop }) {
]}
name={["md_rbac", "phonebook:view"]}
>
<InputNumber />
<InputNumber/>
</Form.Item>
<Form.Item
label={t("bodyshop.fields.rbac.phonebook.edit")}
@@ -662,7 +666,7 @@ export function ShopInfoRbacComponent({ form, bodyshop }) {
]}
name={["md_rbac", "phonebook:edit"]}
>
<InputNumber />
<InputNumber/>
</Form.Item>
{Simple_Inventory.treatment === "on" && (
<>
@@ -676,7 +680,7 @@ export function ShopInfoRbacComponent({ form, bodyshop }) {
]}
name={["md_rbac", "inventory:list"]}
>
<InputNumber />
<InputNumber/>
</Form.Item>
<Form.Item
label={t("bodyshop.fields.rbac.inventory.delete")}
@@ -688,7 +692,7 @@ export function ShopInfoRbacComponent({ form, bodyshop }) {
]}
name={["md_rbac", "inventory:delete"]}
>
<InputNumber />
<InputNumber/>
</Form.Item>
</>
)}

419
client/src/components/shop-info/shop-info.responsibilitycenters.component.jsx
View File

File diff suppressed because it is too large Load Diff

50
client/src/components/shop-info/shop-info.rostatus.component.jsx
View File

@@ -1,15 +1,16 @@
import { DeleteFilled } from "@ant-design/icons";
import { useTreatments } from "@splitsoftware/splitio-react";
import { Button, Form, Select, Space } from "antd";
import React, { useState } from "react";
import { ChromePicker } from "react-color";
import { useTranslation } from "react-i18next";
import {DeleteFilled} from "@ant-design/icons";
import {Button, Form, Select, Space} from "antd";
import React, {useState} from "react";
import {ChromePicker} from "react-color";
import {useTranslation} from "react-i18next";
import styled from "styled-components";
import LayoutFormRow from "../layout-form-row/layout-form-row.component";
import { connect } from "react-redux";
import { createStructuredSelector } from "reselect";
import { selectBodyshop } from "../../redux/user/user.selectors";
import {connect} from "react-redux";
import {createStructuredSelector} from "reselect";
import {selectBodyshop} from "../../redux/user/user.selectors";
import {useSplitTreatments} from "@splitsoftware/splitio-react";
const mapStateToProps = createStructuredSelector({
bodyshop: selectBodyshop,
});
@@ -27,13 +28,16 @@ const SelectorDiv = styled.div`
width: 200px;
}
`;
export function ShopInfoROStatusComponent({ bodyshop, form }) {
const { t } = useTranslation();
const { Production_List_Status_Colors } = useTreatments(
["Production_List_Status_Colors"],
{},
bodyshop.imexshopid
);
export function ShopInfoROStatusComponent({bodyshop, form}) {
const {t} = useTranslation();
const { treatments: {Production_List_Status_Colors} } = useSplitTreatments({
attributes: {},
names: ["Production_List_Status_Colors"],
splitKey: bodyshop.imexshopid,
});
const [options, setOptions] = useState(
form.getFieldValue(["md_ro_statuses", "statuses"]) || []
@@ -56,7 +60,7 @@ export function ShopInfoROStatusComponent({ bodyshop, form }) {
},
]}
>
<Select mode="tags" onBlur={handleBlur} />
<Select mode="tags" onBlur={handleBlur}/>
</Form.Item>
<Form.Item
name={["md_ro_statuses", "active_statuses"]}
@@ -325,16 +329,16 @@ export function ShopInfoROStatusComponent({ bodyshop, form }) {
id="production_colors"
>
<Form.List name={["md_ro_statuses", "production_colors"]}>
{(fields, { add, remove, move }) => {
{(fields, {add, remove, move}) => {
return (
<div>
<LayoutFormRow>
{fields.map((field, index) => (
<Form.Item key={field.key}>
<Space direction="vertical">
<div style={{ display: "flex" }}>
<div style={{display: "flex"}}>
<Form.Item
style={{ flex: 1 }}
style={{flex: 1}}
label={t("jobs.fields.status")}
key={`${index}status`}
name={[field.name, "status"]}
@@ -370,7 +374,7 @@ export function ShopInfoROStatusComponent({ bodyshop, form }) {
},
]}
>
<ColorPicker />
<ColorPicker/>
</Form.Item>
</Space>
</Form.Item>
@@ -382,7 +386,7 @@ export function ShopInfoROStatusComponent({ bodyshop, form }) {
onClick={() => {
add();
}}
style={{ width: "100%" }}
style={{width: "100%"}}
>
{t("general.actions.add")}
</Button>
@@ -397,7 +401,7 @@ export function ShopInfoROStatusComponent({ bodyshop, form }) {
);
}
export const ColorPicker = ({ value, onChange, style, ...restProps }) => {
export const ColorPicker = ({value, onChange, style, ...restProps}) => {
const handleChange = (color) => {
if (onChange) onChange(color.rgb);
};

2
client/src/components/tech-job-print-tickets/tech-job-print-tickets.component.jsx
View File

@@ -95,7 +95,7 @@ export function TechJobPrintTickets({ technician, event, attendacePrint }) {
]}
>
<DatePicker.RangePicker
ranges={DatePIckerRanges}
presets={DatePIckerRanges}
format={"MM/DD/YYYY"}
/>
</Form.Item>

2
client/src/components/ticket-tickets-dates-selector/time-tickets-dates-selector.component.jsx
View File

@@ -41,7 +41,7 @@ export default function TimeTicketsDatesSelector() {
end ? dayjs(end) : dayjs().endOf("week"),
]}
format="MM/DD/YYYY"
ranges={DatePickerRanges}
presets={DatePickerRanges}
onCalendarChange={handleChange}
/>
);

2
client/src/components/time-ticket-list/time-ticket-list.component.jsx
View File

@@ -187,7 +187,7 @@ export function TimeTicketList({
return (
<div>
{dayjs(record.clockoff)
.diff(dayjs(record.clockon), "hours", true)
.diff(dayjs(record.clockon), "hour", true)
.toFixed(2)}
</div>
);

4
client/src/components/time-tickets-summary-employees/time-tickets-summary-employees.component.jsx
View File

@@ -124,7 +124,7 @@ const JobRelatedTicketsTable = ({
if (!!val.clockoff && !!val.clockon)
return (
acc +
dayjs(val.clockoff).diff(dayjs(val.clockon), "hours", true)
dayjs(val.clockoff).diff(dayjs(val.clockon), "hour", true)
);
return acc;
}, 0);
@@ -251,7 +251,7 @@ const ShiftRelatedTicketsTable = ({
const clockHrs = item.tickets.reduce((acc, val) => {
if (!!val.clockoff && !!val.clockon)
return (
acc + dayjs(val.clockoff).diff(dayjs(val.clockon), "hours", true)
acc + dayjs(val.clockoff).diff(dayjs(val.clockon), "hour", true)
);
return acc;
}, 0);

95
client/src/components/vendors-form/vendors-form.component.jsx
View File

@@ -1,30 +1,21 @@
import { DeleteFilled } from "@ant-design/icons";
import { useApolloClient } from "@apollo/client";
import { useTreatments } from "@splitsoftware/splitio-react";
import {
Button,
Divider,
Form,
Input,
InputNumber,
Space,
Switch,
} from "antd";
import {DeleteFilled} from "@ant-design/icons";
import {useApolloClient} from "@apollo/client";
import {useSplitTreatments} from "@splitsoftware/splitio-react";
import {Button, Divider, Form, Input, InputNumber, Space, Switch,} from "antd";
import {PageHeader} from "@ant-design/pro-layout";
import React from "react";
import { useTranslation } from "react-i18next";
import { CHECK_VENDOR_NAME } from "../../graphql/vendors.queries";
import {useTranslation} from "react-i18next";
import {CHECK_VENDOR_NAME} from "../../graphql/vendors.queries";
import FormFieldsChanged from "../form-fields-changed-alert/form-fields-changed-alert.component";
import FormItemEmail from "../form-items-formatted/email-form-item.component";
import PhoneFormItem, {
PhoneItemFormatterValidation,
} from "../form-items-formatted/phone-form-item.component";
import PhoneFormItem, {PhoneItemFormatterValidation,} from "../form-items-formatted/phone-form-item.component";
import LayoutFormRow from "../layout-form-row/layout-form-row.component";
import VendorsPhonebookAdd from "../vendors-phonebook-add/vendors-phonebook-add.component";
import { connect } from "react-redux";
import { createStructuredSelector } from "reselect";
import { selectBodyshop } from "../../redux/user/user.selectors";
import {connect} from "react-redux";
import {createStructuredSelector} from "reselect";
import {selectBodyshop} from "../../redux/user/user.selectors";
const mapStateToProps = createStructuredSelector({
bodyshop: selectBodyshop,
});
@@ -36,23 +27,19 @@ export default connect(
mapDispatchToProps
)(VendorsFormComponent);
export function VendorsFormComponent({
bodyshop,
form,
formLoading,
handleDelete,
responsibilityCenters,
selectedvendor,
}) {
const { t } = useTranslation();
export function VendorsFormComponent({bodyshop, form, formLoading, handleDelete, responsibilityCenters, selectedvendor}) {
const {t} = useTranslation();
const client = useApolloClient();
const { DmsAp } = useTreatments(
["DmsAp"],
{},
bodyshop && bodyshop.imexshopid
);
const { getFieldValue } = form;
const {treatments: {DmsAp}} = useSplitTreatments({
attributes: {},
names: ["DmsAp"],
splitKey: bodyshop && bodyshop.imexshopid
});
const {getFieldValue} = form;
return (
<div>
<PageHeader
@@ -67,7 +54,7 @@ export function VendorsFormComponent({
initialValue={true}
valuePropName="checked"
>
<Switch />
<Switch/>
</Form.Item>
<Button
onClick={() => form.submit()}
@@ -92,7 +79,7 @@ export function VendorsFormComponent({
</Space>
}
/>
<FormFieldsChanged form={form} />
<FormFieldsChanged form={form}/>
<LayoutFormRow grow>
<Form.Item
label={t("vendors.fields.name")}
@@ -104,7 +91,7 @@ export function VendorsFormComponent({
required: true,
//message: t("general.validation.required"),
},
({ getFieldValue }) => ({
({getFieldValue}) => ({
async validator(rule, value) {
if (value) {
const response = await client.query({
@@ -133,7 +120,7 @@ export function VendorsFormComponent({
}),
]}
>
<Input />
<Input/>
</Form.Item>
<Form.Item
@@ -148,47 +135,47 @@ export function VendorsFormComponent({
}
name="email"
>
<FormItemEmail email={getFieldValue("email")} />
<FormItemEmail email={getFieldValue("email")}/>
</Form.Item>
<Form.Item
label={t("vendors.fields.phone")}
name="phone"
rules={[
({ getFieldValue }) =>
({getFieldValue}) =>
PhoneItemFormatterValidation(getFieldValue, "phone"),
]}
>
<PhoneFormItem />
<PhoneFormItem/>
</Form.Item>
</LayoutFormRow>
<LayoutFormRow grow>
<Form.Item label={t("vendors.fields.street1")} name="street1">
<Input />
<Input/>
</Form.Item>
<Form.Item label={t("vendors.fields.street2")} name="street2">
<Input />
<Input/>
</Form.Item>
<Form.Item label={t("vendors.fields.city")} name="city">
<Input />
<Input/>
</Form.Item>
</LayoutFormRow>
<LayoutFormRow grow>
<Form.Item label={t("vendors.fields.state")} name="state">
<Input />
<Input/>
</Form.Item>
<Form.Item label={t("vendors.fields.zip")} name="zip">
<Input />
<Input/>
</Form.Item>
<Form.Item label={t("vendors.fields.country")} name="country">
<Input />
<Input/>
</Form.Item>
</LayoutFormRow>
<LayoutFormRow grow>
<Form.Item label={t("vendors.fields.discount")} name="discount">
<InputNumber min={0} max={1} precision={2} step={0.01} />
<InputNumber min={0} max={1} precision={2} step={0.01}/>
</Form.Item>
<Form.Item label={t("vendors.fields.due_date")} name="due_date">
<InputNumber min={0} />
<InputNumber min={0}/>
</Form.Item>
{
// <Form.Item
@@ -209,12 +196,12 @@ export function VendorsFormComponent({
{DmsAp.treatment === "on" && (
<Form.Item label={t("vendors.fields.dmsid")} name="dmsid">
<Input />
<Input/>
</Form.Item>
)}
<Divider align="left">{t("vendors.labels.preferredmakes")}</Divider>
<Form.List name="favorite">
{(fields, { add, remove }) => {
{(fields, {add, remove}) => {
return (
<div>
{fields.map((field, index) => (
@@ -231,7 +218,7 @@ export function VendorsFormComponent({
},
]}
>
<Input />
<Input/>
</Form.Item>
<DeleteFilled
@@ -248,7 +235,7 @@ export function VendorsFormComponent({
onClick={() => {
add();
}}
style={{ width: "100%" }}
style={{width: "100%"}}
>
{t("vendors.actions.newpreferredmake")}
</Button>

18
client/src/pages/jobs-close/jobs-close.component.jsx
View File

@@ -23,7 +23,7 @@ import React, { useState } from "react";
import { useTranslation } from "react-i18next";
import { connect } from "react-redux";
// import { useNavigate } from 'react-router-dom';
import { useTreatments } from "@splitsoftware/splitio-react";
import { useSplitTreatments } from "@splitsoftware/splitio-react";
import Dinero from "dinero.js";
import dayjs from "../../utils/day";
import { Link } from "react-router-dom";
@@ -51,16 +51,12 @@ export function JobsCloseComponent({ job, bodyshop, jobRO }) {
// const history = useHistory();
const [closeJob] = useMutation(UPDATE_JOB);
const [loading, setLoading] = useState(false);
const { Qb_Multi_Ar } = useTreatments(
["Qb_Multi_Ar"],
{},
bodyshop && bodyshop.imexshopid
);
const { ClosingPeriod } = useTreatments(
["ClosingPeriod"],
{},
bodyshop && bodyshop.imexshopid
);
const { treatments: {Qb_Multi_Ar,ClosingPeriod} } = useSplitTreatments({
attributes: {},
names: ["Qb_Multi_Ar", "ClosingPeriod"],
splitKey: bodyshop && bodyshop.imexshopid,
});
const handleFinish = async ({ removefromproduction, ...values }) => {
setLoading(true);

4
client/src/pages/manage/manage.page.component.jsx
View File

@@ -1,4 +1,4 @@
import {BackTop, Layout} from "antd";
import {FloatButton, Layout} from "antd";
import preval from "preval.macro";
import React, {lazy, Suspense, useEffect} from "react";
import {useTranslation} from "react-i18next";
@@ -371,7 +371,7 @@ export function Manage({conflict, bodyshop}) {
{PageContent}
</Sentry.ErrorBoundary>
<BackTop/>
<FloatButton.BackTop/>
<Footer>
<div
style={{

4
client/src/pages/tech/tech.page.component.jsx
View File

@@ -1,4 +1,4 @@
import { BackTop, Layout } from "antd";
import {FloatButton, Layout} from "antd";
import React, { Suspense, lazy, useEffect } from "react";
import { useTranslation } from "react-i18next";
import { connect } from "react-redux";
@@ -90,7 +90,7 @@ export function TechPage({ technician }) {
</FeatureWrapper>
</Suspense>
</ErrorBoundary>
<BackTop />
<FloatButton.BackTop />
</Content>
</Layout>
</Layout>

69
client/src/utils/DatePickerRanges.js
View File

@@ -1,27 +1,62 @@
import dayjs from "./day";
const range = {
Today: [dayjs(), dayjs()],
"Last 14 days": [dayjs().subtract(14, "day"), dayjs()],
"Last 7 days": [dayjs().subtract(7, "day"), dayjs()],
"Next 7 days": [dayjs(), dayjs().add(7, "day")],
"Next 14 days": [dayjs(), dayjs().add(14, "day")],
"Last Month": [
const range = [
{
label: 'Today',
value: [dayjs(), dayjs()]
},
{
label: 'Last 14 days',
value: [dayjs().subtract(14, "day"), dayjs()]
},
{
label: 'Last 7 days',
value: [dayjs().subtract(7, "day"), dayjs()]
},
{
label: 'Next 7 days',
value: [dayjs(), dayjs().add(7, "day")]
},
{
label: 'Next 14 days',
value: [dayjs(), dayjs().add(14, "day")],
},
{
label: 'Last Month',
value: [
dayjs().startOf("month").subtract(1, "month"),
dayjs().startOf("month").subtract(1, "month").endOf("month"),
],
"This Month": [dayjs().startOf("month"), dayjs().endOf("month")],
"Next Month": [
]
},
{
label: 'This Month',
value: [dayjs().startOf("month"), dayjs().endOf("month")]
},
{
label: 'Next Month',
value: [
dayjs().startOf("month").add(1, "month"),
dayjs().startOf("month").add(1, "month").endOf("month"),
],
"Last Quarter": [
]
},
{
label: 'Last Quarter',
value: [
dayjs().startOf("quarter").subtract(1, "quarter"),
dayjs().startOf("quarter").subtract(1, "day"),
],
"This Quarter": [
]
},
{
label: 'This Quarter',
value: [
dayjs().startOf("quarter"),
dayjs().startOf("quarter").add(1, "quarter").subtract(1, "day"),
],
"Last 90 Days": [dayjs().add(-90, "day"), dayjs()],
};
]
},
{
label: 'Last 90 Days',
value: [dayjs().add(-90, "day"), dayjs()],
}
]
export default range;

16
server/tasks/tasks.js
View File

@@ -54,27 +54,27 @@ function functionMapper(f, timezone) {
case "date.yesterday":
return moment().tz(timezone).subtract(1, "day").format(isoFormat);
case "date.3daysago":
return moment().tz(timezone).subtract(3, "days").format(isoFormat);
return moment().tz(timezone).subtract(3, "day").format(isoFormat);
case "date.7daysago":
return moment().tz(timezone).subtract(7, "days").format(isoFormat);
return moment().tz(timezone).subtract(7, "day").format(isoFormat);
case "date.tomorrow":
return moment().tz(timezone).add(1, "day").format(isoFormat);
case "date.3daysfromnow":
return moment().tz(timezone).add(3, "days").format(isoFormat);
return moment().tz(timezone).add(3, "day").format(isoFormat);
case "date.7daysfromnow":
return moment().tz(timezone).add(7, "days").format(isoFormat);
return moment().tz(timezone).add(7, "day").format(isoFormat);
case "date.yesterdaytz":
return moment().tz(timezone).subtract(1, "day");
case "date.3daysagotz":
return moment().tz(timezone).subtract(3, "days");
return moment().tz(timezone).subtract(3, "day");
case "date.7daysagotz":
return moment().tz(timezone).subtract(7, "days");
return moment().tz(timezone).subtract(7, "day");
case "date.tomorrowtz":
return moment().tz(timezone).add(1, "day");
case "date.3daysfromnowtz":
return moment().tz(timezone).add(3, "days");
return moment().tz(timezone).add(3, "day");
case "date.7daysfromnowtz":
return moment().tz(timezone).add(7, "days");
return moment().tz(timezone).add(7, "day");
case "date.now":
return moment().tz(timezone);