This commit is contained in:
2025-06-29 22:58:33 +00:00
parent 0ad46c1ed5
commit 0f0764564b
9 changed files with 241 additions and 127 deletions

View File

@@ -45,12 +45,10 @@ export const statuspageAllgreen = () => html`
const footer = wrapperElement.querySelector('upl-statuspage-footer') as any;
// Configure Header
header.pageTitle = 'TechVault Services Status';
header.pageTitle = 'TechVault';
header.showReportButton = true;
header.showSubscribeButton = true;
header.logoUrl = 'https://via.placeholder.com/150x50/4CAF50/ffffff?text=TechVault';
header.customStyles = true;
header.brandColor = '#4CAF50';
header.logoUrl = 'https://via.placeholder.com/150x50/4CAF50/ffffff?text=TV';
// Configure Overall Status - All Green
statusBar.overallStatus = {

View File

@@ -36,6 +36,7 @@ export const statuspageDemo = () => html`
<dees-demowrapper
.runAfterRender=${async (wrapperElement: any) => {
const header = wrapperElement.querySelector('upl-statuspage-header') as any;
const pageTitle = wrapperElement.querySelector('upl-statuspage-pagetitle') as any;
const statusBar = wrapperElement.querySelector('upl-statuspage-statusbar') as any;
const assetsSelector = wrapperElement.querySelector('upl-statuspage-assetsselector') as any;
const statusDetails = wrapperElement.querySelector('upl-statuspage-statusdetails') as any;
@@ -44,12 +45,14 @@ export const statuspageDemo = () => html`
const footer = wrapperElement.querySelector('upl-statuspage-footer') as any;
// Configure Header
header.pageTitle = 'CloudFlow Infrastructure Status';
header.pageTitle = 'CloudFlow';
header.showReportButton = true;
header.showSubscribeButton = true;
header.logoUrl = 'https://via.placeholder.com/150x50/2196F3/ffffff?text=CloudFlow';
header.customStyles = true;
header.brandColor = '#2196F3';
header.logoUrl = 'https://via.placeholder.com/150x50/2196F3/ffffff?text=CF';
// Configure Page Title
pageTitle.pageTitle = 'Service Status';
pageTitle.pageSubtitle = 'Current operational status of CloudFlow Infrastructure services';
// Configure Overall Status
statusBar.overallStatus = {
@@ -639,6 +642,7 @@ export const statuspageDemo = () => html`
}}
>
<upl-statuspage-header></upl-statuspage-header>
<upl-statuspage-pagetitle></upl-statuspage-pagetitle>
<upl-statuspage-statusbar></upl-statuspage-statusbar>
<upl-statuspage-assetsselector></upl-statuspage-assetsselector>
<upl-statuspage-statusdetails></upl-statuspage-statusdetails>

View File

@@ -45,12 +45,10 @@ export const statuspageMaintenance = () => html`
const footer = wrapperElement.querySelector('upl-statuspage-footer') as any;
// Configure Header
header.pageTitle = 'SecureVault Infrastructure Status';
header.pageTitle = 'SecureVault';
header.showReportButton = true;
header.showSubscribeButton = true;
header.logoUrl = 'https://via.placeholder.com/150x50/2196F3/ffffff?text=SecureVault';
header.customStyles = true;
header.brandColor = '#2196F3';
header.logoUrl = 'https://via.placeholder.com/150x50/2196F3/ffffff?text=SV';
// Configure Overall Status - Maintenance
statusBar.overallStatus = {

View File

@@ -45,12 +45,10 @@ export const statuspageOutage = () => html`
const footer = wrapperElement.querySelector('upl-statuspage-footer') as any;
// Configure Header
header.pageTitle = 'DataStream Platform Status';
header.pageTitle = 'DataStream';
header.showReportButton = true;
header.showSubscribeButton = true;
header.logoUrl = 'https://via.placeholder.com/150x50/F44336/ffffff?text=DataStream';
header.customStyles = true;
header.brandColor = '#F44336';
header.logoUrl = 'https://via.placeholder.com/150x50/F44336/ffffff?text=DS';
// Configure Overall Status - Major Outage
statusBar.overallStatus = {