diff --git a/src/app/(main)/projects/copy/not-found.tsx b/src/app/(main)/projects/copy/not-found.tsx new file mode 100644 index 0000000..14e0e6d --- /dev/null +++ b/src/app/(main)/projects/copy/not-found.tsx @@ -0,0 +1,17 @@ +import { getServerI18n } from "@/i18n"; +import { Stack, Typography, Link } from "@mui/material"; +import NextLink from "next/link"; + +export default async function NotFound() { + const { t } = await getServerI18n("projects", "common"); + + return ( + + {t("Not Found")} + {t("The project was not found!")} + + {t("Return to all projects")} + + + ); +} diff --git a/src/app/(main)/projects/copy/page.tsx b/src/app/(main)/projects/copy/page.tsx new file mode 100644 index 0000000..8ff2777 --- /dev/null +++ b/src/app/(main)/projects/copy/page.tsx @@ -0,0 +1,77 @@ +import { fetchAllCustomers, fetchAllSubsidiaries } from "@/app/api/customer"; +import { fetchGrades } from "@/app/api/grades"; +import { + fetchProjectBuildingTypes, + fetchProjectCategories, + fetchProjectContractTypes, + fetchProjectDetails, + fetchProjectFundingTypes, + fetchProjectLocationTypes, + fetchProjectServiceTypes, + fetchProjectWorkNatures, +} from "@/app/api/projects"; +import { preloadStaff, preloadTeamLeads } from "@/app/api/staff"; +import { fetchAllTasks, fetchTaskTemplates } from "@/app/api/tasks"; +import { fetchUserAbilities } from "@/app/utils/fetchUtil"; +import { ServerFetchError } from "@/app/utils/fetchUtil"; +import CreateProject from "@/components/CreateProject"; +import { I18nProvider, getServerI18n } from "@/i18n"; +import { MAINTAIN_PROJECT } from "@/middleware"; +import Typography from "@mui/material/Typography"; +import { isArray } from "lodash"; +import { Metadata } from "next"; +import { notFound } from "next/navigation"; + +interface Props { + searchParams: { [key: string]: string | string[] | undefined }; +} + +export const metadata: Metadata = { + title: "Copy Project", +}; + +const Projects: React.FC = async ({ searchParams }) => { + const { t } = await getServerI18n("projects"); + // Assume projectId is string here + const projectId = searchParams["id"]; + const abilities = await fetchUserAbilities() + + if (!projectId || isArray(projectId) || ![MAINTAIN_PROJECT].some(ability => abilities.includes(ability))) { + notFound(); + } + + // Preload necessary dependencies + fetchAllTasks(); + fetchTaskTemplates(); + fetchProjectCategories(); + fetchProjectContractTypes(); + fetchProjectFundingTypes(); + fetchProjectLocationTypes(); + fetchProjectServiceTypes(); + fetchProjectBuildingTypes(); + fetchProjectWorkNatures(); + fetchAllCustomers(); + fetchAllSubsidiaries(); + fetchGrades(); + preloadTeamLeads(); + preloadStaff(); + + try { + console.log(projectId) + await fetchProjectDetails(projectId); + } catch (e) { + if (e instanceof ServerFetchError && e.response?.status === 404) { + notFound(); + } + } + + return ( + <> + + + + + ); +}; + +export default Projects; diff --git a/src/app/(main)/projects/copySub/not-found.tsx b/src/app/(main)/projects/copySub/not-found.tsx new file mode 100644 index 0000000..234e436 --- /dev/null +++ b/src/app/(main)/projects/copySub/not-found.tsx @@ -0,0 +1,17 @@ +import { getServerI18n } from "@/i18n"; +import { Stack, Typography, Link } from "@mui/material"; +import NextLink from "next/link"; + +export default async function NotFound() { + const { t } = await getServerI18n("projects", "common"); + + return ( + + {t("Not Found")} + {t("The sub project was not found!")} + + {t("Return to all projects")} + + + ); +} diff --git a/src/app/(main)/projects/copySub/page.tsx b/src/app/(main)/projects/copySub/page.tsx new file mode 100644 index 0000000..13b37da --- /dev/null +++ b/src/app/(main)/projects/copySub/page.tsx @@ -0,0 +1,79 @@ +import { fetchAllCustomers, fetchAllSubsidiaries } from "@/app/api/customer"; +import { fetchGrades } from "@/app/api/grades"; +import { + fetchMainProjects, + fetchProjectBuildingTypes, + fetchProjectCategories, + fetchProjectContractTypes, + fetchProjectDetails, + fetchProjectFundingTypes, + fetchProjectLocationTypes, + fetchProjectServiceTypes, + fetchProjectWorkNatures, +} from "@/app/api/projects"; +import { preloadStaff, preloadTeamLeads } from "@/app/api/staff"; +import { fetchAllTasks, fetchTaskTemplates } from "@/app/api/tasks"; +import { fetchUserAbilities } from "@/app/utils/fetchUtil"; +import CreateProject from "@/components/CreateProject"; +import { I18nProvider, getServerI18n } from "@/i18n"; +import { MAINTAIN_PROJECT } from "@/middleware"; +import Typography from "@mui/material/Typography"; +import { isArray } from "lodash"; +import { Metadata } from "next"; +import { notFound } from "next/navigation"; + +interface Props { + searchParams: { [key: string]: string | string[] | undefined }; +} + +export const metadata: Metadata = { + title: "Edit Sub Project", +}; + +const Projects: React.FC = async ({ searchParams }) => { + const { t } = await getServerI18n("projects"); + const projectId = searchParams["id"]; + + const abilities = await fetchUserAbilities() + if (!projectId || isArray(projectId) || !abilities.includes(MAINTAIN_PROJECT)) { + notFound(); + } + + // Preload necessary dependencies + fetchAllTasks(); + fetchTaskTemplates(); + fetchProjectCategories(); + fetchProjectContractTypes(); + fetchProjectFundingTypes(); + fetchProjectLocationTypes(); + fetchProjectServiceTypes(); + fetchProjectBuildingTypes(); + fetchProjectWorkNatures(); + fetchAllCustomers(); + fetchAllSubsidiaries(); + fetchGrades(); + preloadTeamLeads(); + preloadStaff(); + + try { + await fetchProjectDetails(projectId); + const data = await fetchMainProjects(); + + if (!Boolean(data) || data.length === 0) { + notFound(); + } + } catch (e) { + notFound(); + } + + return ( + <> + {t("Edit Sub Project")} + + + + + ); +}; + +export default Projects; diff --git a/src/app/api/financialsummary/actions.ts b/src/app/api/financialsummary/actions.ts index 0ada047..e8a6439 100644 --- a/src/app/api/financialsummary/actions.ts +++ b/src/app/api/financialsummary/actions.ts @@ -6,7 +6,8 @@ import { Dayjs } from "dayjs"; import { cache } from "react"; import { FileResponse } from "../reports/actions"; import { revalidateTag } from "next/cache"; - +import { SumOfByClient } from "@/components/ProjectFinancialSummaryV2/gptFn"; +import { FinancialByProject } from "."; export interface FinancialSummaryByClientResult { teamId:number; @@ -144,6 +145,32 @@ export const exportFinancialSummaryByProjectExcel = cache(async (data: ExportFin return reportBlob }) +export const exportFinancialSummaryV2ByClientExcel = cache(async (data: SumOfByClient[]) => { + const reportBlob = await serverFetchBlob( + `${BASE_API_URL}/dashboard/exportFinancialSummaryV2ByClientExcel`, + { + method: "POST", + body: JSON.stringify(data), + headers: { "Content-Type": "application/json" }, + }, +); + + return reportBlob +}) + +export const exportFinancialSummaryV2ByProjectExcel = cache(async (data: FinancialByProject[]) => { + const reportBlob = await serverFetchBlob( + `${BASE_API_URL}/dashboard/exportFinancialSummaryV2ByProjectExcel`, + { + method: "POST", + body: JSON.stringify(data), + headers: { "Content-Type": "application/json" }, + }, +); + + return reportBlob +}) + export const revalidate = async(tag: string) => { revalidateTag(tag) } diff --git a/src/app/api/financialsummary/index.ts b/src/app/api/financialsummary/index.ts index e964faf..9bf55f2 100644 --- a/src/app/api/financialsummary/index.ts +++ b/src/app/api/financialsummary/index.ts @@ -33,6 +33,7 @@ export type FinancialByProject = { totalBudget: number, manhourExpense: number, invoicedAmount: number, + uninvoicedAmount: number, paidAmount: number, projectExpense: number, } diff --git a/src/components/CreateProject/CreateProject.tsx b/src/components/CreateProject/CreateProject.tsx index 35fb6ca..c0f1db9 100644 --- a/src/components/CreateProject/CreateProject.tsx +++ b/src/components/CreateProject/CreateProject.tsx @@ -64,6 +64,7 @@ import { deleteDraft, loadDraft, saveToLocalStorage } from "@/app/utils/draftUti export interface Props { isEditMode: boolean; + isCopyMode: boolean; draftId?: number; isSubProject: boolean; mainProjects?: MainProject[]; @@ -116,6 +117,7 @@ const hasErrorsInTab = ( const CreateProject: React.FC = ({ isEditMode, + isCopyMode, draftId, isSubProject, mainProjects, @@ -547,7 +549,7 @@ const CreateProject: React.FC = ({ } }, [totalManhour]); - const loading = isEditMode ? !Boolean(projectName) : false; + const loading = isEditMode || isCopyMode ? !Boolean(projectName) : false; const submitDisabled = loading || diff --git a/src/components/CreateProject/CreateProjectWrapper.tsx b/src/components/CreateProject/CreateProjectWrapper.tsx index 959e492..44f2972 100644 --- a/src/components/CreateProject/CreateProjectWrapper.tsx +++ b/src/components/CreateProject/CreateProjectWrapper.tsx @@ -21,17 +21,26 @@ import { fetchGrades } from "@/app/api/grades"; import { fetchUserAbilities, fetchUserStaff } from "@/app/utils/fetchUtil"; type CreateProjectProps = { - isEditMode: false; + isEditMode?: false; + isCopyMode?: false; isSubProject?: boolean; draftId?: number; }; interface EditProjectProps { isEditMode: true; + isCopyMode?: false; projectId?: string; isSubProject?: boolean; } -type Props = CreateProjectProps | EditProjectProps; +interface CopyProjectProps { + isEditMode?: false; + isCopyMode: true; + projectId?: string; + isSubProject?: boolean; +} + +type Props = CreateProjectProps | EditProjectProps | CopyProjectProps; const CreateProjectWrapper: React.FC = async (props) => { const [ @@ -79,7 +88,7 @@ const CreateProjectWrapper: React.FC = async (props) => { (teamLead) => teamLead.teamId === teamId || teamLead.team == "ST", ) } - const projectInfo = props.isEditMode + const projectInfo = props.isEditMode || props.isCopyMode ? await fetchProjectDetails(props.projectId!) : undefined; @@ -87,10 +96,25 @@ const CreateProjectWrapper: React.FC = async (props) => { ? await fetchMainProjects() : undefined; + if (props.isCopyMode && projectInfo) { + projectInfo.projectId = null + projectInfo.projectCode = projectInfo.projectCode + "-copy" + projectInfo.projectName = projectInfo.projectName + "-copy" + projectInfo.projectStatus = "" + Object.entries(projectInfo.milestones).forEach(([key, value]) => { + projectInfo.milestones[Number(key)].payments.forEach(({ ...rest}, idx, orig) => { + orig[idx] = { ...rest, id: rest.id * -1 } + }) + + // console.log(projectInfo.milestones[Number(key)].payments) + }) + } + return ( = ({ // Boolean(errors.projectPlanStart) // || new Date(planStart) > new Date(planEnd) - || !Boolean(planStart) + || Boolean(errors.projectPlanStart) , }, }} @@ -373,7 +373,7 @@ const ProjectClientDetails: React.FC = ({ // Boolean(errors.projectPlanEnd) // || new Date(planStart) > new Date(planEnd) - || !Boolean(planEnd) + || Boolean(errors.projectPlanEnd) , }, }} diff --git a/src/components/NavigationContent/NavigationContent.tsx b/src/components/NavigationContent/NavigationContent.tsx index f533e20..cf72724 100644 --- a/src/components/NavigationContent/NavigationContent.tsx +++ b/src/components/NavigationContent/NavigationContent.tsx @@ -110,10 +110,19 @@ const NavigationContent: React.FC = ({ abilities, username }) => { path: "/home", showOnMobile: true, }, + // { + // icon: , + // label: "Financial Summary", + // path: "/dashboard/ProjectFinancialSummary", + // isHidden: ![VIEW_DASHBOARD_ALL, VIEW_DASHBOARD_SELF].some((ability) => + // abilities!.includes(ability), + // ), + // showOnMobile: false, + // }, { icon: , label: "Financial Summary", - path: "/dashboard/ProjectFinancialSummary", + path: "/dashboard/ProjectFinancialSummaryV2", isHidden: ![VIEW_DASHBOARD_ALL, VIEW_DASHBOARD_SELF].some((ability) => abilities!.includes(ability), ), @@ -172,16 +181,6 @@ const NavigationContent: React.FC = ({ abilities, username }) => { }, ], }, - - // { - // icon: , - // label: "Financial Summary", - // path: "/dashboard/ProjectFinancialSummaryV2", - // isHidden: ![VIEW_DASHBOARD_ALL, VIEW_DASHBOARD_SELF].some((ability) => - // abilities!.includes(ability), - // ), - // showOnMobile: true, - // }, // No Claim function in Breaur, will be implement later // { diff --git a/src/components/ProjectFinancialSummaryV2/FinancialSummary.tsx b/src/components/ProjectFinancialSummaryV2/FinancialSummary.tsx index 0c8a1de..08dc47b 100644 --- a/src/components/ProjectFinancialSummaryV2/FinancialSummary.tsx +++ b/src/components/ProjectFinancialSummaryV2/FinancialSummary.tsx @@ -14,36 +14,48 @@ interface Props { financialSummByProject: FinancialByProject[] } - type InputDate = { - startDate: string; - endDate: string; - } +type InputDate = { + startDate: string; + endDate: string; +} + +type DateParams = { + [key: number]: InputDate; +} - type DateParams = { - 0: InputDate; - 2: InputDate; - 3: InputDate; - 4: InputDate; - 5: InputDate; - } const FinancialSummaryPage: React.FC = ({ _teamId, financialSummByProject }) => { console.log(financialSummByProject) const { t } = useTranslation(); - const curr = useMemo(() => dayjs().format(INPUT_DATE_FORMAT), []) - const currYear = useMemo(() => dayjs().get("year"), []) + var currDate: string = useMemo(() => dayjs().format(INPUT_DATE_FORMAT), []) + var currYear: number = useMemo(() => dayjs().get("year"), []) + // testing date + // currDate = "2024-10-28" + // currYear = 2024 const startDate = "10-01" const endDate = "09-30" - const currFinancialYear = useMemo(() => curr > `${currYear}-${startDate}` ? currYear + 1 : currYear, [currYear]) + const lengthOfCombo = 6 + const currFinancialYear = useMemo(() => currDate > `${currYear}-${startDate}` ? currYear + 1 : currYear, [currYear]) const [mainData, setMainData] = useState(financialSummByProject) const [byTeam, setByTeam] = useState(() => sumUpByTeam(mainData)) // do fetch to set const [byProject, setByProject] = useState(financialSummByProject) const [byClient, setByClient] = useState(() => sumUpByClient(mainData)) const [isLoading, setIsLoading] = useState(false) - const allTeam = useMemo(()=> { - var _allTeam: SumOfByTeam = { + const allTeam = useMemo(() => { + return byTeam.reduce((acc, curr) => ({ + id: 0, + team: "All Team", + totalFee: acc.totalFee + curr.totalFee, + totalBudget: acc.totalBudget + curr.totalBudget, + manhourExpense: acc.manhourExpense + curr.manhourExpense, + projectExpense: acc.projectExpense + curr.projectExpense, + invoicedAmount: acc.invoicedAmount + curr.invoicedAmount, + uninvoicedAmount: acc.uninvoicedAmount + curr.uninvoicedAmount, + paidAmount: acc.paidAmount + curr.paidAmount, + activeProject: acc.activeProject + curr.activeProject + }), { id: 0, team: "All Team", totalFee: 0, @@ -51,34 +63,60 @@ const FinancialSummaryPage: React.FC = ({ manhourExpense: 0, projectExpense: 0, invoicedAmount: 0, + uninvoicedAmount: 0, paidAmount: 0, - activeProject: 0, - } - for (let i = 0; i < byTeam.length; i++) { - var curr = byTeam[i] - _allTeam["totalFee"] += curr.totalFee - _allTeam["totalBudget"] += curr.totalBudget - _allTeam["manhourExpense"] += curr.manhourExpense - _allTeam["projectExpense"] += curr.projectExpense - _allTeam["invoicedAmount"] += curr.invoicedAmount - _allTeam["paidAmount"] += curr.paidAmount - _allTeam["activeProject"] += curr.activeProject - } - return _allTeam + activeProject: 0 + }) }, [mainData]) - console.log(allTeam) const [teamId, setTeamId] = useState(_teamId) const [isCardClickedIndex, setIsCardClickedIndex] = useState(_teamId || 0); const [period, setPeriod] = useState(0); - const dateMap: DateParams = useMemo(() => ({ - 0: {startDate: "", endDate: ""}, - 2: {startDate: `${currFinancialYear-2}-${startDate}`, endDate: `${currFinancialYear-1}-${endDate}`}, - 3: {startDate: `${currFinancialYear-3}-${startDate}`, endDate: `${currFinancialYear-2}-${endDate}`}, - 4: {startDate: `${currFinancialYear-4}-${startDate}`, endDate: `${currFinancialYear-3}-${endDate}`}, - 5: {startDate: "", endDate: `${currFinancialYear-4}-${endDate}`}, - }), [currYear, startDate, endDate]) + const dateMap: DateParams = useMemo(() => { + const thisYear = currDate <= `${currYear}-${endDate}` ? + {startDate: `${currYear-1}-${startDate}`, endDate: `${currYear}-${endDate}`} : + {startDate: `${currYear}-${startDate}`, endDate: `${currFinancialYear}-${endDate}`} + const map: DateParams = { + 0: {startDate: "", endDate: ""}, + 1: thisYear, + [lengthOfCombo - 1]: {startDate: "", endDate: `${currFinancialYear-(lengthOfCombo - 2)}-${endDate}`} + } + for (let i = 2; i < lengthOfCombo - 1; i++) { + map[i] = { + startDate: `${currFinancialYear-i}-${startDate}`, + endDate: `${currFinancialYear-(i - 1)}-${endDate}` + } + } + return map + }, [currDate, currYear, currFinancialYear, startDate, endDate, lengthOfCombo]) + + // const comboList: string[] = useMemo(() => { + // const list = ["All"] + // var lastYear = "" + // for (let i = 1; i < lengthOfCombo; i++) { + // var currYearStr = t(" (current year) ") + // var yearsStr = `${currFinancialYear - i} - ${currFinancialYear - i + 1}` + // var str = yearsStr + // if (i == 1) str = yearsStr + currYearStr + // lastYear = `${currFinancialYear - i}` + // list.push(str) + // } + // list[lengthOfCombo - 1] = `< ${lastYear}` + // return list + // }, []) + + const comboList: string[] = useMemo(() => { + const list = ["All"]; + for (let i = 1; i < lengthOfCombo - 1; i++) { + const yearRange = `${currFinancialYear - i} - ${currFinancialYear - i + 1}`; + const label = i === 1 ? `${yearRange} ${t("(current year)")}` : yearRange; + list.push(label); + } + const oldestYear = currFinancialYear - (lengthOfCombo - 2); + list.push(`< ${oldestYear}`); + return list; + }, [currFinancialYear, lengthOfCombo, t]); const fetchFinancialSummaryByProject = useCallback(async (endDate: string, startDate: string) => { setIsLoading(true) @@ -95,27 +133,14 @@ const FinancialSummaryPage: React.FC = ({ setTeamId(teamId) }, []); - const handleFilter = useCallback((value: number) => { + const handleFilter = useCallback(async (value: number) => { setPeriod(value) console.log(value) - var _startDate: string = "" - var _endDate = "" - if (value == 1) { - if (curr <= `${currYear}-${endDate}`) { - _startDate = `${currYear - 1}-${startDate}` - _endDate = `${currYear}-${endDate}` - } else { - _startDate = `${currYear}-${startDate}` - _endDate = `${currFinancialYear}-${endDate}` - } - } else { - _startDate = dateMap[value as keyof DateParams].startDate - _endDate = dateMap[value as keyof DateParams].endDate - } + var _startDate = dateMap[value as keyof DateParams].startDate + var _endDate = dateMap[value as keyof DateParams].endDate console.log(_startDate) console.log(_endDate) - fetchFinancialSummaryByProject(_endDate, _startDate) - + await fetchFinancialSummaryByProject(_endDate, _startDate) }, [isCardClickedIndex]) useEffect(() => { @@ -128,7 +153,7 @@ const FinancialSummaryPage: React.FC = ({ setByClient(sumUpByClient(mainData)) } }, [teamId]) - + return ( <> @@ -144,18 +169,11 @@ const FinancialSummaryPage: React.FC = ({ label="Age" onChange={(e) => handleFilter(Number(e.target.value))} > - {Array.from({ length: 6 }).map((_, i) => { - if (i == 0) { - return {`All`} - } else if (i == 1) { - return {`${currFinancialYear - i} - ${currFinancialYear - i + 1} (current year)`} - } else if (i == 5) { - return {`< ${currYear - i + 1}`} - } else { - return {`${currFinancialYear - i} - ${currFinancialYear - i + 1}`} - } - } - )} + { + comboList.map((str, i) => { + return {str} + }) + } @@ -166,27 +184,28 @@ const FinancialSummaryPage: React.FC = ({
{_teamId == 0 && allTeam && -
handleCardClick(0)}> +
handleCardClick(0)}> = (allTeam.projectExpense + allTeam.manhourExpense) ? "Positive" : "Negative"} - CostPerformanceIndex={allTeam.invoicedAmount/(allTeam.projectExpense + allTeam.manhourExpense) || 0} + CostPerformanceIndex={!isFinite(allTeam.invoicedAmount/(allTeam.projectExpense + allTeam.manhourExpense)) ? 0 : allTeam.invoicedAmount/(allTeam.projectExpense + allTeam.manhourExpense) || 0} ProjectedCashFlowStatus={allTeam.totalFee >= (allTeam.projectExpense + allTeam.manhourExpense) ? "Positive" : "Negative"} - ProjectedCPI={allTeam.totalFee/(allTeam.projectExpense + allTeam.manhourExpense)} + ProjectedCPI={!isFinite(allTeam.totalFee/(allTeam.projectExpense + allTeam.manhourExpense)) ? 0 : allTeam.totalFee/(allTeam.projectExpense + allTeam.manhourExpense) || 0} ClickedIndex={isCardClickedIndex} Index={0}/>
} {byTeam.length > 0 && byTeam.map((record) => ( -
handleCardClick(record.id)}> +
handleCardClick(record.id)}> = ({ TotalProjectExpense={record.projectExpense} TotalInvoicedAmount={record.invoicedAmount} TotalUnInvoicedAmount={Math.abs(record.totalFee - record.invoicedAmount)} + // TotalUnInvoicedAmount={Math.abs(record.uninvoicedAmount)} TotalReceivedAmount={record.paidAmount} CashFlowStatus={record.invoicedAmount >= (record.projectExpense + record.manhourExpense) ? "Positive" : "Negative"} - CostPerformanceIndex={record.invoicedAmount/(record.projectExpense + record.manhourExpense) || 0} + CostPerformanceIndex={!isFinite(record.invoicedAmount/(record.projectExpense + record.manhourExpense)) ? 0 : record.invoicedAmount/(record.projectExpense + record.manhourExpense) || 0} ProjectedCashFlowStatus={record.totalFee >= (record.projectExpense + record.manhourExpense) ? "Positive" : "Negative"} - ProjectedCPI={record.totalFee/(record.projectExpense + record.manhourExpense)} + ProjectedCPI={!isFinite(record.totalFee/(record.projectExpense + record.manhourExpense)) ? 0 : record.totalFee/(record.projectExpense + record.manhourExpense) || 0} ClickedIndex={isCardClickedIndex} Index={record.id}/>
diff --git a/src/components/ProjectFinancialSummaryV2/FinnancialStatusByProject.tsx b/src/components/ProjectFinancialSummaryV2/FinnancialStatusByProject.tsx index fe02544..cf58e73 100644 --- a/src/components/ProjectFinancialSummaryV2/FinnancialStatusByProject.tsx +++ b/src/components/ProjectFinancialSummaryV2/FinnancialStatusByProject.tsx @@ -8,8 +8,10 @@ import { useEffect, useMemo, useState } from "react"; import CustomDatagrid from "../CustomDatagrid"; import { useTranslation } from "react-i18next"; import { useRouter } from "next/navigation"; -import { Box } from "@mui/material"; +import { Box, Card, CardHeader } from "@mui/material"; import { SumOfByClient } from "./gptFn"; +import { exportFinancialSummaryV2ByClientExcel, exportFinancialSummaryV2ByProjectExcel } from "@/app/api/financialsummary/actions"; +import { downloadFile } from "@/app/utils/commonUtil"; // import { summarizeFinancialData } from "./gptFn"; interface Props { @@ -99,7 +101,8 @@ const FinancialStatusByProject: React.FC = ({ headerName: t("Cash Flow Status"), minWidth: 80, renderCell: (params: any) => { - if (params.row.invoicedAmount >= params.row.cumulativeExpenditure) { + var cumulativeExpenditure = params.row.projectExpense + params.row.manhourExpense + if (params.row.invoicedAmount >= cumulativeExpenditure) { return {t("Positive")}; } else { return {t("Negative")}; @@ -112,7 +115,8 @@ const FinancialStatusByProject: React.FC = ({ headerName: "CPI", minWidth: 50, renderCell: (params: any) => { - var cpi = params.row.invoicedAmount/(params.row.projectExpense + params.row.invoicedAmount) || 0 + var cumulativeExpenditure = params.row.projectExpense + params.row.manhourExpense + var cpi = params.row.invoicedAmount/cumulativeExpenditure || 0 return ( = 1 ? greenColor : redColor}> {cpi.toLocaleString(undefined, { @@ -129,7 +133,7 @@ const FinancialStatusByProject: React.FC = ({ headerName: t("Projected Cash Flow Status"), minWidth: 100, renderCell: (params: any) => { - var cumulativeExpenditure = params.row.projectExpense + params.row.invoicedAmount + var cumulativeExpenditure = params.row.projectExpense + params.row.manhourExpense if (params.row.totalFee >= cumulativeExpenditure) { return {t("Positive")}; } else { @@ -143,7 +147,8 @@ const FinancialStatusByProject: React.FC = ({ headerName: t("Projected CPI"), minWidth: 50, renderCell: (params: any) => { - var projectedCpi = params.row.totalFee/(params.row.projectExpense + params.row.invoicedAmount) == Infinity ? 'N/A' : params.row.totalFee/(params.row.projectExpense + params.row.invoicedAmount) + var cumulativeExpenditure = params.row.projectExpense + params.row.manhourExpense + var projectedCpi = params.row.totalFee/cumulativeExpenditure == Infinity ? 'N/A' : params.row.totalFee/cumulativeExpenditure return ( = 1 ? greenColor : redColor)} @@ -199,7 +204,7 @@ const FinancialStatusByProject: React.FC = ({ minWidth: 250, type: "number", renderCell: (params: any) => { - var cumulativeExpenditure = params.row.projectExpense + params.row.invoicedAmount + var cumulativeExpenditure = params.row.projectExpense + params.row.manhourExpense return ( $ @@ -272,7 +277,9 @@ const FinancialStatusByProject: React.FC = ({ minWidth: 250, type: "number", renderCell: (params: any) => { - var nonInvoiced = params.row.totalFee - params.row.invoicedAmount + var fee = params.row.totalFee + var invoiced = params.row.invoicedAmount + var nonInvoiced = fee - invoiced < 0 ? 0 : fee - invoiced return ( $ @@ -341,7 +348,7 @@ const FinancialStatusByProject: React.FC = ({ headerName: t("Cash Flow Status"), minWidth: 100, renderCell: (params: any) => { - var cumulativeExpenditure = params.row.projectExpense + params.row.invoicedAmount + var cumulativeExpenditure = params.row.projectExpense + params.row.manhourExpense return params.row.invoicedAmount >= cumulativeExpenditure ? {t("Positive")} : {t("Negative")} @@ -353,7 +360,7 @@ const FinancialStatusByProject: React.FC = ({ headerName: t("CPI"), minWidth: 50, renderCell: (params: any) => { - var cumulativeExpenditure = params.row.projectExpense + params.row.invoicedAmount + var cumulativeExpenditure = params.row.projectExpense + params.row.manhourExpense var cpi = cumulativeExpenditure != 0 ? params.row.invoicedAmount/cumulativeExpenditure : 0 var cpiString = cpi.toLocaleString(undefined, { minimumFractionDigits: 2, @@ -370,8 +377,8 @@ const FinancialStatusByProject: React.FC = ({ headerName: t("Projected Cash Flow Status"), minWidth: 100, renderCell: (params: any) => { - var cumulativeExpenditure = params.row.projectExpense + params.row.invoicedAmount - var status = params.row.invoiceAmount >= cumulativeExpenditure + var cumulativeExpenditure = params.row.projectExpense + params.row.manhourExpense + var status = params.row.totalFee >= cumulativeExpenditure return status ? {t("Positive")} : {t("Negative")} @@ -383,7 +390,7 @@ const FinancialStatusByProject: React.FC = ({ headerName: t("Projected CPI"), minWidth: 50, renderCell: (params: any) => { - var cumulativeExpenditure = params.row.projectExpense + params.row.invoicedAmount + var cumulativeExpenditure = params.row.projectExpense + params.row.manhourExpense var projectCpi = cumulativeExpenditure != 0 ? params.row.totalFee/cumulativeExpenditure : 0 var projectCpiString = projectCpi.toLocaleString(undefined, { minimumFractionDigits: 2, @@ -439,7 +446,7 @@ const FinancialStatusByProject: React.FC = ({ minWidth: 280, type: "number", renderCell: (params: any) => { - var cumulativeExpenditure = params.row.projectExpense + params.row.invoicedAmount + var cumulativeExpenditure = params.row.projectExpense + params.row.manhourExpense return ( $ @@ -512,11 +519,13 @@ const FinancialStatusByProject: React.FC = ({ minWidth: 250, type: "number", renderCell: (params: any) => { - var uninvoiced = params.row.totalFee - params.row.invoicedAmount + var fee = params.row.totalFee + var invoiced = params.row.invoicedAmount + var nonInvoiced = fee - invoiced < 0 ? 0 : fee - invoiced return ( $ - {uninvoiced.toLocaleString(undefined, { + {nonInvoiced.toLocaleString(undefined, { minimumFractionDigits: 2, maximumFractionDigits: 2, })} @@ -544,64 +553,104 @@ const FinancialStatusByProject: React.FC = ({ }, ]; + const handleExportByClient = async () => { + const response = await exportFinancialSummaryV2ByClientExcel(filteredByClientRows) + if (response) { + downloadFile(new Uint8Array(response.blobValue), response.filename!!) + } + console.log(filteredByClientRows) + }; + + const handleExportByProject = async () => { + const response = await exportFinancialSummaryV2ByProjectExcel(filteredByProjectRows) + if (response) { + downloadFile(new Uint8Array(response.blobValue), response.filename!!) + } + console.log(filteredByProjectRows) + }; + return ( <> - { - console.log(query) - if (query.projectCode.length > 0 || query.projectName.length > 0) { - setFilteredByProjectRows( - financialSummByProject.filter( - (cp) => - cp.projectCode.toLowerCase().includes(query.projectCode.trim().toLowerCase()) && - cp.projectName.toLowerCase().includes(query.projectName.trim().toLowerCase()) - ), - ); - } else { - setFilteredByProjectRows(financialSummByProject) - } - }} - /> -
- +
+ +
+
+ {filteredByProjectRows.length > 0 && ( + + )} +
+ { + console.log(query) + if (query.projectCode.length > 0 || query.projectName.length > 0) { + setFilteredByProjectRows( + financialSummByProject.filter( + (cp) => + cp.projectCode.toLowerCase().includes(query.projectCode.trim().toLowerCase()) && + cp.projectName.toLowerCase().includes(query.projectName.trim().toLowerCase()) + ), + ); + } else { + setFilteredByProjectRows(financialSummByProject) + } + }} /> -
+
+ +
{/* items={filteredStaff} columns={columns} /> */} + - { - console.log(query) - if (query.customerCode.length > 0 || query.customerName.length > 0) { - setFilteredByClientRows( - financialSummByClient.filter( - (cp) => - cp.customerCode.toLowerCase().includes(query.customerCode.trim().toLowerCase()) && - cp.customerName.toLowerCase().includes(query.customerName.trim().toLowerCase()) - ), - ); - } else { - setFilteredByClientRows(financialSummByClient) - } - }} - /> -
- +
+ +
+
+ {filteredByProjectRows.length > 0 && ( + + )} +
+ { + console.log(query) + if (query.customerCode.length > 0 || query.customerName.length > 0) { + setFilteredByClientRows( + financialSummByClient.filter( + (cp) => + cp.customerCode.toLowerCase().includes(query.customerCode.trim().toLowerCase()) && + cp.customerName.toLowerCase().includes(query.customerName.trim().toLowerCase()) + ), + ); + } else { + setFilteredByClientRows(financialSummByClient) + } + }} /> -
+
+ +
+ ); diff --git a/src/components/ProjectFinancialSummaryV2/gptFn.tsx b/src/components/ProjectFinancialSummaryV2/gptFn.tsx index 4404029..8965484 100644 --- a/src/components/ProjectFinancialSummaryV2/gptFn.tsx +++ b/src/components/ProjectFinancialSummaryV2/gptFn.tsx @@ -8,6 +8,7 @@ export type SumOfByTeam = { manhourExpense: number, projectExpense: number, invoicedAmount: number, + uninvoicedAmount: number, paidAmount: number, activeProject: number, } @@ -21,6 +22,7 @@ export type SumOfByClient = { manhourExpense: number, projectExpense: number, invoicedAmount: number, + uninvoicedAmount: number, paidAmount: number, sumOfProjects: number, } @@ -36,6 +38,7 @@ export function sumUpByClient(data: FinancialByProject[]): SumOfByClient[] { manhourExpense: 0, projectExpense: 0, invoicedAmount: 0, + uninvoicedAmount: 0, paidAmount: 0, sumOfProjects: 0 }; @@ -46,6 +49,7 @@ export function sumUpByClient(data: FinancialByProject[]): SumOfByClient[] { acc[item.custId].manhourExpense += item.manhourExpense; acc[item.custId].projectExpense += item.projectExpense; acc[item.custId].invoicedAmount += item.invoicedAmount; + acc[item.custId].uninvoicedAmount += item.uninvoicedAmount; acc[item.custId].paidAmount += item.paidAmount; acc[item.custId].sumOfProjects += 1; @@ -64,6 +68,7 @@ export function sumUpByTeam(data: FinancialByProject[]): SumOfByTeam[] { manhourExpense: 0, projectExpense: 0, invoicedAmount: 0, + uninvoicedAmount: 0, paidAmount: 0, activeProject: 0 }; @@ -75,6 +80,7 @@ export function sumUpByTeam(data: FinancialByProject[]): SumOfByTeam[] { acc[item.teamId].manhourExpense += item.manhourExpense; acc[item.teamId].projectExpense += item.projectExpense; acc[item.teamId].invoicedAmount += item.invoicedAmount; + acc[item.teamId].uninvoicedAmount += item.uninvoicedAmount; acc[item.teamId].paidAmount += item.paidAmount; acc[item.teamId].activeProject += 1; diff --git a/src/components/ProjectSearch/ProjectSearch.tsx b/src/components/ProjectSearch/ProjectSearch.tsx index dadee7b..a221ec6 100644 --- a/src/components/ProjectSearch/ProjectSearch.tsx +++ b/src/components/ProjectSearch/ProjectSearch.tsx @@ -13,6 +13,7 @@ import { reverse, uniqBy } from "lodash"; import { loadDrafts } from "@/app/utils/draftUtils"; import { TeamResult } from "@/app/api/team"; import { Customer } from "@/app/api/customer"; +import ContentCopyIcon from '@mui/icons-material/ContentCopy'; type ProjectResultOrDraft = ProjectResult & { isDraft?: boolean }; @@ -129,6 +130,17 @@ const ProjectSearch: React.FC = ({ [router], ); + const onProjectCopyClick = useCallback( + (project: ProjectResultOrDraft) => { + if (!project.isDraft) { + if (Boolean(project.mainProject)) { + router.push(`/projects/copySub?id=${project.id}`); + } else router.push(`/projects/copy?id=${project.id}`); + } + }, + [router], + ); + const columns = useMemo[]>( () => [ { @@ -138,6 +150,16 @@ const ProjectSearch: React.FC = ({ buttonIcon: , disabled: !abilities.includes(MAINTAIN_PROJECT), }, + { + name: "id", + label: t("Copy"), + onClick: onProjectCopyClick, + buttonIcon: , + disabled: !abilities.includes(MAINTAIN_PROJECT), + disabledRows: { + status: ["Draft"] + } + }, { name: "code", label: t("Project Code") }, { name: "name", label: t("Project Name") }, { name: "category", label: t("Project Category") }, diff --git a/src/components/SearchResults/SearchResults.tsx b/src/components/SearchResults/SearchResults.tsx index 05bdf1c..2fe6bf3 100644 --- a/src/components/SearchResults/SearchResults.tsx +++ b/src/components/SearchResults/SearchResults.tsx @@ -35,6 +35,7 @@ interface ColumnWithAction extends BaseColumn { onClick: (item: T) => void; buttonIcon: React.ReactNode; disabled?: boolean; + disabledRows?: { [columnName in keyof T]: string[] }; // Filter the row which is going to be disabled } export type Column = @@ -84,6 +85,22 @@ function SearchResults({ setPage(0); }; + const disabledRows = ( + column: ColumnWithAction, + item: T + ): Boolean => { + if (column.disabledRows) { + for (const [key, value] of Object.entries(column.disabledRows)) { + if (value + .map(v => v.toLowerCase()) + .includes(String(item[key as keyof T]).toLowerCase()) + ) return true; + } + } + + return false; + }; + const table = ( <> @@ -112,7 +129,7 @@ function SearchResults({ column.onClick(item)} - disabled={Boolean(column.disabled)} + disabled={Boolean(column.disabled) || Boolean(disabledRows(column, item))} > {column.buttonIcon}