diff options
author | Daniel Baumann <daniel@debian.org> | 2024-11-26 09:28:28 +0100 |
---|---|---|
committer | Daniel Baumann <daniel@debian.org> | 2024-11-26 12:25:58 +0100 |
commit | a1882b67c41fe9901a0cd8059b5cc78a5beadec0 (patch) | |
tree | 2a24507c67aa99a15416707b2f7e645142230ed8 /src/components/settings/Proxies.vue | |
parent | Initial commit. (diff) | |
download | uptime-kuma-a1882b67c41fe9901a0cd8059b5cc78a5beadec0.tar.xz uptime-kuma-a1882b67c41fe9901a0cd8059b5cc78a5beadec0.zip |
Adding upstream version 2.0.0~beta.0+dfsg.upstream/2.0.0_beta.0+dfsgupstream
Signed-off-by: Daniel Baumann <daniel@debian.org>
Diffstat (limited to 'src/components/settings/Proxies.vue')
-rw-r--r-- | src/components/settings/Proxies.vue | 48 |
1 files changed, 48 insertions, 0 deletions
diff --git a/src/components/settings/Proxies.vue b/src/components/settings/Proxies.vue new file mode 100644 index 0000000..4608f3a --- /dev/null +++ b/src/components/settings/Proxies.vue @@ -0,0 +1,48 @@ +<template> + <div> + <!-- Proxies --> + <div class="proxy-list my-4"> + <p v-if="$root.proxyList.length === 0"> + {{ $t("Not available, please setup.") }} + </p> + <p v-else> + {{ $t("proxyDescription") }} + </p> + + <ul class="list-group mb-3" style="border-radius: 1rem;"> + <li v-for="(proxy, index) in $root.proxyList" :key="index" class="list-group-item"> + {{ proxy.host }}:{{ proxy.port }} ({{ proxy.protocol }}) + <span v-if="proxy.default === true" class="badge bg-primary ms-2">{{ $t("Default") }}</span><br> + <a href="#" @click="$refs.proxyDialog.show(proxy.id)">{{ $t("Edit") }}</a> + </li> + </ul> + + <button class="btn btn-primary me-2" type="button" @click="$refs.proxyDialog.show()"> + {{ $t("Setup Proxy") }} + </button> + </div> + + <ProxyDialog ref="proxyDialog" /> + </div> +</template> + +<script> +import ProxyDialog from "../../components/ProxyDialog.vue"; + +export default { + components: { + ProxyDialog + }, +}; +</script> + +<style lang="scss" scoped> +@import "../../assets/vars.scss"; + +.dark { + .list-group-item { + background-color: $dark-bg2; + color: $dark-font-color; + } +} +</style> |