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

added parts for last 3 calls

Browse Source
This commit is contained in:
jfrye122
2023-05-15 02:36:35 -04:00
parent d19bc10865
commit e1d72ad355
9 changed files with 264 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -3,64 +3,84 @@ import { useNavigation } from "@react-navigation/native";
import React from "react";
import { useTranslation } from "react-i18next";
import { Button, Card, Text } from "react-native-paper";
import { connect } from "react-redux";
import { createStructuredSelector } from "reselect";
import { connect, useSelector, useDispatch } from "react-redux";
import { createSelector, createStructuredSelector } from "reselect";
import { OwnerNameDisplayFunction } from "../owner-name-display/owner-name-display.component";
import { DateTimeFormatter } from "../../util/DateFormater";
// import { setTimeTicketJobId } from "../../redux/timetickets/timetickets.actions";
import { setTmTicketJobId } from "../../redux/app/app.actions";
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)),
const mapStateToProps = createStructuredSelector({});
const mapDispatchToProps = (dispatch) => ({
// setTimeTicketJobId: (jobId) =>dispatch(setTimeTicketJobId({jobId})),
setTmTicketJobId:(id) => dispatch(setTmTicketJobId(id)),
setTmTicketJobId:() => dispatch(setTmTicketJobId(jobId)),
});
export function ClockedinListItem({ setTmTicketJobId, ticket }) {
export function ClockedinListItem( props ) {
const { t } = useTranslation();
const navigation = useNavigation();
const onPress = (ticket, setCameraJobId) => {
console.log("ClockedinListItem, onPress called");
console.log("ClockedinListItem, ticket", ticket);
setTimeTicketJobId(ticket.jobid);
// logImEXEvent("imexmobile_view_job_detail");
navigation.push("TimeTicketClockOff", {
jobId: ticket.jobid, //item.id,
timeTicketId: ticket.id,
//completedCallback: refetch,
});
// navigation.push("JobDetail", {
// jobId: item.id,
// timeTicketId: item.ro_number || t("general.labels.na"),
// job: item,
// });
// () => {navigation.navigate("TimeTicketClockOff");}
};
console.log("ClockedinListItem, ", props.ticket.job.id);
const jbId = props.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 onPress = (ticket, setCameraJobId) => {
// console.log("ClockedinListItem, onPress called");
// console.log("ClockedinListItem, ticket", ticket);
// setTimeTicketJobId(ticket.jobid);
// // logImEXEvent("imexmobile_view_job_detail");
// navigation.push("TimeTicketClockOff", {
// jobId: ticket.jobid, //item.id,
// timeTicketId: ticket.id,
// //completedCallback: refetch,
// });
// // navigation.push("JobDetail", {
// // jobId: item.id,
// // timeTicketId: item.ro_number || t("general.labels.na"),
// // job: item,
// // });
// // () => {navigation.navigate("TimeTicketClockOff");}
// };
return (
<Card style={{ margin: 8 }}>
<Card.Title
title={`${
ticket.job.ro_number || t("general.labels.na")
} ${OwnerNameDisplayFunction(ticket.job)}`}
props.ticket.job.ro_number || t("general.labels.na")
} ${OwnerNameDisplayFunction(props.ticket.job)}`}
/>
<Card.Content>
<Text>
Vehicle :
{`${ticket.job.v_model_yr || ""} ${ticket.job.v_make_desc || ""} ${
ticket.job.v_model_desc || ""
{`${props.ticket.job.v_model_yr || ""} ${props.ticket.job.v_make_desc || ""} ${
props.ticket.job.v_model_desc || ""
}`}
</Text>
<Text>
Clocked In : <DateTimeFormatter>{ticket.clockon}</DateTimeFormatter>
Clocked In : <DateTimeFormatter>{props.ticket.clockon}</DateTimeFormatter>
</Text>
<Text>
Cost Center :{" "}
{ticket.cost_center === "timetickets.labels.shift"
? t(ticket.cost_center)
: ticket.cost_center}
{props.ticket.cost_center === "timetickets.labels.shift"
? t(props.ticket.cost_center)
: props.ticket.cost_center}
</Text>
</Card.Content>
<Card.Actions>
@@ -70,21 +90,25 @@ export function ClockedinListItem({ setTmTicketJobId, ticket }) {
completedCallback={refetch}
/> */}
<Button
key={props.ticket.id}
mode="outlined"
onPress={() => {
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;
// }
// setTimeTicketJobId(ticket.jobid);
navigation.navigate("TimeTicketClockOff");
}}
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");
// }}
>
Clock Out
</Button>
@@ -121,4 +145,4 @@ export function ClockedinListItem({ setTmTicketJobId, ticket }) {
);
}
export default connect(mapStateToProps, mapDispatchToProps)(ClockedinListItem);
export default connect(null, mapDispatchToProps)(ClockedinListItem);