152 lines
9.3 KiB
JavaScript
152 lines
9.3 KiB
JavaScript
|
import { html, cssManager } from "@design.estate/dees-element";
|
||
|
|
import '../elements/index.js';
|
||
|
|
export const adminpageDashboard = () => html `
|
||
|
|
<style>
|
||
|
|
.demo-page-wrapper {
|
||
|
|
min-height: 100vh;
|
||
|
|
background: ${cssManager.bdTheme('#fafafa', '#0a0a0a')};
|
||
|
|
padding: 24px;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
|
||
|
|
<div class="demo-page-wrapper">
|
||
|
|
<dees-demowrapper
|
||
|
|
.runAfterRender=${async (wrapperElement) => {
|
||
|
|
const dashboard = wrapperElement.querySelector('upladmin-dashboard');
|
||
|
|
// Demo monitors
|
||
|
|
const monitors = [
|
||
|
|
{
|
||
|
|
id: 'api-server',
|
||
|
|
name: 'api-server',
|
||
|
|
displayName: 'API Server',
|
||
|
|
description: 'Main REST API endpoint',
|
||
|
|
currentStatus: 'operational',
|
||
|
|
lastChecked: Date.now(),
|
||
|
|
uptime30d: 99.98,
|
||
|
|
uptime90d: 99.95,
|
||
|
|
responseTime: 45,
|
||
|
|
category: 'Core Services',
|
||
|
|
},
|
||
|
|
{
|
||
|
|
id: 'web-app',
|
||
|
|
name: 'web-app',
|
||
|
|
displayName: 'Web Application',
|
||
|
|
description: 'Customer-facing web application',
|
||
|
|
currentStatus: 'operational',
|
||
|
|
lastChecked: Date.now(),
|
||
|
|
uptime30d: 99.99,
|
||
|
|
uptime90d: 99.97,
|
||
|
|
responseTime: 120,
|
||
|
|
category: 'Core Services',
|
||
|
|
},
|
||
|
|
{
|
||
|
|
id: 'database-primary',
|
||
|
|
name: 'database-primary',
|
||
|
|
displayName: 'Primary Database',
|
||
|
|
description: 'PostgreSQL primary node',
|
||
|
|
currentStatus: 'operational',
|
||
|
|
lastChecked: Date.now(),
|
||
|
|
uptime30d: 99.999,
|
||
|
|
uptime90d: 99.998,
|
||
|
|
responseTime: 5,
|
||
|
|
category: 'Infrastructure',
|
||
|
|
},
|
||
|
|
{
|
||
|
|
id: 'cdn',
|
||
|
|
name: 'cdn',
|
||
|
|
displayName: 'Content Delivery Network',
|
||
|
|
description: 'Global CDN for static assets',
|
||
|
|
currentStatus: 'degraded',
|
||
|
|
lastChecked: Date.now(),
|
||
|
|
uptime30d: 99.5,
|
||
|
|
uptime90d: 99.8,
|
||
|
|
responseTime: 200,
|
||
|
|
category: 'Infrastructure',
|
||
|
|
},
|
||
|
|
{
|
||
|
|
id: 'email-service',
|
||
|
|
name: 'email-service',
|
||
|
|
displayName: 'Email Service',
|
||
|
|
description: 'Transactional email delivery',
|
||
|
|
currentStatus: 'operational',
|
||
|
|
lastChecked: Date.now(),
|
||
|
|
uptime30d: 99.9,
|
||
|
|
uptime90d: 99.85,
|
||
|
|
responseTime: 500,
|
||
|
|
category: 'External Services',
|
||
|
|
},
|
||
|
|
{
|
||
|
|
id: 'payment-gateway',
|
||
|
|
name: 'payment-gateway',
|
||
|
|
displayName: 'Payment Gateway',
|
||
|
|
description: 'Payment processing integration',
|
||
|
|
currentStatus: 'maintenance',
|
||
|
|
lastChecked: Date.now(),
|
||
|
|
uptime30d: 99.95,
|
||
|
|
uptime90d: 99.9,
|
||
|
|
responseTime: 350,
|
||
|
|
category: 'External Services',
|
||
|
|
},
|
||
|
|
];
|
||
|
|
// Demo incidents
|
||
|
|
const incidents = [
|
||
|
|
{
|
||
|
|
id: 'inc-001',
|
||
|
|
title: 'CDN Performance Degradation',
|
||
|
|
status: 'monitoring',
|
||
|
|
severity: 'minor',
|
||
|
|
affectedServices: ['cdn'],
|
||
|
|
startTime: Date.now() - 2 * 60 * 60 * 1000,
|
||
|
|
impact: 'Some users may experience slower loading times for images and static assets.',
|
||
|
|
updates: [
|
||
|
|
{
|
||
|
|
id: 'upd-001',
|
||
|
|
timestamp: Date.now() - 2 * 60 * 60 * 1000,
|
||
|
|
status: 'investigating',
|
||
|
|
message: 'We are investigating reports of slow asset loading.',
|
||
|
|
author: 'Platform Team',
|
||
|
|
},
|
||
|
|
{
|
||
|
|
id: 'upd-002',
|
||
|
|
timestamp: Date.now() - 1 * 60 * 60 * 1000,
|
||
|
|
status: 'identified',
|
||
|
|
message: 'We have identified the issue as a problem with one of our CDN edge nodes.',
|
||
|
|
author: 'Platform Team',
|
||
|
|
},
|
||
|
|
{
|
||
|
|
id: 'upd-003',
|
||
|
|
timestamp: Date.now() - 30 * 60 * 1000,
|
||
|
|
status: 'monitoring',
|
||
|
|
message: 'Traffic has been rerouted to healthy nodes. Monitoring for stability.',
|
||
|
|
author: 'Platform Team',
|
||
|
|
},
|
||
|
|
],
|
||
|
|
},
|
||
|
|
{
|
||
|
|
id: 'inc-002',
|
||
|
|
title: 'Payment Gateway Scheduled Maintenance',
|
||
|
|
status: 'investigating',
|
||
|
|
severity: 'maintenance',
|
||
|
|
affectedServices: ['payment-gateway'],
|
||
|
|
startTime: Date.now() - 30 * 60 * 1000,
|
||
|
|
impact: 'Payment processing is temporarily unavailable during the maintenance window.',
|
||
|
|
updates: [
|
||
|
|
{
|
||
|
|
id: 'upd-004',
|
||
|
|
timestamp: Date.now() - 30 * 60 * 1000,
|
||
|
|
status: 'investigating',
|
||
|
|
message: 'Scheduled maintenance has begun. Expected duration: 2 hours.',
|
||
|
|
author: 'DevOps Team',
|
||
|
|
},
|
||
|
|
],
|
||
|
|
},
|
||
|
|
];
|
||
|
|
dashboard.monitors = monitors;
|
||
|
|
dashboard.incidents = incidents;
|
||
|
|
}}
|
||
|
|
>
|
||
|
|
<upladmin-dashboard></upladmin-dashboard>
|
||
|
|
</dees-demowrapper>
|
||
|
|
</div>
|
||
|
|
`;
|
||
|
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRtaW5wYWdlLWRhc2hib2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9wYWdlcy9hZG1pbnBhZ2UtZGFzaGJvYXJkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFFL0QsT0FBTyxzQkFBc0IsQ0FBQztBQUU5QixNQUFNLENBQUMsTUFBTSxrQkFBa0IsR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUE7Ozs7b0JBSXhCLFVBQVUsQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFLFNBQVMsQ0FBQzs7Ozs7OztzQkFPdEMsS0FBSyxFQUFFLGNBQW1CLEVBQUUsRUFBRTtJQUM5QyxNQUFNLFNBQVMsR0FBRyxjQUFjLENBQUMsYUFBYSxDQUFDLG9CQUFvQixDQUFRLENBQUM7SUFFNUUsZ0JBQWdCO0lBQ2hCLE1BQU0sUUFBUSxHQUFxQjtRQUNqQztZQUNFLEVBQUUsRUFBRSxZQUFZO1lBQ2hCLElBQUksRUFBRSxZQUFZO1lBQ2xCLFdBQVcsRUFBRSxZQUFZO1lBQ3pCLFdBQVcsRUFBRSx3QkFBd0I7WUFDckMsYUFBYSxFQUFFLGFBQWE7WUFDNUIsV0FBVyxFQUFFLElBQUksQ0FBQyxHQUFHLEVBQUU7WUFDdkIsU0FBUyxFQUFFLEtBQUs7WUFDaEIsU0FBUyxFQUFFLEtBQUs7WUFDaEIsWUFBWSxFQUFFLEVBQUU7WUFDaEIsUUFBUSxFQUFFLGVBQWU7U0FDMUI7UUFDRDtZQUNFLEVBQUUsRUFBRSxTQUFTO1lBQ2IsSUFBSSxFQUFFLFNBQVM7WUFDZixXQUFXLEVBQUUsaUJBQWlCO1lBQzlCLFdBQVcsRUFBRSxpQ0FBaUM7WUFDOUMsYUFBYSxFQUFFLGFBQWE7WUFDNUIsV0FBVyxFQUFFLElBQUksQ0FBQyxHQUFHLEVBQUU7WUFDdkIsU0FBUyxFQUFFLEtBQUs7WUFDaEIsU0FBUyxFQUFFLEtBQUs7WUFDaEIsWUFBWSxFQUFFLEdB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
|