External/CoreControl
1
0
Fork 0
mirror of https://github.com/crocofied/CoreControl.git synced 2025-12-22 01:46:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add custom uptime check feature to Applications dashboard, allowing users to specify a custom URL for uptime monitoring. Updated state management and UI components to support this functionality.

Browse Source
This commit is contained in:
headlessdev 2025-04-27 15:23:37 +02:00
parent 3dc2c6b204
commit 30aa4bcf57
1 changed files with 106 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

106
app/dashboard/applications/Applications.tsx
View File

@ -27,6 +27,7 @@ import {
Zap, Zap,
ViewIcon, ViewIcon,
Grid3X3, Grid3X3,
HelpCircle,
} from "lucide-react"; } from "lucide-react";
import { import {
Card, Card,
@ -95,6 +96,7 @@ interface Application {
server?: string; server?: string;
online: boolean; online: boolean;
serverId: number; serverId: number;
uptimecheckUrl?: string;
} }
interface Server { interface Server {
@ -116,6 +118,8 @@ export default function Dashboard() {
const [publicURL, setPublicURL] = useState<string>(""); const [publicURL, setPublicURL] = useState<string>("");
const [localURL, setLocalURL] = useState<string>(""); const [localURL, setLocalURL] = useState<string>("");
const [serverId, setServerId] = useState<number | null>(null); const [serverId, setServerId] = useState<number | null>(null);
const [customUptimeCheck, setCustomUptimeCheck] = useState<boolean>(false);
const [uptimecheckUrl, setUptimecheckUrl] = useState<string>("");
const [editName, setEditName] = useState<string>(""); const [editName, setEditName] = useState<string>("");
const [editDescription, setEditDescription] = useState<string>(""); const [editDescription, setEditDescription] = useState<string>("");
@ -124,6 +128,8 @@ export default function Dashboard() {
const [editLocalURL, setEditLocalURL] = useState<string>(""); const [editLocalURL, setEditLocalURL] = useState<string>("");
const [editId, setEditId] = useState<number | null>(null); const [editId, setEditId] = useState<number | null>(null);
const [editServerId, setEditServerId] = useState<number | null>(null); const [editServerId, setEditServerId] = useState<number | null>(null);
const [editCustomUptimeCheck, setEditCustomUptimeCheck] = useState<boolean>(false);
const [editUptimecheckUrl, setEditUptimecheckUrl] = useState<string>("");
const [currentPage, setCurrentPage] = useState<number>(1); const [currentPage, setCurrentPage] = useState<number>(1);
const [maxPage, setMaxPage] = useState<number>(1); const [maxPage, setMaxPage] = useState<number>(1);
@ -212,6 +218,7 @@ export default function Dashboard() {
publicURL, publicURL,
localURL, localURL,
serverId, serverId,
uptimecheckUrl: customUptimeCheck ? uptimecheckUrl : "",
}); });
getApplications(); getApplications();
toast.success("Application added successfully"); toast.success("Application added successfully");
@ -273,6 +280,14 @@ export default function Dashboard() {
setEditIcon(app.icon || ""); setEditIcon(app.icon || "");
setEditLocalURL(app.localURL || ""); setEditLocalURL(app.localURL || "");
setEditPublicURL(app.publicURL || ""); setEditPublicURL(app.publicURL || "");
if (app.uptimecheckUrl) {
setEditCustomUptimeCheck(true);
setEditUptimecheckUrl(app.uptimecheckUrl);
} else {
setEditCustomUptimeCheck(false);
setEditUptimecheckUrl("");
}
}; };
const edit = async () => { const edit = async () => {
@ -287,6 +302,7 @@ export default function Dashboard() {
icon: editIcon, icon: editIcon,
publicURL: editPublicURL, publicURL: editPublicURL,
localURL: editLocalURL, localURL: editLocalURL,
uptimecheckUrl: editCustomUptimeCheck ? editUptimecheckUrl : "",
}); });
getApplications(); getApplications();
setEditId(null); setEditId(null);
@ -567,6 +583,36 @@ export default function Dashboard() {
onChange={(e) => setLocalURL(e.target.value)} onChange={(e) => setLocalURL(e.target.value)}
/> />
</div> </div>
<div className="flex items-center space-x-2">
<input
type="checkbox"
id="custom-uptime-check"
checked={customUptimeCheck}
onChange={(e) => setCustomUptimeCheck(e.target.checked)}
className="h-4 w-4 rounded border-gray-300 text-primary focus:ring-primary"
/>
<Label htmlFor="custom-uptime-check">Custom Uptime Check URL</Label>
<TooltipProvider>
<Tooltip>
<TooltipTrigger>
<HelpCircle className="h-4 w-4 text-muted-foreground" />
</TooltipTrigger>
<TooltipContent>
When enabled, this URL replaces the Public URL for uptime monitoring checks
</TooltipContent>
</Tooltip>
</TooltipProvider>
</div>
{customUptimeCheck && (
<div className="grid w-full items-center gap-1.5">
<Label>Uptime Check URL</Label>
<Input
placeholder="https://example.com/status"
value={uptimecheckUrl}
onChange={(e) => setUptimecheckUrl(e.target.value)}
/>
</div>
)}
</div> </div>
</AlertDialogDescription> </AlertDialogDescription>
</AlertDialogHeader> </AlertDialogHeader>
@ -820,6 +866,36 @@ export default function Dashboard() {
} }
/> />
</div> </div>
<div className="flex items-center space-x-2">
<input
type="checkbox"
id="edit-custom-uptime-check"
checked={editCustomUptimeCheck}
onChange={(e) => setEditCustomUptimeCheck(e.target.checked)}
className="h-4 w-4 rounded border-gray-300 text-primary focus:ring-primary"
/>
<Label htmlFor="edit-custom-uptime-check">Custom Uptime Check URL</Label>
<TooltipProvider>
<Tooltip>
<TooltipTrigger>
<HelpCircle className="h-4 w-4 text-muted-foreground" />
</TooltipTrigger>
<TooltipContent>
When enabled, this URL replaces the Public URL for uptime monitoring checks
</TooltipContent>
</Tooltip>
</TooltipProvider>
</div>
{editCustomUptimeCheck && (
<div className="grid w-full items-center gap-1.5">
<Label>Uptime Check URL</Label>
<Input
placeholder="https://example.com/status"
value={editUptimecheckUrl}
onChange={(e) => setEditUptimecheckUrl(e.target.value)}
/>
</div>
)}
</div> </div>
</AlertDialogDescription> </AlertDialogDescription>
</AlertDialogHeader> </AlertDialogHeader>
@ -990,6 +1066,36 @@ export default function Dashboard() {
} }
/> />
</div> </div>
<div className="flex items-center space-x-2">
<input
type="checkbox"
id="edit-custom-uptime-check"
checked={editCustomUptimeCheck}
onChange={(e) => setEditCustomUptimeCheck(e.target.checked)}
className="h-4 w-4 rounded border-gray-300 text-primary focus:ring-primary"
/>
<Label htmlFor="edit-custom-uptime-check">Custom Uptime Check URL</Label>
<TooltipProvider>
<Tooltip>
<TooltipTrigger>
<HelpCircle className="h-4 w-4 text-muted-foreground" />
</TooltipTrigger>
<TooltipContent>
When enabled, this URL replaces the Public URL for uptime monitoring checks
</TooltipContent>
</Tooltip>
</TooltipProvider>
</div>
{editCustomUptimeCheck && (
<div className="grid w-full items-center gap-1.5">
<Label>Uptime Check URL</Label>
<Input
placeholder="https://example.com/status"
value={editUptimecheckUrl}
onChange={(e) => setEditUptimecheckUrl(e.target.value)}
/>
</div>
)}
</div> </div>
</AlertDialogDescription> </AlertDialogDescription>
</AlertDialogHeader> </AlertDialogHeader>