uptime.link/catalog
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
Jürgen Kunz
2025-06-29 22:58:33 +00:00
parent 0ad46c1ed5
commit 0f0764564b
9 changed files with 241 additions and 127 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
ts_web/pages/statuspage-demo.ts
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>