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

fix(core): update

Browse Source
This commit is contained in:
Philipp Kunz
2023-10-06 13:58:03 +02:00
parent 2e24d99f56
commit 0c4f2773cf
9 changed files with 3208 additions and 18830 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
ts_web/00_commitinfo_data.ts Normal file
View File

@ -0,0 +1,8 @@
/**
* autocreated commitinfo by @pushrocks/commitinfo
*/
export const commitinfo = {
name: '@uptimelink/webwidget',
version: '1.0.70',
description: 'the webwidget for public use of uptimelink'
}

29
ts_web/elements/uptimelink-webwidget.ts
View File

@ -1,5 +1,5 @@
import { DeesElement, property, html, customElement, TemplateResult } from '@designestate/dees-element';
import * as domtools from '@designestate/dees-domtools';
import { DeesElement, property, html, customElement, type TemplateResult } from '@design.estate/dees-element';
import * as domtools from '@design.estate/dees-domtools';
declare global {
interface HTMLElementTagNameMap {
@ -46,8 +46,8 @@ export class UptimelinkWebwidget extends DeesElement {
line-height: 1em;
margin: auto;
font-family: Roboto;
font-weight: 400;
font-size: 13px;
font-weight: 540;
font-size: 12px;
box-sizing: border-box;
width: 150px;
border-radius: 15px;
@ -67,8 +67,8 @@ export class UptimelinkWebwidget extends DeesElement {
}
.mainbox.focused {
width: 200px;
height: 118px;
width: 182px;
height: 117px;
}
.statusindicator {
@ -78,7 +78,7 @@ export class UptimelinkWebwidget extends DeesElement {
border-radius: 10px;
}
.statustext {
padding-top: 3px;
line-height: 20px;
}
.expanded {
@ -90,8 +90,7 @@ export class UptimelinkWebwidget extends DeesElement {
position: absolute;
width: 190px;
top: 25px;
left: calc(50% - 95px);
left: 5px;
margin-top: 10px;
font-size: 12px;
}
@ -99,10 +98,10 @@ export class UptimelinkWebwidget extends DeesElement {
.miniOverview24h {
position: absolute;
top: 55px;
left: calc(50% - 95px);
left: 5px;
background: ${this.goBright ? 'rgba(0,0,0,0.07)' : 'rgba(255,255,255,0.07)'};
border-radius: 3px;
width: 190px;
width: 172px;
height: 30px;
display: grid;
padding: 3px 3px;
@ -121,9 +120,9 @@ export class UptimelinkWebwidget extends DeesElement {
.viewStatuspage {
position: absolute;
width: 190px;
width: 172px;
top: 80px;
left: calc(50% - 95px);
left: 5px;
text-align: center;
background: ${this.goBright ? 'rgba(0,0,0,0.07)' : 'rgba(255,255,255,0.07)'};
border-radius: 3px 3px 10px 10px;
@ -144,13 +143,13 @@ export class UptimelinkWebwidget extends DeesElement {
${this.showExpanded ? html`
<div class="expanded">
<div class="miniHeading">
last 26 hours:
last 24 hours:
</div>
<div class="miniOverview24h">
${(() => {
let counter = 0;
const returnArray = [];
while(counter < 26) {
while(counter < 24) {
returnArray.push(html`<div class="statusBar ok"></div>`)
counter++;
};