@uptime.link/statuspage 1.1.0 → 1.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist_bundle/bundle.js +1814 -917
- package/dist_bundle/bundle.js.map +3 -3
- package/dist_ts_web/00_commitinfo_data.js +1 -1
- package/dist_ts_web/elements/upl-statuspage-assetsselector.js +119 -45
- package/dist_ts_web/elements/upl-statuspage-footer.js +81 -27
- package/dist_ts_web/elements/upl-statuspage-header.js +79 -19
- package/dist_ts_web/elements/upl-statuspage-incidents.js +242 -55
- package/dist_ts_web/elements/upl-statuspage-statsgrid.d.ts +3 -0
- package/dist_ts_web/elements/upl-statuspage-statsgrid.js +239 -52
- package/dist_ts_web/elements/upl-statuspage-statusbar.js +58 -7
- package/dist_ts_web/elements/upl-statuspage-statusdetails.js +36 -11
- package/dist_ts_web/elements/upl-statuspage-statusmonth.d.ts +2 -0
- package/dist_ts_web/elements/upl-statuspage-statusmonth.js +415 -230
- package/dist_ts_web/styles/shared.styles.d.ts +22 -0
- package/dist_ts_web/styles/shared.styles.js +146 -3
- package/dist_watch/bundle.js +1425 -446
- package/dist_watch/bundle.js.map +3 -3
- package/dist_watch/index.html +1 -0
- package/package.json +1 -1
- package/ts_web/00_commitinfo_data.ts +1 -1
- package/ts_web/elements/upl-statuspage-assetsselector.ts +118 -44
- package/ts_web/elements/upl-statuspage-footer.ts +80 -26
- package/ts_web/elements/upl-statuspage-header.ts +87 -18
- package/ts_web/elements/upl-statuspage-incidents.ts +248 -56
- package/ts_web/elements/upl-statuspage-statsgrid.ts +235 -55
- package/ts_web/elements/upl-statuspage-statusbar.ts +57 -6
- package/ts_web/elements/upl-statuspage-statusdetails.ts +35 -10
- package/ts_web/elements/upl-statuspage-statusmonth.ts +436 -252
- package/ts_web/styles/shared.styles.ts +166 -2
|
@@ -144,63 +144,159 @@ let UplStatuspageStatsgrid = (() => {
|
|
|
144
144
|
}
|
|
145
145
|
|
|
146
146
|
.stat-card {
|
|
147
|
-
background: ${
|
|
148
|
-
border: 1px solid ${
|
|
149
|
-
border-radius: ${unsafeCSS(sharedStyles.borderRadius.
|
|
147
|
+
background: ${sharedStyles.colors.background.card};
|
|
148
|
+
border: 1px solid ${sharedStyles.colors.border.default};
|
|
149
|
+
border-radius: ${unsafeCSS(sharedStyles.borderRadius.lg)};
|
|
150
150
|
padding: ${unsafeCSS(sharedStyles.spacing.lg)};
|
|
151
|
-
transition: all
|
|
151
|
+
transition: all ${unsafeCSS(sharedStyles.durations.normal)} ${unsafeCSS(sharedStyles.easings.default)};
|
|
152
|
+
position: relative;
|
|
153
|
+
overflow: hidden;
|
|
154
|
+
animation: fadeInUp 0.4s ${unsafeCSS(sharedStyles.easings.default)} both;
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
.stat-card:nth-child(1) { animation-delay: 0ms; }
|
|
158
|
+
.stat-card:nth-child(2) { animation-delay: 50ms; }
|
|
159
|
+
.stat-card:nth-child(3) { animation-delay: 100ms; }
|
|
160
|
+
.stat-card:nth-child(4) { animation-delay: 150ms; }
|
|
161
|
+
|
|
162
|
+
@keyframes fadeInUp {
|
|
163
|
+
from {
|
|
164
|
+
opacity: 0;
|
|
165
|
+
transform: translateY(12px);
|
|
166
|
+
}
|
|
167
|
+
to {
|
|
168
|
+
opacity: 1;
|
|
169
|
+
transform: translateY(0);
|
|
170
|
+
}
|
|
171
|
+
}
|
|
172
|
+
|
|
173
|
+
/* Status-colored top accent */
|
|
174
|
+
.stat-card::before {
|
|
175
|
+
content: '';
|
|
176
|
+
position: absolute;
|
|
177
|
+
top: 0;
|
|
178
|
+
left: 0;
|
|
179
|
+
right: 0;
|
|
180
|
+
height: 3px;
|
|
181
|
+
background: ${sharedStyles.colors.border.muted};
|
|
182
|
+
transition: all ${unsafeCSS(sharedStyles.durations.fast)} ${unsafeCSS(sharedStyles.easings.default)};
|
|
183
|
+
}
|
|
184
|
+
|
|
185
|
+
/* Dynamic status-based accent colors for all stat cards */
|
|
186
|
+
.stat-card.operational::before {
|
|
187
|
+
background: ${sharedStyles.colors.status.operational};
|
|
188
|
+
}
|
|
189
|
+
|
|
190
|
+
.stat-card.degraded::before {
|
|
191
|
+
background: ${sharedStyles.colors.status.degraded};
|
|
192
|
+
}
|
|
193
|
+
|
|
194
|
+
.stat-card.partial_outage::before {
|
|
195
|
+
background: ${sharedStyles.colors.status.partial};
|
|
196
|
+
}
|
|
197
|
+
|
|
198
|
+
.stat-card.major_outage::before {
|
|
199
|
+
background: ${sharedStyles.colors.status.major};
|
|
200
|
+
}
|
|
201
|
+
|
|
202
|
+
.stat-card.maintenance::before {
|
|
203
|
+
background: ${sharedStyles.colors.status.maintenance};
|
|
152
204
|
}
|
|
153
205
|
|
|
154
206
|
.stat-card:hover {
|
|
155
|
-
border-color: ${
|
|
156
|
-
box-shadow: ${
|
|
207
|
+
border-color: ${sharedStyles.colors.border.muted};
|
|
208
|
+
box-shadow: ${unsafeCSS(sharedStyles.shadows.md)};
|
|
209
|
+
transform: translateY(-3px);
|
|
210
|
+
}
|
|
211
|
+
|
|
212
|
+
.stat-card:hover::before {
|
|
213
|
+
height: 4px;
|
|
157
214
|
}
|
|
158
215
|
|
|
159
216
|
.stat-label {
|
|
160
|
-
font-size:
|
|
161
|
-
color: ${
|
|
217
|
+
font-size: 11px;
|
|
218
|
+
color: ${sharedStyles.colors.text.muted};
|
|
162
219
|
text-transform: uppercase;
|
|
163
|
-
letter-spacing: 0.
|
|
164
|
-
font-weight:
|
|
220
|
+
letter-spacing: 0.06em;
|
|
221
|
+
font-weight: 600;
|
|
165
222
|
margin-bottom: ${unsafeCSS(sharedStyles.spacing.sm)};
|
|
166
223
|
display: flex;
|
|
167
224
|
align-items: center;
|
|
168
|
-
gap:
|
|
225
|
+
gap: 6px;
|
|
226
|
+
}
|
|
227
|
+
|
|
228
|
+
.stat-label svg {
|
|
229
|
+
width: 14px;
|
|
230
|
+
height: 14px;
|
|
231
|
+
opacity: 0.7;
|
|
169
232
|
}
|
|
170
233
|
|
|
171
234
|
.stat-value {
|
|
172
|
-
font-size:
|
|
173
|
-
font-weight:
|
|
174
|
-
color: ${
|
|
235
|
+
font-size: 28px;
|
|
236
|
+
font-weight: 700;
|
|
237
|
+
color: ${sharedStyles.colors.text.primary};
|
|
175
238
|
font-variant-numeric: tabular-nums;
|
|
176
239
|
line-height: 1.2;
|
|
240
|
+
letter-spacing: -0.02em;
|
|
241
|
+
transition: transform ${unsafeCSS(sharedStyles.durations.fast)} ${unsafeCSS(sharedStyles.easings.default)};
|
|
242
|
+
}
|
|
243
|
+
|
|
244
|
+
.stat-card:hover .stat-value {
|
|
245
|
+
transform: scale(1.02);
|
|
177
246
|
}
|
|
178
247
|
|
|
179
248
|
.stat-unit {
|
|
180
|
-
font-size:
|
|
181
|
-
font-weight:
|
|
182
|
-
color: ${
|
|
183
|
-
margin-left:
|
|
249
|
+
font-size: 16px;
|
|
250
|
+
font-weight: 500;
|
|
251
|
+
color: ${sharedStyles.colors.text.secondary};
|
|
252
|
+
margin-left: 2px;
|
|
184
253
|
}
|
|
185
254
|
|
|
186
255
|
.stat-change {
|
|
187
256
|
font-size: 12px;
|
|
188
|
-
margin-top: ${unsafeCSS(sharedStyles.spacing.
|
|
257
|
+
margin-top: ${unsafeCSS(sharedStyles.spacing.sm)};
|
|
189
258
|
display: flex;
|
|
190
259
|
align-items: center;
|
|
191
260
|
gap: 4px;
|
|
261
|
+
padding: 4px 8px;
|
|
262
|
+
border-radius: ${unsafeCSS(sharedStyles.borderRadius.sm)};
|
|
263
|
+
width: fit-content;
|
|
192
264
|
}
|
|
193
265
|
|
|
194
266
|
.stat-change.positive {
|
|
195
|
-
color: ${
|
|
267
|
+
color: ${sharedStyles.colors.status.operational};
|
|
268
|
+
background: ${cssManager.bdTheme('rgba(22, 163, 74, 0.08)', 'rgba(34, 197, 94, 0.12)')};
|
|
196
269
|
}
|
|
197
270
|
|
|
198
271
|
.stat-change.negative {
|
|
199
|
-
color: ${
|
|
272
|
+
color: ${sharedStyles.colors.status.partial};
|
|
273
|
+
background: ${cssManager.bdTheme('rgba(239, 68, 68, 0.08)', 'rgba(248, 113, 113, 0.12)')};
|
|
200
274
|
}
|
|
201
275
|
|
|
202
276
|
.stat-change.neutral {
|
|
203
|
-
color: ${
|
|
277
|
+
color: ${sharedStyles.colors.text.muted};
|
|
278
|
+
background: ${sharedStyles.colors.background.muted};
|
|
279
|
+
}
|
|
280
|
+
|
|
281
|
+
/* Status text color variations */
|
|
282
|
+
.stat-value.operational {
|
|
283
|
+
color: ${sharedStyles.colors.status.operational};
|
|
284
|
+
}
|
|
285
|
+
|
|
286
|
+
.stat-value.degraded {
|
|
287
|
+
color: ${sharedStyles.colors.status.degraded};
|
|
288
|
+
}
|
|
289
|
+
|
|
290
|
+
.stat-value.partial_outage {
|
|
291
|
+
color: ${sharedStyles.colors.status.partial};
|
|
292
|
+
}
|
|
293
|
+
|
|
294
|
+
.stat-value.major_outage {
|
|
295
|
+
color: ${sharedStyles.colors.status.major};
|
|
296
|
+
}
|
|
297
|
+
|
|
298
|
+
.stat-value.maintenance {
|
|
299
|
+
color: ${sharedStyles.colors.status.maintenance};
|
|
204
300
|
}
|
|
205
301
|
|
|
206
302
|
.loading-skeleton {
|
|
@@ -210,61 +306,102 @@ let UplStatuspageStatsgrid = (() => {
|
|
|
210
306
|
}
|
|
211
307
|
|
|
212
308
|
.skeleton-card {
|
|
213
|
-
background: ${
|
|
214
|
-
border: 1px solid ${
|
|
215
|
-
border-radius: ${unsafeCSS(sharedStyles.borderRadius.
|
|
309
|
+
background: ${sharedStyles.colors.background.card};
|
|
310
|
+
border: 1px solid ${sharedStyles.colors.border.default};
|
|
311
|
+
border-radius: ${unsafeCSS(sharedStyles.borderRadius.lg)};
|
|
216
312
|
padding: ${unsafeCSS(sharedStyles.spacing.lg)};
|
|
217
|
-
height:
|
|
313
|
+
height: 110px;
|
|
314
|
+
position: relative;
|
|
315
|
+
overflow: hidden;
|
|
316
|
+
}
|
|
317
|
+
|
|
318
|
+
.skeleton-card::before {
|
|
319
|
+
content: '';
|
|
320
|
+
position: absolute;
|
|
321
|
+
top: 0;
|
|
322
|
+
left: 0;
|
|
323
|
+
right: 0;
|
|
324
|
+
height: 3px;
|
|
325
|
+
background: ${sharedStyles.colors.background.muted};
|
|
218
326
|
}
|
|
219
327
|
|
|
220
328
|
.skeleton-label {
|
|
221
|
-
height:
|
|
329
|
+
height: 12px;
|
|
222
330
|
width: 80px;
|
|
223
|
-
background: ${
|
|
331
|
+
background: ${sharedStyles.colors.background.muted};
|
|
224
332
|
border-radius: 4px;
|
|
225
333
|
margin-bottom: ${unsafeCSS(sharedStyles.spacing.sm)};
|
|
226
|
-
animation:
|
|
334
|
+
animation: shimmer 1.5s infinite;
|
|
227
335
|
}
|
|
228
336
|
|
|
229
337
|
.skeleton-value {
|
|
230
|
-
height:
|
|
231
|
-
width:
|
|
232
|
-
background: ${
|
|
233
|
-
border-radius:
|
|
234
|
-
animation:
|
|
338
|
+
height: 32px;
|
|
339
|
+
width: 100px;
|
|
340
|
+
background: ${sharedStyles.colors.background.muted};
|
|
341
|
+
border-radius: 6px;
|
|
342
|
+
animation: shimmer 1.5s infinite;
|
|
235
343
|
animation-delay: 0.1s;
|
|
236
344
|
}
|
|
237
345
|
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
346
|
+
.skeleton-change {
|
|
347
|
+
height: 20px;
|
|
348
|
+
width: 70px;
|
|
349
|
+
background: ${sharedStyles.colors.background.muted};
|
|
350
|
+
border-radius: 4px;
|
|
351
|
+
margin-top: ${unsafeCSS(sharedStyles.spacing.sm)};
|
|
352
|
+
animation: shimmer 1.5s infinite;
|
|
353
|
+
animation-delay: 0.2s;
|
|
354
|
+
}
|
|
355
|
+
|
|
356
|
+
@keyframes shimmer {
|
|
357
|
+
0% { opacity: 0.5; }
|
|
358
|
+
50% { opacity: 1; }
|
|
359
|
+
100% { opacity: 0.5; }
|
|
241
360
|
}
|
|
242
361
|
|
|
243
362
|
.status-indicator {
|
|
244
363
|
display: inline-block;
|
|
245
|
-
width:
|
|
246
|
-
height:
|
|
364
|
+
width: 8px;
|
|
365
|
+
height: 8px;
|
|
247
366
|
border-radius: 50%;
|
|
367
|
+
flex-shrink: 0;
|
|
248
368
|
}
|
|
249
369
|
|
|
250
370
|
.status-indicator.operational {
|
|
251
371
|
background: ${sharedStyles.colors.status.operational};
|
|
372
|
+
box-shadow: 0 0 0 2px ${cssManager.bdTheme('rgba(22, 163, 74, 0.2)', 'rgba(34, 197, 94, 0.25)')};
|
|
373
|
+
animation: statusPulse 2s ease-in-out infinite;
|
|
374
|
+
}
|
|
375
|
+
|
|
376
|
+
@keyframes statusPulse {
|
|
377
|
+
0%, 100% { box-shadow: 0 0 0 2px ${cssManager.bdTheme('rgba(22, 163, 74, 0.2)', 'rgba(34, 197, 94, 0.25)')}; }
|
|
378
|
+
50% { box-shadow: 0 0 0 4px ${cssManager.bdTheme('rgba(22, 163, 74, 0.1)', 'rgba(34, 197, 94, 0.15)')}; }
|
|
252
379
|
}
|
|
253
380
|
|
|
254
381
|
.status-indicator.degraded {
|
|
255
382
|
background: ${sharedStyles.colors.status.degraded};
|
|
383
|
+
box-shadow: 0 0 0 2px ${cssManager.bdTheme('rgba(217, 119, 6, 0.2)', 'rgba(251, 191, 36, 0.25)')};
|
|
256
384
|
}
|
|
257
385
|
|
|
258
386
|
.status-indicator.partial_outage {
|
|
259
387
|
background: ${sharedStyles.colors.status.partial};
|
|
388
|
+
box-shadow: 0 0 0 2px ${cssManager.bdTheme('rgba(239, 68, 68, 0.2)', 'rgba(248, 113, 113, 0.25)')};
|
|
260
389
|
}
|
|
261
390
|
|
|
262
391
|
.status-indicator.major_outage {
|
|
263
392
|
background: ${sharedStyles.colors.status.major};
|
|
393
|
+
box-shadow: 0 0 0 2px ${cssManager.bdTheme('rgba(185, 28, 28, 0.2)', 'rgba(239, 68, 68, 0.25)')};
|
|
394
|
+
animation: majorPulse 1s ease-in-out infinite;
|
|
395
|
+
}
|
|
396
|
+
|
|
397
|
+
@keyframes majorPulse {
|
|
398
|
+
0%, 100% { opacity: 1; }
|
|
399
|
+
50% { opacity: 0.6; }
|
|
264
400
|
}
|
|
265
401
|
|
|
266
402
|
.status-indicator.maintenance {
|
|
267
403
|
background: ${sharedStyles.colors.status.maintenance};
|
|
404
|
+
box-shadow: 0 0 0 2px ${cssManager.bdTheme('rgba(37, 99, 235, 0.2)', 'rgba(96, 165, 250, 0.25)')};
|
|
268
405
|
}
|
|
269
406
|
|
|
270
407
|
@media (max-width: 640px) {
|
|
@@ -273,7 +410,7 @@ let UplStatuspageStatsgrid = (() => {
|
|
|
273
410
|
}
|
|
274
411
|
|
|
275
412
|
.stats-grid {
|
|
276
|
-
grid-template-columns: 1fr;
|
|
413
|
+
grid-template-columns: repeat(2, 1fr);
|
|
277
414
|
gap: ${unsafeCSS(sharedStyles.spacing.sm)};
|
|
278
415
|
}
|
|
279
416
|
|
|
@@ -282,7 +419,16 @@ let UplStatuspageStatsgrid = (() => {
|
|
|
282
419
|
}
|
|
283
420
|
|
|
284
421
|
.stat-value {
|
|
285
|
-
font-size:
|
|
422
|
+
font-size: 22px;
|
|
423
|
+
}
|
|
424
|
+
|
|
425
|
+
.stat-label {
|
|
426
|
+
font-size: 10px;
|
|
427
|
+
}
|
|
428
|
+
|
|
429
|
+
.stat-label svg {
|
|
430
|
+
width: 12px;
|
|
431
|
+
height: 12px;
|
|
286
432
|
}
|
|
287
433
|
}
|
|
288
434
|
`,
|
|
@@ -301,18 +447,23 @@ let UplStatuspageStatsgrid = (() => {
|
|
|
301
447
|
</div>
|
|
302
448
|
` : html `
|
|
303
449
|
<div class="stats-grid">
|
|
304
|
-
<div class="stat-card">
|
|
450
|
+
<div class="stat-card ${this.currentStatus}">
|
|
305
451
|
<div class="stat-label">
|
|
306
452
|
<span class="status-indicator ${this.currentStatus}"></span>
|
|
307
453
|
Current Status
|
|
308
454
|
</div>
|
|
309
|
-
<div class="stat-value">
|
|
455
|
+
<div class="stat-value ${this.currentStatus}">
|
|
310
456
|
${this.formatStatus(this.currentStatus)}
|
|
311
457
|
</div>
|
|
312
458
|
</div>
|
|
313
459
|
|
|
314
|
-
<div class="stat-card">
|
|
315
|
-
<div class="stat-label">
|
|
460
|
+
<div class="stat-card ${this.getUptimeCardStatus()}">
|
|
461
|
+
<div class="stat-label">
|
|
462
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
463
|
+
<polyline points="22 12 18 12 15 21 9 3 6 12 2 12"></polyline>
|
|
464
|
+
</svg>
|
|
465
|
+
Uptime
|
|
466
|
+
</div>
|
|
316
467
|
<div class="stat-value">
|
|
317
468
|
${this.uptime.toFixed(2)}<span class="stat-unit">%</span>
|
|
318
469
|
</div>
|
|
@@ -321,21 +472,34 @@ let UplStatuspageStatsgrid = (() => {
|
|
|
321
472
|
</div>
|
|
322
473
|
</div>
|
|
323
474
|
|
|
324
|
-
<div class="stat-card">
|
|
325
|
-
<div class="stat-label">
|
|
475
|
+
<div class="stat-card ${this.getResponseCardStatus()}">
|
|
476
|
+
<div class="stat-label">
|
|
477
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
478
|
+
<circle cx="12" cy="12" r="10"></circle>
|
|
479
|
+
<polyline points="12 6 12 12 16 14"></polyline>
|
|
480
|
+
</svg>
|
|
481
|
+
Avg Response
|
|
482
|
+
</div>
|
|
326
483
|
<div class="stat-value">
|
|
327
484
|
${this.avgResponseTime}<span class="stat-unit">ms</span>
|
|
328
485
|
</div>
|
|
329
486
|
${this.renderResponseChange()}
|
|
330
487
|
</div>
|
|
331
488
|
|
|
332
|
-
<div class="stat-card">
|
|
333
|
-
<div class="stat-label">
|
|
489
|
+
<div class="stat-card ${this.getIncidentCardStatus()}">
|
|
490
|
+
<div class="stat-label">
|
|
491
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
492
|
+
<path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path>
|
|
493
|
+
<line x1="12" y1="9" x2="12" y2="13"></line>
|
|
494
|
+
<line x1="12" y1="17" x2="12.01" y2="17"></line>
|
|
495
|
+
</svg>
|
|
496
|
+
Incidents
|
|
497
|
+
</div>
|
|
334
498
|
<div class="stat-value">
|
|
335
499
|
${this.totalIncidents}
|
|
336
500
|
</div>
|
|
337
|
-
<div class="stat-change
|
|
338
|
-
${this.affectedServices} of ${this.totalServices} services
|
|
501
|
+
<div class="stat-change ${this.affectedServices === 0 ? 'positive' : 'negative'}">
|
|
502
|
+
${this.affectedServices === 0 ? 'All services ok.' : `${this.affectedServices} of ${this.totalServices} services affected`}
|
|
339
503
|
</div>
|
|
340
504
|
</div>
|
|
341
505
|
</div>
|
|
@@ -364,6 +528,29 @@ let UplStatuspageStatsgrid = (() => {
|
|
|
364
528
|
</div>
|
|
365
529
|
`;
|
|
366
530
|
}
|
|
531
|
+
getUptimeCardStatus() {
|
|
532
|
+
if (this.uptime >= 99.9)
|
|
533
|
+
return 'operational';
|
|
534
|
+
if (this.uptime >= 99.0)
|
|
535
|
+
return 'degraded';
|
|
536
|
+
return 'partial_outage';
|
|
537
|
+
}
|
|
538
|
+
getResponseCardStatus() {
|
|
539
|
+
if (this.avgResponseTime < 200)
|
|
540
|
+
return 'operational';
|
|
541
|
+
if (this.avgResponseTime < 500)
|
|
542
|
+
return 'degraded';
|
|
543
|
+
return 'partial_outage';
|
|
544
|
+
}
|
|
545
|
+
getIncidentCardStatus() {
|
|
546
|
+
if (this.affectedServices === 0)
|
|
547
|
+
return 'operational';
|
|
548
|
+
if (this.currentStatus === 'major_outage')
|
|
549
|
+
return 'major_outage';
|
|
550
|
+
if (this.currentStatus === 'partial_outage')
|
|
551
|
+
return 'partial_outage';
|
|
552
|
+
return 'degraded';
|
|
553
|
+
}
|
|
367
554
|
static {
|
|
368
555
|
__runInitializers(_classThis, _classExtraInitializers);
|
|
369
556
|
}
|
|
@@ -371,4 +558,4 @@ let UplStatuspageStatsgrid = (() => {
|
|
|
371
558
|
return UplStatuspageStatsgrid = _classThis;
|
|
372
559
|
})();
|
|
373
560
|
export { UplStatuspageStatsgrid };
|
|
374
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
561
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsLXN0YXR1c3BhZ2Utc3RhdHNncmlkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL3VwbC1zdGF0dXNwYWdlLXN0YXRzZ3JpZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxFQUNMLFdBQVcsRUFDWCxRQUFRLEVBQ1IsSUFBSSxFQUNKLGFBQWEsRUFFYixHQUFHLEVBQ0gsVUFBVSxFQUNWLFNBQVMsR0FDVixNQUFNLDZCQUE2QixDQUFDO0FBQ3JDLE9BQU8sS0FBSyxRQUFRLE1BQU0sOEJBQThCLENBQUM7QUFDekQsT0FBTyxLQUFLLFlBQVksTUFBTSw0QkFBNEIsQ0FBQztBQUUzRCxPQUFPLHVDQUF1QyxDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztJQVNqRCxzQkFBc0I7NEJBRGxDLGFBQWEsQ0FBQywwQkFBMEIsQ0FBQzs7OztzQkFDRSxXQUFXOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O3NDQUFuQixTQUFRLFdBQVc7Ozs7a0NBR3BELFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQzsyQ0FHMUIsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDOzBDQUcxQixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7NENBRzFCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQzt5Q0FHMUIsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDO3lDQUcxQixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7bUNBRzFCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsQ0FBQztzQ0FHM0IsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDO1lBcEIzQix1S0FBUyxNQUFNLDZCQUFOLE1BQU0sdUZBQWlCO1lBR2hDLGtNQUFTLGVBQWUsNkJBQWYsZUFBZSx5R0FBZTtZQUd2QywrTEFBUyxjQUFjLDZCQUFkLGNBQWMsdUdBQWE7WUFHcEMscU1BQVMsZ0JBQWdCLDZCQUFoQixnQkFBZ0IsMkdBQWE7WUFHdEMsNExBQVMsYUFBYSw2QkFBYixhQUFhLHFHQUFhO1lBR25DLDRMQUFTLGFBQWEsNkJBQWIsYUFBYSxxR0FBeUI7WUFHL0MsMEtBQVMsT0FBTyw2QkFBUCxPQUFPLHlGQUFrQjtZQUdsQyxtTEFBUyxVQUFVLDZCQUFWLFVBQVUsK0ZBQXFCO1lBekIxQyw2S0E4Y0M7Ozs7UUE3Y1EsTUFBTSxDQUFDLElBQUksR0FBRyxRQUFRLENBQUM7UUFHOUIseUVBQTBCLEtBQUssRUFBQztRQUFoQyxJQUFTLE1BQU0sNENBQWlCO1FBQWhDLElBQVMsTUFBTSxrREFBaUI7UUFHaEMsZ0pBQW1DLEdBQUcsR0FBQztRQUF2QyxJQUFTLGVBQWUscURBQWU7UUFBdkMsSUFBUyxlQUFlLDJEQUFlO1FBR3ZDLHVKQUFrQyxDQUFDLEdBQUM7UUFBcEMsSUFBUyxjQUFjLG9EQUFhO1FBQXBDLElBQVMsY0FBYywwREFBYTtRQUdwQywwSkFBb0MsQ0FBQyxHQUFDO1FBQXRDLElBQVMsZ0JBQWdCLHNEQUFhO1FBQXRDLElBQVMsZ0JBQWdCLDREQUFhO1FBR3RDLHNKQUFpQyxDQUFDLEdBQUM7UUFBbkMsSUFBUyxhQUFhLG1EQUFhO1FBQW5DLElBQVMsYUFBYSx5REFBYTtRQUduQyxtSkFBaUMsYUFBYSxHQUFDO1FBQS9DLElBQVMsYUFBYSxtREFBeUI7UUFBL0MsSUFBUyxhQUFhLHlEQUF5QjtRQUcvQyx1SUFBNEIsS0FBSyxHQUFDO1FBQWxDLElBQVMsT0FBTyw2Q0FBa0I7UUFBbEMsSUFBUyxPQUFPLG1EQUFrQjtRQUdsQyx1SUFBOEIsU0FBUyxHQUFDO1FBQXhDLElBQVMsVUFBVSxnREFBcUI7UUFBeEMsSUFBUyxVQUFVLHNEQUFxQjtRQUV4QztZQUNFLEtBQUssRUFBRSxDQUFDOztTQUNUO1FBRU0sTUFBTSxDQUFDLE1BQU0sR0FBRztZQUNyQixRQUFRLENBQUMsWUFBWSxDQUFDLFlBQVk7WUFDbEMsWUFBWSxDQUFDLFlBQVk7WUFDekIsR0FBRyxDQUFBOzs7O3VCQUlnQixTQUFTLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUM7aUJBQ3hDLFlBQVksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLE9BQU87Ozs7OztxQkFNNUIsU0FBUyxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDLElBQUksU0FBUyxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDLElBQUksU0FBUyxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDOzs7Ozs7ZUFNcEgsU0FBUyxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDOzs7O3NCQUkzQixZQUFZLENBQUMsTUFBTSxDQUFDLFVBQVUsQ0FBQyxJQUFJOzRCQUM3QixZQUFZLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxPQUFPO3lCQUNyQyxTQUFTLENBQUMsWUFBWSxDQUFDLFlBQVksQ0FBQyxFQUFFLENBQUM7bUJBQzdDLFNBQVMsQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQzswQkFDM0IsU0FBUyxDQUFDLFlBQVksQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLElBQUksU0FBUyxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDOzs7bUNBRzFFLFNBQVMsQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O3NCQTJCcEQsWUFBWSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsS0FBSzswQkFDNUIsU0FBUyxDQUFDLFlBQVksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksU0FBUyxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDOzs7OztzQkFLckYsWUFBWSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsV0FBVzs7OztzQkFJdEMsWUFBWSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsUUFBUTs7OztzQkFJbkMsWUFBWSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsT0FBTzs7OztzQkFJbEMsWUFBWSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsS0FBSzs7OztzQkFJaEMsWUFBWSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsV0FBVzs7Ozt3QkFJcEMsWUFBWSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsS0FBSztzQkFDbEMsU0FBUyxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDOzs7Ozs7Ozs7O2lCQVV2QyxZQUFZLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxLQUFLOzs7O3lCQUl0QixTQUFTLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUM7Ozs7Ozs7Ozs7Ozs7OztpQkFlMUMsWUFBWSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsT0FBTzs7OztnQ0FJakIsU0FBUyxDQUFDLFlBQVksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksU0FBUyxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDOzs7Ozs7Ozs7O2lCQVVoRyxZQUFZLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxTQUFTOzs7Ozs7c0JBTTdCLFNBQVMsQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQzs7Ozs7eUJBSy9CLFNBQVMsQ0FBQyxZQUFZLENBQUMsWUFBWSxDQUFDLEVBQUUsQ0FBQzs7Ozs7aUJBSy9DLFlBQVksQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLFdBQVc7c0JBQ2pDLFVBQVUsQ0FBQyxPQUFPLENBQUMseUJBQXlCLEVBQUUseUJBQXlCLENBQUM7Ozs7aUJBSTdFLFlBQVksQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLE9BQU87c0JBQzdCLFVBQVUsQ0FBQyxPQUFPLENBQUMseUJBQXlCLEVBQUUsMkJBQTJCLENBQUM7Ozs7aUJBSS9FLFlBQVksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEtBQUs7c0JBQ3pCLFlBQVksQ0FBQyxNQUFNLENBQUMsVUFBVSxDQUFDLEtBQUs7Ozs7O2lCQUt6QyxZQUFZLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxXQUFXOzs7O2lCQUl0QyxZQUFZLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxRQUFROzs7O2lCQUluQyxZQUFZLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxPQUFPOzs7O2lCQUlsQyxZQUFZLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxLQUFLOzs7O2lCQUloQyxZQUFZLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxXQUFXOzs7Ozs7ZUFNeEMsU0FBUyxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDOzs7O3NCQUkzQixZQUFZLENBQUMsTUFBTSxDQUFDLFVBQVUsQ0FBQyxJQUFJOzRCQUM3QixZQUFZLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxPQUFPO3lCQUNyQyxTQUFTLENBQUMsWUFBWSxDQUFDLFlBQVksQ0FBQyxFQUFFLENBQUM7bUJBQzdDLFNBQVMsQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQzs7Ozs7Ozs7Ozs7OztzQkFhL0IsWUFBWSxDQUFDLE1BQU0sQ0FBQyxVQUFVLENBQUMsS0FBSzs7Ozs7O3NCQU1wQyxZQUFZLENBQUMsTUFBTSxDQUFDLFVBQVUsQ0FBQyxLQUFLOzt5QkFFakMsU0FBUyxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDOzs7Ozs7O3NCQU9yQyxZQUFZLENBQUMsTUFBTSxDQUFDLFVBQVUsQ0FBQyxLQUFLOzs7Ozs7Ozs7c0JBU3BDLFlBQVksQ0FBQyxNQUFNLENBQUMsVUFBVSxDQUFDLEtBQUs7O3NCQUVwQyxTQUFTLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O3NCQW9CbEMsWUFBWSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsV0FBVztnQ0FDNUIsVUFBVSxDQUFDLE9BQU8sQ0FBQyx3QkFBd0IsRUFBRSx5QkFBeUIsQ0FBQzs7Ozs7MkNBSzVELFVBQVUsQ0FBQyxPQUFPLENBQUMsd0JBQXdCLEVBQUUseUJBQXlCLENBQUM7c0NBQzVFLFVBQVUsQ0FBQyxPQUFPLENBQUMsd0JBQXdCLEVBQUUseUJBQXlCLENBQUM7Ozs7c0JBSXZGLFlBQVksQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLFFBQVE7Z0NBQ3pCLFVBQVUsQ0FBQyxPQUFPLENBQUMsd0JBQXdCLEVBQUUsMEJBQTBCLENBQUM7Ozs7c0JBSWxGLFlBQVksQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLE9BQU87Z0NBQ3hCLFVBQVUsQ0FBQyxPQUFPLENBQUMsd0JBQXdCLEVBQUUsMkJBQTJCLENBQUM7Ozs7c0JBSW5GLFlBQVksQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLEtBQUs7Z0NBQ3RCLFVBQVUsQ0FBQyxPQUFPLENBQUMsd0JBQXdCLEVBQUUseUJBQXlCLENBQUM7Ozs7Ozs7Ozs7c0JBVWpGLFlBQVksQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLFdBQVc7Z0NBQzVCLFVBQVUsQ0FBQyxPQUFPLENBQUMsd0JBQXdCLEVBQUUsMEJBQTBCLENBQUM7Ozs7O3VCQUtqRixTQUFTLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUMsSUFBSSxTQUFTLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUMsSUFBSSxTQUFTLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUM7Ozs7O2lCQUtwSCxTQUFTLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUM7Ozs7cUJBSTlCLFNBQVMsQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQzs7Ozs7Ozs7Ozs7Ozs7OztLQWdCbEQ7U0FDRixDQUFDO1FBRUssTUFBTTtZQUNYLE9BQU8sSUFBSSxDQUFBOztVQUVMLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQTs7Y0FFZixLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUE7Ozs7O2FBS2hDLENBQUM7O1NBRUwsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFBOztvQ0FFb0IsSUFBSSxDQUFDLGFBQWE7O2dEQUVOLElBQUksQ0FBQyxhQUFhOzs7dUNBRzNCLElBQUksQ0FBQyxhQUFhO2tCQUN2QyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUM7Ozs7b0NBSW5CLElBQUksQ0FBQyxtQkFBbUIsRUFBRTs7Ozs7Ozs7a0JBUTVDLElBQUksQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQzs7O3VCQUdqQixJQUFJLENBQUMsVUFBVTs7OztvQ0FJRixJQUFJLENBQUMscUJBQXFCLEVBQUU7Ozs7Ozs7OztrQkFTOUMsSUFBSSxDQUFDLGVBQWU7O2dCQUV0QixJQUFJLENBQUMsb0JBQW9CLEVBQUU7OztvQ0FHUCxJQUFJLENBQUMscUJBQXFCLEVBQUU7Ozs7Ozs7Ozs7a0JBVTlDLElBQUksQ0FBQyxjQUFjOzt3Q0FFRyxJQUFJLENBQUMsZ0JBQWdCLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLFVBQVU7a0JBQzNFLElBQUksQ0FBQyxnQkFBZ0IsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLGtCQUFrQixDQUFDLENBQUMsQ0FBQyxHQUFHLElBQUksQ0FBQyxnQkFBZ0IsT0FBTyxJQUFJLENBQUMsYUFBYSxvQkFBb0I7Ozs7U0FJakk7O0tBRUosQ0FBQztRQUNKLENBQUM7UUFFTyxZQUFZLENBQUMsTUFBYztZQUNqQyxNQUFNLFNBQVMsR0FBMkI7Z0JBQ3hDLFdBQVcsRUFBRSxhQUFhO2dCQUMxQixRQUFRLEVBQUUsVUFBVTtnQkFDcEIsY0FBYyxFQUFFLGdCQUFnQjtnQkFDaEMsWUFBWSxFQUFFLGNBQWM7Z0JBQzVCLFdBQVcsRUFBRSxhQUFhO2FBQzNCLENBQUM7WUFDRixPQUFPLFNBQVMsQ0FBQyxNQUFNLENBQUMsSUFBSSxTQUFTLENBQUM7UUFDeEMsQ0FBQztRQUVPLG9CQUFvQjtZQUMxQixnREFBZ0Q7WUFDaEQsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLGVBQWUsR0FBRyxHQUFHLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLGVBQWUsR0FBRyxHQUFHLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO1lBQzVHLE1BQU0sSUFBSSxHQUFHLEtBQUssS0FBSyxVQUFVLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsS0FBSyxLQUFLLFVBQVUsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUM7WUFFM0UsT0FBTyxJQUFJLENBQUE7Z0NBQ2lCLEtBQUs7Z0JBQ3JCLElBQUk7Z0JBQ0osS0FBSyxLQUFLLFVBQVUsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxLQUFLLEtBQUssVUFBVSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLFFBQVE7O0tBRW5GLENBQUM7UUFDSixDQUFDO1FBRU8sbUJBQW1CO1lBQ3pCLElBQUksSUFBSSxDQUFDLE1BQU0sSUFBSSxJQUFJO2dCQUFFLE9BQU8sYUFBYSxDQUFDO1lBQzlDLElBQUksSUFBSSxDQUFDLE1BQU0sSUFBSSxJQUFJO2dCQUFFLE9BQU8sVUFBVSxDQUFDO1lBQzNDLE9BQU8sZ0JBQWdCLENBQUM7UUFDMUIsQ0FBQztRQUVPLHFCQUFxQjtZQUMzQixJQUFJLElBQUksQ0FBQyxlQUFlLEdBQUcsR0FBRztnQkFBRSxPQUFPLGFBQWEsQ0FBQztZQUNyRCxJQUFJLElBQUksQ0FBQyxlQUFlLEdBQUcsR0FBRztnQkFBRSxPQUFPLFVBQVUsQ0FBQztZQUNsRCxPQUFPLGdCQUFnQixDQUFDO1FBQzFCLENBQUM7UUFFTyxxQkFBcUI7WUFDM0IsSUFBSSxJQUFJLENBQUMsZ0JBQWdCLEtBQUssQ0FBQztnQkFBRSxPQUFPLGFBQWEsQ0FBQztZQUN0RCxJQUFJLElBQUksQ0FBQyxhQUFhLEtBQUssY0FBYztnQkFBRSxPQUFPLGNBQWMsQ0FBQztZQUNqRSxJQUFJLElBQUksQ0FBQyxhQUFhLEtBQUssZ0JBQWdCO2dCQUFFLE9BQU8sZ0JBQWdCLENBQUM7WUFDckUsT0FBTyxVQUFVLENBQUM7UUFDcEIsQ0FBQzs7WUE3Y1UsdURBQXNCOzs7OztTQUF0QixzQkFBc0IifQ==
|
|
@@ -106,22 +106,32 @@ let UplStatuspageStatusbar = (() => {
|
|
|
106
106
|
display: flex;
|
|
107
107
|
align-items: center;
|
|
108
108
|
justify-content: space-between;
|
|
109
|
-
min-height:
|
|
110
|
-
padding: ${unsafeCSS(sharedStyles.spacing.
|
|
111
|
-
border-radius: ${unsafeCSS(sharedStyles.borderRadius.
|
|
109
|
+
min-height: 72px;
|
|
110
|
+
padding: ${unsafeCSS(sharedStyles.spacing.lg)} ${unsafeCSS(sharedStyles.spacing.xl)};
|
|
111
|
+
border-radius: ${unsafeCSS(sharedStyles.borderRadius.xl)};
|
|
112
112
|
cursor: default;
|
|
113
|
-
transition: all ${unsafeCSS(sharedStyles.durations.
|
|
113
|
+
transition: all ${unsafeCSS(sharedStyles.durations.slow)} ${unsafeCSS(sharedStyles.easings.default)};
|
|
114
114
|
position: relative;
|
|
115
115
|
overflow: hidden;
|
|
116
116
|
font-weight: 500;
|
|
117
117
|
font-size: 15px;
|
|
118
118
|
letter-spacing: -0.01em;
|
|
119
|
-
background: ${sharedStyles.colors.background.card};
|
|
120
119
|
border: 1px solid ${sharedStyles.colors.border.default};
|
|
121
120
|
box-shadow: ${unsafeCSS(sharedStyles.shadows.sm)};
|
|
122
121
|
}
|
|
123
122
|
|
|
123
|
+
/* Gradient background overlay */
|
|
124
124
|
.statusbar-inner::before {
|
|
125
|
+
content: '';
|
|
126
|
+
position: absolute;
|
|
127
|
+
inset: 0;
|
|
128
|
+
opacity: 1;
|
|
129
|
+
transition: opacity ${unsafeCSS(sharedStyles.durations.slow)} ${unsafeCSS(sharedStyles.easings.default)};
|
|
130
|
+
z-index: 0;
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
/* Left accent border */
|
|
134
|
+
.statusbar-inner::after {
|
|
125
135
|
content: '';
|
|
126
136
|
position: absolute;
|
|
127
137
|
left: 0;
|
|
@@ -129,31 +139,72 @@ let UplStatuspageStatusbar = (() => {
|
|
|
129
139
|
bottom: 0;
|
|
130
140
|
width: 4px;
|
|
131
141
|
transition: background ${unsafeCSS(sharedStyles.durations.normal)} ${unsafeCSS(sharedStyles.easings.default)};
|
|
142
|
+
z-index: 1;
|
|
132
143
|
}
|
|
133
144
|
|
|
145
|
+
/* Operational - green gradient */
|
|
146
|
+
.statusbar-inner.operational {
|
|
147
|
+
background: ${sharedStyles.colors.background.card};
|
|
148
|
+
}
|
|
134
149
|
.statusbar-inner.operational::before {
|
|
150
|
+
background: ${sharedStyles.statusGradients.operational};
|
|
151
|
+
}
|
|
152
|
+
.statusbar-inner.operational::after {
|
|
135
153
|
background: ${sharedStyles.colors.status.operational};
|
|
136
154
|
}
|
|
137
155
|
|
|
156
|
+
/* Degraded - yellow/amber gradient */
|
|
157
|
+
.statusbar-inner.degraded {
|
|
158
|
+
background: ${sharedStyles.colors.background.card};
|
|
159
|
+
}
|
|
138
160
|
.statusbar-inner.degraded::before {
|
|
161
|
+
background: ${sharedStyles.statusGradients.degraded};
|
|
162
|
+
}
|
|
163
|
+
.statusbar-inner.degraded::after {
|
|
139
164
|
background: ${sharedStyles.colors.status.degraded};
|
|
140
165
|
}
|
|
141
166
|
|
|
167
|
+
/* Partial outage - orange/red gradient */
|
|
168
|
+
.statusbar-inner.partial_outage {
|
|
169
|
+
background: ${sharedStyles.colors.background.card};
|
|
170
|
+
}
|
|
142
171
|
.statusbar-inner.partial_outage::before {
|
|
172
|
+
background: ${sharedStyles.statusGradients.partial};
|
|
173
|
+
}
|
|
174
|
+
.statusbar-inner.partial_outage::after {
|
|
143
175
|
background: ${sharedStyles.colors.status.partial};
|
|
144
176
|
}
|
|
145
177
|
|
|
178
|
+
/* Major outage - red gradient */
|
|
179
|
+
.statusbar-inner.major_outage {
|
|
180
|
+
background: ${sharedStyles.colors.background.card};
|
|
181
|
+
}
|
|
146
182
|
.statusbar-inner.major_outage::before {
|
|
183
|
+
background: ${sharedStyles.statusGradients.major};
|
|
184
|
+
}
|
|
185
|
+
.statusbar-inner.major_outage::after {
|
|
147
186
|
background: ${sharedStyles.colors.status.major};
|
|
148
187
|
}
|
|
149
188
|
|
|
189
|
+
/* Maintenance - blue gradient */
|
|
190
|
+
.statusbar-inner.maintenance {
|
|
191
|
+
background: ${sharedStyles.colors.background.card};
|
|
192
|
+
}
|
|
150
193
|
.statusbar-inner.maintenance::before {
|
|
194
|
+
background: ${sharedStyles.statusGradients.maintenance};
|
|
195
|
+
}
|
|
196
|
+
.statusbar-inner.maintenance::after {
|
|
151
197
|
background: ${sharedStyles.colors.status.maintenance};
|
|
152
198
|
}
|
|
153
199
|
|
|
154
200
|
.statusbar-inner:hover {
|
|
155
201
|
border-color: ${sharedStyles.colors.border.muted};
|
|
156
|
-
box-shadow: ${unsafeCSS(sharedStyles.shadows.
|
|
202
|
+
box-shadow: ${unsafeCSS(sharedStyles.shadows.md)};
|
|
203
|
+
transform: translateY(-1px);
|
|
204
|
+
}
|
|
205
|
+
|
|
206
|
+
.statusbar-inner:hover::before {
|
|
207
|
+
opacity: 1.2;
|
|
157
208
|
}
|
|
158
209
|
|
|
159
210
|
.status-indicator {
|
|
@@ -365,4 +416,4 @@ let UplStatuspageStatusbar = (() => {
|
|
|
365
416
|
return UplStatuspageStatusbar = _classThis;
|
|
366
417
|
})();
|
|
367
418
|
export { UplStatuspageStatusbar };
|
|
368
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
419
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsLXN0YXR1c3BhZ2Utc3RhdHVzYmFyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL3VwbC1zdGF0dXNwYWdlLXN0YXR1c2Jhci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxFQUFFLFdBQVcsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLGFBQWEsRUFBdUIsVUFBVSxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUMxSSxPQUFPLEtBQUssUUFBUSxNQUFNLDhCQUE4QixDQUFDO0FBRXpELE9BQU8sS0FBSyxZQUFZLE1BQU0sNEJBQTRCLENBQUM7QUFDM0QsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0lBU2pELHNCQUFzQjs0QkFEbEMsYUFBYSxDQUFDLDBCQUEwQixDQUFDOzs7O3NCQUNFLFdBQVc7Ozs7Ozs7Ozs7c0NBQW5CLFNBQVEsV0FBVzs7Ozt5Q0FHcEQsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDO21DQVMxQixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLENBQUM7c0NBRzNCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsQ0FBQztZQVg1Qiw0TEFBUyxhQUFhLDZCQUFiLGFBQWEscUdBTXBCO1lBR0YsMEtBQVMsT0FBTyw2QkFBUCxPQUFPLHlGQUFrQjtZQUdsQyxtTEFBUyxVQUFVLDZCQUFWLFVBQVUsK0ZBQWlCO1lBaEJ0Qyw2S0E2VkM7Ozs7UUE1VlEsTUFBTSxDQUFDLElBQUksR0FBRyxRQUFRLENBQUM7UUFHOUIsdUZBQXlDO1lBQ3ZDLE1BQU0sRUFBRSxhQUFhO1lBQ3JCLE9BQU8sRUFBRSx5QkFBeUI7WUFDbEMsV0FBVyxFQUFFLElBQUksQ0FBQyxHQUFHLEVBQUU7WUFDdkIsZ0JBQWdCLEVB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
|