166 lines
9.5 KiB
JavaScript
166 lines
9.5 KiB
JavaScript
import { html } from '@design.estate/dees-element';
|
|
import { adminState } from '../../services/admin-state.js';
|
|
import './upladmin-app.js';
|
|
// Initialize demo data
|
|
const initDemoData = () => {
|
|
const now = Date.now();
|
|
// Demo monitors
|
|
const monitors = [
|
|
{
|
|
id: 'api-server',
|
|
name: 'api-server',
|
|
displayName: 'API Server',
|
|
description: 'Main REST API backend',
|
|
category: 'Core Services',
|
|
currentStatus: 'operational',
|
|
lastChecked: now,
|
|
uptime30d: 99.98,
|
|
uptime90d: 99.95,
|
|
responseTime: 45,
|
|
dependencies: [],
|
|
},
|
|
{
|
|
id: 'web-app',
|
|
name: 'web-app',
|
|
displayName: 'Web Application',
|
|
description: 'Frontend web application',
|
|
category: 'Core Services',
|
|
currentStatus: 'operational',
|
|
lastChecked: now,
|
|
uptime30d: 99.95,
|
|
uptime90d: 99.90,
|
|
responseTime: 120,
|
|
dependencies: ['api-server'],
|
|
},
|
|
{
|
|
id: 'database',
|
|
name: 'database',
|
|
displayName: 'Database',
|
|
description: 'Primary PostgreSQL database',
|
|
category: 'Infrastructure',
|
|
currentStatus: 'operational',
|
|
lastChecked: now,
|
|
uptime30d: 99.99,
|
|
uptime90d: 99.98,
|
|
responseTime: 5,
|
|
dependencies: [],
|
|
},
|
|
{
|
|
id: 'cdn',
|
|
name: 'cdn',
|
|
displayName: 'CDN',
|
|
description: 'Content delivery network',
|
|
category: 'Infrastructure',
|
|
currentStatus: 'degraded',
|
|
lastChecked: now,
|
|
uptime30d: 99.85,
|
|
uptime90d: 99.80,
|
|
responseTime: 25,
|
|
dependencies: [],
|
|
},
|
|
{
|
|
id: 'email-service',
|
|
name: 'email-service',
|
|
displayName: 'Email Service',
|
|
description: 'Transactional email delivery',
|
|
category: 'External Services',
|
|
currentStatus: 'operational',
|
|
lastChecked: now,
|
|
uptime30d: 99.90,
|
|
uptime90d: 99.85,
|
|
responseTime: 200,
|
|
dependencies: [],
|
|
},
|
|
];
|
|
// Demo incidents
|
|
const incidents = [
|
|
{
|
|
id: 'incident-1',
|
|
title: 'CDN Performance Degradation',
|
|
impact: 'We are experiencing slower than normal response times from our CDN provider.',
|
|
severity: 'minor',
|
|
status: 'monitoring',
|
|
affectedServices: ['cdn'],
|
|
startTime: now - 2 * 60 * 60 * 1000, // 2 hours ago
|
|
updates: [
|
|
{
|
|
id: 'update-1-1',
|
|
status: 'investigating',
|
|
message: 'We are investigating reports of slow load times.',
|
|
timestamp: now - 2 * 60 * 60 * 1000,
|
|
},
|
|
{
|
|
id: 'update-1-2',
|
|
status: 'identified',
|
|
message: 'The issue has been identified as a CDN edge node problem.',
|
|
timestamp: now - 1 * 60 * 60 * 1000,
|
|
},
|
|
{
|
|
id: 'update-1-3',
|
|
status: 'monitoring',
|
|
message: 'A fix has been deployed. We are monitoring the situation.',
|
|
timestamp: now - 30 * 60 * 1000,
|
|
},
|
|
],
|
|
},
|
|
{
|
|
id: 'incident-2',
|
|
title: 'Scheduled Database Maintenance',
|
|
impact: 'Routine database maintenance window.',
|
|
severity: 'maintenance',
|
|
status: 'resolved',
|
|
affectedServices: ['database'],
|
|
startTime: now - 24 * 60 * 60 * 1000,
|
|
endTime: now - 23 * 60 * 60 * 1000,
|
|
updates: [
|
|
{
|
|
id: 'update-2-1',
|
|
status: 'investigating',
|
|
message: 'Maintenance has begun.',
|
|
timestamp: now - 24 * 60 * 60 * 1000,
|
|
},
|
|
{
|
|
id: 'update-2-2',
|
|
status: 'resolved',
|
|
message: 'Maintenance completed successfully.',
|
|
timestamp: now - 23 * 60 * 60 * 1000,
|
|
},
|
|
],
|
|
},
|
|
];
|
|
// Demo config
|
|
const config = {
|
|
theme: 'dark',
|
|
companyName: 'uptime.link',
|
|
companyLogo: '',
|
|
supportEmail: 'support@uptime.link',
|
|
showHistoricalDays: 90,
|
|
timeZone: 'UTC',
|
|
};
|
|
// Set demo data in state
|
|
adminState.monitors = monitors;
|
|
adminState.incidents = incidents;
|
|
adminState.config = config;
|
|
};
|
|
export const demoFunc = () => {
|
|
// Initialize demo data
|
|
initDemoData();
|
|
return html `
|
|
<dees-demowrapper>
|
|
<style>
|
|
.demo-container {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
</style>
|
|
<div class="demo-container">
|
|
<upladmin-app></upladmin-app>
|
|
</div>
|
|
</dees-demowrapper>
|
|
`;
|
|
};
|
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsYWRtaW4tYXBwLmRlbW8uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi90c193ZWIvcGFnZXMvdXBsYWRtaW4tYXBwL3VwbGFkbWluLWFwcC5kZW1vLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFFM0QsT0FBTyxtQkFBbUIsQ0FBQztBQUUzQix1QkFBdUI7QUFDdkIsTUFBTSxZQUFZLEdBQUcsR0FBRyxFQUFFO0lBQ3hCLE1BQU0sR0FBRyxHQUFHLElBQUksQ0FBQyxHQUFHLEVBQUUsQ0FBQztJQUV2QixnQkFBZ0I7SUFDaEIsTUFBTSxRQUFRLEdBQXFCO1FBQ2pDO1lBQ0UsRUFBRSxFQUFFLFlBQVk7WUFDaEIsSUFBSSxFQUFFLFlBQVk7WUFDbEIsV0FBVyxFQUFFLFlBQVk7WUFDekIsV0FBVyxFQUFFLHVCQUF1QjtZQUNwQyxRQUFRLEVBQUUsZUFBZTtZQUN6QixhQUFhLEVBQUUsYUFBYTtZQUM1QixXQUFXLEVBQUUsR0FBRztZQUNoQixTQUFTLEVBQUUsS0FBSztZQUNoQixTQUFTLEVBQUUsS0FBSztZQUNoQixZQUFZLEVBQUUsRUFBRTtZQUNoQixZQUFZLEVBQUUsRUFBRTtTQUNqQjtRQUNEO1lBQ0UsRUFBRSxFQUFFLFNBQVM7WUFDYixJQUFJLEVBQUUsU0FBUztZQUNmLFdBQVcsRUFBRSxpQkFBaUI7WUFDOUIsV0FBVyxFQUFFLDBCQUEwQjtZQUN2QyxRQUFRLEVBQUUsZUFBZTtZQUN6QixhQUFhLEVBQUUsYUFBYTtZQUM1QixXQUFXLEVBQUUsR0FBRztZQUNoQixTQUFTLEVBQUUsS0FBSztZQUNoQixTQUFTLEVBQUUsS0FBSztZQUNoQixZQUFZLEVBQUUsR0FBRztZQUNqQixZQUFZLEVBQUUsQ0FBQyxZQUFZLENBQUM7U0FDN0I7UUFDRDtZQUNFLEVBQUUsRUFB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
|