@uptime.link/statuspage 1.0.74 → 1.1.0

package/dist_ts_web/elements/upl-statuspage-statusbar.demo.js

@@ -0,0 +1,365 @@
+import { html } from '@design.estate/dees-element';
+export const demoFunc = () => html `
+  <style>
+    .demo-container {
+      display: flex;
+      flex-direction: column;
+      gap: 20px;
+    }
+    .demo-section {
+      border: 1px solid #ddd;
+      border-radius: 8px;
+      padding: 20px;
+      background: #f5f5f5;
+    }
+    .demo-title {
+      font-size: 14px;
+      font-weight: 600;
+      margin-bottom: 16px;
+      color: #333;
+    }
+    .demo-controls {
+      display: flex;
+      gap: 10px;
+      margin-top: 16px;
+      flex-wrap: wrap;
+    }
+    .demo-button {
+      padding: 6px 12px;
+      border: 1px solid #ddd;
+      background: white;
+      border-radius: 4px;
+      cursor: pointer;
+      font-size: 13px;
+    }
+    .demo-button:hover {
+      background: #f0f0f0;
+    }
+    .status-info {
+      margin-top: 12px;
+      padding: 12px;
+      background: white;
+      border-radius: 4px;
+      font-size: 13px;
+      line-height: 1.6;
+    }
+  </style>
+
+  <div class="demo-container">
+    <!-- Cycling Through All States -->
+    <div class="demo-section">
+      <div class="demo-title">Automatic Status Cycling</div>
+      <dees-demowrapper
+        .runAfterRender=${async (wrapperElement) => {
+    const statusBar = wrapperElement.querySelector('upl-statuspage-statusbar');
+    const statusStates = [
+        {
+            status: 'operational',
+            message: 'All Systems Operational',
+            lastUpdated: Date.now(),
+            affectedServices: 0,
+            totalServices: 12
+        },
+        {
+            status: 'degraded',
+            message: 'Minor Service Degradation',
+            lastUpdated: Date.now(),
+            affectedServices: 2,
+            totalServices: 12
+        },
+        {
+            status: 'partial_outage',
+            message: 'Partial System Outage',
+            lastUpdated: Date.now(),
+            affectedServices: 4,
+            totalServices: 12
+        },
+        {
+            status: 'major_outage',
+            message: 'Major Service Disruption',
+            lastUpdated: Date.now(),
+            affectedServices: 8,
+            totalServices: 12
+        },
+        {
+            status: 'maintenance',
+            message: 'Scheduled Maintenance in Progress',
+            lastUpdated: Date.now(),
+            affectedServices: 3,
+            totalServices: 12
+        }
+    ];
+    let statusIndex = 0;
+    // Initial loading demo
+    statusBar.loading = true;
+    setTimeout(() => {
+        statusBar.loading = false;
+        statusBar.overallStatus = statusStates[0];
+    }, 1500);
+    // Cycle through states
+    setInterval(() => {
+        statusIndex = (statusIndex + 1) % statusStates.length;
+        statusBar.overallStatus = statusStates[statusIndex];
+        statusBar.overallStatus = { ...statusBar.overallStatus, lastUpdated: Date.now() };
+    }, 3000);
+    // Handle clicks
+    statusBar.addEventListener('statusClick', (event) => {
+        console.log('Status bar clicked:', event.detail);
+        alert(`Status Details:\n\nStatus: ${event.detail.status.status}\nMessage: ${event.detail.status.message}\nAffected Services: ${event.detail.status.affectedServices}`);
+    });
+}}
+      >
+        <upl-statuspage-statusbar></upl-statuspage-statusbar>
+      </dees-demowrapper>
+    </div>
+
+    <!-- Manual Status Control -->
+    <div class="demo-section">
+      <div class="demo-title">Manual Status Control</div>
+      <dees-demowrapper
+        .runAfterRender=${async (wrapperElement) => {
+    const statusBar = wrapperElement.querySelector('upl-statuspage-statusbar');
+    // Initial state
+    statusBar.overallStatus = {
+        status: 'operational',
+        message: 'All Systems Operational',
+        lastUpdated: Date.now(),
+        affectedServices: 0,
+        totalServices: 15
+    };
+    // Create controls
+    const controls = document.createElement('div');
+    controls.className = 'demo-controls';
+    controls.innerHTML = `
+            <button class="demo-button" data-status="operational">Operational</button>
+            <button class="demo-button" data-status="degraded">Degraded</button>
+            <button class="demo-button" data-status="partial_outage">Partial Outage</button>
+            <button class="demo-button" data-status="major_outage">Major Outage</button>
+            <button class="demo-button" data-status="maintenance">Maintenance</button>
+          `;
+    wrapperElement.appendChild(controls);
+    // Status messages
+    const statusMessages = {
+        operational: 'All Systems Operational',
+        degraded: 'Performance Issues Detected',
+        partial_outage: 'Some Services Unavailable',
+        major_outage: 'Critical System Failure',
+        maintenance: 'Planned Maintenance Window'
+    };
+    const affectedCounts = {
+        operational: 0,
+        degraded: 3,
+        partial_outage: 7,
+        major_outage: 12,
+        maintenance: 5
+    };
+    // Handle button clicks
+    controls.querySelectorAll('.demo-button').forEach(button => {
+        button.addEventListener('click', () => {
+            const status = button.getAttribute('data-status');
+            statusBar.overallStatus = {
+                status: status,
+                message: statusMessages[status],
+                lastUpdated: Date.now(),
+                affectedServices: affectedCounts[status],
+                totalServices: 15
+            };
+        });
+    });
+}}
+      >
+        <upl-statuspage-statusbar></upl-statuspage-statusbar>
+      </dees-demowrapper>
+    </div>
+
+    <!-- Loading States -->
+    <div class="demo-section">
+      <div class="demo-title">Loading and Refresh States</div>
+      <dees-demowrapper
+        .runAfterRender=${async (wrapperElement) => {
+    const statusBar = wrapperElement.querySelector('upl-statuspage-statusbar');
+    // Initial loading
+    statusBar.loading = true;
+    const controls = document.createElement('div');
+    controls.className = 'demo-controls';
+    controls.innerHTML = `
+            <button class="demo-button" id="toggleLoading">Toggle Loading</button>
+            <button class="demo-button" id="refresh">Refresh Status</button>
+            <button class="demo-button" id="simulateError">Simulate Error</button>
+          `;
+    wrapperElement.appendChild(controls);
+    // Set initial status after loading
+    setTimeout(() => {
+        statusBar.loading = false;
+        statusBar.overallStatus = {
+            status: 'operational',
+            message: 'All Systems Operational',
+            lastUpdated: Date.now(),
+            affectedServices: 0,
+            totalServices: 10
+        };
+    }, 2000);
+    // Toggle loading
+    controls.querySelector('#toggleLoading')?.addEventListener('click', () => {
+        statusBar.loading = !statusBar.loading;
+    });
+    // Refresh simulation
+    controls.querySelector('#refresh')?.addEventListener('click', () => {
+        statusBar.loading = true;
+        setTimeout(() => {
+            statusBar.loading = false;
+            // Simulate random status after refresh
+            const statuses = ['operational', 'degraded', 'partial_outage'];
+            const randomStatus = statuses[Math.floor(Math.random() * statuses.length)];
+            statusBar.overallStatus = {
+                status: randomStatus,
+                message: 'Status refreshed at ' + new Date().toLocaleTimeString(),
+                lastUpdated: Date.now(),
+                affectedServices: randomStatus === 'operational' ? 0 : Math.floor(Math.random() * 5) + 1,
+                totalServices: 10
+            };
+        }, 1000);
+    });
+    // Error simulation
+    controls.querySelector('#simulateError')?.addEventListener('click', () => {
+        statusBar.loading = true;
+        setTimeout(() => {
+            statusBar.loading = false;
+            statusBar.overallStatus = {
+                status: 'major_outage',
+                message: 'Unable to fetch status - Connection Error',
+                lastUpdated: Date.now(),
+                affectedServices: -1, // Unknown
+                totalServices: -1
+            };
+        }, 1500);
+    });
+}}
+      >
+        <upl-statuspage-statusbar></upl-statuspage-statusbar>
+      </dees-demowrapper>
+    </div>
+
+    <!-- Edge Cases -->
+    <div class="demo-section">
+      <div class="demo-title">Edge Cases and Special States</div>
+      <dees-demowrapper
+        .runAfterRender=${async (wrapperElement) => {
+    const statusBar = wrapperElement.querySelector('upl-statuspage-statusbar');
+    const edgeCases = [
+        {
+            label: 'No Services',
+            status: {
+                status: 'operational',
+                message: 'No services to monitor',
+                lastUpdated: Date.now(),
+                affectedServices: 0,
+                totalServices: 0
+            }
+        },
+        {
+            label: 'All Services Down',
+            status: {
+                status: 'major_outage',
+                message: 'Complete System Failure',
+                lastUpdated: Date.now(),
+                affectedServices: 25,
+                totalServices: 25
+            }
+        },
+        {
+            label: 'Very Long Message',
+            status: {
+                status: 'degraded',
+                message: 'Multiple services experiencing degraded performance due to increased load from seasonal traffic surge',
+                lastUpdated: Date.now(),
+                affectedServices: 7,
+                totalServices: 20
+            }
+        },
+        {
+            label: 'Old Timestamp',
+            status: {
+                status: 'operational',
+                message: 'Status data may be stale',
+                lastUpdated: Date.now() - 24 * 60 * 60 * 1000, // 24 hours ago
+                affectedServices: 0,
+                totalServices: 10
+            }
+        },
+        {
+            label: 'Future Maintenance',
+            status: {
+                status: 'maintenance',
+                message: 'Scheduled maintenance starting in 2 hours',
+                lastUpdated: Date.now(),
+                affectedServices: 0,
+                totalServices: 15
+            }
+        }
+    ];
+    let currentCase = 0;
+    statusBar.overallStatus = edgeCases[0].status;
+    // Create info display
+    const info = document.createElement('div');
+    info.className = 'status-info';
+    info.innerHTML = `<strong>Current Case:</strong> ${edgeCases[0].label}`;
+    wrapperElement.appendChild(info);
+    // Create controls
+    const controls = document.createElement('div');
+    controls.className = 'demo-controls';
+    controls.innerHTML = `
+            <button class="demo-button" id="prevCase">← Previous Case</button>
+            <button class="demo-button" id="nextCase">Next Case →</button>
+          `;
+    wrapperElement.appendChild(controls);
+    const updateCase = (index) => {
+        currentCase = index;
+        statusBar.overallStatus = edgeCases[currentCase].status;
+        info.innerHTML = `<strong>Current Case:</strong> ${edgeCases[currentCase].label}`;
+    };
+    controls.querySelector('#prevCase')?.addEventListener('click', () => {
+        const newIndex = (currentCase - 1 + edgeCases.length) % edgeCases.length;
+        updateCase(newIndex);
+    });
+    controls.querySelector('#nextCase')?.addEventListener('click', () => {
+        const newIndex = (currentCase + 1) % edgeCases.length;
+        updateCase(newIndex);
+    });
+}}
+      >
+        <upl-statuspage-statusbar></upl-statuspage-statusbar>
+      </dees-demowrapper>
+    </div>
+
+    <!-- Non-Expandable Status Bar -->
+    <div class="demo-section">
+      <div class="demo-title">Non-Expandable Status Bar</div>
+      <dees-demowrapper
+        .runAfterRender=${async (wrapperElement) => {
+    const statusBar = wrapperElement.querySelector('upl-statuspage-statusbar');
+    // Disable expandable behavior
+    statusBar.expandable = false;
+    statusBar.overallStatus = {
+        status: 'operational',
+        message: 'This status bar cannot be clicked',
+        lastUpdated: Date.now(),
+        affectedServices: 0,
+        totalServices: 8
+    };
+    // This event won't fire since expandable is false
+    statusBar.addEventListener('statusClick', (event) => {
+        console.log('This should not fire');
+    });
+    const info = document.createElement('div');
+    info.className = 'status-info';
+    info.innerHTML = 'Try clicking the status bar - it should not respond to clicks when expandable=false';
+    wrapperElement.appendChild(info);
+}}
+      >
+        <upl-statuspage-statusbar></upl-statuspage-statusbar>
+      </dees-demowrapper>
+    </div>
+  </div>
+`;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsLXN0YXR1c3BhZ2Utc3RhdHVzYmFyLmRlbW8uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvdXBsLXN0YXR1c3BhZ2Utc3RhdHVzYmFyLmRlbW8udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBR25ELE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUE7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzswQkFtRFIsS0FBSyxFQUFFLGNBQW1CLEVBQUUsRUFBRTtJQUM5QyxNQUFNLFNBQVMsR0FBRyxjQUFjLENBQUMsYUFBYSxDQUFDLDBCQUEwQixDQUFRLENBQUM7SUFFbEYsTUFBTSxZQUFZLEdBQXFCO1FBQ3JDO1lBQ0UsTUFBTSxFQUFFLGFBQWE7WUFDckIsT0FBTyxFQUFFLHlCQUF5QjtZQUNsQyxXQUFXLEVBQUUsSUFBSSxDQUFDLEdBQUcsRUFBRTtZQUN2QixnQkFBZ0IsRUFBRSxDQUFDO1lBQ25CLGFBQWEsRUFBRSxFQUFFO1NBQ2xCO1FBQ0Q7WUFDRSxNQUFNLEVBQUUsVUFBVTtZQUNsQixPQUFPLEVBQUUsMkJBQTJCO1lBQ3BDLFdBQVcsRUFBRSxJQUFJLENBQUMsR0FBRyxFQUFFO1lBQ3ZCLGdCQUFnQixFQUFFLENBQUM7WUFDbkIsYUFBYSxFQUFFLEVBQUU7U0FDbEI7UUFDRDtZQUNFLE1BQU0sRUFBRSxnQkFBZ0I7WUFDeEIsT0FBTyxFQUFFLHVCQUF1QjtZQUNoQyxXQUFXLEVBQUUsSUFBSSxDQUFDLEdBQUcsRUFBRTtZQUN2QixnQkFBZ0IsRUFBRSxDQUFDO1lBQ25CLGFBQWEsRUFBRSxFQUFFO1NBQ2xCO1FBQ0Q7WUFDRSxNQUFNLEVBQUUsY0FBYztZQUN0QixPQUFPLEVBQUUsMEJBQTBCO1lBQ25DLFdBQVcsRUFBRSxJQUFJLENB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