Compare commits
7 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| e667370079 | |||
| 8827a1ba38 | |||
| 87b739e4b6 | |||
| 378f3ad2b7 | |||
| e5e05e34ea | |||
| 83b94dc2c6 | |||
| c1eb38a18c |
1
.gitignore
vendored
1
.gitignore
vendored
@@ -1 +1,2 @@
|
|||||||
node_modules/
|
node_modules/
|
||||||
|
dist*
|
||||||
22
changelog.md
22
changelog.md
@@ -1,5 +1,27 @@
|
|||||||
# Changelog
|
# Changelog
|
||||||
|
|
||||||
|
## 2025-12-24 - 1.1.0 - feat(monitor)
|
||||||
|
add extended monitor statuses, check configuration, status overrides/paused indicators, and incident update templates
|
||||||
|
|
||||||
|
- Extend TStatusType with new statuses: initializing, error, paused.
|
||||||
|
- Add statusMode, manualStatus, paused, checkType, checkConfig and intervalMs to service and monitor interfaces.
|
||||||
|
- Update monitor list UI to show manual-override and paused indicators, new status badges, and include new statuses in status filter.
|
||||||
|
- Add quick templates to incident update form that prefill both status and message; update applyTemplate accordingly.
|
||||||
|
- Enhance monitor form to support checkType/ICheckConfig, statusMode selection, pause flag, interval options and additional validation (domain & PageRank search term).
|
||||||
|
- Add styles and icons for new statuses and status indicator badges.
|
||||||
|
|
||||||
|
## 2025-12-24 - 1.0.3 - fix(catalog_admin)
|
||||||
|
no changes detected, no release required
|
||||||
|
|
||||||
|
- No files changed in this diff
|
||||||
|
- No code, tests, or documentation modifications detected
|
||||||
|
- No version bump recommended
|
||||||
|
|
||||||
|
## 2025-12-24 - 1.0.2 - fix(gitignore)
|
||||||
|
ignore distribution/build output directories (dist*)
|
||||||
|
|
||||||
|
- Added 'dist*/' to .gitignore to prevent committing build artifacts and local distribution folders
|
||||||
|
|
||||||
## 2025-12-24 - 1.0.1 - fix(release)
|
## 2025-12-24 - 1.0.1 - fix(release)
|
||||||
no changes detected
|
no changes detected
|
||||||
|
|
||||||
|
|||||||
27673
dist_bundle/bundle.js
27673
dist_bundle/bundle.js
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
7
dist_ts_web/elements/index.d.ts
vendored
7
dist_ts_web/elements/index.d.ts
vendored
@@ -1,7 +0,0 @@
|
|||||||
export * from './upladmin-monitor-form/index.js';
|
|
||||||
export * from './upladmin-monitor-list/index.js';
|
|
||||||
export * from './upladmin-incident-form/index.js';
|
|
||||||
export * from './upladmin-incident-list/index.js';
|
|
||||||
export * from './upladmin-incident-update/index.js';
|
|
||||||
export * from './upladmin-statuspage-config/index.js';
|
|
||||||
export * from './upladmin-dashboard/index.js';
|
|
||||||
@@ -1,12 +0,0 @@
|
|||||||
// Monitor components
|
|
||||||
export * from './upladmin-monitor-form/index.js';
|
|
||||||
export * from './upladmin-monitor-list/index.js';
|
|
||||||
// Incident components
|
|
||||||
export * from './upladmin-incident-form/index.js';
|
|
||||||
export * from './upladmin-incident-list/index.js';
|
|
||||||
export * from './upladmin-incident-update/index.js';
|
|
||||||
// Configuration components
|
|
||||||
export * from './upladmin-statuspage-config/index.js';
|
|
||||||
// Dashboard components
|
|
||||||
export * from './upladmin-dashboard/index.js';
|
|
||||||
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEscUJBQXFCO0FBQ3JCLGNBQWMsa0NBQWtDLENBQUM7QUFDakQsY0FBYyxrQ0FBa0MsQ0FBQztBQUVqRCxzQkFBc0I7QUFDdEIsY0FBYyxtQ0FBbUMsQ0FBQztBQUNsRCxjQUFjLG1DQUFtQyxDQUFDO0FBQ2xELGNBQWMscUNBQXFDLENBQUM7QUFFcEQsMkJBQTJCO0FBQzNCLGNBQWMsdUNBQXVDLENBQUM7QUFFdEQsdUJBQXVCO0FBQ3ZCLGNBQWMsK0JBQStCLENBQUMifQ==
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
export * from './upladmin-dashboard.js';
|
|
||||||
@@ -1,2 +0,0 @@
|
|||||||
export * from './upladmin-dashboard.js';
|
|
||||||
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi90c193ZWIvZWxlbWVudHMvdXBsYWRtaW4tZGFzaGJvYXJkL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMseUJBQXlCLENBQUMifQ==
|
|
||||||
@@ -1,28 +0,0 @@
|
|||||||
import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
|
|
||||||
import type { IServiceStatus, IIncidentDetails, IOverallStatus } from '../../interfaces/index.js';
|
|
||||||
declare global {
|
|
||||||
interface HTMLElementTagNameMap {
|
|
||||||
'upladmin-dashboard': UpladminDashboard;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
export declare class UpladminDashboard extends DeesElement {
|
|
||||||
static demo: () => TemplateResult<1>;
|
|
||||||
accessor monitors: IServiceStatus[];
|
|
||||||
accessor incidents: IIncidentDetails[];
|
|
||||||
accessor overallStatus: IOverallStatus | null;
|
|
||||||
accessor loading: boolean;
|
|
||||||
static styles: import("@design.estate/dees-element").CSSResult[];
|
|
||||||
private get statsTiles();
|
|
||||||
render(): TemplateResult;
|
|
||||||
private renderStatusBanner;
|
|
||||||
private renderIncidentItem;
|
|
||||||
private renderCategoryStatus;
|
|
||||||
private calculateOverallStatus;
|
|
||||||
private handleViewAllIncidents;
|
|
||||||
private handleViewAllMonitors;
|
|
||||||
private handleIncidentClick;
|
|
||||||
private handleNewIncident;
|
|
||||||
private handleNewMonitor;
|
|
||||||
private handleScheduleMaintenance;
|
|
||||||
private handleViewConfig;
|
|
||||||
}
|
|
||||||
@@ -1,2 +0,0 @@
|
|||||||
import './upladmin-dashboard.js';
|
|
||||||
export declare const demoFunc: () => import("@design.estate/dees-element").TemplateResult<1>;
|
|
||||||
@@ -1,56 +0,0 @@
|
|||||||
import { html, css, cssManager } from '@design.estate/dees-element';
|
|
||||||
import './upladmin-dashboard.js';
|
|
||||||
export const demoFunc = () => html `
|
|
||||||
<style>
|
|
||||||
${css `
|
|
||||||
.demo-container {
|
|
||||||
padding: 24px;
|
|
||||||
background: ${cssManager.bdTheme('#f4f4f5', '#09090b')};
|
|
||||||
min-height: 100vh;
|
|
||||||
}
|
|
||||||
`}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
<div class="demo-container">
|
|
||||||
<upladmin-dashboard
|
|
||||||
.monitors=${[
|
|
||||||
{ id: 'api', name: 'api', displayName: 'API Server', currentStatus: 'operational', lastChecked: Date.now(), uptime30d: 99.98, uptime90d: 99.95, responseTime: 45, category: 'Core' },
|
|
||||||
{ id: 'web', name: 'web', displayName: 'Web App', currentStatus: 'operational', lastChecked: Date.now(), uptime30d: 99.99, uptime90d: 99.97, responseTime: 120, category: 'Core' },
|
|
||||||
{ id: 'db', name: 'db', displayName: 'Database', currentStatus: 'operational', lastChecked: Date.now(), uptime30d: 99.999, uptime90d: 99.998, responseTime: 5, category: 'Infrastructure' },
|
|
||||||
{ id: 'cdn', name: 'cdn', displayName: 'CDN', currentStatus: 'degraded', lastChecked: Date.now(), uptime30d: 99.5, uptime90d: 99.8, responseTime: 200, category: 'Infrastructure' },
|
|
||||||
{ id: 'cache', name: 'cache', displayName: 'Redis Cache', currentStatus: 'operational', lastChecked: Date.now(), uptime30d: 99.99, uptime90d: 99.98, responseTime: 2, category: 'Infrastructure' },
|
|
||||||
{ id: 'email', name: 'email', displayName: 'Email Service', currentStatus: 'operational', lastChecked: Date.now(), uptime30d: 99.9, uptime90d: 99.85, responseTime: 500, category: 'External' },
|
|
||||||
{ id: 'payment', name: 'payment', displayName: 'Payment Gateway', currentStatus: 'maintenance', lastChecked: Date.now(), uptime30d: 99.95, uptime90d: 99.9, responseTime: 350, category: 'External' },
|
|
||||||
{ id: 'search', name: 'search', displayName: 'Search Engine', currentStatus: 'partial_outage', lastChecked: Date.now(), uptime30d: 98.5, uptime90d: 99.2, responseTime: 150, category: 'Core' },
|
|
||||||
]}
|
|
||||||
.activeIncidents=${[
|
|
||||||
{
|
|
||||||
id: 'inc-1',
|
|
||||||
title: 'CDN Performance Degradation',
|
|
||||||
status: 'identified',
|
|
||||||
severity: 'minor',
|
|
||||||
affectedServices: ['cdn'],
|
|
||||||
startTime: Date.now() - 2 * 60 * 60 * 1000,
|
|
||||||
impact: 'Some users may experience slower page loads',
|
|
||||||
updates: [
|
|
||||||
{ id: 'u1', timestamp: Date.now() - 1 * 60 * 60 * 1000, status: 'identified', message: 'Root cause identified as network congestion' },
|
|
||||||
{ id: 'u2', timestamp: Date.now() - 2 * 60 * 60 * 1000, status: 'investigating', message: 'We are investigating reports of slow content delivery' },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 'inc-2',
|
|
||||||
title: 'Search Cluster Partial Failure',
|
|
||||||
status: 'investigating',
|
|
||||||
severity: 'major',
|
|
||||||
affectedServices: ['search'],
|
|
||||||
startTime: Date.now() - 30 * 60 * 1000,
|
|
||||||
impact: 'Search functionality may return incomplete results',
|
|
||||||
updates: [
|
|
||||||
{ id: 'u3', timestamp: Date.now() - 30 * 60 * 1000, status: 'investigating', message: 'We are investigating issues with the search cluster' },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
></upladmin-dashboard>
|
|
||||||
</div>
|
|
||||||
`;
|
|
||||||
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsYWRtaW4tZGFzaGJvYXJkLmRlbW8uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi90c193ZWIvZWxlbWVudHMvdXBsYWRtaW4tZGFzaGJvYXJkL3VwbGFkbWluLWRhc2hib2FyZC5kZW1vLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQUUsR0FBRyxFQUFFLFVBQVUsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRXBFLE9BQU8seUJBQXlCLENBQUM7QUFFakMsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQTs7TUFFNUIsR0FBRyxDQUFBOzs7c0JBR2EsVUFBVSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsU0FBUyxDQUFDOzs7S0FHekQ7Ozs7O2tCQUthO0lBQ1YsRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLFlBQVksRUFBRSxhQUFhLEVBQUUsYUFBYSxFQUFFLFdBQVcsRUFBRSxJQUFJLENBQUMsR0FBRyxFQUFFLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFlBQVksRUFBRSxFQUFFLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRTtJQUNwTCxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLGFBQWEsRUFBRSxhQUFhLEVBQUUsV0FBVyxFQUFFLElBQUksQ0FBQyxHQUFHLEVBQUUsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsWUFBWSxFQUFFLEdBQUcsRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFO0lBQ2xMLEVBQUUsRUFBRSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRSxVQUFVLEVBQUUsYUFBYSxFQUFFLGFBQWEsRUFBRSxX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
|
|
||||||
File diff suppressed because one or more lines are too long
@@ -1 +0,0 @@
|
|||||||
export * from './upladmin-incident-form.js';
|
|
||||||
@@ -1,2 +0,0 @@
|
|||||||
export * from './upladmin-incident-form.js';
|
|
||||||
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi90c193ZWIvZWxlbWVudHMvdXBsYWRtaW4taW5jaWRlbnQtZm9ybS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDZCQUE2QixDQUFDIn0=
|
|
||||||
@@ -1,33 +0,0 @@
|
|||||||
import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
|
|
||||||
import type { IIncidentFormData, IServiceStatus } from '../../interfaces/index.js';
|
|
||||||
declare global {
|
|
||||||
interface HTMLElementTagNameMap {
|
|
||||||
'upladmin-incident-form': UpladminIncidentForm;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
export declare class UpladminIncidentForm extends DeesElement {
|
|
||||||
static demo: () => TemplateResult<1>;
|
|
||||||
accessor incident: IIncidentFormData | null;
|
|
||||||
accessor availableServices: IServiceStatus[];
|
|
||||||
accessor loading: boolean;
|
|
||||||
accessor formData: IIncidentFormData;
|
|
||||||
accessor errors: Record<string, string>;
|
|
||||||
private severityIcons;
|
|
||||||
private statusIcons;
|
|
||||||
static styles: import("@design.estate/dees-element").CSSResult[];
|
|
||||||
connectedCallback(): Promise<void>;
|
|
||||||
updated(changedProperties: Map<string, unknown>): void;
|
|
||||||
render(): TemplateResult;
|
|
||||||
private handleTitleChange;
|
|
||||||
private handleImpactChange;
|
|
||||||
private handleRootCauseChange;
|
|
||||||
private handleResolutionChange;
|
|
||||||
private handleSeverityChange;
|
|
||||||
private handleStatusChange;
|
|
||||||
private toggleService;
|
|
||||||
private validate;
|
|
||||||
private handleSave;
|
|
||||||
private handleCancel;
|
|
||||||
reset(): void;
|
|
||||||
setIncident(incident: IIncidentFormData): void;
|
|
||||||
}
|
|
||||||
@@ -1,2 +0,0 @@
|
|||||||
import './upladmin-incident-form.js';
|
|
||||||
export declare const demoFunc: () => import("@design.estate/dees-element").TemplateResult<1>;
|
|
||||||
@@ -1,69 +0,0 @@
|
|||||||
import { html, css, cssManager } from '@design.estate/dees-element';
|
|
||||||
import './upladmin-incident-form.js';
|
|
||||||
export const demoFunc = () => html `
|
|
||||||
<style>
|
|
||||||
${css `
|
|
||||||
.demo-container {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
gap: 32px;
|
|
||||||
padding: 24px;
|
|
||||||
max-width: 900px;
|
|
||||||
margin: 0 auto;
|
|
||||||
background: ${cssManager.bdTheme('#fafafa', '#0a0a0a')};
|
|
||||||
min-height: 100vh;
|
|
||||||
}
|
|
||||||
|
|
||||||
.demo-section {
|
|
||||||
margin-bottom: 24px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.demo-section h3 {
|
|
||||||
margin: 0 0 16px 0;
|
|
||||||
font-size: 14px;
|
|
||||||
font-weight: 600;
|
|
||||||
color: ${cssManager.bdTheme('#71717a', '#a1a1aa')};
|
|
||||||
text-transform: uppercase;
|
|
||||||
letter-spacing: 0.05em;
|
|
||||||
}
|
|
||||||
`}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
<div class="demo-container">
|
|
||||||
<div class="demo-section">
|
|
||||||
<h3>Create New Incident</h3>
|
|
||||||
<upladmin-incident-form
|
|
||||||
.availableServices=${[
|
|
||||||
{ id: 'api', name: 'api', displayName: 'API Server', currentStatus: 'operational', lastChecked: Date.now(), uptime30d: 99.98, uptime90d: 99.95, responseTime: 45 },
|
|
||||||
{ id: 'web', name: 'web', displayName: 'Web Application', currentStatus: 'operational', lastChecked: Date.now(), uptime30d: 99.99, uptime90d: 99.97, responseTime: 120 },
|
|
||||||
{ id: 'db', name: 'db', displayName: 'Database', currentStatus: 'operational', lastChecked: Date.now(), uptime30d: 99.999, uptime90d: 99.998, responseTime: 5 },
|
|
||||||
{ id: 'cdn', name: 'cdn', displayName: 'CDN', currentStatus: 'degraded', lastChecked: Date.now(), uptime30d: 99.5, uptime90d: 99.8, responseTime: 200 },
|
|
||||||
{ id: 'cache', name: 'cache', displayName: 'Redis Cache', currentStatus: 'operational', lastChecked: Date.now(), uptime30d: 99.99, uptime90d: 99.98, responseTime: 2 },
|
|
||||||
]}
|
|
||||||
></upladmin-incident-form>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="demo-section">
|
|
||||||
<h3>Edit Existing Incident</h3>
|
|
||||||
<upladmin-incident-form
|
|
||||||
.incident=${{
|
|
||||||
id: 'inc-123',
|
|
||||||
title: 'Database Connection Issues',
|
|
||||||
severity: 'major',
|
|
||||||
status: 'identified',
|
|
||||||
affectedServices: ['db', 'api'],
|
|
||||||
impact: 'Users may experience slow response times and occasional timeouts when accessing the application.',
|
|
||||||
rootCause: 'Connection pool exhaustion due to a memory leak in the database driver.',
|
|
||||||
}}
|
|
||||||
.availableServices=${[
|
|
||||||
{ id: 'api', name: 'api', displayName: 'API Server', currentStatus: 'degraded', lastChecked: Date.now(), uptime30d: 99.98, uptime90d: 99.95, responseTime: 45 },
|
|
||||||
{ id: 'web', name: 'web', displayName: 'Web Application', currentStatus: 'operational', lastChecked: Date.now(), uptime30d: 99.99, uptime90d: 99.97, responseTime: 120 },
|
|
||||||
{ id: 'db', name: 'db', displayName: 'Database', currentStatus: 'partial_outage', lastChecked: Date.now(), uptime30d: 99.999, uptime90d: 99.998, responseTime: 5 },
|
|
||||||
{ id: 'cdn', name: 'cdn', displayName: 'CDN', currentStatus: 'operational', lastChecked: Date.now(), uptime30d: 99.5, uptime90d: 99.8, responseTime: 200 },
|
|
||||||
{ id: 'cache', name: 'cache', displayName: 'Redis Cache', currentStatus: 'operational', lastChecked: Date.now(), uptime30d: 99.99, uptime90d: 99.98, responseTime: 2 },
|
|
||||||
]}
|
|
||||||
></upladmin-incident-form>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
`;
|
|
||||||
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsYWRtaW4taW5jaWRlbnQtZm9ybS5kZW1vLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vdHNfd2ViL2VsZW1lbnRzL3VwbGFkbWluLWluY2lkZW50LWZvcm0vdXBsYWRtaW4taW5jaWRlbnQtZm9ybS5kZW1vLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQUUsR0FBRyxFQUFFLFVBQVUsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRXBFLE9BQU8sNkJBQTZCLENBQUM7QUFFckMsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQTs7TUFFNUIsR0FBRyxDQUFBOzs7Ozs7OztzQkFRYSxVQUFVLENBQUMsT0FBTyxDQUFDLFNBQVMsRUFBRSxTQUFTLENBQUM7Ozs7Ozs7Ozs7OztpQkFZN0MsVUFBVSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsU0FBUyxDQUFDOzs7O0tBSXBEOzs7Ozs7OzZCQU93QjtJQUNuQixFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsWUFBWSxFQUFFLGFBQWEsRUFBRSxhQUFhLEVBQUUsV0FBVyxFQUFFLElBQUksQ0FBQyxHQUFHLEVBQUUsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsWUFBWSxFQUFFLEVBQUUsRUFBRTtJQUNsSyxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsaUJBQWlCLEVBQUUsYUFBYSxFQUFFLGFBQWEsRUFBRSxXQUFXLEVBQUUsSUFBSSxDQUFDLEdBQUcsRUFBRSxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxZQUFZLEVBQUUsR0FBRyxFQUFFO0lBQ3hLLEVBQUUsRUFBRSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFF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
|
|
||||||
File diff suppressed because one or more lines are too long
@@ -1 +0,0 @@
|
|||||||
export * from './upladmin-incident-list.js';
|
|
||||||
@@ -1,2 +0,0 @@
|
|||||||
export * from './upladmin-incident-list.js';
|
|
||||||
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi90c193ZWIvZWxlbWVudHMvdXBsYWRtaW4taW5jaWRlbnQtbGlzdC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDZCQUE2QixDQUFDIn0=
|
|
||||||
@@ -1,29 +0,0 @@
|
|||||||
import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
|
|
||||||
import type { IIncidentDetails } from '../../interfaces/index.js';
|
|
||||||
declare global {
|
|
||||||
interface HTMLElementTagNameMap {
|
|
||||||
'upladmin-incident-list': UpladminIncidentList;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
type TSeverity = 'critical' | 'major' | 'minor' | 'maintenance';
|
|
||||||
type TTabFilter = 'current' | 'past' | 'all';
|
|
||||||
export declare class UpladminIncidentList extends DeesElement {
|
|
||||||
static demo: () => TemplateResult<1>;
|
|
||||||
accessor incidents: IIncidentDetails[];
|
|
||||||
accessor loading: boolean;
|
|
||||||
accessor tabFilter: TTabFilter;
|
|
||||||
accessor severityFilter: TSeverity | 'all';
|
|
||||||
accessor expandedIncidents: Set<string>;
|
|
||||||
private statusIcons;
|
|
||||||
private statusLabels;
|
|
||||||
static styles: import("@design.estate/dees-element").CSSResult[];
|
|
||||||
render(): TemplateResult;
|
|
||||||
private renderIncidentCard;
|
|
||||||
private getFilteredIncidents;
|
|
||||||
private handleSeverityFilter;
|
|
||||||
private toggleExpanded;
|
|
||||||
private handleAddClick;
|
|
||||||
private handleEdit;
|
|
||||||
private handleAddUpdate;
|
|
||||||
}
|
|
||||||
export {};
|
|
||||||
@@ -1,2 +0,0 @@
|
|||||||
import './upladmin-incident-list.js';
|
|
||||||
export declare const demoFunc: () => import("@design.estate/dees-element").TemplateResult<1>;
|
|
||||||
@@ -1,93 +0,0 @@
|
|||||||
import { html, css, cssManager } from '@design.estate/dees-element';
|
|
||||||
import './upladmin-incident-list.js';
|
|
||||||
export const demoFunc = () => html `
|
|
||||||
<style>
|
|
||||||
${css `
|
|
||||||
.demo-container {
|
|
||||||
padding: 24px;
|
|
||||||
background: ${cssManager.bdTheme('#fafafa', '#0a0a0a')};
|
|
||||||
min-height: 100vh;
|
|
||||||
}
|
|
||||||
`}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
<div class="demo-container">
|
|
||||||
<upladmin-incident-list
|
|
||||||
.incidents=${[
|
|
||||||
{
|
|
||||||
id: 'inc-1',
|
|
||||||
title: 'CDN Performance Degradation',
|
|
||||||
status: 'monitoring',
|
|
||||||
severity: 'minor',
|
|
||||||
affectedServices: ['cdn'],
|
|
||||||
startTime: Date.now() - 4 * 60 * 60 * 1000,
|
|
||||||
impact: 'Some users may experience slower page loads for static assets.',
|
|
||||||
rootCause: 'Network congestion at edge locations',
|
|
||||||
updates: [
|
|
||||||
{ id: 'u1', timestamp: Date.now() - 1 * 60 * 60 * 1000, status: 'monitoring', message: 'Fix deployed, monitoring results.', author: 'Infrastructure Team' },
|
|
||||||
{ id: 'u2', timestamp: Date.now() - 2 * 60 * 60 * 1000, status: 'identified', message: 'Root cause identified as network congestion at edge nodes.', author: 'Infrastructure Team' },
|
|
||||||
{ id: 'u3', timestamp: Date.now() - 4 * 60 * 60 * 1000, status: 'investigating', message: 'We are investigating reports of slow content delivery.', author: 'Support Team' },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 'inc-2',
|
|
||||||
title: 'Search Cluster Partial Failure',
|
|
||||||
status: 'investigating',
|
|
||||||
severity: 'major',
|
|
||||||
affectedServices: ['search', 'api'],
|
|
||||||
startTime: Date.now() - 45 * 60 * 1000,
|
|
||||||
impact: 'Search functionality may return incomplete results. API responses may be delayed.',
|
|
||||||
updates: [
|
|
||||||
{ id: 'u4', timestamp: Date.now() - 45 * 60 * 1000, status: 'investigating', message: 'We are investigating issues with the search cluster. Some nodes are not responding.', author: 'Platform Team' },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 'inc-3',
|
|
||||||
title: 'Scheduled Database Maintenance',
|
|
||||||
status: 'investigating',
|
|
||||||
severity: 'maintenance',
|
|
||||||
affectedServices: ['db', 'api', 'web'],
|
|
||||||
startTime: Date.now() - 15 * 60 * 1000,
|
|
||||||
impact: 'Brief interruptions may occur during the maintenance window.',
|
|
||||||
updates: [
|
|
||||||
{ id: 'u5', timestamp: Date.now() - 15 * 60 * 1000, status: 'investigating', message: 'Starting scheduled database maintenance. Expected duration: 2 hours.', author: 'DBA Team' },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 'inc-4',
|
|
||||||
title: 'Authentication Service Outage',
|
|
||||||
status: 'resolved',
|
|
||||||
severity: 'critical',
|
|
||||||
affectedServices: ['auth', 'api', 'web'],
|
|
||||||
startTime: Date.now() - 24 * 60 * 60 * 1000,
|
|
||||||
endTime: Date.now() - 22 * 60 * 60 * 1000,
|
|
||||||
impact: 'Users were unable to log in or access authenticated features.',
|
|
||||||
rootCause: 'Certificate expiration on the identity provider.',
|
|
||||||
resolution: 'Renewed certificates and implemented automated monitoring for future expirations.',
|
|
||||||
updates: [
|
|
||||||
{ id: 'u6', timestamp: Date.now() - 22 * 60 * 60 * 1000, status: 'resolved', message: 'Issue has been fully resolved. All authentication services are operational.', author: 'Security Team' },
|
|
||||||
{ id: 'u7', timestamp: Date.now() - 23 * 60 * 60 * 1000, status: 'identified', message: 'Root cause identified: expired SSL certificate on identity provider.', author: 'Security Team' },
|
|
||||||
{ id: 'u8', timestamp: Date.now() - 24 * 60 * 60 * 1000, status: 'investigating', message: 'We are aware of authentication issues and are investigating.', author: 'On-call Engineer' },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 'inc-5',
|
|
||||||
title: 'Payment Processing Delays',
|
|
||||||
status: 'postmortem',
|
|
||||||
severity: 'major',
|
|
||||||
affectedServices: ['payment', 'api'],
|
|
||||||
startTime: Date.now() - 72 * 60 * 60 * 1000,
|
|
||||||
endTime: Date.now() - 70 * 60 * 60 * 1000,
|
|
||||||
impact: 'Payment transactions were delayed by up to 5 minutes.',
|
|
||||||
rootCause: 'Third-party payment provider experienced capacity issues.',
|
|
||||||
resolution: 'Provider resolved their capacity issues. Implemented fallback payment routing.',
|
|
||||||
updates: [
|
|
||||||
{ id: 'u9', timestamp: Date.now() - 48 * 60 * 60 * 1000, status: 'postmortem', message: 'Postmortem complete. Implementing additional redundancy measures.', author: 'Engineering Lead' },
|
|
||||||
{ id: 'u10', timestamp: Date.now() - 70 * 60 * 60 * 1000, status: 'resolved', message: 'Payment processing has returned to normal.', author: 'Payments Team' },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
></upladmin-incident-list>
|
|
||||||
</div>
|
|
||||||
`;
|
|
||||||
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsYWRtaW4taW5jaWRlbnQtbGlzdC5kZW1vLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vdHNfd2ViL2VsZW1lbnRzL3VwbGFkbWluLWluY2lkZW50LWxpc3QvdXBsYWRtaW4taW5jaWRlbnQtbGlzdC5kZW1vLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQUUsR0FBRyxFQUFFLFVBQVUsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRXBFLE9BQU8sNkJBQTZCLENBQUM7QUFFckMsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQTs7TUFFNUIsR0FBRyxDQUFBOzs7c0JBR2EsVUFBVSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsU0FBUyxDQUFDOzs7S0FHekQ7Ozs7O21CQUtjO0lBQ1g7UUFDRSxFQUFFLEVBQUUsT0FBTztRQUNYLEtBQUssRUFBRSw2QkFBNkI7UUFDcEMsTUFBTSxFQUFFLFlBQVk7UUFDcEIsUUFBUSxFQUFFLE9BQU87UUFDakIsZ0JBQWdCLEVBQUUsQ0FBQyxLQUFLLENBQUM7UUFDekIsU0FBUyxFQUFFLElBQUksQ0FBQyxHQUFHLEVBQUUsR0FBRyxDQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsR0FBRyxJQUFJO1FBQzFDLE1BQU0sRUFBRSxnRUFBZ0U7UUFDeEUsU0FBUyxFQUFFLHNDQUFzQztRQUNqRCxPQUFPLEVBQUU7WUFDUCxFQUFFLEVBQUUsRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQyxHQUFHLEVBQUUsR0FBRyxDQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsR0FBRyxJQUFJLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxPQUFPLEVBQUUsbUNBQW1DLEVBQUUsTUFBTSxFQUFFLHFCQUFxQixFQUFFO1lBQzNKLEVBQUUsRUFBRSxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDLEdBQUcsRUFBRSxH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
|
|
||||||
File diff suppressed because one or more lines are too long
@@ -1 +0,0 @@
|
|||||||
export * from './upladmin-incident-update.js';
|
|
||||||
@@ -1,2 +0,0 @@
|
|||||||
export * from './upladmin-incident-update.js';
|
|
||||||
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi90c193ZWIvZWxlbWVudHMvdXBsYWRtaW4taW5jaWRlbnQtdXBkYXRlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsK0JBQStCLENBQUMifQ==
|
|
||||||
@@ -1,27 +0,0 @@
|
|||||||
import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
|
|
||||||
import type { IIncidentUpdateFormData, IIncidentDetails } from '../../interfaces/index.js';
|
|
||||||
declare global {
|
|
||||||
interface HTMLElementTagNameMap {
|
|
||||||
'upladmin-incident-update': UpladminIncidentUpdate;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
export declare class UpladminIncidentUpdate extends DeesElement {
|
|
||||||
static demo: () => TemplateResult<1>;
|
|
||||||
accessor incident: IIncidentDetails | null;
|
|
||||||
accessor loading: boolean;
|
|
||||||
accessor formData: IIncidentUpdateFormData;
|
|
||||||
accessor errors: Record<string, string>;
|
|
||||||
private statusIcons;
|
|
||||||
static styles: import("@design.estate/dees-element").CSSResult[];
|
|
||||||
connectedCallback(): Promise<void>;
|
|
||||||
updated(changedProperties: Map<string, unknown>): void;
|
|
||||||
render(): TemplateResult;
|
|
||||||
private handleMessageChange;
|
|
||||||
private handleAuthorChange;
|
|
||||||
private handleStatusChange;
|
|
||||||
private applyTemplate;
|
|
||||||
private validate;
|
|
||||||
private handlePost;
|
|
||||||
private handleCancel;
|
|
||||||
reset(): void;
|
|
||||||
}
|
|
||||||
@@ -1,2 +0,0 @@
|
|||||||
import './upladmin-incident-update.js';
|
|
||||||
export declare const demoFunc: () => import("@design.estate/dees-element").TemplateResult<1>;
|
|
||||||
@@ -1,90 +0,0 @@
|
|||||||
import { html, css, cssManager } from '@design.estate/dees-element';
|
|
||||||
import './upladmin-incident-update.js';
|
|
||||||
export const demoFunc = () => html `
|
|
||||||
<style>
|
|
||||||
${css `
|
|
||||||
.demo-container {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
gap: 32px;
|
|
||||||
padding: 24px;
|
|
||||||
max-width: 800px;
|
|
||||||
margin: 0 auto;
|
|
||||||
background: ${cssManager.bdTheme('#fafafa', '#0a0a0a')};
|
|
||||||
min-height: 100vh;
|
|
||||||
}
|
|
||||||
|
|
||||||
.demo-section {
|
|
||||||
margin-bottom: 24px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.demo-section h3 {
|
|
||||||
margin: 0 0 16px 0;
|
|
||||||
font-size: 14px;
|
|
||||||
font-weight: 600;
|
|
||||||
color: ${cssManager.bdTheme('#71717a', '#a1a1aa')};
|
|
||||||
text-transform: uppercase;
|
|
||||||
letter-spacing: 0.05em;
|
|
||||||
}
|
|
||||||
`}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
<div class="demo-container">
|
|
||||||
<div class="demo-section">
|
|
||||||
<h3>Update Active Incident (Critical)</h3>
|
|
||||||
<upladmin-incident-update
|
|
||||||
.incident=${{
|
|
||||||
id: 'inc-1',
|
|
||||||
title: 'Database Connection Pool Exhaustion',
|
|
||||||
status: 'investigating',
|
|
||||||
severity: 'critical',
|
|
||||||
affectedServices: ['db', 'api', 'web'],
|
|
||||||
startTime: Date.now() - 30 * 60 * 1000,
|
|
||||||
impact: 'All database-dependent services are experiencing failures.',
|
|
||||||
updates: [
|
|
||||||
{ id: 'u1', timestamp: Date.now() - 30 * 60 * 1000, status: 'investigating', message: 'We are investigating reports of service failures.' },
|
|
||||||
],
|
|
||||||
}}
|
|
||||||
></upladmin-incident-update>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="demo-section">
|
|
||||||
<h3>Update Active Incident (Minor)</h3>
|
|
||||||
<upladmin-incident-update
|
|
||||||
.incident=${{
|
|
||||||
id: 'inc-2',
|
|
||||||
title: 'Elevated API Response Times',
|
|
||||||
status: 'identified',
|
|
||||||
severity: 'minor',
|
|
||||||
affectedServices: ['api'],
|
|
||||||
startTime: Date.now() - 2 * 60 * 60 * 1000,
|
|
||||||
impact: 'API responses may be slower than usual.',
|
|
||||||
updates: [
|
|
||||||
{ id: 'u2', timestamp: Date.now() - 1 * 60 * 60 * 1000, status: 'identified', message: 'Issue identified as increased traffic from a specific client.' },
|
|
||||||
{ id: 'u3', timestamp: Date.now() - 2 * 60 * 60 * 1000, status: 'investigating', message: 'We are investigating elevated response times.' },
|
|
||||||
],
|
|
||||||
}}
|
|
||||||
></upladmin-incident-update>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="demo-section">
|
|
||||||
<h3>Update Maintenance Window</h3>
|
|
||||||
<upladmin-incident-update
|
|
||||||
.incident=${{
|
|
||||||
id: 'inc-3',
|
|
||||||
title: 'Scheduled Infrastructure Upgrade',
|
|
||||||
status: 'monitoring',
|
|
||||||
severity: 'maintenance',
|
|
||||||
affectedServices: ['api', 'web', 'cdn'],
|
|
||||||
startTime: Date.now() - 45 * 60 * 1000,
|
|
||||||
impact: 'Brief interruptions may occur during the upgrade.',
|
|
||||||
updates: [
|
|
||||||
{ id: 'u4', timestamp: Date.now() - 30 * 60 * 1000, status: 'monitoring', message: 'Upgrade complete. Monitoring for any issues.' },
|
|
||||||
{ id: 'u5', timestamp: Date.now() - 45 * 60 * 1000, status: 'investigating', message: 'Starting scheduled infrastructure upgrade.' },
|
|
||||||
],
|
|
||||||
}}
|
|
||||||
></upladmin-incident-update>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
`;
|
|
||||||
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsYWRtaW4taW5jaWRlbnQtdXBkYXRlLmRlbW8uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi90c193ZWIvZWxlbWVudHMvdXBsYWRtaW4taW5jaWRlbnQtdXBkYXRlL3VwbGFkbWluLWluY2lkZW50LXVwZGF0ZS5kZW1vLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQUUsR0FBRyxFQUFFLFVBQVUsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRXBFLE9BQU8sK0JBQStCLENBQUM7QUFFdkMsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQTs7TUFFNUIsR0FBRyxDQUFBOzs7Ozs7OztzQkFRYSxVQUFVLENBQUMsT0FBTyxDQUFDLFNBQVMsRUFBRSxTQUFTLENBQUM7Ozs7Ozs7Ozs7OztpQkFZN0MsVUFBVSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsU0FBUyxDQUFDOzs7O0tBSXBEOzs7Ozs7O29CQU9lO0lBQ1YsRUFBRSxFQUFFLE9BQU87SUFDWCxLQUFLLEVBQUUscUNBQXFDO0lBQzVDLE1BQU0sRUFBRSxlQUFlO0lBQ3ZCLFFBQVEsRUFBRSxVQUFVO0lBQ3BCLGdCQUFnQixFQUFFLENBQUMsSUFBSSxFQUFFLEtBQUssRUFBRSxLQUFLLENBQUM7SUFDdEMsU0FBUyxFQUFFLElBQUksQ0FBQyxHQUFHLEVBQUUsR0FBRyxFQUFFLEdBQUcsRUFBRSxHQUFHLElBQUk7SUFDdEMsTUFBTSxFQUFFLDREQUE0RDtJQUNwRSxPQUFPLEVBQUU7UUFDUCxFQUFFLEVBQUUsRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQyxHQUFHLEVBQUUsR0FBRyxFQUFFLEdBQUcsRUFBRSxHQUFHLElBQUksRUFBRSxNQUFNLEVBQUUsZUFBZSxFQUFFLE9BQU8sRUFBRSxtREFBbUQsRUFBRTtLQUM1STtDQUNrQjs7Ozs7OztvQkFPVDtJQUNWLEVBQUUsRUFBRSxPQUFPO0lBQ1gsS0FBSyxFQUFFLDZCQUE2QjtJQUNwQyxNQUFNLEVBQUUsWUFBWTtJQUNwQixRQUFRLEVBQUUsT0FBTztJQUNqQixnQkFBZ0IsRUFBRSxDQUFDLEtBQUssQ0FBQztJQUN6QixTQUFTLEVBQUUsSUFBSSxDQUFDLEdBQUcsRUFBRSxHQUFHLENBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxHQUFHLElBQUk7SUFDMUMsTUFBTSxFQUFFLHlDQUF5QztJQUNqRCxPQUFPLEVBQUU7UUFDUCxFQUFFLEVBQUUsRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQyxHQUFHLEVBQUUsR0FBRyxDQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsR0FBRyxJQUFJLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxPQUFPLEVBQUUsK0RBQStELEVBQUU7UUFDeEosRUFBRSxFQUFFLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxJQUFJLENBQUMsR0FBRyxFQUFFLEdBQUcsQ0FBQyxHQUFHLEVBQUUsR0FBRyxFQUFFLEdBQUcsSUFBSSxFQUFFLE1BQU0sRUFBRSxlQUFlLEVBQUUsT0FBTyxFQUFFLCtDQUErQyxFQUFFO0tBQzVJO0NBQ2tCOzs7Ozs7O29CQU9UO0lBQ1YsRUFBRSxFQUFFLE9BQU87SUFDWCxLQUFLLEVBQUUsa0NBQWtDO0lBQ3pDLE1BQU0sRUFBRSxZQUFZO0lBQ3BCLFFBQVEsRUFBRSxhQUFhO0lBQ3ZCLGdCQUFnQixFQUFFLENBQUMsS0FBSyxFQUFFLEtBQUssRUFBRSxLQUFLLENBQUM7SUFDdkMsU0FBUyxFQUFFLElBQUksQ0FBQyxHQUFHLEVBQUUsR0FBRyxFQUFFLEdBQUcsRUFBRSxHQUFHLElBQUk7SUFDdEMsTUFBTSxFQUFFLG1EQUFtRDtJQUMzRCxPQUFPLEVBQUU7UUFDUCxFQUFFLEVBQUUsRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQyxHQUFHLEVBQUUsR0FBRyxFQUFFLEdBQUcsRUFBRSxHQUFHLElBQUksRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLE9BQU8sRUFBRSw4Q0FBOEMsRUFBRTtRQUNuSSxFQUFFLEVBQUUsRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQyxHQUFHLEVBQUUsR0FBRyxFQUFFLEdBQUcsRUFBRSxHQUFHLElBQUksRUFBRSxNQUFNLEVBQUUsZUFBZSxFQUFFLE9BQU8sRUFBRSw0Q0FBNEMsRUFBRTtLQUNySTtDQUNrQjs7OztDQUk1QixDQUFDIn0=
|
|
||||||
File diff suppressed because one or more lines are too long
@@ -1 +0,0 @@
|
|||||||
export * from './upladmin-monitor-form.js';
|
|
||||||
@@ -1,2 +0,0 @@
|
|||||||
export * from './upladmin-monitor-form.js';
|
|
||||||
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi90c193ZWIvZWxlbWVudHMvdXBsYWRtaW4tbW9uaXRvci1mb3JtL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsNEJBQTRCLENBQUMifQ==
|
|
||||||
@@ -1,32 +0,0 @@
|
|||||||
import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
|
|
||||||
import type { IMonitorFormData, IServiceStatus } from '../../interfaces/index.js';
|
|
||||||
declare global {
|
|
||||||
interface HTMLElementTagNameMap {
|
|
||||||
'upladmin-monitor-form': UpladminMonitorForm;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
export declare class UpladminMonitorForm extends DeesElement {
|
|
||||||
static demo: () => TemplateResult<1>;
|
|
||||||
accessor monitor: IMonitorFormData | null;
|
|
||||||
accessor availableMonitors: IServiceStatus[];
|
|
||||||
accessor categories: string[];
|
|
||||||
accessor loading: boolean;
|
|
||||||
accessor formData: IMonitorFormData;
|
|
||||||
accessor errors: Record<string, string>;
|
|
||||||
private statusIcons;
|
|
||||||
static styles: import("@design.estate/dees-element").CSSResult[];
|
|
||||||
connectedCallback(): Promise<void>;
|
|
||||||
updated(changedProperties: Map<string, unknown>): void;
|
|
||||||
render(): TemplateResult;
|
|
||||||
private handleNameChange;
|
|
||||||
private handleDisplayNameChange;
|
|
||||||
private handleDescriptionChange;
|
|
||||||
private handleCategoryChange;
|
|
||||||
private handleDependenciesChange;
|
|
||||||
private handleStatusChange;
|
|
||||||
private validate;
|
|
||||||
private handleSave;
|
|
||||||
private handleCancel;
|
|
||||||
reset(): void;
|
|
||||||
setMonitor(monitor: IMonitorFormData): void;
|
|
||||||
}
|
|
||||||
@@ -1,2 +0,0 @@
|
|||||||
import './upladmin-monitor-form.js';
|
|
||||||
export declare const demoFunc: () => import("@design.estate/dees-element").TemplateResult<1>;
|
|
||||||
@@ -1,65 +0,0 @@
|
|||||||
import { html, css, cssManager } from '@design.estate/dees-element';
|
|
||||||
import './upladmin-monitor-form.js';
|
|
||||||
export const demoFunc = () => html `
|
|
||||||
<style>
|
|
||||||
${css `
|
|
||||||
.demo-container {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
gap: 32px;
|
|
||||||
padding: 24px;
|
|
||||||
max-width: 900px;
|
|
||||||
margin: 0 auto;
|
|
||||||
background: ${cssManager.bdTheme('#fafafa', '#0a0a0a')};
|
|
||||||
min-height: 100vh;
|
|
||||||
}
|
|
||||||
|
|
||||||
.demo-section {
|
|
||||||
margin-bottom: 24px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.demo-section h3 {
|
|
||||||
margin: 0 0 16px 0;
|
|
||||||
font-size: 14px;
|
|
||||||
font-weight: 600;
|
|
||||||
color: ${cssManager.bdTheme('#71717a', '#a1a1aa')};
|
|
||||||
text-transform: uppercase;
|
|
||||||
letter-spacing: 0.05em;
|
|
||||||
}
|
|
||||||
`}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
<div class="demo-container">
|
|
||||||
<div class="demo-section">
|
|
||||||
<h3>Create New Monitor</h3>
|
|
||||||
<upladmin-monitor-form
|
|
||||||
.availableMonitors=${[
|
|
||||||
{ id: 'api-server', name: 'api-server', displayName: 'API Server', currentStatus: 'operational', lastChecked: Date.now(), uptime30d: 99.98, uptime90d: 99.95, responseTime: 45 },
|
|
||||||
{ id: 'database', name: 'database', displayName: 'Database', currentStatus: 'operational', lastChecked: Date.now(), uptime30d: 99.99, uptime90d: 99.98, responseTime: 5 },
|
|
||||||
]}
|
|
||||||
.categories=${['Core Services', 'Infrastructure', 'External Services', 'Web Services']}
|
|
||||||
></upladmin-monitor-form>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="demo-section">
|
|
||||||
<h3>Edit Existing Monitor</h3>
|
|
||||||
<upladmin-monitor-form
|
|
||||||
.monitor=${{
|
|
||||||
id: 'cdn',
|
|
||||||
name: 'cdn',
|
|
||||||
displayName: 'Content Delivery Network',
|
|
||||||
description: 'Global CDN for static assets and media files',
|
|
||||||
category: 'Infrastructure',
|
|
||||||
dependencies: ['api-server'],
|
|
||||||
currentStatus: 'degraded',
|
|
||||||
}}
|
|
||||||
.availableMonitors=${[
|
|
||||||
{ id: 'api-server', name: 'api-server', displayName: 'API Server', currentStatus: 'operational', lastChecked: Date.now(), uptime30d: 99.98, uptime90d: 99.95, responseTime: 45 },
|
|
||||||
{ id: 'database', name: 'database', displayName: 'Database', currentStatus: 'operational', lastChecked: Date.now(), uptime30d: 99.99, uptime90d: 99.98, responseTime: 5 },
|
|
||||||
]}
|
|
||||||
.categories=${['Core Services', 'Infrastructure', 'External Services', 'Web Services']}
|
|
||||||
></upladmin-monitor-form>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
`;
|
|
||||||
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsYWRtaW4tbW9uaXRvci1mb3JtLmRlbW8uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi90c193ZWIvZWxlbWVudHMvdXBsYWRtaW4tbW9uaXRvci1mb3JtL3VwbGFkbWluLW1vbml0b3ItZm9ybS5kZW1vLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQUUsR0FBRyxFQUFFLFVBQVUsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRXBFLE9BQU8sNEJBQTRCLENBQUM7QUFFcEMsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQTs7TUFFNUIsR0FBRyxDQUFBOzs7Ozs7OztzQkFRYSxVQUFVLENBQUMsT0FBTyxDQUFDLFNBQVMsRUFBRSxTQUFTLENBQUM7Ozs7Ozs7Ozs7OztpQkFZN0MsVUFBVSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsU0FBUyxDQUFDOzs7O0tBSXBEOzs7Ozs7OzZCQU93QjtJQUNuQixFQUFFLEVBQUUsRUFBRSxZQUFZLEVBQUUsSUFBSSxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsWUFBWSxFQUFFLGFBQWEsRUFBRSxhQUFhLEVBQUUsV0FBVyxFQUFFLElBQUksQ0FBQyxHQUFHLEVBQUUsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsWUFBWSxFQUFFLEVBQUUsRUFBRTtJQUNoTCxFQUFFLEVBQUUsRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxXQUFXLEVBQUUsVUFBVSxFQUFFLGFBQWEsRUFBRSxhQUFhLEVBQUUsV0FBVyxFQUFFLElBQUksQ0FBQyxHQUFHLEVBQUUsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsWUFBWSxFQUFFLENBQUMsRUFBRTtDQUN0SjtzQkFDUCxDQUFDLGVBQWUsRUFBRSxnQkFBZ0IsRUFBRSxtQkFBbUIsRUFBRSxjQUFjLENBQUM7Ozs7Ozs7bUJBTzNFO0lBQ1QsRUFBRSxFQUFFLEtBQUs7SUFDVCxJQUFJLEVBQUUsS0FBSztJQUNYLFdBQVcsRUFBRSwwQkFBMEI7SUFDdkMsV0FBVyxFQUFFLDhDQUE4QztJQUMzRCxRQUFRLEVBQUUsZ0JBQWdCO0lBQzFCLFlBQVksRUFBRSxDQUFDLFlBQVksQ0FBQztJQUM1QixhQUFhLEVBQUUsVUFBVTtDQUMxQjs2QkFDb0I7SUFDbkIsRUFBRSxFQUFFLEVBQUUsWUFBWSxFQUFFLElBQUksRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLFlBQVksRUFBRSxhQUFhLEVBQUUsYUFBYSxFQUFFLFdBQVcsRUFBRSxJQUFJLENBQUMsR0FBRyxFQUFFLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFlBQVksRUFBRSxFQUFFLEVBQUU7SUFDaEwsRUFBRSxFQUFFLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsV0FBVyxFQUFFLFVBQVUsRUFBRSxhQUFhLEVBQUUsYUFBYSxFQUFFLFdBQVcsRUFBRSxJQUFJLENBQUMsR0FBRyxFQUFFLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFlBQVksRUFBRSxDQUFDLEVBQUU7Q0FDdEo7c0JBQ1AsQ0FBQyxlQUFlLEVBQUUsZ0JBQWdCLEVBQUUsbUJBQW1CLEVBQUUsY0FBYyxDQUFDOzs7O0NBSTdGLENBQUMifQ==
|
|
||||||
File diff suppressed because one or more lines are too long
@@ -1 +0,0 @@
|
|||||||
export * from './upladmin-monitor-list.js';
|
|
||||||
@@ -1,2 +0,0 @@
|
|||||||
export * from './upladmin-monitor-list.js';
|
|
||||||
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi90c193ZWIvZWxlbWVudHMvdXBsYWRtaW4tbW9uaXRvci1saXN0L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsNEJBQTRCLENBQUMifQ==
|
|
||||||
@@ -1,29 +0,0 @@
|
|||||||
import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
|
|
||||||
import type { IServiceStatus } from '../../interfaces/index.js';
|
|
||||||
declare global {
|
|
||||||
interface HTMLElementTagNameMap {
|
|
||||||
'upladmin-monitor-list': UpladminMonitorList;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
type TStatusType = 'operational' | 'degraded' | 'partial_outage' | 'major_outage' | 'maintenance';
|
|
||||||
export declare class UpladminMonitorList extends DeesElement {
|
|
||||||
static demo: () => TemplateResult<1>;
|
|
||||||
accessor monitors: IServiceStatus[];
|
|
||||||
accessor loading: boolean;
|
|
||||||
accessor statusFilter: TStatusType | 'all';
|
|
||||||
accessor categoryFilter: string;
|
|
||||||
private statusIcons;
|
|
||||||
private statusLabels;
|
|
||||||
static styles: import("@design.estate/dees-element").CSSResult[];
|
|
||||||
private get filteredMonitors();
|
|
||||||
private get categories();
|
|
||||||
private get tableColumns();
|
|
||||||
private get tableActions();
|
|
||||||
render(): TemplateResult;
|
|
||||||
private handleStatusFilter;
|
|
||||||
private handleCategoryFilter;
|
|
||||||
private handleAddClick;
|
|
||||||
private handleEdit;
|
|
||||||
private handleDelete;
|
|
||||||
}
|
|
||||||
export {};
|
|
||||||
@@ -1,2 +0,0 @@
|
|||||||
import './upladmin-monitor-list.js';
|
|
||||||
export declare const demoFunc: () => import("@design.estate/dees-element").TemplateResult<1>;
|
|
||||||
@@ -1,117 +0,0 @@
|
|||||||
import { html, css, cssManager } from '@design.estate/dees-element';
|
|
||||||
import './upladmin-monitor-list.js';
|
|
||||||
export const demoFunc = () => html `
|
|
||||||
<style>
|
|
||||||
${css `
|
|
||||||
.demo-container {
|
|
||||||
padding: 24px;
|
|
||||||
background: ${cssManager.bdTheme('#fafafa', '#0a0a0a')};
|
|
||||||
min-height: 100vh;
|
|
||||||
}
|
|
||||||
`}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
<div class="demo-container">
|
|
||||||
<upladmin-monitor-list
|
|
||||||
.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: 'redis-cache',
|
|
||||||
name: 'redis-cache',
|
|
||||||
displayName: 'Redis Cache',
|
|
||||||
description: 'In-memory caching layer',
|
|
||||||
currentStatus: 'operational',
|
|
||||||
lastChecked: Date.now(),
|
|
||||||
uptime30d: 99.99,
|
|
||||||
uptime90d: 99.98,
|
|
||||||
responseTime: 2,
|
|
||||||
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',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 'search-engine',
|
|
||||||
name: 'search-engine',
|
|
||||||
displayName: 'Search Engine',
|
|
||||||
description: 'Elasticsearch cluster',
|
|
||||||
currentStatus: 'partial_outage',
|
|
||||||
lastChecked: Date.now(),
|
|
||||||
uptime30d: 98.5,
|
|
||||||
uptime90d: 99.2,
|
|
||||||
responseTime: 150,
|
|
||||||
category: 'Core Services',
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
></upladmin-monitor-list>
|
|
||||||
</div>
|
|
||||||
`;
|
|
||||||
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsYWRtaW4tbW9uaXRvci1saXN0LmRlbW8uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi90c193ZWIvZWxlbWVudHMvdXBsYWRtaW4tbW9uaXRvci1saXN0L3VwbGFkbWluLW1vbml0b3ItbGlzdC5kZW1vLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQUUsR0FBRyxFQUFFLFVBQVUsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRXBFLE9BQU8sNEJBQTRCLENBQUM7QUFFcEMsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQTs7TUFFNUIsR0FBRyxDQUFBOzs7c0JBR2EsVUFBVSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsU0FBUyxDQUFDOzs7S0FHekQ7Ozs7O2tCQUthO0lBQ1Y7UUFDRSxFQUFFLEVBQUUsWUFBWTtRQUNoQixJQUFJLEVBQUUsWUFBWTtRQUNsQixXQUFXLEVBQUUsWUFBWTtRQUN6QixXQUFXLEVBQUUsd0JBQXdCO1FBQ3JDLGFBQWEsRUFBRSxhQUFhO1FBQzVCLFdBQVcsRUFBRSxJQUFJLENBQUMsR0FBRyxFQUFFO1FBQ3ZCLFNBQVMsRUFBRSxLQUFLO1FBQ2hCLFNBQVMsRUFBRSxLQUFLO1FBQ2hCLFlBQVksRUFBRSxFQUFFO1FBQ2hCLFFBQVEsRUFBRSxlQUFlO0tBQzFCO0lBQ0Q7UUFDRSxFQUFFLEVBQUUsU0FBUztRQUNiLElBQUksRUFBRSxTQUFTO1FBQ2YsV0FBVyxFQUFFLGlCQUFpQjtRQUM5QixXQUFXLEVBQUUsaUNBQWlDO1FBQzlDLGFBQWEsRUFBRSxhQUFhO1FBQzVCLFdBQVcsRUFBRSxJQUFJLENBQUMsR0FBRyxFQUFFO1FBQ3ZCLFNBQVMsRUFBRSxLQUFLO1FBQ2hCLFNBQVMsRUFBRSxLQUFLO1FBQ2hCLFlBQVksRUFBRSxHQUFHO1FBQ2pCLFFBQVEsRUFBRSxlQUFlO0tBQzFCO0lBQ0Q7UUFDRSxFQUFFLEVBQUUsa0JBQWtCO1FBQ3RCLElBQUksRUFBRSxrQkFBa0I7UUFDeEIsV0FBVyxFQUFFLGtCQUFrQjtRQUMvQixXQUFXLEVBQUUseUJBQXlCO1FBQ3RDLGFBQWEsRUFBRSxhQUFhO1FBQzVCLFdBQVcsRUFBRSxJQUFJLENBQUMsR0FBRyxFQUFFO1FBQ3ZCLFNBQVMsRUFBRSxNQUFNO1FBQ2pCLFNBQVMsRUFBRSxNQUFNO1FBQ2pCLFlBQVksRUFBRSxDQUFDO1FBQ2YsUUFBUSxFQUFFLGdCQUFnQjtLQUMzQjtJQUNEO1FBQ0UsRUFBRSxFQUFFLEtBQUs7UUFDVCxJQUFJLEVBQUUsS0FBSztRQUNYLFdBQVcsRUFBRSwwQkFBMEI7UUFDdkMsV0FBVyxFQUFFLDhCQUE4QjtRQUMzQyxhQUFhLEVBQUUsVUFBVTtRQUN6QixXQUFXLEVBQUUsSUFBSSxDQUFDLEdBQUcsRUFBRTtRQUN2QixTQUFTLEVBQUUsSUFBSTtRQUNmLFNBQVMsRUFBRSxJQUFJO1FBQ2YsWUFBWSxFQUFFLEdBQUc7UUFDakIsUUFBUSxFQUFFLGdCQUFnQjtLQUMzQjtJQUNEO1FBQ0UsRUFBRSxFQUFFLGFBQWE7UUFDakIsSUFBSSxFQUFFLGFBQWE7UUFDbkIsV0FBVyxFQUFFLGFBQWE7UUFDMUIsV0FBVyxFQUFFLHlCQUF5QjtRQUN0QyxhQUFhLEVBQUUsYUFBYTtRQUM1QixXQUFXLEVBQUUsSUFBSSxDQUFDLEdBQUcsRUFBRTtRQUN2QixTQUFTLEVBQUUsS0FBSztRQUNoQixTQUFTLEVBQUUsS0FBSztRQUNoQixZQUFZLEVBQUUsQ0FBQztRQUNmLFFBQVEsRUFBRSxnQkFBZ0I7S0FDM0I7SUFDRDtRQUNFLEVBQUUsRUFBRSxlQUFlO1FBQ25CLElBQUksRUFBRSxlQUFlO1FBQ3JCLFdBQVcsRUFBRSxlQUFlO1FBQzVCLFdBQVcsRUFBRSw4QkFBOEI7UUFDM0MsYUFBYSxFQUFFLGFBQWE7UUFDNUIsV0FBVyxFQUFFLElBQUksQ0FBQyxHQUFHLEVBQUU7UUFDdkIsU0FBUyxFQUFFLElBQUk7UUFDZixTQUFTLEVBQUUsS0FBSztRQUNoQixZQUFZLEVBQUUsR0FBRztRQUNqQixRQUFRLEVBQUUsbUJBQW1CO0tBQzlCO0lBQ0Q7UUFDRSxFQUFFLEVBQUUsaUJBQWlCO1FBQ3JCLElBQUksRUFBRSxpQkFBaUI7UUFDdkIsV0FBVyxFQUFFLGlCQUFpQjtRQUM5QixXQUFXLEVBQUUsZ0NBQWdDO1FBQzdDLGFBQWEsRUFBRSxhQUFhO1FBQzVCLFdBQVcsRUFBRSxJQUFJLENBQUMsR0FBRyxFQUFFO1FBQ3ZCLFNBQVMsRUFBRSxLQUFLO1FBQ2hCLFNBQVMsRUFBRSxJQUFJO1FBQ2YsWUFBWSxFQUFFLEdBQUc7UUFDakIsUUFBUSxFQUFFLG1CQUFtQjtLQUM5QjtJQUNEO1FBQ0UsRUFBRSxFQUFFLGVBQWU7UUFDbkIsSUFBSSxFQUFFLGVBQWU7UUFDckIsV0FBVyxFQUFFLGVBQWU7UUFDNUIsV0FBVyxFQUFFLHVCQUF1QjtRQUNwQyxhQUFhLEVBQUUsZ0JBQWdCO1FBQy9CLFdBQVcsRUFBRSxJQUFJLENBQUMsR0FBRyxFQUFFO1FBQ3ZCLFNBQVMsRUFBRSxJQUFJO1FBQ2YsU0FBUyxFQUFFLElBQUk7UUFDZixZQUFZLEVBQUUsR0FBRztRQUNqQixRQUFRLEVBQUUsZUFBZTtLQUMxQjtDQUNrQjs7O0NBRzFCLENBQUMifQ==
|
|
||||||
File diff suppressed because one or more lines are too long
@@ -1 +0,0 @@
|
|||||||
export * from './upladmin-statuspage-config.js';
|
|
||||||
@@ -1,2 +0,0 @@
|
|||||||
export * from './upladmin-statuspage-config.js';
|
|
||||||
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi90c193ZWIvZWxlbWVudHMvdXBsYWRtaW4tc3RhdHVzcGFnZS1jb25maWcvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxpQ0FBaUMsQ0FBQyJ9
|
|
||||||
@@ -1,33 +0,0 @@
|
|||||||
import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
|
|
||||||
import type { IStatusPageConfig } from '../../interfaces/index.js';
|
|
||||||
declare global {
|
|
||||||
interface HTMLElementTagNameMap {
|
|
||||||
'upladmin-statuspage-config': UpladminStatuspageConfig;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
export declare class UpladminStatuspageConfig extends DeesElement {
|
|
||||||
static demo: () => TemplateResult<1>;
|
|
||||||
accessor config: IStatusPageConfig;
|
|
||||||
accessor loading: boolean;
|
|
||||||
accessor formData: IStatusPageConfig;
|
|
||||||
accessor activeSection: string;
|
|
||||||
accessor hasChanges: boolean;
|
|
||||||
static styles: import("@design.estate/dees-element").CSSResult[];
|
|
||||||
connectedCallback(): Promise<void>;
|
|
||||||
updated(changedProperties: Map<string, unknown>): void;
|
|
||||||
render(): TemplateResult;
|
|
||||||
private renderSection;
|
|
||||||
private renderBrandingSection;
|
|
||||||
private renderUrlsSection;
|
|
||||||
private renderBehaviorSection;
|
|
||||||
private renderAdvancedSection;
|
|
||||||
private handleTextChange;
|
|
||||||
private handleNumberChange;
|
|
||||||
private handleBooleanChange;
|
|
||||||
private handleDropdownChange;
|
|
||||||
private handleThemeChange;
|
|
||||||
private handleLogoError;
|
|
||||||
private handleSave;
|
|
||||||
private handleReset;
|
|
||||||
setConfig(config: IStatusPageConfig): void;
|
|
||||||
}
|
|
||||||
@@ -1,2 +0,0 @@
|
|||||||
import './upladmin-statuspage-config.js';
|
|
||||||
export declare const demoFunc: () => import("@design.estate/dees-element").TemplateResult<1>;
|
|
||||||
@@ -1,46 +0,0 @@
|
|||||||
import { html, css, cssManager } from '@design.estate/dees-element';
|
|
||||||
import './upladmin-statuspage-config.js';
|
|
||||||
export const demoFunc = () => html `
|
|
||||||
<style>
|
|
||||||
${css `
|
|
||||||
.demo-container {
|
|
||||||
padding: 24px;
|
|
||||||
background: ${cssManager.bdTheme('#fafafa', '#0a0a0a')};
|
|
||||||
min-height: 100vh;
|
|
||||||
}
|
|
||||||
|
|
||||||
.demo-title {
|
|
||||||
margin: 0 0 24px 0;
|
|
||||||
font-size: 14px;
|
|
||||||
font-weight: 600;
|
|
||||||
color: ${cssManager.bdTheme('#71717a', '#a1a1aa')};
|
|
||||||
text-transform: uppercase;
|
|
||||||
letter-spacing: 0.05em;
|
|
||||||
}
|
|
||||||
`}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
<div class="demo-container">
|
|
||||||
<h3 class="demo-title">Status Page Configuration</h3>
|
|
||||||
<upladmin-statuspage-config
|
|
||||||
.config=${{
|
|
||||||
companyName: 'Acme Corporation',
|
|
||||||
companyLogo: 'https://via.placeholder.com/200x60?text=ACME',
|
|
||||||
supportEmail: 'support@acme.example.com',
|
|
||||||
statusPageUrl: 'https://status.acme.example.com',
|
|
||||||
legalUrl: 'https://acme.example.com/terms',
|
|
||||||
apiEndpoint: 'https://api.acme.example.com/status',
|
|
||||||
theme: 'auto',
|
|
||||||
whitelabel: false,
|
|
||||||
refreshInterval: 60,
|
|
||||||
showHistoricalDays: 90,
|
|
||||||
enableWebSocket: true,
|
|
||||||
enableNotifications: false,
|
|
||||||
timeZone: 'America/New_York',
|
|
||||||
language: 'en',
|
|
||||||
dateFormat: 'relative',
|
|
||||||
}}
|
|
||||||
></upladmin-statuspage-config>
|
|
||||||
</div>
|
|
||||||
`;
|
|
||||||
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsYWRtaW4tc3RhdHVzcGFnZS1jb25maWcuZGVtby5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3RzX3dlYi9lbGVtZW50cy91cGxhZG1pbi1zdGF0dXNwYWdlLWNvbmZpZy91cGxhZG1pbi1zdGF0dXNwYWdlLWNvbmZpZy5kZW1vLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQUUsR0FBRyxFQUFFLFVBQVUsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRXBFLE9BQU8saUNBQWlDLENBQUM7QUFFekMsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQTs7TUFFNUIsR0FBRyxDQUFBOzs7c0JBR2EsVUFBVSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsU0FBUyxDQUFDOzs7Ozs7OztpQkFRN0MsVUFBVSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsU0FBUyxDQUFDOzs7O0tBSXBEOzs7Ozs7Z0JBTVc7SUFDUixXQUFXLEVBQUUsa0JBQWtCO0lBQy9CLFdBQVcsRUFBRSw4Q0FBOEM7SUFDM0QsWUFBWSxFQUFFLDBCQUEwQjtJQUN4QyxhQUFhLEVBQUUsaUNBQWlDO0lBQ2hELFFBQVEsRUFBRSxnQ0FBZ0M7SUFDMUMsV0FBVyxFQUFFLHFDQUFxQztJQUNsRCxLQUFLLEVBQUUsTUFBTTtJQUNiLFVBQVUsRUFBRSxLQUFLO0lBQ2pCLGVBQWUsRUFBRSxFQUFFO0lBQ25CLGtCQUFrQixFQUFFLEVBQUU7SUFDdEIsZUFBZSxFQUFFLElBQUk7SUFDckIsbUJBQW1CLEVBQUUsS0FBSztJQUMxQixRQUFRLEVBQUUsa0JBQWtCO0lBQzVCLFFBQVEsRUFBRSxJQUFJO0lBQ2QsVUFBVSxFQUFFLFVBQVU7Q0FDRjs7O0NBRzNCLENBQUMifQ==
|
|
||||||
File diff suppressed because one or more lines are too long
4
dist_ts_web/index.d.ts
vendored
4
dist_ts_web/index.d.ts
vendored
@@ -1,4 +0,0 @@
|
|||||||
export * from './elements/index.js';
|
|
||||||
export * from './pages/index.js';
|
|
||||||
export * from './interfaces/index.js';
|
|
||||||
export * from './services/index.js';
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
export * from './elements/index.js';
|
|
||||||
export * from './pages/index.js';
|
|
||||||
export * from './interfaces/index.js';
|
|
||||||
export * from './services/index.js';
|
|
||||||
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi90c193ZWIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLGtCQUFrQixDQUFDO0FBQ2pDLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyxxQkFBcUIsQ0FBQyJ9
|
|
||||||
88
dist_ts_web/interfaces/index.d.ts
vendored
88
dist_ts_web/interfaces/index.d.ts
vendored
@@ -1,88 +0,0 @@
|
|||||||
export interface IServiceStatus {
|
|
||||||
id: string;
|
|
||||||
name: string;
|
|
||||||
displayName: string;
|
|
||||||
description?: string;
|
|
||||||
currentStatus: 'operational' | 'degraded' | 'partial_outage' | 'major_outage' | 'maintenance';
|
|
||||||
lastChecked: number;
|
|
||||||
uptime30d: number;
|
|
||||||
uptime90d: number;
|
|
||||||
responseTime: number;
|
|
||||||
category?: string;
|
|
||||||
dependencies?: string[];
|
|
||||||
selected?: boolean;
|
|
||||||
}
|
|
||||||
export interface IStatusHistoryPoint {
|
|
||||||
timestamp: number;
|
|
||||||
status: 'operational' | 'degraded' | 'partial_outage' | 'major_outage' | 'maintenance';
|
|
||||||
responseTime?: number;
|
|
||||||
errorRate?: number;
|
|
||||||
}
|
|
||||||
export interface IIncidentUpdate {
|
|
||||||
id: string;
|
|
||||||
timestamp: number;
|
|
||||||
status: 'investigating' | 'identified' | 'monitoring' | 'resolved' | 'postmortem';
|
|
||||||
message: string;
|
|
||||||
author?: string;
|
|
||||||
}
|
|
||||||
export interface IIncidentDetails {
|
|
||||||
id: string;
|
|
||||||
title: string;
|
|
||||||
status: 'investigating' | 'identified' | 'monitoring' | 'resolved' | 'postmortem';
|
|
||||||
severity: 'critical' | 'major' | 'minor' | 'maintenance';
|
|
||||||
affectedServices: string[];
|
|
||||||
startTime: number;
|
|
||||||
endTime?: number;
|
|
||||||
updates: IIncidentUpdate[];
|
|
||||||
impact: string;
|
|
||||||
rootCause?: string;
|
|
||||||
resolution?: string;
|
|
||||||
}
|
|
||||||
export interface IOverallStatus {
|
|
||||||
status: 'operational' | 'degraded' | 'partial_outage' | 'major_outage' | 'maintenance';
|
|
||||||
message: string;
|
|
||||||
lastUpdated: number;
|
|
||||||
affectedServices: number;
|
|
||||||
totalServices: number;
|
|
||||||
}
|
|
||||||
export interface IStatusPageConfig {
|
|
||||||
apiEndpoint?: string;
|
|
||||||
refreshInterval?: number;
|
|
||||||
timeZone?: string;
|
|
||||||
dateFormat?: string;
|
|
||||||
enableWebSocket?: boolean;
|
|
||||||
enableNotifications?: boolean;
|
|
||||||
theme?: 'light' | 'dark' | 'auto';
|
|
||||||
language?: string;
|
|
||||||
showHistoricalDays?: number;
|
|
||||||
whitelabel?: boolean;
|
|
||||||
companyName?: string;
|
|
||||||
companyLogo?: string;
|
|
||||||
supportEmail?: string;
|
|
||||||
statusPageUrl?: string;
|
|
||||||
legalUrl?: string;
|
|
||||||
}
|
|
||||||
export interface IMonitorFormData {
|
|
||||||
id?: string;
|
|
||||||
name: string;
|
|
||||||
displayName: string;
|
|
||||||
description?: string;
|
|
||||||
category?: string;
|
|
||||||
dependencies?: string[];
|
|
||||||
currentStatus: 'operational' | 'degraded' | 'partial_outage' | 'major_outage' | 'maintenance';
|
|
||||||
}
|
|
||||||
export interface IIncidentFormData {
|
|
||||||
id?: string;
|
|
||||||
title: string;
|
|
||||||
severity: 'critical' | 'major' | 'minor' | 'maintenance';
|
|
||||||
status: 'investigating' | 'identified' | 'monitoring' | 'resolved' | 'postmortem';
|
|
||||||
affectedServices: string[];
|
|
||||||
impact: string;
|
|
||||||
rootCause?: string;
|
|
||||||
resolution?: string;
|
|
||||||
}
|
|
||||||
export interface IIncidentUpdateFormData {
|
|
||||||
status: 'investigating' | 'identified' | 'monitoring' | 'resolved' | 'postmortem';
|
|
||||||
message: string;
|
|
||||||
author?: string;
|
|
||||||
}
|
|
||||||
@@ -1,2 +0,0 @@
|
|||||||
export {};
|
|
||||||
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvaW50ZXJmYWNlcy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=
|
|
||||||
3
dist_ts_web/pages/adminpage-config.d.ts
vendored
3
dist_ts_web/pages/adminpage-config.d.ts
vendored
@@ -1,3 +0,0 @@
|
|||||||
import '../elements/index.js';
|
|
||||||
export declare const adminpageConfig: () => import("@design.estate/dees-element").TemplateResult<1>;
|
|
||||||
export declare const adminpageConfigWhitelabel: () => import("@design.estate/dees-element").TemplateResult<1>;
|
|
||||||
@@ -1,77 +0,0 @@
|
|||||||
import { html, cssManager } from "@design.estate/dees-element";
|
|
||||||
import '../elements/index.js';
|
|
||||||
export const adminpageConfig = () => 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 config = wrapperElement.querySelector('upladmin-statuspage-config');
|
|
||||||
const configData = {
|
|
||||||
companyName: 'CloudFlow Inc.',
|
|
||||||
companyLogo: '',
|
|
||||||
supportEmail: 'support@cloudflow.io',
|
|
||||||
statusPageUrl: 'https://status.cloudflow.io',
|
|
||||||
legalUrl: 'https://cloudflow.io/terms',
|
|
||||||
apiEndpoint: 'https://api.cloudflow.io/status',
|
|
||||||
refreshInterval: 60,
|
|
||||||
showHistoricalDays: 90,
|
|
||||||
theme: 'auto',
|
|
||||||
language: 'en',
|
|
||||||
timeZone: 'UTC',
|
|
||||||
dateFormat: 'relative',
|
|
||||||
enableWebSocket: true,
|
|
||||||
enableNotifications: false,
|
|
||||||
whitelabel: false,
|
|
||||||
};
|
|
||||||
config.config = configData;
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<upladmin-statuspage-config></upladmin-statuspage-config>
|
|
||||||
</dees-demowrapper>
|
|
||||||
</div>
|
|
||||||
`;
|
|
||||||
export const adminpageConfigWhitelabel = () => 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 config = wrapperElement.querySelector('upladmin-statuspage-config');
|
|
||||||
const configData = {
|
|
||||||
companyName: 'Enterprise Corp',
|
|
||||||
companyLogo: 'https://via.placeholder.com/200x60/1a1a2e/ffffff?text=ENTERPRISE',
|
|
||||||
supportEmail: 'support@enterprise.com',
|
|
||||||
statusPageUrl: 'https://status.enterprise.com',
|
|
||||||
legalUrl: 'https://enterprise.com/legal',
|
|
||||||
apiEndpoint: 'https://api.enterprise.com/v2/status',
|
|
||||||
refreshInterval: 30,
|
|
||||||
showHistoricalDays: 180,
|
|
||||||
theme: 'dark',
|
|
||||||
language: 'en',
|
|
||||||
timeZone: 'America/New_York',
|
|
||||||
dateFormat: 'absolute',
|
|
||||||
enableWebSocket: true,
|
|
||||||
enableNotifications: true,
|
|
||||||
whitelabel: true,
|
|
||||||
};
|
|
||||||
config.config = configData;
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<upladmin-statuspage-config></upladmin-statuspage-config>
|
|
||||||
</dees-demowrapper>
|
|
||||||
</div>
|
|
||||||
`;
|
|
||||||
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRtaW5wYWdlLWNvbmZpZy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9wYWdlcy9hZG1pbnBhZ2UtY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFFL0QsT0FBTyxzQkFBc0IsQ0FBQztBQUU5QixNQUFNLENBQUMsTUFBTSxlQUFlLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBOzs7O29CQUlyQixVQUFVLENBQUMsT0FBTyxDQUFDLFNBQVMsRUFBRSxTQUFTLENBQUM7Ozs7Ozs7c0JBT3RDLEtBQUssRUFBRSxjQUFtQixFQUFFLEVBQUU7SUFDOUMsTUFBTSxNQUFNLEdBQUcsY0FBYyxDQUFDLGFBQWEsQ0FBQyw0QkFBNEIsQ0FBUSxDQUFDO0lBRWpGLE1BQU0sVUFBVSxHQUFzQjtRQUNwQyxXQUFXLEVBQUUsZ0JBQWdCO1FBQzdCLFdBQVcsRUFBRSxFQUFFO1FBQ2YsWUFBWSxFQUFFLHNCQUFzQjtRQUNwQyxhQUFhLEVBQUUsNkJBQTZCO1FBQzVDLFFBQVEsRUFBRSw0QkFBNEI7UUFDdEMsV0FBVyxFQUFFLGlDQUFpQztRQUM5QyxlQUFlLEVBQUUsRUFBRTtRQUNuQixrQkFBa0IsRUFBRSxFQUFFO1FBQ3RCLEtBQUssRUFBRSxNQUFNO1FBQ2IsUUFBUSxFQUFFLElBQUk7UUFDZCxRQUFRLEVBQUUsS0FBSztRQUNmLFVBQVUsRUFBRSxVQUFVO1FBQ3RCLGVBQWUsRUFBRSxJQUFJO1FBQ3JCLG1CQUFtQixFQUFFLEtBQUs7UUFDMUIsVUFBVSxFQUFFLEtBQUs7S0FDbEIsQ0FBQztJQUVGLE1BQU0sQ0FBQyxNQUFNLEdBQUcsVUFBVSxDQUFDO0FBQzdCLENBQUM7Ozs7O0NBS0osQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLHlCQUF5QixHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQTs7OztvQkFJL0IsVUFBVSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsU0FBUyxDQUFDOzs7Ozs7O3NCQU90QyxLQUFLLEVBQUUsY0FBbUIsRUFBRSxFQUFFO0lBQzlDLE1BQU0sTUFBTSxHQUFHLGNBQWMsQ0FBQyxhQUFhLENBQUMsNEJBQTRCLENBQVEsQ0FBQztJQUVqRixNQUFNLFVBQVUsR0FBc0I7UUFDcEMsV0FBVyxFQUFFLGlCQUFpQjtRQUM5QixXQUFXLEVBQUUsa0VBQWtFO1FBQy9FLFlBQVksRUFBRSx3QkFBd0I7UUFDdEMsYUFBYSxFQUFFLCtCQUErQjtRQUM5QyxRQUFRLEVBQUUsOEJBQThCO1FBQ3hDLFdBQVcsRUFBRSxzQ0FBc0M7UUFDbkQsZUFBZSxFQUFFLEVBQUU7UUFDbkIsa0JBQWtCLEVBQUUsR0FBRztRQUN2QixLQUFLLEVBQUUsTUFBTTtRQUNiLFFBQVEsRUFBRSxJQUFJO1FBQ2QsUUFBUSxFQUFFLGtCQUFrQjtRQUM1QixVQUFVLEVBQUUsVUFBVTtRQUN0QixlQUFlLEVBQUUsSUFBSTtRQUNyQixtQkFBbUIsRUFBRSxJQUFJO1FBQ3pCLFVBQVUsRUFBRSxJQUFJO0tBQ2pCLENBQUM7SUFFRixNQUFNLENBQUMsTUFBTSxHQUFHLFVBQVUsQ0FBQztBQUM3QixDQUFDOzs7OztDQUtKLENBQUMifQ==
|
|
||||||
2
dist_ts_web/pages/adminpage-dashboard.d.ts
vendored
2
dist_ts_web/pages/adminpage-dashboard.d.ts
vendored
@@ -1,2 +0,0 @@
|
|||||||
import '../elements/index.js';
|
|
||||||
export declare const adminpageDashboard: () => import("@design.estate/dees-element").TemplateResult<1>;
|
|
||||||
@@ -1,152 +0,0 @@
|
|||||||
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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
|
|
||||||
4
dist_ts_web/pages/adminpage-incidents.d.ts
vendored
4
dist_ts_web/pages/adminpage-incidents.d.ts
vendored
@@ -1,4 +0,0 @@
|
|||||||
import '../elements/index.js';
|
|
||||||
export declare const adminpageIncidents: () => import("@design.estate/dees-element").TemplateResult<1>;
|
|
||||||
export declare const adminpageIncidentForm: () => import("@design.estate/dees-element").TemplateResult<1>;
|
|
||||||
export declare const adminpageIncidentUpdate: () => import("@design.estate/dees-element").TemplateResult<1>;
|
|
||||||
File diff suppressed because one or more lines are too long
4
dist_ts_web/pages/adminpage-monitors.d.ts
vendored
4
dist_ts_web/pages/adminpage-monitors.d.ts
vendored
@@ -1,4 +0,0 @@
|
|||||||
import '../elements/index.js';
|
|
||||||
export declare const adminpageMonitors: () => import("@design.estate/dees-element").TemplateResult<1>;
|
|
||||||
export declare const adminpageMonitorForm: () => import("@design.estate/dees-element").TemplateResult<1>;
|
|
||||||
export declare const adminpageMonitorFormEdit: () => import("@design.estate/dees-element").TemplateResult<1>;
|
|
||||||
File diff suppressed because one or more lines are too long
5
dist_ts_web/pages/index.d.ts
vendored
5
dist_ts_web/pages/index.d.ts
vendored
@@ -1,5 +0,0 @@
|
|||||||
export * from './adminpage-dashboard.js';
|
|
||||||
export * from './adminpage-monitors.js';
|
|
||||||
export * from './adminpage-incidents.js';
|
|
||||||
export * from './adminpage-config.js';
|
|
||||||
export { demoFunc as adminpageApp } from './upladmin-app/upladmin-app.demo.js';
|
|
||||||
@@ -1,6 +0,0 @@
|
|||||||
export * from './adminpage-dashboard.js';
|
|
||||||
export * from './adminpage-monitors.js';
|
|
||||||
export * from './adminpage-incidents.js';
|
|
||||||
export * from './adminpage-config.js';
|
|
||||||
export { demoFunc as adminpageApp } from './upladmin-app/upladmin-app.demo.js';
|
|
||||||
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvcGFnZXMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYywwQkFBMEIsQ0FBQztBQUN6QyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxPQUFPLEVBQUUsUUFBUSxJQUFJLFlBQVksRUFBRSxNQUFNLHFDQUFxQyxDQUFDIn0=
|
|
||||||
24
dist_ts_web/pages/upladmin-app/upladmin-app.d.ts
vendored
24
dist_ts_web/pages/upladmin-app/upladmin-app.d.ts
vendored
@@ -1,24 +0,0 @@
|
|||||||
import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
|
|
||||||
import type { DeesAppuiBase } from '@design.estate/dees-catalog';
|
|
||||||
import '../../elements/upladmin-dashboard/upladmin-dashboard.js';
|
|
||||||
import '../../elements/upladmin-monitor-list/upladmin-monitor-list.js';
|
|
||||||
import '../../elements/upladmin-monitor-form/upladmin-monitor-form.js';
|
|
||||||
import '../../elements/upladmin-incident-list/upladmin-incident-list.js';
|
|
||||||
import '../../elements/upladmin-incident-form/upladmin-incident-form.js';
|
|
||||||
import '../../elements/upladmin-incident-update/upladmin-incident-update.js';
|
|
||||||
import '../../elements/upladmin-statuspage-config/upladmin-statuspage-config.js';
|
|
||||||
declare global {
|
|
||||||
interface HTMLElementTagNameMap {
|
|
||||||
'upladmin-app': UpladminApp;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
export declare class UpladminApp extends DeesElement {
|
|
||||||
static demo: () => TemplateResult<1>;
|
|
||||||
accessor appuiBase: DeesAppuiBase | null;
|
|
||||||
static styles: import("@design.estate/dees-element").CSSResult[];
|
|
||||||
firstUpdated(): Promise<void>;
|
|
||||||
private configureApp;
|
|
||||||
private setupStateSubscriptions;
|
|
||||||
private reloadData;
|
|
||||||
render(): TemplateResult;
|
|
||||||
}
|
|
||||||
@@ -1,2 +0,0 @@
|
|||||||
import './upladmin-app.js';
|
|
||||||
export declare const demoFunc: () => import("@design.estate/dees-element").TemplateResult<1>;
|
|
||||||
@@ -1,166 +0,0 @@
|
|||||||
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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
|
|
||||||
File diff suppressed because one or more lines are too long
4
dist_ts_web/plugins.d.ts
vendored
4
dist_ts_web/plugins.d.ts
vendored
@@ -1,4 +0,0 @@
|
|||||||
import * as domtools from '@design.estate/dees-domtools';
|
|
||||||
import * as deesCatalog from '@design.estate/dees-catalog';
|
|
||||||
import * as uplInterfaces from '@uptime.link/interfaces';
|
|
||||||
export { domtools, deesCatalog, uplInterfaces };
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
import * as domtools from '@design.estate/dees-domtools';
|
|
||||||
import * as deesCatalog from '@design.estate/dees-catalog';
|
|
||||||
import * as uplInterfaces from '@uptime.link/interfaces';
|
|
||||||
export { domtools, deesCatalog, uplInterfaces };
|
|
||||||
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGx1Z2lucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3RzX3dlYi9wbHVnaW5zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxRQUFRLE1BQU0sOEJBQThCLENBQUM7QUFDekQsT0FBTyxLQUFLLFdBQVcsTUFBTSw2QkFBNkIsQ0FBQztBQUMzRCxPQUFPLEtBQUssYUFBYSxNQUFNLHlCQUF5QixDQUFDO0FBRXpELE9BQU8sRUFDTCxRQUFRLEVBQ1IsV0FBVyxFQUNYLGFBQWEsRUFDZCxDQUFBIn0=
|
|
||||||
50
dist_ts_web/services/admin-state.d.ts
vendored
50
dist_ts_web/services/admin-state.d.ts
vendored
@@ -1,50 +0,0 @@
|
|||||||
import type { IServiceStatus, IIncidentDetails, IStatusPageConfig, IMonitorFormData, IIncidentFormData } from '../interfaces/index.js';
|
|
||||||
type TStateChangeListener<T> = (data: T) => void;
|
|
||||||
/**
|
|
||||||
* Simple observable implementation for state changes
|
|
||||||
*/
|
|
||||||
declare class SimpleObservable<T> {
|
|
||||||
private listeners;
|
|
||||||
subscribe(listener: TStateChangeListener<T>): () => void;
|
|
||||||
next(value: T): void;
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* Centralized state management for the admin dashboard.
|
|
||||||
* Handles cross-view data passing and state synchronization.
|
|
||||||
*/
|
|
||||||
export declare class AdminState {
|
|
||||||
monitors$: SimpleObservable<IServiceStatus[]>;
|
|
||||||
incidents$: SimpleObservable<IIncidentDetails[]>;
|
|
||||||
config$: SimpleObservable<IStatusPageConfig>;
|
|
||||||
private _monitors;
|
|
||||||
private _incidents;
|
|
||||||
private _config;
|
|
||||||
private _selectedMonitor;
|
|
||||||
private _selectedIncident;
|
|
||||||
get monitors(): IServiceStatus[];
|
|
||||||
set monitors(value: IServiceStatus[]);
|
|
||||||
get incidents(): IIncidentDetails[];
|
|
||||||
set incidents(value: IIncidentDetails[]);
|
|
||||||
get config(): IStatusPageConfig | null;
|
|
||||||
set config(value: IStatusPageConfig | null);
|
|
||||||
setSelectedMonitor(monitor: IServiceStatus | null): void;
|
|
||||||
getSelectedMonitor(): IServiceStatus | null;
|
|
||||||
clearSelectedMonitor(): void;
|
|
||||||
setSelectedIncident(incident: IIncidentDetails | null): void;
|
|
||||||
getSelectedIncident(): IIncidentDetails | null;
|
|
||||||
clearSelectedIncident(): void;
|
|
||||||
getCategories(): string[];
|
|
||||||
getAvailableServices(): IServiceStatus[];
|
|
||||||
getMonitorById(id: string): IServiceStatus | undefined;
|
|
||||||
getIncidentById(id: string): IIncidentDetails | undefined;
|
|
||||||
getActiveIncidents(): IIncidentDetails[];
|
|
||||||
getPastIncidents(): IIncidentDetails[];
|
|
||||||
addMonitor(monitor: IServiceStatus): void;
|
|
||||||
updateMonitor(id: string, data: Partial<IMonitorFormData>): void;
|
|
||||||
deleteMonitor(id: string): void;
|
|
||||||
addIncident(incident: IIncidentDetails): void;
|
|
||||||
updateIncident(id: string, data: Partial<IIncidentFormData>): void;
|
|
||||||
deleteIncident(id: string): void;
|
|
||||||
}
|
|
||||||
export declare const adminState: AdminState;
|
|
||||||
export {};
|
|
||||||
File diff suppressed because one or more lines are too long
1
dist_ts_web/services/index.d.ts
vendored
1
dist_ts_web/services/index.d.ts
vendored
@@ -1 +0,0 @@
|
|||||||
export * from './admin-state.js';
|
|
||||||
@@ -1,2 +0,0 @@
|
|||||||
export * from './admin-state.js';
|
|
||||||
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvc2VydmljZXMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxrQkFBa0IsQ0FBQyJ9
|
|
||||||
91
dist_ts_web/styles/shared.styles.d.ts
vendored
91
dist_ts_web/styles/shared.styles.d.ts
vendored
@@ -1,91 +0,0 @@
|
|||||||
export declare const fonts: {
|
|
||||||
base: string;
|
|
||||||
mono: string;
|
|
||||||
};
|
|
||||||
export declare const colors: {
|
|
||||||
background: {
|
|
||||||
primary: import("@design.estate/dees-element").CSSResult;
|
|
||||||
secondary: import("@design.estate/dees-element").CSSResult;
|
|
||||||
muted: import("@design.estate/dees-element").CSSResult;
|
|
||||||
card: import("@design.estate/dees-element").CSSResult;
|
|
||||||
elevated: import("@design.estate/dees-element").CSSResult;
|
|
||||||
};
|
|
||||||
border: {
|
|
||||||
default: import("@design.estate/dees-element").CSSResult;
|
|
||||||
muted: import("@design.estate/dees-element").CSSResult;
|
|
||||||
subtle: import("@design.estate/dees-element").CSSResult;
|
|
||||||
light: import("@design.estate/dees-element").CSSResult;
|
|
||||||
strong: import("@design.estate/dees-element").CSSResult;
|
|
||||||
};
|
|
||||||
text: {
|
|
||||||
primary: import("@design.estate/dees-element").CSSResult;
|
|
||||||
secondary: import("@design.estate/dees-element").CSSResult;
|
|
||||||
muted: import("@design.estate/dees-element").CSSResult;
|
|
||||||
};
|
|
||||||
status: {
|
|
||||||
operational: import("@design.estate/dees-element").CSSResult;
|
|
||||||
degraded: import("@design.estate/dees-element").CSSResult;
|
|
||||||
partial: import("@design.estate/dees-element").CSSResult;
|
|
||||||
major: import("@design.estate/dees-element").CSSResult;
|
|
||||||
maintenance: import("@design.estate/dees-element").CSSResult;
|
|
||||||
partialOutage: import("@design.estate/dees-element").CSSResult;
|
|
||||||
majorOutage: import("@design.estate/dees-element").CSSResult;
|
|
||||||
};
|
|
||||||
accent: {
|
|
||||||
primary: import("@design.estate/dees-element").CSSResult;
|
|
||||||
hover: import("@design.estate/dees-element").CSSResult;
|
|
||||||
focus: import("@design.estate/dees-element").CSSResult;
|
|
||||||
danger: import("@design.estate/dees-element").CSSResult;
|
|
||||||
dangerHover: import("@design.estate/dees-element").CSSResult;
|
|
||||||
success: import("@design.estate/dees-element").CSSResult;
|
|
||||||
warning: import("@design.estate/dees-element").CSSResult;
|
|
||||||
};
|
|
||||||
};
|
|
||||||
export declare const shadows: {
|
|
||||||
xs: string;
|
|
||||||
sm: string;
|
|
||||||
base: string;
|
|
||||||
md: string;
|
|
||||||
lg: string;
|
|
||||||
xl: string;
|
|
||||||
inner: string;
|
|
||||||
};
|
|
||||||
export declare const borderRadius: {
|
|
||||||
xs: string;
|
|
||||||
sm: string;
|
|
||||||
base: string;
|
|
||||||
md: string;
|
|
||||||
lg: string;
|
|
||||||
xl: string;
|
|
||||||
'2xl': string;
|
|
||||||
full: string;
|
|
||||||
};
|
|
||||||
export declare const spacing: {
|
|
||||||
xs: string;
|
|
||||||
sm: string;
|
|
||||||
md: string;
|
|
||||||
lg: string;
|
|
||||||
xl: string;
|
|
||||||
'2xl': string;
|
|
||||||
'3xl': string;
|
|
||||||
'4xl': string;
|
|
||||||
};
|
|
||||||
export declare const easings: {
|
|
||||||
default: string;
|
|
||||||
smooth: string;
|
|
||||||
bounce: string;
|
|
||||||
snappy: string;
|
|
||||||
spring: string;
|
|
||||||
};
|
|
||||||
export declare const durations: {
|
|
||||||
instant: string;
|
|
||||||
fast: string;
|
|
||||||
normal: string;
|
|
||||||
slow: string;
|
|
||||||
slower: string;
|
|
||||||
slowest: string;
|
|
||||||
};
|
|
||||||
export declare const commonStyles: import("@design.estate/dees-element").CSSResult;
|
|
||||||
export declare const getStatusColor: (status: string) => import("@design.estate/dees-element").CSSResult;
|
|
||||||
export declare const getSeverityLabel: (severity: string) => string;
|
|
||||||
export declare const getStatusLabel: (status: string) => string;
|
|
||||||
File diff suppressed because one or more lines are too long
243750
dist_watch/bundle.js
243750
dist_watch/bundle.js
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -1,29 +0,0 @@
|
|||||||
<!--gitzone element-->
|
|
||||||
<!-- made by Task Venture Capital GmbH -->
|
|
||||||
<!-- checkout https://maintainedby.lossless.com for awesome OpenSource projects -->
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<!--Lets set some basic meta tags-->
|
|
||||||
<meta
|
|
||||||
name="viewport"
|
|
||||||
content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height"
|
|
||||||
/>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
||||||
|
|
||||||
<!--Lets load standard fonts-->
|
|
||||||
<link rel="preconnect" href="https://assetbroker.lossless.one/" crossorigin>
|
|
||||||
<link rel="preload" href="https://assetbroker.lossless.one/fonts/geist-sans/geistvf.woff2" as="font" type="font/woff2" crossorigin>
|
|
||||||
<link rel="stylesheet" href="https://assetbroker.lossless.one/fonts/fonts.css">
|
|
||||||
|
|
||||||
<style>
|
|
||||||
body {
|
|
||||||
margin: 0px;
|
|
||||||
background: #222222;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
<script type="module" src="/bundle.js"></script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@uptime.link/statuspage-admin",
|
"name": "@uptime.link/statuspage-admin",
|
||||||
"version": "1.0.1",
|
"version": "1.1.0",
|
||||||
"private": false,
|
"private": false,
|
||||||
"description": "Admin components for managing UptimeLink status pages, monitors, and incidents.",
|
"description": "Admin components for managing UptimeLink status pages, monitors, and incidents.",
|
||||||
"main": "dist_ts_web/index.js",
|
"main": "dist_ts_web/index.js",
|
||||||
|
|||||||
@@ -3,6 +3,6 @@
|
|||||||
*/
|
*/
|
||||||
export const commitinfo = {
|
export const commitinfo = {
|
||||||
name: '@uptime.link/statuspage-admin',
|
name: '@uptime.link/statuspage-admin',
|
||||||
version: '1.0.1',
|
version: '1.1.0',
|
||||||
description: 'Admin components for managing UptimeLink status pages, monitors, and incidents.'
|
description: 'Admin components for managing UptimeLink status pages, monitors, and incidents.'
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -308,11 +308,12 @@ export class UpladminIncidentUpdate extends DeesElement {
|
|||||||
{ value: 'postmortem', label: 'Postmortem', desc: 'Analysis complete' },
|
{ value: 'postmortem', label: 'Postmortem', desc: 'Analysis complete' },
|
||||||
];
|
];
|
||||||
|
|
||||||
const templates: Array<{ icon: string; label: string; message: string }> = [
|
const templates: Array<{ icon: string; label: string; status: TIncidentStatus; message: string }> = [
|
||||||
{ icon: 'lucide:Search', label: 'Started investigating', message: 'We are currently investigating this issue.' },
|
{ icon: 'lucide:Search', label: 'Started investigating', status: 'investigating', message: 'We are currently investigating this issue.' },
|
||||||
{ icon: 'lucide:Target', label: 'Issue identified', message: 'We have identified the root cause and are working on a fix.' },
|
{ icon: 'lucide:Target', label: 'Issue identified', status: 'identified', message: 'We have identified the root cause and are working on a fix.' },
|
||||||
{ icon: 'lucide:Rocket', label: 'Fix deployed', message: 'A fix has been deployed. We are monitoring the results.' },
|
{ icon: 'lucide:Rocket', label: 'Fix deployed', status: 'monitoring', message: 'A fix has been deployed. We are monitoring the results.' },
|
||||||
{ icon: 'lucide:CheckCircle', label: 'Resolved', message: 'This incident has been resolved. All systems are operating normally.' },
|
{ icon: 'lucide:CheckCircle', label: 'Resolved', status: 'resolved', message: 'This incident has been resolved. All systems are operating normally.' },
|
||||||
|
{ icon: 'lucide:FileText', label: 'Postmortem', status: 'postmortem', message: 'Postmortem will be released shortly.' },
|
||||||
];
|
];
|
||||||
|
|
||||||
const severityIcons: Record<string, string> = {
|
const severityIcons: Record<string, string> = {
|
||||||
@@ -340,6 +341,19 @@ export class UpladminIncidentUpdate extends DeesElement {
|
|||||||
|
|
||||||
<div class="update-body">
|
<div class="update-body">
|
||||||
<dees-form>
|
<dees-form>
|
||||||
|
<div class="template-section">
|
||||||
|
<label class="field-label">Quick Templates</label>
|
||||||
|
<div class="template-label">Select a template to prefill status and message:</div>
|
||||||
|
<div class="template-buttons">
|
||||||
|
${templates.map(tpl => html`
|
||||||
|
<button type="button" class="template-btn" @click="${() => this.applyTemplate(tpl)}">
|
||||||
|
<dees-icon .icon=${tpl.icon} .iconSize=${12}></dees-icon>
|
||||||
|
${tpl.label}
|
||||||
|
</button>
|
||||||
|
`)}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<label class="field-label required">Status</label>
|
<label class="field-label required">Status</label>
|
||||||
<div class="status-grid">
|
<div class="status-grid">
|
||||||
@@ -364,17 +378,6 @@ export class UpladminIncidentUpdate extends DeesElement {
|
|||||||
|
|
||||||
<div>
|
<div>
|
||||||
<label class="field-label required">Update Message</label>
|
<label class="field-label required">Update Message</label>
|
||||||
<div class="template-section">
|
|
||||||
<div class="template-label">Quick templates:</div>
|
|
||||||
<div class="template-buttons">
|
|
||||||
${templates.map(tpl => html`
|
|
||||||
<button type="button" class="template-btn" @click="${() => this.applyTemplate(tpl.message)}">
|
|
||||||
<dees-icon .icon=${tpl.icon} .iconSize=${12}></dees-icon>
|
|
||||||
${tpl.label}
|
|
||||||
</button>
|
|
||||||
`)}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<dees-input-text
|
<dees-input-text
|
||||||
key="message"
|
key="message"
|
||||||
inputType="textarea"
|
inputType="textarea"
|
||||||
@@ -430,8 +433,8 @@ export class UpladminIncidentUpdate extends DeesElement {
|
|||||||
this.formData = { ...this.formData, status };
|
this.formData = { ...this.formData, status };
|
||||||
}
|
}
|
||||||
|
|
||||||
private applyTemplate(message: string) {
|
private applyTemplate(template: { status: TIncidentStatus; message: string }) {
|
||||||
this.formData = { ...this.formData, message };
|
this.formData = { ...this.formData, status: template.status, message: template.message };
|
||||||
}
|
}
|
||||||
|
|
||||||
private validate(): boolean {
|
private validate(): boolean {
|
||||||
|
|||||||
@@ -11,7 +11,7 @@ import {
|
|||||||
state,
|
state,
|
||||||
} from '@design.estate/dees-element';
|
} from '@design.estate/dees-element';
|
||||||
import * as sharedStyles from '../../styles/shared.styles.js';
|
import * as sharedStyles from '../../styles/shared.styles.js';
|
||||||
import type { IMonitorFormData, IServiceStatus } from '../../interfaces/index.js';
|
import type { IMonitorFormData, IServiceStatus, ICheckConfig, TStatusType, TCheckType, TStatusMode } from '../../interfaces/index.js';
|
||||||
import { demoFunc } from './upladmin-monitor-form.demo.js';
|
import { demoFunc } from './upladmin-monitor-form.demo.js';
|
||||||
|
|
||||||
declare global {
|
declare global {
|
||||||
@@ -20,8 +20,6 @@ declare global {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
type TStatusType = 'operational' | 'degraded' | 'partial_outage' | 'major_outage' | 'maintenance';
|
|
||||||
|
|
||||||
@customElement('upladmin-monitor-form')
|
@customElement('upladmin-monitor-form')
|
||||||
export class UpladminMonitorForm extends DeesElement {
|
export class UpladminMonitorForm extends DeesElement {
|
||||||
public static demo = demoFunc;
|
public static demo = demoFunc;
|
||||||
@@ -45,80 +43,82 @@ export class UpladminMonitorForm extends DeesElement {
|
|||||||
description: '',
|
description: '',
|
||||||
category: '',
|
category: '',
|
||||||
dependencies: [],
|
dependencies: [],
|
||||||
currentStatus: 'operational',
|
statusMode: 'auto',
|
||||||
|
paused: false,
|
||||||
|
checkType: 'assumption',
|
||||||
|
checkConfig: { domain: '' },
|
||||||
|
intervalMs: 300000,
|
||||||
};
|
};
|
||||||
|
|
||||||
@state()
|
@state()
|
||||||
accessor errors: Record<string, string> = {};
|
accessor errors: Record<string, string> = {};
|
||||||
|
|
||||||
private statusIcons: Record<TStatusType, string> = {
|
private checkTypeLabels: Record<TCheckType, string> = {
|
||||||
operational: 'lucide:CheckCircle',
|
assumption: 'Assumption',
|
||||||
degraded: 'lucide:AlertTriangle',
|
function: 'Function',
|
||||||
partial_outage: 'lucide:AlertOctagon',
|
pwa: 'PWA',
|
||||||
major_outage: 'lucide:XCircle',
|
pagerank: 'PageRank',
|
||||||
maintenance: 'lucide:Wrench',
|
|
||||||
};
|
};
|
||||||
|
|
||||||
|
private intervalOptions = [
|
||||||
|
{ value: 60000, label: '1 min' },
|
||||||
|
{ value: 300000, label: '5 min' },
|
||||||
|
{ value: 900000, label: '15 min' },
|
||||||
|
{ value: 1800000, label: '30 min' },
|
||||||
|
{ value: 3600000, label: '1 hour' },
|
||||||
|
];
|
||||||
|
|
||||||
public static styles = [
|
public static styles = [
|
||||||
plugins.domtools.elementBasic.staticStyles,
|
plugins.domtools.elementBasic.staticStyles,
|
||||||
sharedStyles.commonStyles,
|
sharedStyles.commonStyles,
|
||||||
css`
|
css`
|
||||||
:host {
|
:host {
|
||||||
display: block;
|
display: block;
|
||||||
font-family: ${unsafeCSS(sharedStyles.fonts.base)};
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.form-container {
|
.form-container {
|
||||||
background: ${sharedStyles.colors.background.secondary};
|
background: ${cssManager.bdTheme('#ffffff', '#09090b')};
|
||||||
border: 1px solid ${sharedStyles.colors.border.default};
|
border: 1px solid ${cssManager.bdTheme('#e5e7eb', '#27272a')};
|
||||||
border-radius: ${unsafeCSS(sharedStyles.borderRadius.lg)};
|
border-radius: 12px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.form-header {
|
.form-header {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: ${unsafeCSS(sharedStyles.spacing.md)};
|
gap: 12px;
|
||||||
padding: ${unsafeCSS(sharedStyles.spacing.lg)};
|
padding: 20px 24px;
|
||||||
border-bottom: 1px solid ${sharedStyles.colors.border.default};
|
border-bottom: 1px solid ${cssManager.bdTheme('#e5e7eb', '#27272a')};
|
||||||
background: ${sharedStyles.colors.background.muted};
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.form-header dees-icon {
|
.form-header dees-icon {
|
||||||
--icon-color: ${cssManager.bdTheme('#3b82f6', '#60a5fa')};
|
--icon-color: ${cssManager.bdTheme('#3b82f6', '#60a5fa')};
|
||||||
}
|
}
|
||||||
|
|
||||||
.form-title-wrapper {
|
|
||||||
flex: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.form-title {
|
.form-title {
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
color: ${sharedStyles.colors.text.primary};
|
color: ${cssManager.bdTheme('#09090b', '#fafafa')};
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.form-subtitle {
|
.form-subtitle {
|
||||||
font-size: 13px;
|
font-size: 14px;
|
||||||
color: ${sharedStyles.colors.text.muted};
|
color: ${cssManager.bdTheme('#71717a', '#a1a1aa')};
|
||||||
margin-top: 4px;
|
margin: 4px 0 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.form-body {
|
.form-body {
|
||||||
display: grid;
|
padding: 24px;
|
||||||
gap: ${unsafeCSS(sharedStyles.spacing.lg)};
|
display: flex;
|
||||||
padding: ${unsafeCSS(sharedStyles.spacing.lg)};
|
flex-direction: column;
|
||||||
}
|
gap: 24px;
|
||||||
|
|
||||||
dees-form {
|
|
||||||
display: contents;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.form-row {
|
.form-row {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 1fr 1fr;
|
grid-template-columns: 1fr 1fr;
|
||||||
gap: ${unsafeCSS(sharedStyles.spacing.md)};
|
gap: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 600px) {
|
@media (max-width: 600px) {
|
||||||
@@ -127,85 +127,58 @@ export class UpladminMonitorForm extends DeesElement {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.form-section {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.section-label {
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: ${cssManager.bdTheme('#09090b', '#fafafa')};
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.config-box {
|
||||||
|
background: ${cssManager.bdTheme('#fafafa', '#18181b')};
|
||||||
|
border: 1px solid ${cssManager.bdTheme('#e5e7eb', '#27272a')};
|
||||||
|
border-radius: 8px;
|
||||||
|
padding: 16px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.editor-container {
|
||||||
|
border: 1px solid ${cssManager.bdTheme('#e5e7eb', '#27272a')};
|
||||||
|
border-radius: 8px;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.editor-container dees-editor {
|
||||||
|
height: 180px;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.editor-hint {
|
||||||
|
font-size: 12px;
|
||||||
|
color: ${cssManager.bdTheme('#71717a', '#a1a1aa')};
|
||||||
|
margin-top: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
.form-actions {
|
.form-actions {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
gap: ${unsafeCSS(sharedStyles.spacing.sm)};
|
gap: 8px;
|
||||||
padding: ${unsafeCSS(sharedStyles.spacing.md)} ${unsafeCSS(sharedStyles.spacing.lg)};
|
padding: 16px 24px;
|
||||||
border-top: 1px solid ${sharedStyles.colors.border.default};
|
border-top: 1px solid ${cssManager.bdTheme('#e5e7eb', '#27272a')};
|
||||||
background: ${sharedStyles.colors.background.muted};
|
background: ${cssManager.bdTheme('#fafafa', '#18181b')};
|
||||||
}
|
}
|
||||||
|
|
||||||
.status-section {
|
.search-engines {
|
||||||
margin-top: ${unsafeCSS(sharedStyles.spacing.sm)};
|
|
||||||
}
|
|
||||||
|
|
||||||
.status-options {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
|
|
||||||
gap: ${unsafeCSS(sharedStyles.spacing.sm)};
|
|
||||||
}
|
|
||||||
|
|
||||||
.status-option {
|
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
gap: 16px;
|
||||||
gap: 12px;
|
|
||||||
padding: 14px 16px;
|
|
||||||
background: ${sharedStyles.colors.background.primary};
|
|
||||||
border: 2px solid ${sharedStyles.colors.border.default};
|
|
||||||
border-radius: ${unsafeCSS(sharedStyles.borderRadius.base)};
|
|
||||||
cursor: pointer;
|
|
||||||
transition: all ${unsafeCSS(sharedStyles.durations.fast)} ${unsafeCSS(sharedStyles.easings.default)};
|
|
||||||
}
|
|
||||||
|
|
||||||
.status-option:hover {
|
|
||||||
border-color: ${sharedStyles.colors.border.strong};
|
|
||||||
background: ${sharedStyles.colors.background.muted};
|
|
||||||
}
|
|
||||||
|
|
||||||
.status-option.selected {
|
|
||||||
border-color: ${sharedStyles.colors.accent.primary};
|
|
||||||
background: ${cssManager.bdTheme('rgba(59, 130, 246, 0.05)', 'rgba(96, 165, 250, 0.1)')};
|
|
||||||
}
|
|
||||||
|
|
||||||
.status-option input {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.status-option dees-icon {
|
|
||||||
flex-shrink: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.status-option.operational dees-icon { --icon-color: ${sharedStyles.colors.status.operational}; }
|
|
||||||
.status-option.degraded dees-icon { --icon-color: ${sharedStyles.colors.status.degraded}; }
|
|
||||||
.status-option.partial_outage dees-icon { --icon-color: ${sharedStyles.colors.status.partialOutage}; }
|
|
||||||
.status-option.major_outage dees-icon { --icon-color: ${sharedStyles.colors.status.majorOutage}; }
|
|
||||||
.status-option.maintenance dees-icon { --icon-color: ${sharedStyles.colors.status.maintenance}; }
|
|
||||||
|
|
||||||
.status-label {
|
|
||||||
font-size: 14px;
|
|
||||||
font-weight: 500;
|
|
||||||
color: ${sharedStyles.colors.text.primary};
|
|
||||||
}
|
|
||||||
|
|
||||||
.field-label {
|
|
||||||
display: block;
|
|
||||||
font-size: 13px;
|
|
||||||
font-weight: 500;
|
|
||||||
color: ${sharedStyles.colors.text.primary};
|
|
||||||
margin-bottom: ${unsafeCSS(sharedStyles.spacing.sm)};
|
|
||||||
}
|
|
||||||
|
|
||||||
.field-label.required::after {
|
|
||||||
content: ' *';
|
|
||||||
color: ${sharedStyles.colors.accent.danger};
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Style dees-input components */
|
|
||||||
dees-input-text,
|
|
||||||
dees-input-dropdown {
|
|
||||||
--dees-input-background: ${sharedStyles.colors.background.primary};
|
|
||||||
--dees-input-border-color: ${sharedStyles.colors.border.default};
|
|
||||||
}
|
}
|
||||||
`
|
`
|
||||||
];
|
];
|
||||||
@@ -225,113 +198,140 @@ export class UpladminMonitorForm extends DeesElement {
|
|||||||
|
|
||||||
public render(): TemplateResult {
|
public render(): TemplateResult {
|
||||||
const isEdit = !!this.monitor?.id;
|
const isEdit = !!this.monitor?.id;
|
||||||
const statusOptions: Array<{ value: TStatusType; label: string }> = [
|
|
||||||
{ value: 'operational', label: 'Operational' },
|
|
||||||
{ value: 'degraded', label: 'Degraded' },
|
|
||||||
{ value: 'partial_outage', label: 'Partial Outage' },
|
|
||||||
{ value: 'major_outage', label: 'Major Outage' },
|
|
||||||
{ value: 'maintenance', label: 'Maintenance' },
|
|
||||||
];
|
|
||||||
|
|
||||||
const categoryOptions = this.categories.map(cat => ({ key: cat, option: cat, payload: null }));
|
const categoryOptions = this.categories.map(cat => ({ key: cat, option: cat, payload: null }));
|
||||||
const dependencyOptions = this.availableMonitors
|
const dependencyOptions = this.availableMonitors
|
||||||
.filter(m => m.id !== this.monitor?.id)
|
.filter(m => m.id !== this.monitor?.id)
|
||||||
.map(m => ({ key: m.id, option: m.displayName || m.name, payload: null }));
|
.map(m => ({ key: m.id, option: m.displayName || m.name, payload: null }));
|
||||||
|
const intervalOptions = this.intervalOptions.map(opt => ({ key: String(opt.value), option: opt.label, payload: null }));
|
||||||
|
|
||||||
return html`
|
return html`
|
||||||
<div class="form-container">
|
<div class="form-container">
|
||||||
<div class="form-header">
|
<div class="form-header">
|
||||||
<dees-icon .icon=${isEdit ? 'lucide:Pencil' : 'lucide:Plus'} .iconSize=${24}></dees-icon>
|
<dees-icon .icon=${isEdit ? 'lucide:Pencil' : 'lucide:Plus'} .iconSize=${24}></dees-icon>
|
||||||
<div class="form-title-wrapper">
|
<div>
|
||||||
<h2 class="form-title">${isEdit ? 'Edit Monitor' : 'Create Monitor'}</h2>
|
<h2 class="form-title">${isEdit ? 'Edit Monitor' : 'Create Monitor'}</h2>
|
||||||
<p class="form-subtitle">
|
<p class="form-subtitle">${isEdit ? 'Update monitor configuration' : 'Add a new service to monitor'}</p>
|
||||||
${isEdit ? 'Update the monitor configuration' : 'Add a new service to monitor'}
|
|
||||||
</p>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="form-body">
|
<div class="form-body">
|
||||||
<dees-form>
|
<dees-form>
|
||||||
|
<!-- Basic Info -->
|
||||||
<div class="form-row">
|
<div class="form-row">
|
||||||
<dees-input-text
|
<dees-input-text
|
||||||
key="name"
|
.label=${'Internal Name'}
|
||||||
label="Internal Name"
|
.value=${this.formData.name}
|
||||||
.value="${this.formData.name}"
|
.placeholder=${'api-server'}
|
||||||
placeholder="api-server"
|
.required=${true}
|
||||||
required
|
.description=${'Lowercase, no spaces'}
|
||||||
description="Lowercase, no spaces. Used as identifier."
|
@changeSubject=${(e: CustomEvent) => this.updateField('name', e.detail.value)}
|
||||||
@changeSubject="${this.handleNameChange}"
|
|
||||||
></dees-input-text>
|
></dees-input-text>
|
||||||
|
|
||||||
<dees-input-text
|
<dees-input-text
|
||||||
key="displayName"
|
.label=${'Display Name'}
|
||||||
label="Display Name"
|
.value=${this.formData.displayName}
|
||||||
.value="${this.formData.displayName}"
|
.placeholder=${'API Server'}
|
||||||
placeholder="API Server"
|
.required=${true}
|
||||||
required
|
.description=${'Human-readable name'}
|
||||||
description="Human-readable name shown to users."
|
@changeSubject=${(e: CustomEvent) => this.updateField('displayName', e.detail.value)}
|
||||||
@changeSubject="${this.handleDisplayNameChange}"
|
|
||||||
></dees-input-text>
|
></dees-input-text>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<dees-input-text
|
<dees-input-text
|
||||||
key="description"
|
.label=${'Description'}
|
||||||
label="Description"
|
.inputType=${'textarea'}
|
||||||
inputType="textarea"
|
.value=${this.formData.description || ''}
|
||||||
.value="${this.formData.description || ''}"
|
.placeholder=${'Brief description of this service...'}
|
||||||
placeholder="Brief description of what this service does..."
|
@changeSubject=${(e: CustomEvent) => this.updateField('description', e.detail.value)}
|
||||||
@changeSubject="${this.handleDescriptionChange}"
|
|
||||||
></dees-input-text>
|
></dees-input-text>
|
||||||
|
|
||||||
<div class="form-row">
|
<div class="form-row">
|
||||||
<dees-input-dropdown
|
<dees-input-dropdown
|
||||||
key="category"
|
.label=${'Category'}
|
||||||
label="Category"
|
.options=${categoryOptions}
|
||||||
.options="${categoryOptions}"
|
.selectedOption=${this.formData.category || ''}
|
||||||
.selectedOption="${this.formData.category || ''}"
|
@selectedOption=${(e: CustomEvent) => this.updateField('category', e.detail)}
|
||||||
placeholder="Select category..."
|
|
||||||
@selectedOption="${this.handleCategoryChange}"
|
|
||||||
></dees-input-dropdown>
|
></dees-input-dropdown>
|
||||||
|
|
||||||
<dees-input-dropdown
|
<dees-input-dropdown
|
||||||
key="dependencies"
|
.label=${'Dependencies'}
|
||||||
label="Dependencies"
|
.options=${dependencyOptions}
|
||||||
.options="${dependencyOptions}"
|
.selectedOptions=${this.formData.dependencies || []}
|
||||||
.selectedOptions="${this.formData.dependencies || []}"
|
.multiple=${true}
|
||||||
multiple
|
@selectedOption=${(e: CustomEvent) => this.updateField('dependencies', Array.isArray(e.detail) ? e.detail : [e.detail])}
|
||||||
description="Services this monitor depends on."
|
|
||||||
@selectedOption="${this.handleDependenciesChange}"
|
|
||||||
></dees-input-dropdown>
|
></dees-input-dropdown>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="status-section">
|
<!-- Check Type -->
|
||||||
<label class="field-label required">Current Status</label>
|
<div class="form-section">
|
||||||
<div class="status-options">
|
<dees-input-multitoggle
|
||||||
${statusOptions.map(opt => html`
|
.label=${'Check Type'}
|
||||||
<label
|
.options=${Object.values(this.checkTypeLabels)}
|
||||||
class="status-option ${opt.value} ${this.formData.currentStatus === opt.value ? 'selected' : ''}"
|
.selectedOption=${this.checkTypeLabels[this.formData.checkType]}
|
||||||
@click="${() => this.handleStatusChange(opt.value)}"
|
@changeSubject=${(e: CustomEvent) => this.handleCheckTypeChange(e.detail.selectedOption)}
|
||||||
>
|
></dees-input-multitoggle>
|
||||||
<input
|
</div>
|
||||||
type="radio"
|
|
||||||
name="currentStatus"
|
<!-- Check Configuration -->
|
||||||
value="${opt.value}"
|
<div class="form-section">
|
||||||
?checked="${this.formData.currentStatus === opt.value}"
|
<div class="config-box">
|
||||||
/>
|
${this.renderCheckConfigFields()}
|
||||||
<dees-icon .icon=${this.statusIcons[opt.value]} .iconSize=${20}></dees-icon>
|
|
||||||
<span class="status-label">${opt.label}</span>
|
|
||||||
</label>
|
|
||||||
`)}
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<!-- Interval -->
|
||||||
|
<dees-input-dropdown
|
||||||
|
.label=${'Check Interval'}
|
||||||
|
.options=${intervalOptions}
|
||||||
|
.selectedOption=${String(this.formData.intervalMs)}
|
||||||
|
@selectedOption=${(e: CustomEvent) => this.updateField('intervalMs', parseInt(e.detail))}
|
||||||
|
></dees-input-dropdown>
|
||||||
|
|
||||||
|
<!-- Pause Toggle -->
|
||||||
|
<dees-input-checkbox
|
||||||
|
.label=${'Pause Monitor'}
|
||||||
|
.description=${'When paused, status will show as "paused" and checks won\'t run'}
|
||||||
|
.value=${this.formData.paused}
|
||||||
|
@changeSubject=${(e: CustomEvent) => this.updateField('paused', e.detail.value)}
|
||||||
|
></dees-input-checkbox>
|
||||||
|
|
||||||
|
<!-- Status Override (Edit mode only) -->
|
||||||
|
${isEdit ? html`
|
||||||
|
<div class="form-section">
|
||||||
|
<dees-input-multitoggle
|
||||||
|
.label=${'Status Mode'}
|
||||||
|
.description=${'Auto uses check results, Manual lets you override'}
|
||||||
|
.options=${['Auto', 'Manual']}
|
||||||
|
.selectedOption=${this.formData.statusMode === 'auto' ? 'Auto' : 'Manual'}
|
||||||
|
@changeSubject=${(e: CustomEvent) => this.handleStatusModeChange(e.detail.selectedOption)}
|
||||||
|
></dees-input-multitoggle>
|
||||||
|
|
||||||
|
${this.formData.statusMode === 'manual' ? html`
|
||||||
|
<dees-input-radiogroup
|
||||||
|
.label=${'Manual Status'}
|
||||||
|
.options=${[
|
||||||
|
{ key: 'operational', option: 'Operational' },
|
||||||
|
{ key: 'degraded', option: 'Degraded' },
|
||||||
|
{ key: 'partial_outage', option: 'Partial Outage' },
|
||||||
|
{ key: 'major_outage', option: 'Major Outage' },
|
||||||
|
{ key: 'maintenance', option: 'Maintenance' },
|
||||||
|
]}
|
||||||
|
.selectedOption=${this.formData.manualStatus || 'operational'}
|
||||||
|
.direction=${'horizontal'}
|
||||||
|
@changeSubject=${(e: CustomEvent) => this.updateField('manualStatus', e.detail.selectedOption)}
|
||||||
|
></dees-input-radiogroup>
|
||||||
|
` : ''}
|
||||||
|
</div>
|
||||||
|
` : ''}
|
||||||
</dees-form>
|
</dees-form>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="form-actions">
|
<div class="form-actions">
|
||||||
<dees-button type="discreet" @click="${this.handleCancel}" ?disabled="${this.loading}">
|
<dees-button .type=${'discreet'} @click=${this.handleCancel} ?disabled=${this.loading}>
|
||||||
Cancel
|
Cancel
|
||||||
</dees-button>
|
</dees-button>
|
||||||
<dees-button type="highlighted" @click="${this.handleSave}" ?disabled="${this.loading}">
|
<dees-button .type=${'highlighted'} @click=${this.handleSave} ?disabled=${this.loading}>
|
||||||
${this.loading ? html`<dees-spinner .size=${16}></dees-spinner>` : ''}
|
${this.loading ? html`<dees-spinner .size=${16}></dees-spinner>` : ''}
|
||||||
${isEdit ? 'Update Monitor' : 'Create Monitor'}
|
${isEdit ? 'Update Monitor' : 'Create Monitor'}
|
||||||
</dees-button>
|
</dees-button>
|
||||||
@@ -340,40 +340,168 @@ export class UpladminMonitorForm extends DeesElement {
|
|||||||
`;
|
`;
|
||||||
}
|
}
|
||||||
|
|
||||||
private handleNameChange(e: CustomEvent) {
|
private renderCheckConfigFields(): TemplateResult {
|
||||||
this.formData = { ...this.formData, name: e.detail };
|
const config = this.formData.checkConfig;
|
||||||
if (this.errors.name) {
|
|
||||||
this.errors = { ...this.errors, name: '' };
|
switch (this.formData.checkType) {
|
||||||
|
case 'assumption':
|
||||||
|
return html`
|
||||||
|
<dees-input-text
|
||||||
|
.label=${'Domain'}
|
||||||
|
.value=${config.domain || ''}
|
||||||
|
.placeholder=${'api.example.com'}
|
||||||
|
.required=${true}
|
||||||
|
@changeSubject=${(e: CustomEvent) => this.updateCheckConfig('domain', e.detail.value)}
|
||||||
|
></dees-input-text>
|
||||||
|
<div class="form-row">
|
||||||
|
<dees-input-text
|
||||||
|
.label=${'Expected Status Code'}
|
||||||
|
.value=${config.expectedStatusCode || ''}
|
||||||
|
.placeholder=${'200'}
|
||||||
|
@changeSubject=${(e: CustomEvent) => this.updateCheckConfig('expectedStatusCode', e.detail.value)}
|
||||||
|
></dees-input-text>
|
||||||
|
<dees-input-text
|
||||||
|
.label=${'Expected Title'}
|
||||||
|
.value=${config.expectedTitle || ''}
|
||||||
|
.placeholder=${'Page Title'}
|
||||||
|
@changeSubject=${(e: CustomEvent) => this.updateCheckConfig('expectedTitle', e.detail.value)}
|
||||||
|
></dees-input-text>
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
|
|
||||||
|
case 'function':
|
||||||
|
return html`
|
||||||
|
<dees-input-text
|
||||||
|
.label=${'Domain'}
|
||||||
|
.value=${config.domain || ''}
|
||||||
|
.placeholder=${'api.example.com'}
|
||||||
|
.required=${true}
|
||||||
|
@changeSubject=${(e: CustomEvent) => this.updateCheckConfig('domain', e.detail.value)}
|
||||||
|
></dees-input-text>
|
||||||
|
<div>
|
||||||
|
<p class="section-label">Function Definition</p>
|
||||||
|
<div class="editor-container">
|
||||||
|
<dees-editor
|
||||||
|
.value=${config.functionDef || `async (context: { domain: string }) => {
|
||||||
|
const response = await fetch(\`https://\${context.domain}\`);
|
||||||
|
return response.status === 200;
|
||||||
|
}`}
|
||||||
|
.language=${'typescript'}
|
||||||
|
.options=${{
|
||||||
|
lineNumbers: 'on',
|
||||||
|
minimap: { enabled: false },
|
||||||
|
scrollBeyondLastLine: false,
|
||||||
|
fontSize: 13,
|
||||||
|
tabSize: 2,
|
||||||
|
}}
|
||||||
|
@change=${(e: CustomEvent) => this.updateCheckConfig('functionDef', e.detail)}
|
||||||
|
></dees-editor>
|
||||||
|
</div>
|
||||||
|
<p class="editor-hint">Return true for success, false for failure</p>
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
|
|
||||||
|
case 'pwa':
|
||||||
|
return html`
|
||||||
|
<dees-input-text
|
||||||
|
.label=${'Domain'}
|
||||||
|
.value=${config.domain || ''}
|
||||||
|
.placeholder=${'example.com'}
|
||||||
|
.required=${true}
|
||||||
|
.description=${'Domain to run Lighthouse PWA analysis on'}
|
||||||
|
@changeSubject=${(e: CustomEvent) => this.updateCheckConfig('domain', e.detail.value)}
|
||||||
|
></dees-input-text>
|
||||||
|
`;
|
||||||
|
|
||||||
|
case 'pagerank':
|
||||||
|
return html`
|
||||||
|
<div class="form-row">
|
||||||
|
<dees-input-text
|
||||||
|
.label=${'Domain'}
|
||||||
|
.value=${config.domain || ''}
|
||||||
|
.placeholder=${'example.com'}
|
||||||
|
.required=${true}
|
||||||
|
@changeSubject=${(e: CustomEvent) => this.updateCheckConfig('domain', e.detail.value)}
|
||||||
|
></dees-input-text>
|
||||||
|
<dees-input-text
|
||||||
|
.label=${'Search Term'}
|
||||||
|
.value=${config.searchTerm || ''}
|
||||||
|
.placeholder=${'your brand name'}
|
||||||
|
.required=${true}
|
||||||
|
@changeSubject=${(e: CustomEvent) => this.updateCheckConfig('searchTerm', e.detail.value)}
|
||||||
|
></dees-input-text>
|
||||||
|
</div>
|
||||||
|
<div class="search-engines">
|
||||||
|
<dees-input-checkbox
|
||||||
|
.label=${'Google'}
|
||||||
|
.value=${config.checkGoogle !== false}
|
||||||
|
@changeSubject=${(e: CustomEvent) => this.updateCheckConfig('checkGoogle', e.detail.value)}
|
||||||
|
></dees-input-checkbox>
|
||||||
|
<dees-input-checkbox
|
||||||
|
.label=${'Bing'}
|
||||||
|
.value=${config.checkBing === true}
|
||||||
|
@changeSubject=${(e: CustomEvent) => this.updateCheckConfig('checkBing', e.detail.value)}
|
||||||
|
></dees-input-checkbox>
|
||||||
|
</div>
|
||||||
|
<div class="form-row">
|
||||||
|
${config.checkGoogle !== false ? html`
|
||||||
|
<dees-input-text
|
||||||
|
.label=${'Google Min Rank'}
|
||||||
|
.value=${config.googleMinRank?.toString() || ''}
|
||||||
|
.placeholder=${'10'}
|
||||||
|
.description=${'Alert if rank drops below this'}
|
||||||
|
@changeSubject=${(e: CustomEvent) => this.updateCheckConfig('googleMinRank', parseInt(e.detail.value) || undefined)}
|
||||||
|
></dees-input-text>
|
||||||
|
` : ''}
|
||||||
|
${config.checkBing ? html`
|
||||||
|
<dees-input-text
|
||||||
|
.label=${'Bing Min Rank'}
|
||||||
|
.value=${config.bingMinRank?.toString() || ''}
|
||||||
|
.placeholder=${'10'}
|
||||||
|
.description=${'Alert if rank drops below this'}
|
||||||
|
@changeSubject=${(e: CustomEvent) => this.updateCheckConfig('bingMinRank', parseInt(e.detail.value) || undefined)}
|
||||||
|
></dees-input-text>
|
||||||
|
` : ''}
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
|
|
||||||
|
default:
|
||||||
|
return html``;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
private handleDisplayNameChange(e: CustomEvent) {
|
private updateField(field: keyof IMonitorFormData, value: any) {
|
||||||
this.formData = { ...this.formData, displayName: e.detail };
|
this.formData = { ...this.formData, [field]: value };
|
||||||
if (this.errors.displayName) {
|
if (this.errors[field]) {
|
||||||
this.errors = { ...this.errors, displayName: '' };
|
this.errors = { ...this.errors, [field]: '' };
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
private handleDescriptionChange(e: CustomEvent) {
|
private updateCheckConfig(field: keyof ICheckConfig, value: any) {
|
||||||
this.formData = { ...this.formData, description: e.detail };
|
this.formData = {
|
||||||
|
...this.formData,
|
||||||
|
checkConfig: { ...this.formData.checkConfig, [field]: value },
|
||||||
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
private handleCategoryChange(e: CustomEvent) {
|
private handleCheckTypeChange(label: string) {
|
||||||
this.formData = { ...this.formData, category: e.detail };
|
const checkType = (Object.keys(this.checkTypeLabels) as TCheckType[])
|
||||||
|
.find(key => this.checkTypeLabels[key] === label) || 'assumption';
|
||||||
|
const domain = this.formData.checkConfig?.domain || '';
|
||||||
|
this.formData = {
|
||||||
|
...this.formData,
|
||||||
|
checkType,
|
||||||
|
checkConfig: { domain },
|
||||||
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
private handleDependenciesChange(e: CustomEvent) {
|
private handleStatusModeChange(label: string) {
|
||||||
const selected = e.detail;
|
const mode: TStatusMode = label === 'Auto' ? 'auto' : 'manual';
|
||||||
if (Array.isArray(selected)) {
|
this.formData = {
|
||||||
this.formData = { ...this.formData, dependencies: selected };
|
...this.formData,
|
||||||
} else if (selected) {
|
statusMode: mode,
|
||||||
// Single selection mode, convert to array
|
manualStatus: mode === 'manual' && !this.formData.manualStatus ? 'operational' : this.formData.manualStatus,
|
||||||
this.formData = { ...this.formData, dependencies: [selected] };
|
};
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
private handleStatusChange(status: TStatusType) {
|
|
||||||
this.formData = { ...this.formData, currentStatus: status };
|
|
||||||
}
|
}
|
||||||
|
|
||||||
private validate(): boolean {
|
private validate(): boolean {
|
||||||
@@ -389,6 +517,14 @@ export class UpladminMonitorForm extends DeesElement {
|
|||||||
errors.displayName = 'Display name is required';
|
errors.displayName = 'Display name is required';
|
||||||
}
|
}
|
||||||
|
|
||||||
|
if (!this.formData.checkConfig?.domain?.trim()) {
|
||||||
|
errors.domain = 'Domain is required';
|
||||||
|
}
|
||||||
|
|
||||||
|
if (this.formData.checkType === 'pagerank' && !this.formData.checkConfig?.searchTerm?.trim()) {
|
||||||
|
errors.searchTerm = 'Search term is required for PageRank checks';
|
||||||
|
}
|
||||||
|
|
||||||
this.errors = errors;
|
this.errors = errors;
|
||||||
return Object.keys(errors).length === 0;
|
return Object.keys(errors).length === 0;
|
||||||
}
|
}
|
||||||
@@ -419,7 +555,11 @@ export class UpladminMonitorForm extends DeesElement {
|
|||||||
description: '',
|
description: '',
|
||||||
category: '',
|
category: '',
|
||||||
dependencies: [],
|
dependencies: [],
|
||||||
currentStatus: 'operational',
|
statusMode: 'auto',
|
||||||
|
paused: false,
|
||||||
|
checkType: 'assumption',
|
||||||
|
checkConfig: { domain: '' },
|
||||||
|
intervalMs: 300000,
|
||||||
};
|
};
|
||||||
this.errors = {};
|
this.errors = {};
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -11,7 +11,7 @@ import {
|
|||||||
state,
|
state,
|
||||||
} from '@design.estate/dees-element';
|
} from '@design.estate/dees-element';
|
||||||
import * as sharedStyles from '../../styles/shared.styles.js';
|
import * as sharedStyles from '../../styles/shared.styles.js';
|
||||||
import type { IServiceStatus } from '../../interfaces/index.js';
|
import type { IServiceStatus, TStatusType } from '../../interfaces/index.js';
|
||||||
import { demoFunc } from './upladmin-monitor-list.demo.js';
|
import { demoFunc } from './upladmin-monitor-list.demo.js';
|
||||||
import type { Column, ITableAction, DeesTable } from '@design.estate/dees-catalog';
|
import type { Column, ITableAction, DeesTable } from '@design.estate/dees-catalog';
|
||||||
|
|
||||||
@@ -21,8 +21,6 @@ declare global {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
type TStatusType = 'operational' | 'degraded' | 'partial_outage' | 'major_outage' | 'maintenance';
|
|
||||||
|
|
||||||
@customElement('upladmin-monitor-list')
|
@customElement('upladmin-monitor-list')
|
||||||
export class UpladminMonitorList extends DeesElement {
|
export class UpladminMonitorList extends DeesElement {
|
||||||
public static demo = demoFunc;
|
public static demo = demoFunc;
|
||||||
@@ -45,6 +43,9 @@ export class UpladminMonitorList extends DeesElement {
|
|||||||
partial_outage: 'lucide:AlertOctagon',
|
partial_outage: 'lucide:AlertOctagon',
|
||||||
major_outage: 'lucide:XCircle',
|
major_outage: 'lucide:XCircle',
|
||||||
maintenance: 'lucide:Wrench',
|
maintenance: 'lucide:Wrench',
|
||||||
|
initializing: 'lucide:Loader',
|
||||||
|
error: 'lucide:AlertCircle',
|
||||||
|
paused: 'lucide:PauseCircle',
|
||||||
};
|
};
|
||||||
|
|
||||||
private statusLabels: Record<TStatusType, string> = {
|
private statusLabels: Record<TStatusType, string> = {
|
||||||
@@ -53,6 +54,9 @@ export class UpladminMonitorList extends DeesElement {
|
|||||||
partial_outage: 'Partial Outage',
|
partial_outage: 'Partial Outage',
|
||||||
major_outage: 'Major Outage',
|
major_outage: 'Major Outage',
|
||||||
maintenance: 'Maintenance',
|
maintenance: 'Maintenance',
|
||||||
|
initializing: 'Initializing',
|
||||||
|
error: 'Monitor Error',
|
||||||
|
paused: 'Paused',
|
||||||
};
|
};
|
||||||
|
|
||||||
public static styles = [
|
public static styles = [
|
||||||
@@ -183,6 +187,51 @@ export class UpladminMonitorList extends DeesElement {
|
|||||||
--icon-color: ${sharedStyles.colors.status.maintenance};
|
--icon-color: ${sharedStyles.colors.status.maintenance};
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.status-badge.initializing {
|
||||||
|
background: ${cssManager.bdTheme('rgba(107, 114, 128, 0.1)', 'rgba(107, 114, 128, 0.15)')};
|
||||||
|
color: #6b7280;
|
||||||
|
--icon-color: #6b7280;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-badge.error {
|
||||||
|
background: ${cssManager.bdTheme('rgba(220, 38, 38, 0.1)', 'rgba(220, 38, 38, 0.15)')};
|
||||||
|
color: #dc2626;
|
||||||
|
--icon-color: #dc2626;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-badge.paused {
|
||||||
|
background: ${cssManager.bdTheme('rgba(139, 92, 246, 0.1)', 'rgba(139, 92, 246, 0.15)')};
|
||||||
|
color: #8b5cf6;
|
||||||
|
--icon-color: #8b5cf6;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Status indicators for override and pause */
|
||||||
|
.status-cell {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-indicator {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
border-radius: 4px;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-indicator.override {
|
||||||
|
background: ${cssManager.bdTheme('rgba(234, 179, 8, 0.15)', 'rgba(234, 179, 8, 0.2)')};
|
||||||
|
--icon-color: #eab308;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-indicator.paused {
|
||||||
|
background: ${cssManager.bdTheme('rgba(139, 92, 246, 0.15)', 'rgba(139, 92, 246, 0.2)')};
|
||||||
|
--icon-color: #8b5cf6;
|
||||||
|
}
|
||||||
|
|
||||||
.monitor-info {
|
.monitor-info {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
@@ -316,10 +365,22 @@ export class UpladminMonitorList extends DeesElement {
|
|||||||
header: 'Status',
|
header: 'Status',
|
||||||
sortable: true,
|
sortable: true,
|
||||||
renderer: (value, item) => html`
|
renderer: (value, item) => html`
|
||||||
|
<div class="status-cell">
|
||||||
<span class="status-badge ${item.currentStatus}">
|
<span class="status-badge ${item.currentStatus}">
|
||||||
<dees-icon .icon=${this.statusIcons[item.currentStatus]} .iconSize=${14}></dees-icon>
|
<dees-icon .icon=${this.statusIcons[item.currentStatus]} .iconSize=${14}></dees-icon>
|
||||||
${this.statusLabels[item.currentStatus]}
|
${this.statusLabels[item.currentStatus]}
|
||||||
</span>
|
</span>
|
||||||
|
${item.statusMode === 'manual' ? html`
|
||||||
|
<span class="status-indicator override" title="Manual Override">
|
||||||
|
<dees-icon .icon=${'lucide:AlertTriangle'} .iconSize=${12}></dees-icon>
|
||||||
|
</span>
|
||||||
|
` : ''}
|
||||||
|
${item.paused && item.currentStatus !== 'paused' ? html`
|
||||||
|
<span class="status-indicator paused" title="Execution Paused">
|
||||||
|
<dees-icon .icon=${'lucide:Pause'} .iconSize=${12}></dees-icon>
|
||||||
|
</span>
|
||||||
|
` : ''}
|
||||||
|
</div>
|
||||||
`,
|
`,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
@@ -391,6 +452,9 @@ export class UpladminMonitorList extends DeesElement {
|
|||||||
<option value="partial_outage" ?selected="${this.statusFilter === 'partial_outage'}">Partial Outage</option>
|
<option value="partial_outage" ?selected="${this.statusFilter === 'partial_outage'}">Partial Outage</option>
|
||||||
<option value="major_outage" ?selected="${this.statusFilter === 'major_outage'}">Major Outage</option>
|
<option value="major_outage" ?selected="${this.statusFilter === 'major_outage'}">Major Outage</option>
|
||||||
<option value="maintenance" ?selected="${this.statusFilter === 'maintenance'}">Maintenance</option>
|
<option value="maintenance" ?selected="${this.statusFilter === 'maintenance'}">Maintenance</option>
|
||||||
|
<option value="paused" ?selected="${this.statusFilter === 'paused'}">Paused</option>
|
||||||
|
<option value="initializing" ?selected="${this.statusFilter === 'initializing'}">Initializing</option>
|
||||||
|
<option value="error" ?selected="${this.statusFilter === 'error'}">Monitor Error</option>
|
||||||
</select>
|
</select>
|
||||||
|
|
||||||
${this.categories.length > 0 ? html`
|
${this.categories.length > 0 ? html`
|
||||||
|
|||||||
@@ -1,10 +1,33 @@
|
|||||||
// Re-export interfaces from the public catalog for consistency
|
// Re-export interfaces from the public catalog for consistency
|
||||||
|
|
||||||
|
// Status types
|
||||||
|
export type TStatusType = 'operational' | 'degraded' | 'partial_outage' | 'major_outage' | 'maintenance' | 'initializing' | 'error' | 'paused';
|
||||||
|
export type TCheckType = 'assumption' | 'function' | 'pwa' | 'pagerank';
|
||||||
|
export type TStatusMode = 'auto' | 'manual';
|
||||||
|
|
||||||
|
// Check configuration interface
|
||||||
|
export interface ICheckConfig {
|
||||||
|
domain: string;
|
||||||
|
// Assumption check fields
|
||||||
|
expectedTitle?: string;
|
||||||
|
expectedStatusCode?: string;
|
||||||
|
expectedDescription?: string;
|
||||||
|
// Function check fields
|
||||||
|
functionDef?: string;
|
||||||
|
// PageRank check fields
|
||||||
|
searchTerm?: string;
|
||||||
|
checkBing?: boolean;
|
||||||
|
checkGoogle?: boolean;
|
||||||
|
bingMinRank?: number;
|
||||||
|
googleMinRank?: number;
|
||||||
|
}
|
||||||
|
|
||||||
export interface IServiceStatus {
|
export interface IServiceStatus {
|
||||||
id: string;
|
id: string;
|
||||||
name: string;
|
name: string;
|
||||||
displayName: string;
|
displayName: string;
|
||||||
description?: string;
|
description?: string;
|
||||||
currentStatus: 'operational' | 'degraded' | 'partial_outage' | 'major_outage' | 'maintenance';
|
currentStatus: TStatusType;
|
||||||
lastChecked: number;
|
lastChecked: number;
|
||||||
uptime30d: number;
|
uptime30d: number;
|
||||||
uptime90d: number;
|
uptime90d: number;
|
||||||
@@ -12,11 +35,19 @@ export interface IServiceStatus {
|
|||||||
category?: string;
|
category?: string;
|
||||||
dependencies?: string[];
|
dependencies?: string[];
|
||||||
selected?: boolean;
|
selected?: boolean;
|
||||||
|
// Status management
|
||||||
|
statusMode?: TStatusMode;
|
||||||
|
manualStatus?: TStatusType;
|
||||||
|
paused?: boolean;
|
||||||
|
// Check configuration
|
||||||
|
checkType?: TCheckType;
|
||||||
|
checkConfig?: ICheckConfig;
|
||||||
|
intervalMs?: number;
|
||||||
}
|
}
|
||||||
|
|
||||||
export interface IStatusHistoryPoint {
|
export interface IStatusHistoryPoint {
|
||||||
timestamp: number;
|
timestamp: number;
|
||||||
status: 'operational' | 'degraded' | 'partial_outage' | 'major_outage' | 'maintenance';
|
status: TStatusType;
|
||||||
responseTime?: number;
|
responseTime?: number;
|
||||||
errorRate?: number;
|
errorRate?: number;
|
||||||
}
|
}
|
||||||
@@ -44,7 +75,7 @@ export interface IIncidentDetails {
|
|||||||
}
|
}
|
||||||
|
|
||||||
export interface IOverallStatus {
|
export interface IOverallStatus {
|
||||||
status: 'operational' | 'degraded' | 'partial_outage' | 'major_outage' | 'maintenance';
|
status: TStatusType;
|
||||||
message: string;
|
message: string;
|
||||||
lastUpdated: number;
|
lastUpdated: number;
|
||||||
affectedServices: number;
|
affectedServices: number;
|
||||||
@@ -77,7 +108,14 @@ export interface IMonitorFormData {
|
|||||||
description?: string;
|
description?: string;
|
||||||
category?: string;
|
category?: string;
|
||||||
dependencies?: string[];
|
dependencies?: string[];
|
||||||
currentStatus: 'operational' | 'degraded' | 'partial_outage' | 'major_outage' | 'maintenance';
|
// Status management
|
||||||
|
statusMode: TStatusMode;
|
||||||
|
manualStatus?: TStatusType;
|
||||||
|
paused: boolean;
|
||||||
|
// Check configuration
|
||||||
|
checkType: TCheckType;
|
||||||
|
checkConfig: ICheckConfig;
|
||||||
|
intervalMs: number;
|
||||||
}
|
}
|
||||||
|
|
||||||
export interface IIncidentFormData {
|
export interface IIncidentFormData {
|
||||||
|
|||||||
Reference in New Issue
Block a user