From 1903687a46d121a35866ac25598d370bc8e4bb8b Mon Sep 17 00:00:00 2001 From: Philipp Kunz Date: Mon, 27 Sep 2021 00:45:17 +0200 Subject: [PATCH] fix(core): update --- package-lock.json | 19 ++- package.json | 2 +- ts_web/elements/index.ts | 1 + ts_web/elements/upl-statuspage-footer.ts | 8 +- ts_web/elements/upl-statuspage-incidents.ts | 95 +++++++++++++++ .../elements/upl-statuspage-statusdetails.ts | 112 ++++++++++-------- ts_web/elements/upl-statuspage-statusmonth.ts | 18 ++- ts_web/plugins.ts | 7 ++ 8 files changed, 202 insertions(+), 60 deletions(-) create mode 100644 ts_web/elements/upl-statuspage-incidents.ts create mode 100644 ts_web/plugins.ts diff --git a/package-lock.json b/package-lock.json index b6e1335..64f43e8 100644 --- a/package-lock.json +++ b/package-lock.json @@ -14,7 +14,7 @@ "@designestate/dees-wcctools": "^1.0.57", "@gitzone/tsrun": "^1.2.17", "@losslessone_private/loint-pubapi": "^1.0.10", - "@pushrocks/smartexpress": "^3.0.103", + "@uptimelink/interfaces": "^1.0.10", "typescript": "^4.4.3" }, "devDependencies": { @@ -3810,6 +3810,15 @@ "dev": true, "license": "MIT" }, + "node_modules/@uptimelink/interfaces": { + "version": "1.0.10", + "resolved": "https://verdaccio.lossless.one/@uptimelink%2finterfaces/-/interfaces-1.0.10.tgz", + "integrity": "sha512-nZMNFCPuedIfJherqHXKKlc3w6XlxG1fwD2N+SK5sc00V52O9+klPHnuSiip/b+MnVk9tgpqFmuj0WAc6nimaw==", + "license": "MIT", + "dependencies": { + "@apiglobal/typedrequest-interfaces": "^1.0.15" + } + }, "node_modules/abab": { "version": "2.0.5", "resolved": "https://verdaccio.lossless.one/abab/-/abab-2.0.5.tgz", @@ -17708,6 +17717,14 @@ "integrity": "sha512-fbF6oTd4sGGy0xjHPKAt+eS2CrxJ3+6gQ3FGcBoIJR2TLAyCkCyI8JqZNy+FeON0AhVgNJoUumVoZQjBFUqHkw==", "dev": true }, + "@uptimelink/interfaces": { + "version": "1.0.10", + "resolved": "https://verdaccio.lossless.one/@uptimelink%2finterfaces/-/interfaces-1.0.10.tgz", + "integrity": "sha512-nZMNFCPuedIfJherqHXKKlc3w6XlxG1fwD2N+SK5sc00V52O9+klPHnuSiip/b+MnVk9tgpqFmuj0WAc6nimaw==", + "requires": { + "@apiglobal/typedrequest-interfaces": "^1.0.15" + } + }, "abab": { "version": "2.0.5", "resolved": "https://verdaccio.lossless.one/abab/-/abab-2.0.5.tgz", diff --git a/package.json b/package.json index bd1ad98..cf10e03 100644 --- a/package.json +++ b/package.json @@ -18,7 +18,7 @@ "@designestate/dees-wcctools": "^1.0.57", "@gitzone/tsrun": "^1.2.17", "@losslessone_private/loint-pubapi": "^1.0.10", - "@pushrocks/smartexpress": "^3.0.103", + "@uptimelink/interfaces": "^1.0.10", "typescript": "^4.4.3" }, "devDependencies": { diff --git a/ts_web/elements/index.ts b/ts_web/elements/index.ts index 744fe8d..57c07fc 100644 --- a/ts_web/elements/index.ts +++ b/ts_web/elements/index.ts @@ -1,6 +1,7 @@ export * from './upl-statuspage-assetsselector'; export * from './upl-statuspage-footer'; export * from './upl-statuspage-header'; +export * from './upl-statuspage-incidents'; export * from './upl-statuspage-statusbar'; export * from './upl-statuspage-statusdetails'; export * from './upl-statuspage-statusmonth'; diff --git a/ts_web/elements/upl-statuspage-footer.ts b/ts_web/elements/upl-statuspage-footer.ts index 6e7cb2e..e085676 100644 --- a/ts_web/elements/upl-statuspage-footer.ts +++ b/ts_web/elements/upl-statuspage-footer.ts @@ -33,11 +33,17 @@ export class UplStatuspageFooter extends DeesElement { css` :host { display: block; - background: ${cssManager.bdTheme('#eeeeeb', '#222222')}; + background: ${cssManager.bdTheme('#ffffff', '#000000')}; font-family: Roboto Mono; color: ${cssManager.bdTheme('#333333', '#ffffff')}; } + .mainbox { + max-width: 900px; + margin: auto; + padding-top: 20px; + padding-bottom: 20px; + } ` ] diff --git a/ts_web/elements/upl-statuspage-incidents.ts b/ts_web/elements/upl-statuspage-incidents.ts new file mode 100644 index 0000000..b40fcbb --- /dev/null +++ b/ts_web/elements/upl-statuspage-incidents.ts @@ -0,0 +1,95 @@ +import * as plugins from '../plugins'; +import { DeesElement, property, html, customElement, TemplateResult, css, cssManager } from '@designestate/dees-element'; + +declare global { + interface HTMLElementTagNameMap { + 'upl-statuspage-incidents': UplStatuspageIncidents; + } +} + +@customElement('upl-statuspage-incidents') +export class UplStatuspageIncidents extends DeesElement { + // STATIC + public static demo = () => html` + + `; + + // INSTANCE + @property({ + type: Array + }) + public currentIncidences: plugins.uplInterfaces.data.IIncident[] = []; + + @property({ + type: Array + }) + public pastIncidences: plugins.uplInterfaces.data.IIncident[] = []; + + @property({ + type: Boolean + }) + public whitelabel = false; + + + constructor() { + super(); + } + + public static styles = [ + plugins.domtools.elementBasic.staticStyles, + css` + :host { + display: block; + background: ${cssManager.bdTheme('#eeeeeb', '#222222')}; + font-family: Roboto Mono; + color: ${cssManager.bdTheme('#333333', '#ffffff')}; + } + + .mainbox { + max-width: 900px; + margin: auto; + } + + .noIncidentBox { + background: #333; + padding: 10px; + margin-bottom: 15px; + border-radius: 3px; + + } + + ` + ] + + public render(): TemplateResult { + return html` + +
+ + Current Incidents + +
+ No incidents ongoing. +
+ + Past Incidents + +
+ No past incidents in the last 90 days. +
+
+ `; + } + + public dispatchReportNewIncident() { + this.dispatchEvent(new CustomEvent('reportNewIncident', { + + })) + } + + public dispatchStatusSubscribe() { + this.dispatchEvent(new CustomEvent('statusSubscribe', { + + })) + } +} \ No newline at end of file diff --git a/ts_web/elements/upl-statuspage-statusdetails.ts b/ts_web/elements/upl-statuspage-statusdetails.ts index 2ed2fa6..29f564c 100644 --- a/ts_web/elements/upl-statuspage-statusdetails.ts +++ b/ts_web/elements/upl-statuspage-statusdetails.ts @@ -1,5 +1,13 @@ -import { DeesElement, property, html, customElement, TemplateResult } from '@designestate/dees-element'; -import * as domtools from '@designestate/dees-domtools'; +import * as plugins from '../plugins'; +import { + DeesElement, + property, + html, + customElement, + TemplateResult, + css, + cssManager, +} from '@designestate/dees-element'; import './internal/uplinternal-miniheading'; @@ -11,60 +19,62 @@ declare global { @customElement('upl-statuspage-statusdetails') export class UplStatuspageStatusdetails extends DeesElement { - public static demo = () => html` - - `; - - + public static demo = () => html` `; constructor() { super(); } + public static styles = [ + plugins.domtools.elementBasic.staticStyles, + css` + :host { + position: relative; + padding: 0px 0px 15px 0px; + display: block; + background: #222222; + font-family: Roboto Mono; + color: #fff; + } + + .mainbox { + margin: auto; + max-width: 900px; + text-align: right; + background: #404040; + line-height: 50px; + border-radius: 3px; + } + + .mainbox .barContainer { + position: relative; + display: flex; + padding: 6px; + overflow: hidden; + } + + .mainbox .barContainer .bar { + margin: 4px; + width: 11px; + border-radius: 3px; + height: 40px; + background: #2deb51; + } + .timeIndicator { + position: absolute; + width: 11px; + height: 11px; + background: #FF9800; + top: 56px; + left: 400px; + transform: rotate(45deg); + } + `, + ]; + public render(): TemplateResult { return html` - ${domtools.elementBasic.styles} - + Yesterday & Today
@@ -77,9 +87,9 @@ export class UplStatuspageStatusdetails extends DeesElement { } return returnArray; })()} +
-
`; } -} \ No newline at end of file +} diff --git a/ts_web/elements/upl-statuspage-statusmonth.ts b/ts_web/elements/upl-statuspage-statusmonth.ts index d0e3100..3f263ee 100644 --- a/ts_web/elements/upl-statuspage-statusmonth.ts +++ b/ts_web/elements/upl-statuspage-statusmonth.ts @@ -4,6 +4,8 @@ import { html, customElement, TemplateResult, + css, + cssManager } from '@designestate/dees-element'; import * as domtools from '@designestate/dees-domtools'; @@ -23,11 +25,10 @@ export class UplStatuspageStatusmonth extends DeesElement { super(); } - public render(): TemplateResult { - return html` - ${domtools.elementBasic.styles} - + ` + ] + + public render(): TemplateResult { + return html` + Last 150 days
diff --git a/ts_web/plugins.ts b/ts_web/plugins.ts new file mode 100644 index 0000000..43e4c0f --- /dev/null +++ b/ts_web/plugins.ts @@ -0,0 +1,7 @@ +import * as domtools from '@designestate/dees-domtools'; +import * as uplInterfaces from '@uptimelink/interfaces'; + +export { + domtools, + uplInterfaces +}