catalog_admin/dist_ts_web/pages/adminpage-monitors.js

import { html, cssManager } from "@design.estate/dees-element";
import '../elements/index.js';
export const adminpageMonitors = () => 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 monitorList = wrapperElement.querySelector('upladmin-monitor-list');
    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: 'database-replica',
            name: 'database-replica',
            displayName: 'Database Replica',
            description: 'PostgreSQL read replica',
            currentStatus: 'operational',
            lastChecked: Date.now(),
            uptime30d: 99.99,
            uptime90d: 99.95,
            responseTime: 8,
            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: 'sms-service',
            name: 'sms-service',
            displayName: 'SMS Service',
            description: 'SMS notifications and 2FA',
            currentStatus: 'operational',
            lastChecked: Date.now(),
            uptime30d: 99.8,
            uptime90d: 99.75,
            responseTime: 800,
            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',
        },
    ];
    monitorList.monitors = monitors;
}}
    >
      <upladmin-monitor-list></upladmin-monitor-list>
    </dees-demowrapper>
  </div>
`;
export const adminpageMonitorForm = () => 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 monitorForm = wrapperElement.querySelector('upladmin-monitor-form');
    const 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-primary', name: 'database-primary', displayName: 'Primary Database', currentStatus: 'operational', lastChecked: Date.now(), uptime30d: 99.999, uptime90d: 99.998, responseTime: 5 },
    ];
    monitorForm.availableMonitors = availableMonitors;
    monitorForm.categories = ['Core Services', 'Infrastructure', 'External Services', 'Web Services'];
}}
    >
      <upladmin-monitor-form></upladmin-monitor-form>
    </dees-demowrapper>
  </div>
`;
export const adminpageMonitorFormEdit = () => 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 monitorForm = wrapperElement.querySelector('upladmin-monitor-form');
    const 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-primary', name: 'database-primary', displayName: 'Primary Database', currentStatus: 'operational', lastChecked: Date.now(), uptime30d: 99.999, uptime90d: 99.998, responseTime: 5 },
    ];
    monitorForm.availableMonitors = availableMonitors;
    monitorForm.categories = ['Core Services', 'Infrastructure', 'External Services', 'Web Services'];
    monitorForm.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',
    };
}}
    >
      <upladmin-monitor-form></upladmin-monitor-form>
    </dees-demowrapper>
  </div>
`;
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRtaW5wYWdlLW1vbml0b3JzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL3BhZ2VzL2FkbWlucGFnZS1tb25pdG9ycy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRS9ELE9BQU8sc0JBQXNCLENBQUM7QUFFOUIsTUFBTSxDQUFDLE1BQU0saUJBQWlCLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBOzs7O29CQUl2QixVQUFVLENBQUMsT0FBTyxDQUFDLFNBQVMsRUFBRSxTQUFTLENBQUM7Ozs7Ozs7c0JBT3RDLEtBQUssRUFBRSxjQUFtQixFQUFFLEVBQUU7SUFDOUMsTUFBTSxXQUFXLEdBQUcsY0FBYyxDQUFDLGFBQWEsQ0FBQyx1QkFBdUIsQ0FBUSxDQUFDO0lBRWpGLE1BQU0sUUFBUSxHQUFxQjtRQUNqQztZQUNFLEVBQUUsRUFBRSxZQUFZO1lBQ2hCLElBQUksRUFBRSxZQUFZO1lBQ2xCLFdBQVcsRUFBRSxZQUFZO1lBQ3pCLFdBQVcsRUFBRSx3QkFBd0I7WUFDckMsYUFBYSxFQUFFLGFBQWE7WUFDNUIsV0FBVyxFQUFFLElBQUksQ0FBQyxHQUFHLEVBQUU7WUFDdkIsU0FBUyxFQUFFLEtBQUs7WUFDaEIsU0FBUyxFQUFFLEtBQUs7WUFDaEIsWUFBWSxFQUFFLEVBQUU7WUFDaEIsUUFBUSxFQUFFLGVBQWU7U0FDMUI7UUFDRDtZQUNFLEVBQUUsRUFBRSxTQUFTO1lBQ2IsSUFBSSxFQUFFLFNBQVM7WUFDZixXQUFXLEVBQUUsaUJBQWlCO1lBQzlCLFdBQVcsRUFBRSxpQ0FBaUM7WUFDOUMsYUFBYSxFQUFFLGFBQWE7WUFDNUIsV0FBVyxFQUFFLElBQUksQ0FBQyxHQUFHLEVBQUU7WUFDdkIsU0FBUyxFQUFFLEtBQUs7WUFDaEIsU0FBUyxFQUFFLEtBQUs7WUFDaEIsWUFBWSxFQUFFLEdBQUc7WUFDakIsUUFBUSxF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