mirror of
https://github.com/koichixD/uptime-kuma.git
synced 2026-09-04 09:13:21 +00:00
chore: enable formatting over the entire codebase in CI (#6655)
Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
This commit is contained in:
Frank Elsinga
co-authored by
autofix-ci[bot]
autofix-ci[bot]
parent
6658f2ce41
commit
0f61d7ee1b
@@ -11,7 +11,13 @@
|
||||
<div class="modal-body">
|
||||
<i18n-t keypath="Badge Link Generator Helptext" tag="p" class="form-text mb-3">
|
||||
<template #documentation>
|
||||
<a href="https://github.com/louislam/uptime-kuma/wiki/Badge" target="_blank" rel="noopener noreferrer">{{ $t("documentation") }}</a>
|
||||
<a
|
||||
href="https://github.com/louislam/uptime-kuma/wiki/Badge"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
>
|
||||
{{ $t("documentation") }}
|
||||
</a>
|
||||
</template>
|
||||
</i18n-t>
|
||||
<div class="mb-3">
|
||||
@@ -26,79 +32,148 @@
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div v-if=" (parameters[badge.type || 'null'] || [] ).includes('duration') " class="mb-3">
|
||||
<div v-if="(parameters[badge.type || 'null'] || []).includes('duration')" class="mb-3">
|
||||
<label for="duration" class="form-label">{{ $t("Badge Duration (in hours)") }}</label>
|
||||
<input id="duration" v-model="badge.duration" type="number" min="0" placeholder="24" class="form-control">
|
||||
<input
|
||||
id="duration"
|
||||
v-model="badge.duration"
|
||||
type="number"
|
||||
min="0"
|
||||
placeholder="24"
|
||||
class="form-control"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div v-if=" (parameters[badge.type || 'null'] || [] ).includes('label') " class="mb-3">
|
||||
<div v-if="(parameters[badge.type || 'null'] || []).includes('label')" class="mb-3">
|
||||
<label for="label" class="form-label">{{ $t("Badge Label") }}</label>
|
||||
<input id="label" v-model="badge.label" type="text" class="form-control">
|
||||
<input id="label" v-model="badge.label" type="text" class="form-control" />
|
||||
</div>
|
||||
|
||||
<div v-if=" (parameters[badge.type || 'null'] || [] ).includes('prefix') " class="mb-3">
|
||||
<div v-if="(parameters[badge.type || 'null'] || []).includes('prefix')" class="mb-3">
|
||||
<label for="prefix" class="form-label">{{ $t("Badge Prefix") }}</label>
|
||||
<input id="prefix" v-model="badge.prefix" type="text" class="form-control">
|
||||
<input id="prefix" v-model="badge.prefix" type="text" class="form-control" />
|
||||
</div>
|
||||
|
||||
<div v-if=" (parameters[badge.type || 'null'] || [] ).includes('suffix') " class="mb-3">
|
||||
<div v-if="(parameters[badge.type || 'null'] || []).includes('suffix')" class="mb-3">
|
||||
<label for="suffix" class="form-label">{{ $t("Badge Suffix") }}</label>
|
||||
<input id="suffix" v-model="badge.suffix" type="text" placeholder="%" class="form-control">
|
||||
<input id="suffix" v-model="badge.suffix" type="text" placeholder="%" class="form-control" />
|
||||
</div>
|
||||
|
||||
<div v-if=" (parameters[badge.type || 'null'] || [] ).includes('labelColor') " class="mb-3">
|
||||
<div v-if="(parameters[badge.type || 'null'] || []).includes('labelColor')" class="mb-3">
|
||||
<label for="labelColor" class="form-label">{{ $t("Badge Label Color") }}</label>
|
||||
<input id="labelColor" v-model="badge.labelColor" type="text" placeholder="#555" class="form-control">
|
||||
<input
|
||||
id="labelColor"
|
||||
v-model="badge.labelColor"
|
||||
type="text"
|
||||
placeholder="#555"
|
||||
class="form-control"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div v-if=" (parameters[badge.type || 'null'] || [] ).includes('color') " class="mb-3">
|
||||
<div v-if="(parameters[badge.type || 'null'] || []).includes('color')" class="mb-3">
|
||||
<label for="color" class="form-label">{{ $t("Badge Color") }}</label>
|
||||
<input id="color" v-model="badge.color" type="text" :placeholder="badgeConstants.defaultUpColor" class="form-control">
|
||||
<input
|
||||
id="color"
|
||||
v-model="badge.color"
|
||||
type="text"
|
||||
:placeholder="badgeConstants.defaultUpColor"
|
||||
class="form-control"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div v-if=" (parameters[badge.type || 'null'] || [] ).includes('labelPrefix') " class="mb-3">
|
||||
<div v-if="(parameters[badge.type || 'null'] || []).includes('labelPrefix')" class="mb-3">
|
||||
<label for="labelPrefix" class="form-label">{{ $t("Badge Label Prefix") }}</label>
|
||||
<input id="labelPrefix" v-model="badge.labelPrefix" type="text" class="form-control">
|
||||
<input id="labelPrefix" v-model="badge.labelPrefix" type="text" class="form-control" />
|
||||
</div>
|
||||
|
||||
<div v-if=" (parameters[badge.type || 'null'] || [] ).includes('labelSuffix') " class="mb-3">
|
||||
<div v-if="(parameters[badge.type || 'null'] || []).includes('labelSuffix')" class="mb-3">
|
||||
<label for="labelSuffix" class="form-label">{{ $t("Badge Label Suffix") }}</label>
|
||||
<input id="labelSuffix" v-model="badge.labelSuffix" type="text" placeholder="h" class="form-control">
|
||||
<input
|
||||
id="labelSuffix"
|
||||
v-model="badge.labelSuffix"
|
||||
type="text"
|
||||
placeholder="h"
|
||||
class="form-control"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div v-if=" (parameters[badge.type || 'null'] || [] ).includes('upColor') " class="mb-3">
|
||||
<div v-if="(parameters[badge.type || 'null'] || []).includes('upColor')" class="mb-3">
|
||||
<label for="upColor" class="form-label">{{ $t("Badge Up Color") }}</label>
|
||||
<input id="upColor" v-model="badge.upColor" type="text" class="form-control" :placeholder="badgeConstants.defaultUpColor">
|
||||
<input
|
||||
id="upColor"
|
||||
v-model="badge.upColor"
|
||||
type="text"
|
||||
class="form-control"
|
||||
:placeholder="badgeConstants.defaultUpColor"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div v-if=" (parameters[badge.type || 'null'] || [] ).includes('downColor') " class="mb-3">
|
||||
<div v-if="(parameters[badge.type || 'null'] || []).includes('downColor')" class="mb-3">
|
||||
<label for="downColor" class="form-label">{{ $t("Badge Down Color") }}</label>
|
||||
<input id="downColor" v-model="badge.downColor" type="text" class="form-control" :placeholder="badgeConstants.defaultDownColor">
|
||||
<input
|
||||
id="downColor"
|
||||
v-model="badge.downColor"
|
||||
type="text"
|
||||
class="form-control"
|
||||
:placeholder="badgeConstants.defaultDownColor"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div v-if=" (parameters[badge.type || 'null'] || [] ).includes('pendingColor') " class="mb-3">
|
||||
<div v-if="(parameters[badge.type || 'null'] || []).includes('pendingColor')" class="mb-3">
|
||||
<label for="pendingColor" class="form-label">{{ $t("Badge Pending Color") }}</label>
|
||||
<input id="pendingColor" v-model="badge.pendingColor" type="text" class="form-control" :placeholder="badgeConstants.defaultPendingColor">
|
||||
<input
|
||||
id="pendingColor"
|
||||
v-model="badge.pendingColor"
|
||||
type="text"
|
||||
class="form-control"
|
||||
:placeholder="badgeConstants.defaultPendingColor"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div v-if=" (parameters[badge.type || 'null'] || [] ).includes('maintenanceColor') " class="mb-3">
|
||||
<div v-if="(parameters[badge.type || 'null'] || []).includes('maintenanceColor')" class="mb-3">
|
||||
<label for="maintenanceColor" class="form-label">{{ $t("Badge Maintenance Color") }}</label>
|
||||
<input id="maintenanceColor" v-model="badge.maintenanceColor" type="text" class="form-control" :placeholder="badgeConstants.defaultMaintenanceColor">
|
||||
<input
|
||||
id="maintenanceColor"
|
||||
v-model="badge.maintenanceColor"
|
||||
type="text"
|
||||
class="form-control"
|
||||
:placeholder="badgeConstants.defaultMaintenanceColor"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div v-if=" (parameters[badge.type || 'null'] || [] ).includes('warnColor') " class="mb-3">
|
||||
<div v-if="(parameters[badge.type || 'null'] || []).includes('warnColor')" class="mb-3">
|
||||
<label for="warnColor" class="form-label">{{ $t("Badge Warn Color") }}</label>
|
||||
<input id="warnColor" v-model="badge.warnColor" type="text" class="form-control" :placeholder="badgeConstants.defaultMaintenanceColor">
|
||||
<input
|
||||
id="warnColor"
|
||||
v-model="badge.warnColor"
|
||||
type="text"
|
||||
class="form-control"
|
||||
:placeholder="badgeConstants.defaultMaintenanceColor"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div v-if=" (parameters[badge.type || 'null'] || [] ).includes('warnDays') " class="mb-3">
|
||||
<div v-if="(parameters[badge.type || 'null'] || []).includes('warnDays')" class="mb-3">
|
||||
<label for="warnDays" class="form-label">{{ $t("Badge Warn Days") }}</label>
|
||||
<input id="warnDays" v-model="badge.warnDays" type="number" min="0" class="form-control" :placeholder="badgeConstants.defaultCertExpireWarnDays">
|
||||
<input
|
||||
id="warnDays"
|
||||
v-model="badge.warnDays"
|
||||
type="number"
|
||||
min="0"
|
||||
class="form-control"
|
||||
:placeholder="badgeConstants.defaultCertExpireWarnDays"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div v-if=" (parameters[badge.type || 'null'] || [] ).includes('downDays') " class="mb-3">
|
||||
<div v-if="(parameters[badge.type || 'null'] || []).includes('downDays')" class="mb-3">
|
||||
<label for="downDays" class="form-label">{{ $t("Badge Down Days") }}</label>
|
||||
<input id="downDays" v-model="badge.downDays" type="number" min="0" class="form-control" :placeholder="badgeConstants.defaultCertExpireDownDays">
|
||||
<input
|
||||
id="downDays"
|
||||
v-model="badge.downDays"
|
||||
type="number"
|
||||
min="0"
|
||||
class="form-control"
|
||||
:placeholder="badgeConstants.defaultCertExpireDownDays"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
@@ -114,11 +189,11 @@
|
||||
|
||||
<div class="mb-3">
|
||||
<label for="value" class="form-label">{{ $t("Badge value (For Testing only.)") }}</label>
|
||||
<input id="value" v-model="badge.value" type="text" class="form-control">
|
||||
<input id="value" v-model="badge.value" type="text" class="form-control" />
|
||||
</div>
|
||||
|
||||
<div class="mb-3 pt-3 d-flex justify-content-center">
|
||||
<img :src="badgeURL" :alt="$t('Badge Preview')">
|
||||
<img :src="badgeURL" :alt="$t('Badge Preview')" />
|
||||
</div>
|
||||
|
||||
<div class="my-3">
|
||||
@@ -144,7 +219,7 @@ import { badgeConstants } from "../util.ts";
|
||||
|
||||
export default {
|
||||
components: {
|
||||
CopyableInput
|
||||
CopyableInput,
|
||||
},
|
||||
props: {},
|
||||
emits: [],
|
||||
@@ -187,33 +262,9 @@ export default {
|
||||
"pendingColor",
|
||||
"maintenanceColor",
|
||||
],
|
||||
uptime: [
|
||||
"duration",
|
||||
"labelPrefix",
|
||||
"labelSuffix",
|
||||
"prefix",
|
||||
"suffix",
|
||||
"color",
|
||||
"labelColor",
|
||||
],
|
||||
ping: [
|
||||
"duration",
|
||||
"labelPrefix",
|
||||
"labelSuffix",
|
||||
"prefix",
|
||||
"suffix",
|
||||
"color",
|
||||
"labelColor",
|
||||
],
|
||||
"avg-response": [
|
||||
"duration",
|
||||
"labelPrefix",
|
||||
"labelSuffix",
|
||||
"prefix",
|
||||
"suffix",
|
||||
"color",
|
||||
"labelColor",
|
||||
],
|
||||
uptime: ["duration", "labelPrefix", "labelSuffix", "prefix", "suffix", "color", "labelColor"],
|
||||
ping: ["duration", "labelPrefix", "labelSuffix", "prefix", "suffix", "color", "labelColor"],
|
||||
"avg-response": ["duration", "labelPrefix", "labelSuffix", "prefix", "suffix", "color", "labelColor"],
|
||||
"cert-exp": [
|
||||
"labelPrefix",
|
||||
"labelSuffix",
|
||||
@@ -226,14 +277,7 @@ export default {
|
||||
"downDays",
|
||||
"labelColor",
|
||||
],
|
||||
response: [
|
||||
"labelPrefix",
|
||||
"labelSuffix",
|
||||
"prefix",
|
||||
"suffix",
|
||||
"color",
|
||||
"labelColor",
|
||||
],
|
||||
response: ["labelPrefix", "labelSuffix", "prefix", "suffix", "color", "labelColor"],
|
||||
},
|
||||
badgeConstants,
|
||||
};
|
||||
@@ -259,7 +303,7 @@ export default {
|
||||
}
|
||||
}
|
||||
|
||||
for (let parameter of [ "label", "style", "value" ]) {
|
||||
for (let parameter of ["label", "style", "value"]) {
|
||||
if (parameter === "style" && this.badge.style === "flat") {
|
||||
continue;
|
||||
}
|
||||
@@ -304,7 +348,8 @@ export default {
|
||||
@import "../assets/vars.scss";
|
||||
|
||||
.dark {
|
||||
.modal-dialog .form-text, .modal-dialog p {
|
||||
.modal-dialog .form-text,
|
||||
.modal-dialog p {
|
||||
color: $dark-font-color;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user