74 lines
2.4 KiB
JavaScript
74 lines
2.4 KiB
JavaScript
import { useTranslation } from "next-i18next";
|
|
|
|
import Container from "components/services/widget/container";
|
|
import Block from "components/services/widget/block";
|
|
import useWidgetAPI from "utils/proxy/use-widget-api";
|
|
|
|
// return Projects that are not Saved Filters
|
|
function getRealProjects(project) {
|
|
return project.id > 0;
|
|
}
|
|
|
|
// return Tasks that have a real due date in 7 days or less
|
|
function get7dTasks(task) {
|
|
return (
|
|
new Date(task.dueDate).getTime() > new Date("0001-01-01T00:00:00Z").getTime() &&
|
|
new Date(task.dueDate).getTime() <= new Date(Date.now() + 604800000)
|
|
);
|
|
}
|
|
|
|
// return Tasks that have a real due date in the past
|
|
function getOverdue(task) {
|
|
return (
|
|
new Date(task.dueDate).getTime() > new Date("0001-01-01T00:00:00Z").getTime() &&
|
|
new Date(task.dueDate).getTime() <= new Date(Date.now())
|
|
);
|
|
}
|
|
|
|
// return Tasks that are not 100% complete
|
|
function getInProgress(task) {
|
|
return task.inProgress === true;
|
|
}
|
|
|
|
export default function Component({ service }) {
|
|
const { t } = useTranslation();
|
|
const { widget } = service;
|
|
|
|
const { data: projectsData, error: projectsError } = useWidgetAPI(widget, "projects");
|
|
const { data: tasksData, error: tasksError } = useWidgetAPI(widget, "tasks", {
|
|
filter: "done=false&&percent_done<1",
|
|
sort_by: "due_date",
|
|
});
|
|
|
|
if (projectsError || tasksError) {
|
|
const vikunjaError = projectsError ?? tasksError;
|
|
return <Container service={service} error={vikunjaError} />;
|
|
}
|
|
|
|
if (!projectsData || !tasksData) {
|
|
return (
|
|
<Container service={service}>
|
|
<Block label="vikunja.projects" />
|
|
<Block label="vikunja.tasks7d" />
|
|
<Block label="vikunja.tasksOverdue" />
|
|
<Block label="vikunja.tasksInProgress" />
|
|
</Container>
|
|
);
|
|
}
|
|
|
|
const projects = projectsData.filter(getRealProjects);
|
|
const tasks7d = tasksData.filter(get7dTasks);
|
|
const overdue = tasksData.filter(getOverdue);
|
|
const inProgress = tasksData.filter(getInProgress);
|
|
|
|
return (
|
|
// <>
|
|
<Container service={service}>
|
|
<Block label="vikunja.projects" value={t("common.number", { value: projects.length })} />
|
|
<Block label="vikunja.tasks7d" value={t("common.number", { value: tasks7d.length })} />
|
|
<Block label="vikunja.tasksOverdue" value={t("common.number", { value: overdue.length })} />
|
|
<Block label="vikunja.tasksInProgress" value={t("common.number", { value: inProgress.length })} />
|
|
</Container>
|
|
);
|
|
}
|