You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
67 lines
2.0 KiB
67 lines
2.0 KiB
<template>
|
|
<div class="d-flex justify-content-center align-items-center">
|
|
<div class="logo d-flex flex-column justify-content-center align-items-center">
|
|
<object class="my-4" width="200" height="200" data="/icon.svg" />
|
|
<div class="fs-4 fw-bold">Uptime Kuma</div>
|
|
<div>{{ $t("Version") }}: {{ $root.info.version }}</div>
|
|
<div class="frontend-version">{{ $t("Frontend Version") }}: {{ $root.frontendVersion }}</div>
|
|
|
|
<div v-if="!$root.isFrontendBackendVersionMatched" class="alert alert-warning mt-4" role="alert">
|
|
⚠️ {{ $t("Frontend Version do not match backend version!") }}
|
|
</div>
|
|
|
|
<div class="my-3 update-link"><a href="https://github.com/louislam/uptime-kuma/releases" target="_blank" rel="noopener">{{ $t("Check Update On GitHub") }}</a></div>
|
|
|
|
<div class="mt-1">
|
|
<div class="form-check">
|
|
<label><input v-model="settings.checkUpdate" type="checkbox" @change="saveSettings()" /> {{ $t("Show update if available") }}</label>
|
|
</div>
|
|
|
|
<div class="form-check">
|
|
<label><input v-model="settings.checkBeta" type="checkbox" :disabled="!settings.checkUpdate" @change="saveSettings()" /> {{ $t("Also check beta release") }}</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
computed: {
|
|
settings() {
|
|
return this.$parent.$parent.$parent.settings;
|
|
},
|
|
saveSettings() {
|
|
return this.$parent.$parent.$parent.saveSettings;
|
|
},
|
|
settingsLoaded() {
|
|
return this.$parent.$parent.$parent.settingsLoaded;
|
|
},
|
|
},
|
|
|
|
watch: {
|
|
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.logo {
|
|
margin: 4em 1em;
|
|
}
|
|
|
|
.update-link {
|
|
font-size: 0.8em;
|
|
}
|
|
|
|
.frontend-version {
|
|
font-size: 0.9em;
|
|
color: #cccccc;
|
|
|
|
.dark & {
|
|
color: #333333;
|
|
}
|
|
}
|
|
|
|
</style>
|