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

cleaned up clock out

Browse Source
This commit is contained in:
jfrye122
2023-05-15 08:55:45 -04:00
parent e1d72ad355
commit c7959c4080
3 changed files with 60 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

88
components/time-ticket-items/clockedin-list-item.component.jsx
View File

@@ -13,34 +13,37 @@ import { logImEXEvent } from "../../firebase/firebase.analytics";
import { employeeSignInStart } from "../../redux/employee/employee.actions";
import { useRef } from "react";
// const selectNumCompletedTodos = createSelector(
// (state) => state.timeTickets,
// (timeTickets) => timeTickets.timeTicketJobId
// );
//const mapStateToProps = createStructuredSelector({});
// // setTimeTicketJobId: (jobId) =>dispatch(setTimeTicketJobId({jobId})),
//employeeSignInStart:(idjob) => dispatch(employeeSignInStart(idjob)),
// // setTimeTicketJobId: (jobId) =>dispatch(setTimeTicketJobId({jobId})),
//employeeSignInStart:(idjob) => dispatch(employeeSignInStart(idjob)),
const mapDispatchToProps = (dispatch) => ({
setTmTicketJobId:() => dispatch(setTmTicketJobId(jobId)),
setTmTicketJobId: () => dispatch(setTmTicketJobId({ jobId })),
});
export function ClockedinListItem( props ) {
export function ClockedinListItem( {setTmTicketJobId, ticket }) {
console.log("ClockedinListItem, ticket", ticket);
console.log("ClockedinListItem, setTmTicketJobId", setTmTicketJobId);
const { t } = useTranslation();
const navigation = useNavigation();
console.log("ClockedinListItem, ", props.ticket.job.id);
const jbId = props.ticket.job.id;
console.log("ClockedinListItem, ticket job id", ticket.job.id);
const jbId = ticket.job.id;
console.log("ClockedinListItem, jbId: ", jbId);
const te = useRef(jbId)
let makeNave = (jobId) => (
console.log("ClockedinListItem ", setTmTicketJobId)
,console.log("te", jobId)
,setTmTicketJobId(jobId)
// ,navigation.navigate("TimeTicketClockOff")
);
// const te = useRef(jbId);
const makeNavToTimeTicketClockOff = (jbId,setTmTicketJobId) => (
console.log("ClockedinListItem, makeNavToTimeTicketClockOff, setTmTicketJobId :", setTmTicketJobId),
console.log("ClockedinListItem, makeNavToTimeTicketClockOff, jobId :", jbId)
//,setTmTicketJobId(jbId)
,navigation.navigate("TimeTicketClockOff")
);
// const onPress = (ticket, setCameraJobId) => {
// console.log("ClockedinListItem, onPress called");
// console.log("ClockedinListItem, ticket", ticket);
@@ -63,24 +66,25 @@ export function ClockedinListItem( props ) {
<Card style={{ margin: 8 }}>
<Card.Title
title={`${
props.ticket.job.ro_number || t("general.labels.na")
} ${OwnerNameDisplayFunction(props.ticket.job)}`}
ticket.job.ro_number || t("general.labels.na")
} ${OwnerNameDisplayFunction(ticket.job)}`}
/>
<Card.Content>
<Text>
Vehicle :
{`${props.ticket.job.v_model_yr || ""} ${props.ticket.job.v_make_desc || ""} ${
props.ticket.job.v_model_desc || ""
}`}
{`${ticket.job.v_model_yr || ""} ${
ticket.job.v_make_desc || ""
} ${ticket.job.v_model_desc || ""}`}
</Text>
<Text>
Clocked In : <DateTimeFormatter>{props.ticket.clockon}</DateTimeFormatter>
Clocked In :{" "}
<DateTimeFormatter>{ticket.clockon}</DateTimeFormatter>
</Text>
<Text>
Cost Center :{" "}
{props.ticket.cost_center === "timetickets.labels.shift"
? t(props.ticket.cost_center)
: props.ticket.cost_center}
{ticket.cost_center === "timetickets.labels.shift"
? t(ticket.cost_center)
: ticket.cost_center}
</Text>
</Card.Content>
<Card.Actions>
@@ -90,25 +94,25 @@ export function ClockedinListItem( props ) {
completedCallback={refetch}
/> */}
<Button
key={props.ticket.id}
// key={ticket.id}
mode="outlined"
onPress={makeNave(props.ticket.id)}
// {
// logImEXEvent("imexmobile_setcamerajobid_row");
// // setTmTicketJobId(ticket.id);
// // console.log("ticket.jobid is :",ticket.jobid );
// // console.log("setTimeTicketJobId is :",setTimeTicketJobId );
// // console.log("ham is :",setTimeTicketJobId );
// // if (typeof ham === 'undefined') {
// // console.error("yo dog, setTimeTicketJobId is undefined!");
// // return;
// // }
// const { id, jobid } = e;
// console.log("ticket.jobid is :", ticket.jobid);
// setTmTicketJobId(ticket.jobid);
// // setTimeTicketJobId(ticket.jobid);
// //navigation.navigate("TimeTicketClockOff");
// }}
onPress={makeNavToTimeTicketClockOff}
// {
// logImEXEvent("imexmobile_setcamerajobid_row");
// // setTmTicketJobId(ticket.id);
// // console.log("ticket.jobid is :",ticket.jobid );
// // console.log("setTimeTicketJobId is :",setTimeTicketJobId );
// // console.log("ham is :",setTimeTicketJobId );
// // if (typeof ham === 'undefined') {
// // console.error("yo dog, setTimeTicketJobId is undefined!");
// // return;
// // }
// const { id, jobid } = e;
// console.log("ticket.jobid is :", ticket.jobid);
// setTmTicketJobId(ticket.jobid);
// // setTimeTicketJobId(ticket.jobid);
// //navigation.navigate("TimeTicketClockOff");
// }}
>
Clock Out
</Button>