mirror of
https://github.com/Dokploy/dokploy
synced 2025-06-26 18:27:59 +00:00
f2bb01c800
- Introduced a new component `ShowSchedulesLogs` to display logs for each schedule, allowing users to view deployment logs associated with their schedules. - Updated the `ShowSchedules` component to integrate the new logs feature, providing a button to access logs for each schedule. - Enhanced the `schedule` schema by adding an `appName` column to better identify applications associated with schedules. - Updated the API to support fetching deployments with their associated schedules, improving data retrieval for the frontend. - Implemented utility functions for managing schedule-related operations, including creating and removing deployments linked to schedules.
100 lines
2.7 KiB
TypeScript
100 lines
2.7 KiB
TypeScript
import { DateTooltip } from "@/components/shared/date-tooltip";
|
|
import { StatusTooltip } from "@/components/shared/status-tooltip";
|
|
import { Button } from "@/components/ui/button";
|
|
import {
|
|
Dialog,
|
|
DialogContent,
|
|
DialogDescription,
|
|
DialogHeader,
|
|
DialogTitle,
|
|
DialogTrigger,
|
|
} from "@/components/ui/dialog";
|
|
|
|
import type { RouterOutputs } from "@/utils/api";
|
|
import { useState } from "react";
|
|
import { ShowDeployment } from "../deployments/show-deployment";
|
|
|
|
interface Props {
|
|
deployments: RouterOutputs["deployment"]["all"];
|
|
serverId?: string;
|
|
trigger?: React.ReactNode;
|
|
}
|
|
|
|
export const ShowSchedulesLogs = ({
|
|
deployments,
|
|
serverId,
|
|
trigger,
|
|
}: Props) => {
|
|
const [activeLog, setActiveLog] = useState<
|
|
RouterOutputs["deployment"]["all"][number] | null
|
|
>(null);
|
|
const [isOpen, setIsOpen] = useState(false);
|
|
return (
|
|
<Dialog open={isOpen} onOpenChange={setIsOpen}>
|
|
<DialogTrigger asChild>
|
|
{trigger ? (
|
|
trigger
|
|
) : (
|
|
<Button className="sm:w-auto w-full" size="sm" variant="outline">
|
|
View Logs
|
|
</Button>
|
|
)}
|
|
</DialogTrigger>
|
|
<DialogContent className="max-h-screen overflow-y-auto sm:max-w-5xl">
|
|
<DialogHeader>
|
|
<DialogTitle>Logs</DialogTitle>
|
|
<DialogDescription>
|
|
See all the logs for this schedule
|
|
</DialogDescription>
|
|
</DialogHeader>
|
|
<div className="grid gap-4">
|
|
{deployments?.map((deployment, index) => (
|
|
<div
|
|
key={deployment.deploymentId}
|
|
className="flex items-center justify-between rounded-lg border p-4 gap-2"
|
|
>
|
|
<div className="flex flex-col">
|
|
<span className="flex items-center gap-4 font-medium capitalize text-foreground">
|
|
{index + 1} {deployment.status}
|
|
<StatusTooltip
|
|
status={deployment?.status}
|
|
className="size-2.5"
|
|
/>
|
|
</span>
|
|
<span className="text-sm text-muted-foreground">
|
|
{deployment.title}
|
|
</span>
|
|
{deployment.description && (
|
|
<span className="break-all text-sm text-muted-foreground">
|
|
{deployment.description}
|
|
</span>
|
|
)}
|
|
</div>
|
|
<div className="flex flex-col items-end gap-2">
|
|
<div className="text-sm capitalize text-muted-foreground">
|
|
<DateTooltip date={deployment.createdAt} />
|
|
</div>
|
|
|
|
<Button
|
|
onClick={() => {
|
|
setActiveLog(deployment);
|
|
}}
|
|
>
|
|
View
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
))}
|
|
</div>
|
|
</DialogContent>
|
|
<ShowDeployment
|
|
serverId={serverId || ""}
|
|
open={Boolean(activeLog && activeLog.logPath !== null)}
|
|
onClose={() => setActiveLog(null)}
|
|
logPath={activeLog?.logPath || ""}
|
|
errorMessage={activeLog?.errorMessage || ""}
|
|
/>
|
|
</Dialog>
|
|
);
|
|
};
|