External/CoreControl
1
0
Fork 0
mirror of https://github.com/crocofied/CoreControl.git synced 2025-12-29 16:14:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

Monitoring Settings enhancements

Browse Source
This commit is contained in:
headlessdev
2025-05-31 12:58:19 +02:00
parent 6c1fca1377
commit e3795977f7
2 changed files with 143 additions and 96 deletions
Download Patch File Download Diff File Expand all files Collapse all files

134
components/cards/settings/MonitoringSettings.tsx
View File

@@ -15,20 +15,22 @@ export const MonitoringSettings = ({ onError, onSuccess }: MonitoringSettingsPro
const [generalServerMonitoringSettings, setGeneralServerMonitoringSettings] = useState<any>(null);
const fetchGeneralMonitoringSettings = async () => {
const generalApplicationMonitoringSettings = await getGeneralApplicationMonitoringSettings();
const generalServerMonitoringSettings = await getGeneralServerMonitoringSettings();
if (typeof generalApplicationMonitoringSettings === 'string' || typeof generalServerMonitoringSettings === 'string') {
onError(typeof generalApplicationMonitoringSettings === 'string' ? generalApplicationMonitoringSettings : generalServerMonitoringSettings as string);
const appSettings = await getGeneralApplicationMonitoringSettings();
const serverSettings = await getGeneralServerMonitoringSettings();
if (appSettings.error || serverSettings.error) {
onError(appSettings.error || serverSettings.error || 'Failed to fetch settings');
return;
}
setGeneralApplicationMonitoringSettings(
generalApplicationMonitoringSettings || {
appSettings.data || {
frequency: 10,
checksUntilOffline: 1,
}
}
);
setGeneralServerMonitoringSettings(
generalServerMonitoringSettings || {
serverSettings.data || {
frequency: 10,
checksUntilOffline: 1,
}
@@ -52,7 +54,7 @@ export const MonitoringSettings = ({ onError, onSuccess }: MonitoringSettingsPro
</div>
</div>
</div>
<div className="space-y-8">
{/* Server Monitoring Section */}
<div className="card bg-base-100 shadow-lg border border-base-300">
@@ -66,33 +68,46 @@ export const MonitoringSettings = ({ onError, onSuccess }: MonitoringSettingsPro
<p className="text-sm opacity-70">Configure server monitoring frequency and thresholds</p>
</div>
</div>
<div className="space-y-4">
<div className="card bg-base-200">
<div className="card-body p-4">
<div className="flex flex-col lg:flex-row lg:items-center gap-4">
<div className="flex flex-col lg:flex-row lg:items-center gap-6">
<div className="flex-1">
<label className="label">
<span className="label-text font-medium">Check Frequency (every x seconds)</span>
</label>
<input
type="number"
className="input input-bordered w-full"
value={generalServerMonitoringSettings?.frequency}
onChange={(e) => setGeneralServerMonitoringSettings({
...generalServerMonitoringSettings,
frequency: parseInt(e.target.value)
})}
min="1"
/>
<div className="flex items-center gap-2 mb-2">
<label className="label-text font-medium">Check Frequency</label>
<div className="tooltip" data-tip="Time between each status check">
<CircleHelp className="w-4 h-4 text-gray-400" />
</div>
</div>
<div className="flex items-center gap-3">
<input
type="number"
className="input input-bordered w-full max-w-[120px]"
value={generalServerMonitoringSettings?.frequency}
onChange={(e) => setGeneralServerMonitoringSettings({
...generalServerMonitoringSettings,
frequency: parseInt(e.target.value)
})}
min="1"
/>
<span className="text-sm opacity-75">seconds</span>
</div>
<p className="text-xs text-gray-500 mt-2">
Checks will be performed every {generalServerMonitoringSettings?.frequency} seconds
</p>
</div>
<div className="flex-1">
<label className="label">
<span className="label-text font-medium">Checks Until Offline</span>
</label>
<div className="flex items-center gap-2 mb-2">
<label className="label-text font-medium">Checks Until Offline</label>
<div className="tooltip" data-tip="Consecutive failed checks before marking as offline">
<CircleHelp className="w-4 h-4 text-gray-400" />
</div>
</div>
<input
type="number"
className="input input-bordered w-full"
className="input input-bordered w-full max-w-[120px]"
value={generalServerMonitoringSettings?.checksUntilOffline}
onChange={(e) => setGeneralServerMonitoringSettings({
...generalServerMonitoringSettings,
@@ -100,6 +115,9 @@ export const MonitoringSettings = ({ onError, onSuccess }: MonitoringSettingsPro
})}
min="1"
/>
<p className="text-xs text-gray-500 mt-2">
System will mark as offline after {generalServerMonitoringSettings?.checksUntilOffline} consecutive failures
</p>
</div>
</div>
</div>
@@ -107,7 +125,7 @@ export const MonitoringSettings = ({ onError, onSuccess }: MonitoringSettingsPro
</div>
</div>
</div>
{/* Application Monitoring Section */}
<div className="card bg-base-100 shadow-lg border border-base-300">
<div className="card-body p-6">
@@ -120,33 +138,46 @@ export const MonitoringSettings = ({ onError, onSuccess }: MonitoringSettingsPro
<p className="text-sm opacity-70">Configure application monitoring frequency and thresholds</p>
</div>
</div>
<div className="space-y-4">
<div className="card bg-base-200">
<div className="card-body p-4">
<div className="flex flex-col lg:flex-row lg:items-center gap-4">
<div className="flex flex-col lg:flex-row lg:items-center gap-6">
<div className="flex-1">
<label className="label">
<span className="label-text font-medium">Check Frequency (every x seconds)</span>
</label>
<input
type="number"
className="input input-bordered w-full"
value={generalApplicationMonitoringSettings?.frequency}
onChange={(e) => setGeneralApplicationMonitoringSettings({
...generalApplicationMonitoringSettings,
frequency: parseInt(e.target.value)
})}
min="1"
/>
<div className="flex items-center gap-2 mb-2">
<label className="label-text font-medium">Check Frequency</label>
<div className="tooltip" data-tip="Time between each status check">
<CircleHelp className="w-4 h-4 text-gray-400" />
</div>
</div>
<div className="flex items-center gap-3">
<input
type="number"
className="input input-bordered w-full max-w-[120px]"
value={generalApplicationMonitoringSettings?.frequency}
onChange={(e) => setGeneralApplicationMonitoringSettings({
...generalApplicationMonitoringSettings,
frequency: parseInt(e.target.value)
})}
min="1"
/>
<span className="text-sm opacity-75">seconds</span>
</div>
<p className="text-xs text-gray-500 mt-2">
Checks will be performed every {generalApplicationMonitoringSettings?.frequency} seconds
</p>
</div>
<div className="flex-1">
<label className="label">
<span className="label-text font-medium">Checks Until Offline</span>
</label>
<div className="flex items-center gap-2 mb-2">
<label className="label-text font-medium">Checks Until Offline</label>
<div className="tooltip" data-tip="Consecutive failed checks before marking as offline">
<CircleHelp className="w-4 h-4 text-gray-400" />
</div>
</div>
<input
type="number"
className="input input-bordered w-full"
className="input input-bordered w-full max-w-[120px]"
value={generalApplicationMonitoringSettings?.checksUntilOffline}
onChange={(e) => setGeneralApplicationMonitoringSettings({
...generalApplicationMonitoringSettings,
@@ -154,6 +185,9 @@ export const MonitoringSettings = ({ onError, onSuccess }: MonitoringSettingsPro
})}
min="1"
/>
<p className="text-xs text-gray-500 mt-2">
System will mark as offline after {generalApplicationMonitoringSettings?.checksUntilOffline} consecutive failures
</p>
</div>
</div>
</div>
@@ -161,7 +195,7 @@ export const MonitoringSettings = ({ onError, onSuccess }: MonitoringSettingsPro
</div>
</div>
</div>
{/* Save Button */}
<div className="flex justify-end">
<button
@@ -170,8 +204,8 @@ export const MonitoringSettings = ({ onError, onSuccess }: MonitoringSettingsPro
const serverResponse = await editGeneralServerMonitoringSettings(generalServerMonitoringSettings);
const appResponse = await editGeneralApplicationMonitoringSettings(generalApplicationMonitoringSettings);
if (typeof serverResponse === 'string' || typeof appResponse === 'string') {
onError(typeof serverResponse === 'string' ? serverResponse : appResponse as string);
if (serverResponse.error || appResponse.error) {
onError(serverResponse.error || appResponse.error || 'Failed to save settings');
return;
}