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

IO-2700 Remove committed button for non-enhanced payroll on time ticket list.

Browse Source
This commit is contained in:
Patrick Fic
2024-03-19 09:48:30 -07:00
parent 2ea3a10c8b
commit 01a9e7dc34
1 changed files with 99 additions and 92 deletions
Download Patch File Download Diff File Expand all files Collapse all files

191
client/src/pages/time-tickets/time-tickets.container.jsx
View File

@@ -1,103 +1,110 @@
import {useQuery} from "@apollo/client"; import { useQuery } from '@apollo/client';
import {Col, Row, Space} from "antd"; import { Col, Row, Space } from 'antd';
import dayjs from "../../utils/day"; import dayjs from '../../utils/day';
import React, {useEffect} from "react"; import React, { useEffect } from 'react';
import {useTranslation} from "react-i18next"; import { useTranslation } from 'react-i18next';
import {connect} from "react-redux"; import { connect } from 'react-redux';
import {useSearchParams} from "react-router-dom"; import { useSearchParams } from 'react-router-dom';
import {createStructuredSelector} from "reselect"; import { createStructuredSelector } from 'reselect';
import AlertComponent from "../../components/alert/alert.component"; import AlertComponent from '../../components/alert/alert.component';
import RbacWrapper from "../../components/rbac-wrapper/rbac-wrapper.component"; import RbacWrapper from '../../components/rbac-wrapper/rbac-wrapper.component';
import TimeTicketsDatesSelector import TimeTicketsDatesSelector from '../../components/ticket-tickets-dates-selector/time-tickets-dates-selector.component';
from "../../components/ticket-tickets-dates-selector/time-tickets-dates-selector.component"; import TimeTicketList from '../../components/time-ticket-list/time-ticket-list.component';
import TimeTicketList from "../../components/time-ticket-list/time-ticket-list.component"; import TimeTicketsPayrollTable from '../../components/time-tickets-payroll-table/time-tickets-payroll-table.component';
import TimeTicketsPayrollTable from "../../components/time-tickets-payroll-table/time-tickets-payroll-table.component"; import TimeTicketsSummaryEmployees from '../../components/time-tickets-summary-employees/time-tickets-summary-employees.component';
import TimeTicketsSummaryEmployees import { QUERY_TIME_TICKETS_IN_RANGE } from '../../graphql/timetickets.queries';
from "../../components/time-tickets-summary-employees/time-tickets-summary-employees.component"; import TimeTicketsAttendanceTable from '../../components/time-tickets-attendance-table/time-tickets-attendance-table.component';
import {QUERY_TIME_TICKETS_IN_RANGE} from "../../graphql/timetickets.queries"; import { setBreadcrumbs, setSelectedHeader } from '../../redux/application/application.actions';
import TimeTicketsAttendanceTable import TimeTicketsCommit from '../../components/time-tickets-commit/time-tickets-commit.component';
from "../../components/time-tickets-attendance-table/time-tickets-attendance-table.component"; import FeatureWrapperComponent from '../../components/feature-wrapper/feature-wrapper.component';
import {setBreadcrumbs, setSelectedHeader,} from "../../redux/application/application.actions";
import TimeTicketsCommit from "../../components/time-tickets-commit/time-tickets-commit.component";
import FeatureWrapperComponent from "../../components/feature-wrapper/feature-wrapper.component";
import InstanceRenderManager from '../../utils/instanceRenderMgr'; import InstanceRenderManager from '../../utils/instanceRenderMgr';
import { useSplitTreatments } from '@splitsoftware/splitio-react';
import { selectBodyshop } from '../../redux/user/user.selectors';
const mapStateToProps = createStructuredSelector({}); const mapStateToProps = createStructuredSelector({
bodyshop:selectBodyshop
const mapDispatchToProps = (dispatch) => ({
setBreadcrumbs: (breadcrumbs) => dispatch(setBreadcrumbs(breadcrumbs)),
setSelectedHeader: (key) => dispatch(setSelectedHeader(key)),
}); });
export function TimeTicketsContainer({ const mapDispatchToProps = (dispatch) => ({
bodyshop, setBreadcrumbs: (breadcrumbs) => dispatch(setBreadcrumbs(breadcrumbs)),
setBreadcrumbs, setSelectedHeader: (key) => dispatch(setSelectedHeader(key)),
setSelectedHeader, });
}) {
const {t} = useTranslation();
const [searchParams] = useSearchParams();
const {start, end} = Object.fromEntries(searchParams);
const startDate = start export function TimeTicketsContainer({ bodyshop, setBreadcrumbs, setSelectedHeader }) {
? dayjs(start) const {
: dayjs().startOf("week").subtract(7, "day"); treatments: { Enhanced_Payroll },
const endDate = end ? dayjs(end) : dayjs().endOf("week"); } = useSplitTreatments({
attributes: {},
names: ['Enhanced_Payroll'],
splitKey: bodyshop.imexshopid,
});
const { t } = useTranslation();
const [searchParams] = useSearchParams();
const { start, end } = Object.fromEntries(searchParams);
const {loading, error, data} = useQuery(QUERY_TIME_TICKETS_IN_RANGE, { const startDate = start ? dayjs(start) : dayjs().startOf('week').subtract(7, 'day');
variables: { const endDate = end ? dayjs(end) : dayjs().endOf('week');
start: startDate,
end: endDate, const { loading, error, data } = useQuery(QUERY_TIME_TICKETS_IN_RANGE, {
}, variables: {
fetchPolicy: "network-only", start: startDate,
nextFetchPolicy: "network-only", end: endDate,
},
fetchPolicy: 'network-only',
nextFetchPolicy: 'network-only',
});
useEffect(() => {
document.title = t('titles.timetickets', {
app: InstanceRenderManager({
imex: '$t(titles.imexonline)',
rome: '$t(titles.romeonline)',
promanager: '$t(titles.promanager)',
}),
}); });
setSelectedHeader('timetickets');
setBreadcrumbs([
{
link: '/manage/timetickets',
label: t('titles.bc.timetickets'),
},
]);
}, [t, setBreadcrumbs, setSelectedHeader]);
useEffect(() => { if (error) return <AlertComponent message={error.message} type="error" />;
document.title = t("titles.timetickets",{app: InstanceRenderManager({imex:'$t(titles.imexonline)', rome: '$t(titles.romeonline)', promanager: '$t(titles.promanager)'})} );
setSelectedHeader("timetickets");
setBreadcrumbs([
{
link: "/manage/timetickets",
label: t("titles.bc.timetickets"),
},
]);
}, [t, setBreadcrumbs, setSelectedHeader]);
if (error) return <AlertComponent message={error.message} type="error"/>; return (
<FeatureWrapperComponent featureName="timetickets">
return ( <RbacWrapper action="timetickets:list">
<FeatureWrapperComponent featureName='timetickets'> <Row gutter={[16, 16]}>
<RbacWrapper action="timetickets:list"> <Col span={24}>
<Row gutter={[16, 16]}> <TimeTicketList
<Col span={24}> loading={loading}
<TimeTicketList timetickets={data ? data.timetickets : []}
loading={loading} extra={
timetickets={data ? data.timetickets : []} <Space wrap>
extra={ <TimeTicketsAttendanceTable />
<Space wrap> <TimeTicketsPayrollTable />
<TimeTicketsAttendanceTable/> {Enhanced_Payroll.treatment === 'on' && (
<TimeTicketsPayrollTable/> <TimeTicketsCommit timetickets={data ? data.timetickets : []} />
<TimeTicketsCommit timetickets={data ? data.timetickets : []}/> )}
<TimeTicketsDatesSelector/> <TimeTicketsDatesSelector />
</Space> </Space>
} }
/> />
</Col> </Col>
<Col span={24}> <Col span={24}>
<TimeTicketsSummaryEmployees <TimeTicketsSummaryEmployees
loading={loading} loading={loading}
timetickets={data ? data.timetickets : []} timetickets={data ? data.timetickets : []}
startDate={startDate} startDate={startDate}
endDate={endDate} endDate={endDate}
/> />
</Col> </Col>
</Row> </Row>
</RbacWrapper> </RbacWrapper>
</FeatureWrapperComponent> </FeatureWrapperComponent>
); );
} }
export default connect( export default connect(mapStateToProps, mapDispatchToProps)(TimeTicketsContainer);
mapStateToProps,
mapDispatchToProps
)(TimeTicketsContainer);