Merge remote-tracking branch 'louislam/master' into feature/add-support-for-method-body-and-headers

2025-08-22 03:30:11 +08:00 · 2021-10-07 18:22:59 +02:00
parent 8be4bf0e16 7907c07034
commit ec4b7e4064
29 changed files with 701 additions and 223 deletions
--- a/src/assets/app.scss
+++ b/src/assets/app.scss
@@ -325,7 +325,7 @@ textarea.form-control {
    .item {
        display: block;
        text-decoration: none;
-        padding: 14px 15px;
+        padding: 13px 15px 10px 15px;
        border-radius: 10px;
        transition: all ease-in-out 0.15s;

--- a/src/components/HeartbeatBar.vue
+++ b/src/components/HeartbeatBar.vue
@@ -38,7 +38,7 @@ export default {
            beatMargin: 4,
            move: false,
            maxBeat: -1,
-        };
+        }
    },
    computed: {

@@ -69,12 +69,12 @@ export default {
            if (start < 0) {
                // Add empty placeholder
                for (let i = start; i < 0; i++) {
-                    placeholders.push(0);
+                    placeholders.push(0)
                }
                start = 0;
            }

-            return placeholders.concat(this.beatList.slice(start));
+            return placeholders.concat(this.beatList.slice(start))
        },

        wrapStyle() {
@@ -84,7 +84,7 @@ export default {
            return {
                padding: `${topBottom}px ${leftRight}px`,
                width: "100%",
-            };
+            }
        },

        barStyle() {
@@ -94,12 +94,12 @@ export default {
                return {
                    transition: "all ease-in-out 0.25s",
                    transform: `translateX(${width}px)`,
-                };
+                }

            }
            return {
                transform: "translateX(0)",
-            };
+            }

        },

@@ -109,7 +109,7 @@ export default {
                height: this.beatHeight + "px",
                margin: this.beatMargin + "px",
                "--hover-scale": this.hoverScale,
-            };
+            }
        },

    },
@@ -120,7 +120,7 @@ export default {

                setTimeout(() => {
                    this.move = false;
-                }, 300);
+                }, 300)
            },
            deep: true,
        },
@@ -162,7 +162,7 @@ export default {
    methods: {
        resize() {
            if (this.$refs.wrap) {
-                this.maxBeat = Math.floor(this.$refs.wrap.clientWidth / (this.beatWidth + this.beatMargin * 2));
+                this.maxBeat = Math.floor(this.$refs.wrap.clientWidth / (this.beatWidth + this.beatMargin * 2))
            }
        },

@@ -170,7 +170,7 @@ export default {
            return `${this.$root.datetime(beat.time)} - ${beat.msg}`;
        }
    },
-};
+}
 </script>

 <style lang="scss" scoped>
@@ -183,9 +183,6 @@ export default {
 }

 .hp-bar-big {
-    display: flex;
-    justify-content: flex-end;
-
    .beat {
        display: inline-block;
        background-color: $primary;
--- a/src/components/MonitorList.vue
+++ b/src/components/MonitorList.vue
@@ -3,10 +3,10 @@
        <div class="list-header">
            <div class="placeholder"></div>
            <div class="search-wrapper">
-                <a v-if="!searchText" class="search-icon">
+                <a v-if="searchText == ''" class="search-icon">
                    <font-awesome-icon icon="search" />
                </a>
-                <a v-if="searchText" class="search-icon" @click="clearSearchText">
+                <a v-if="searchText != ''" class="search-icon" @click="clearSearchText">
                    <font-awesome-icon icon="times" />
                </a>
                <input v-model="searchText" class="form-control search-input" :placeholder="$t('Search...')" />
@@ -19,21 +19,21 @@

            <router-link v-for="(item, index) in sortedMonitorList" :key="index" :to="monitorURL(item.id)" class="item" :class="{ 'disabled': ! item.active }">
                <div class="row">
-                    <div class="col-6 col-md-8 small-padding" :class="{ 'monitorItem': $root.userHeartbeatBar === 'bottom' || $root.userHeartbeatBar === 'none' }">
+                    <div class="col-9 col-md-8 small-padding" :class="{ 'monitorItem': $root.userHeartbeatBar == 'bottom' || $root.userHeartbeatBar == 'none' }">
                        <div class="info">
                            <Uptime :monitor="item" type="24" :pill="true" />
-                            <span class="ms-1">{{ item.name }}</span>
+                            {{ item.name }}
                        </div>
                        <div class="tags">
                            <Tag v-for="tag in item.tags" :key="tag" :item="tag" :size="'sm'" />
                        </div>
                    </div>
-                    <div v-show="$root.userHeartbeatBar === 'normal'" :key="$root.userHeartbeatBar" class="col-6 col-md-4 small-padding">
+                    <div v-show="$root.userHeartbeatBar == 'normal'" :key="$root.userHeartbeatBar" class="col-3 col-md-4">
                        <HeartbeatBar size="small" :monitor-id="item.id" />
                    </div>
                </div>

-                <div v-if="$root.userHeartbeatBar === 'bottom'" class="row">
+                <div v-if="$root.userHeartbeatBar == 'bottom'" class="row">
                    <div class="col-12">
                        <HeartbeatBar size="small" :monitor-id="item.id" />
                    </div>
@@ -47,6 +47,7 @@
 import HeartbeatBar from "../components/HeartbeatBar.vue";
 import Uptime from "../components/Uptime.vue";
 import Tag from "../components/Tag.vue";
+import { getMonitorRelativeURL } from "../util.ts";

 export default {
    components: {
@@ -95,7 +96,7 @@ export default {

            // Simple filter by search text
            // finds monitor name, tag name or tag value
-            if (this.searchText) {
+            if (this.searchText != "") {
                const loweredSearchText = this.searchText.toLowerCase();
                result = result.filter(monitor => {
                    return monitor.name.toLowerCase().includes(loweredSearchText)
@@ -109,7 +110,7 @@ export default {
    },
    methods: {
        monitorURL(id) {
-            return "/dashboard/" + id;
+            return getMonitorRelativeURL(id);
        },
        clearSearchText() {
            this.searchText = "";
--- a/src/components/TagsManager.vue
+++ b/src/components/TagsManager.vue
@@ -1,7 +1,7 @@
 <template>
    <div>
-        <h4 class="mb-3">{{ $t("Tags") }}</h4>
-        <div class="mb-3 p-1">
+        <h4 class="mt-5 mb-3">{{ $t("Tags") }}</h4>
+        <div v-if="selectedTags.length > 0" class="mb-2 p-1">
            <tag
                v-for="item in selectedTags"
                :key="item.id"
@@ -124,8 +124,8 @@
 import { Modal } from "bootstrap";
 import VueMultiselect from "vue-multiselect";
 import Tag from "../components/Tag.vue";
-import { useToast } from "vue-toastification"
-const toast = useToast()
+import { useToast } from "vue-toastification";
+const toast = useToast();

 export default {
    components: {
@@ -186,7 +186,7 @@ export default {
                    color: "#7C3AED" },
                { name: this.$t("Pink"),
                    color: "#DB2777" },
-            ]
+            ];
        },
        validateDraftTag() {
            let nameInvalid = false;
@@ -227,7 +227,7 @@ export default {
                invalid,
                nameInvalid,
                valueInvalid,
-            }
+            };
        },
    },
    mounted() {
@@ -243,7 +243,7 @@ export default {
                if (res.ok) {
                    this.existingTags = res.tags;
                } else {
-                    toast.error(res.msg)
+                    toast.error(res.msg);
                }
            });
        },
@@ -277,7 +277,7 @@ export default {
                        name: this.newDraftTag.select.name,
                        value: this.newDraftTag.value,
                        new: true,
-                    })
+                    });
                }
            } else {
                // Add new Tag
@@ -286,7 +286,7 @@ export default {
                    name: this.newDraftTag.name.trim(),
                    value: this.newDraftTag.value,
                    new: true,
-                })
+                });
            }
            this.clearDraftTag();
        },
@@ -348,7 +348,7 @@ export default {
                        if (tag.name == newTag.name && tag.color == newTag.color) {
                            tag.id = newTagResult.id;
                        }
-                    })
+                    });
                } else {
                    tagId = newTag.id;
                }
--- a/src/components/Uptime.vue
+++ b/src/components/Uptime.vue
@@ -22,33 +22,33 @@ export default {
                return Math.round(this.$root.uptimeList[key] * 10000) / 100 + "%";
            }

-            return this.$t("notAvailableShort");
+            return this.$t("notAvailableShort")
        },

        color() {
            if (this.lastHeartBeat.status === 0) {
-                return "danger";
+                return "danger"
            }

            if (this.lastHeartBeat.status === 1) {
-                return "primary";
+                return "primary"
            }

            if (this.lastHeartBeat.status === 2) {
-                return "warning";
+                return "warning"
            }

-            return "secondary";
+            return "secondary"
        },

        lastHeartBeat() {
            if (this.monitor.id in this.$root.lastHeartbeatList && this.$root.lastHeartbeatList[this.monitor.id]) {
-                return this.$root.lastHeartbeatList[this.monitor.id];
+                return this.$root.lastHeartbeatList[this.monitor.id]
            }

            return {
                status: -1,
-            };
+            }
        },

        className() {
@@ -59,7 +59,7 @@ export default {
            return "";
        },
    },
-};
+}
 </script>

 <style>
--- a/src/components/notifications/RocketChat.vue
+++ b/src/components/notifications/RocketChat.vue
@@ -8,8 +8,6 @@
        <input id="rocket-iconemo" v-model="$parent.notification.rocketiconemo" type="text" class="form-control">
        <label for="rocket-channel" class="form-label">{{ $t("Channel Name") }}</label>
        <input id="rocket-channel-name" v-model="$parent.notification.rocketchannel" type="text" class="form-control">
-        <label for="rocket-button-url" class="form-label">{{ $t("Uptime Kuma URL") }}</label>
-        <input id="rocket-button" v-model="$parent.notification.rocketbutton" type="text" class="form-control">
        <div class="form-text">
            <span style="color: red;"><sup>*</sup></span>{{ $t("Required") }}
            <i18n-t tag="p" keypath="aboutWebhooks" style="margin-top: 8px;">
--- a/src/components/notifications/Slack.vue
+++ b/src/components/notifications/Slack.vue
@@ -8,8 +8,7 @@
        <input id="slack-iconemo" v-model="$parent.notification.slackiconemo" type="text" class="form-control">
        <label for="slack-channel" class="form-label">{{ $t("Channel Name") }}</label>
        <input id="slack-channel-name" v-model="$parent.notification.slackchannel" type="text" class="form-control">
-        <label for="slack-button-url" class="form-label">{{ $t("Uptime Kuma URL") }}</label>
-        <input id="slack-button" v-model="$parent.notification.slackbutton" type="text" class="form-control">
+
        <div class="form-text">
            <span style="color: red;"><sup>*</sup></span>{{ $t("Required") }}
            <i18n-t tag="p" keypath="aboutWebhooks" style="margin-top: 8px;">
--- a/src/i18n.js
+++ b/src/i18n.js
@@ -1,5 +1,4 @@
 import { createI18n } from "vue-i18n/index";
-import bgBG from "./languages/bg-BG";
 import daDK from "./languages/da-DK";
 import deDE from "./languages/de-DE";
 import en from "./languages/en";
@@ -14,6 +13,7 @@ import koKR from "./languages/ko-KR";
 import nlNL from "./languages/nl-NL";
 import pl from "./languages/pl";
 import ptBR from "./languages/pt-BR";
+import bgBG from "./languages/bg-BG";
 import ruRU from "./languages/ru-RU";
 import sr from "./languages/sr";
 import srLatn from "./languages/sr-latn";
--- a/src/languages/bg-BG.js
+++ b/src/languages/bg-BG.js
@@ -1,6 +1,6 @@
 export default {
    languageName: "Български",
-    checkEverySecond: "Проверявай на всеки {0} секунди.",
+    checkEverySecond: "Ще се извършва на всеки {0} секунди.",
    retryCheckEverySecond: "Повторен опит на всеки {0} секунди.",
    retriesDescription: "Максимакен брой опити преди услугата да бъде маркирана като недостъпна и да бъде изпратено известие",
    ignoreTLSError: "Игнорирай TLS/SSL грешки за HTTPS уебсайтове",
@@ -9,19 +9,19 @@ export default {
    acceptedStatusCodesDescription: "Изберете статус кодове, които се считат за успешен отговор.",
    passwordNotMatchMsg: "Повторената парола не съвпада.",
    notificationDescription: "Моля, задайте известието към монитор(и), за да функционира.",
-    keywordDescription: "Търсете ключова дума в обикновен html или JSON отговор - чувствителна е към регистъра",
+    keywordDescription: "Търси ключова дума в чист html или JSON отговор - чувствителна е към регистъра",
    pauseDashboardHome: "Пауза",
    deleteMonitorMsg: "Наистина ли желаете да изтриете този монитор?",
-    deleteNotificationMsg: "Наистина ли желаете да изтриете известието за всички монитори?",
-    resoverserverDescription: "Cloudflare е сървърът по подразбиране, можете да промените сървъра по всяко време.",
+    deleteNotificationMsg: "Наистина ли желаете да изтриете това известяване за всички монитори?",
+    resoverserverDescription: "Cloudflare е сървърът по подразбиране, но можете да го промените по всяко време.",
    rrtypeDescription: "Изберете ресурсния запис, който желаете да наблюдавате",
    pauseMonitorMsg: "Наистина ли желаете да поставите в режим пауза?",
-    enableDefaultNotificationDescription: "За всеки нов монитор това известие ще бъде активирано по подразбиране. Можете да изключите известието за всеки отделен монитор.",
+    enableDefaultNotificationDescription: "За всеки нов монитор това известяване ще бъде активирано по подразбиране. Можете да го изключите за всеки отделен монитор.",
    clearEventsMsg: "Наистина ли желаете да изтриете всички събития за този монитор?",
    clearHeartbeatsMsg: "Наистина ли желаете да изтриете всички записи за честотни проверки на този монитор?",
    confirmClearStatisticsMsg: "Наистина ли желаете да изтриете всички статистически данни?",
-    importHandleDescription: "Изберете 'Пропусни съществуващите', ако искате да пропуснете всеки монитор или известие със същото име. 'Презапис' ще изтрие всеки съществуващ монитор и известие.",
-    confirmImportMsg: "Сигурни ли сте за импортирането на архива? Моля, уверете се, че сте избрали правилната опция за импортиране.",
+    importHandleDescription: "Изберете 'Пропусни съществуващите', ако желаете да пропуснете всеки монитор или известяване със същото име. 'Презапис' ще изтрие всеки съществуващ монитор и известяване.",
+    confirmImportMsg: "Сигурни ли сте, че желаете импортирането на архива? Моля, уверете се, че сте избрали правилната опция за импортиране.",
    twoFAVerifyLabel: "Моля, въведете вашия токен код, за да проверите дали 2FA работи",
    tokenValidSettingsMsg: "Токен кодът е валиден! Вече можете да запазите настройките за 2FA.",
    confirmEnableTwoFAMsg: "Сигурни ли сте, че желаете да активирате 2FA?",
@@ -34,32 +34,32 @@ export default {
    Theme: "Тема",
    General: "Общи",
    Version: "Версия",
-    "Check Update On GitHub": "Провери за актуализация в GitHub",
+    "Check Update On GitHub": "Проверка за актуализация в GitHub",
    List: "Списък",
    Add: "Добави",
    "Add New Monitor": "Добави монитор",
    "Quick Stats": "Кратка статистика",
-    Up: "Достъпни",
-    Down: "Недостъпни",
-    Pending: "В изчакване",
-    Unknown: "Неизвестни",
-    Pause: "В пауза",
+    Up: "Достъпен",
+    Down: "Недостъпен",
+    Pending: "Изчаква",
+    Unknown: "Неизвестен",
+    Pause: "Пауза",
    Name: "Име",
    Status: "Статус",
    DateTime: "Дата и час",
-    Message: "Съобщение",
+    Message: "Отговор",
    "No important events": "Няма важни събития",
    Resume: "Възобнови",
    Edit: "Редактирай",
    Delete: "Изтрий",
    Current: "Текущ",
-    Uptime: "Време на работа",
+    Uptime: "Достъпност",
    "Cert Exp.": "Вал. сертификат",
    days: "дни",
    day: "ден",
-    "-day": "-ден",
+    "-day": "-денa",
    hour: "час",
-    "-hour": "-час",
+    "-hour": "-часa",
    Response: "Отговор",
    Ping: "Пинг",
    "Monitor Type": "Монитор тип",
@@ -78,7 +78,7 @@ export default {
    Save: "Запази",
    Notifications: "Известявания",
    "Not available, please setup.": "Не е налично. Моля, настройте.",
-    "Setup Notification": "Настройка за известяване",
+    "Setup Notification": "Настройки за известявания",
    Light: "Светла",
    Dark: "Тъмна",
    Auto: "Автоматично",
@@ -98,9 +98,9 @@ export default {
    "Disable Auth": "Изключи удостоверяване",
    "Enable Auth": "Включи удостоверяване",
    Logout: "Изход от профила",
-    Leave: "Напускам",
+    Leave: "Отказ",
    "I understand, please disable": "Разбирам. Моля, изключи",
-    Confirm: "Потвърди",
+    Confirm: "Потвърдете",
    Yes: "Да",
    No: "Не",
    Username: "Потребител",
@@ -127,7 +127,7 @@ export default {
    "Default enabled": "Включен по подразбиране",
    "Apply on all existing monitors": "Приложи върху всички съществуващи монитори",
    Create: "Създай",
-    "Clear Data": "Изчисти данни",
+    "Clear Data": "Изтрий данни",
    Events: "Събития",
    Heartbeats: "Проверки",
    "Auto Get": "Автоматияно получаване",
@@ -136,7 +136,7 @@ export default {
    backupDescription3: "Чувствителни данни, като токен кодове за известяване, се съдържат в експортирания файл. Моля, бъдете внимателни с неговото съхранение.",
    alertNoFile: "Моля, изберете файл за импортиране.",
    alertWrongFileType: "Моля, изберете JSON файл.",
-    "Clear all statistics": "Изчисти всички статистики",
+    "Clear all statistics": "Изтрий цялата статистика",
    "Skip existing": "Пропусни съществуващите",
    Overwrite: "Презапиши",
    Options: "Опции",
@@ -152,7 +152,7 @@ export default {
    Token: "Токен код",
    "Show URI": "Покажи URI",
    Tags: "Етикети",
-    "Add New below or Select...": "Добави нов по-долу или избери...",
+    "Add New below or Select...": "Добавете нов по-долу или изберете...",
    "Tag with this name already exist.": "Етикет с това име вече съществува.",
    "Tag with this value already exist.": "Етикет с тази стойност вече съществува.",
    color: "цвят",
@@ -171,12 +171,12 @@ export default {
    "Entry Page": "Основна страница",
    statusPageNothing: "Все още няма нищо тук. Моля, добавете група или монитор.",
    "No Services": "Няма Услуги",
-    "All Systems Operational": "Всички системи функционират",
-    "Partially Degraded Service": "Частично влошена услуга",
-    "Degraded Service": "Влошена услуга",
+    "All Systems Operational": "Всички услуги са достъпни",
+    "Partially Degraded Service": "Част от услугите са недостъпни",
+    "Degraded Service": "Всички услуги са недостъпни",
    "Add Group": "Добави група",
    "Add a monitor": "Добави монитор",
-    "Edit Status Page": "Редактирай статус страница",
+    "Edit Status Page": "Редактиране Статус страница",
    "Go to Dashboard": "Към Таблото",
    telegram: "Telegram",
    webhook: "Webhook",
@@ -191,9 +191,9 @@ export default {
    pushy: "Pushy",
    octopush: "Octopush",
    lunasea: "LunaSea",
-    apprise: "Apprise (Support 50+ Notification services)",
+    apprise: "Apprise (Поддържа 50+ услуги за инвестяване)",
    pushbullet: "Pushbullet",
    line: "Line Messenger",
    mattermost: "Mattermost",
-    "Status Page": "Status Page",
+    "Status Page": "Статус страница",
 };
--- a/src/languages/da-DK.js
+++ b/src/languages/da-DK.js
@@ -1,5 +1,5 @@
 export default {
-    languageName: "Danish",
+    languageName: "Danish (Danmark)",
    Settings: "Indstillinger",
    Dashboard: "Dashboard",
    "New Update": "Opdatering tilgængelig",
--- a/src/languages/de-DE.js
+++ b/src/languages/de-DE.js
@@ -1,5 +1,5 @@
 export default {
-    languageName: "German",
+    languageName: "Deutsch (Deutschland)",
    Settings: "Einstellungen",
    Dashboard: "Dashboard",
    "New Update": "Update Verfügbar",
--- a/src/languages/fa.js
+++ b/src/languages/fa.js
@@ -186,7 +186,7 @@ export default {
    First: "اولین",
    Last: "آخرین",
    Info: "اطلاعات",
-    "Powered By": "نیرو گرفته از",
+    "Powered by": "نیرو گرفته از",
    telegram: "Telegram",
    webhook: "Webhook",
    smtp: "Email (SMTP)",
--- a/src/languages/zh-HK.js
+++ b/src/languages/zh-HK.js
@@ -1,7 +1,7 @@
 export default {
    languageName: "繁體中文 (香港)",
    Settings: "設定",
-    Dashboard: "錶板",
+    Dashboard: "主控台",
    "New Update": "有更新",
    Language: "語言",
    Appearance: "外觀",
@@ -104,7 +104,7 @@ export default {
    rrtypeDescription: "請選擇 DNS 記錄類型",
    pauseMonitorMsg: "是否確定暫停？",
    "Last Result": "最後結果",
-    "Create your admin account": "製作你的管理員帳號",
+    "Create your admin account": "建立管理員帳號",
    "Repeat Password": "重複密碼",
    respTime: "反應時間 (ms)",
    notAvailableShort: "N/A",
@@ -146,43 +146,43 @@ export default {
    importHandleDescription: "Choose 'Skip existing' if you want to skip every monitor or notification with the same name. 'Overwrite' will delete every existing monitor and notification.",
    confirmImportMsg: "Are you sure to import the backup? Please make sure you've selected the right import option.",
    "Heartbeat Retry Interval": "Heartbeat Retry Interval",
-    "Import Backup": "Import Backup",
-    "Export Backup": "Export Backup",
-    "Skip existing": "Skip existing",
-    Overwrite: "Overwrite",
-    Options: "Options",
-    "Keep both": "Keep both",
-    Tags: "Tags",
+    "Import Backup": "匯入備份",
+    "Export Backup": "匯出備份",
+    "Skip existing": "略過已存在的",
+    Overwrite: "覆蓋",
+    Options: "選項",
+    "Keep both": "兩者並存",
+    Tags: "標籤",
    "Add New below or Select...": "Add New below or Select...",
    "Tag with this name already exist.": "Tag with this name already exist.",
    "Tag with this value already exist.": "Tag with this value already exist.",
-    color: "color",
-    "value (optional)": "value (optional)",
-    Gray: "Gray",
-    Red: "Red",
-    Orange: "Orange",
-    Green: "Green",
-    Blue: "Blue",
-    Indigo: "Indigo",
-    Purple: "Purple",
-    Pink: "Pink",
-    "Search...": "Search...",
-    "Avg. Ping": "Avg. Ping",
-    "Avg. Response": "Avg. Response",
+    color: "顏色",
+    "value (optional)": "值 (非必需)",
+    Gray: "灰",
+    Red: "紅",
+    Orange: "橙",
+    Green: "綠",
+    Blue: "藍",
+    Indigo: "靛",
+    Purple: "紫",
+    Pink: "粉紅",
+    "Search...": "搜尋...",
+    "Avg. Ping": "平均反應時間",
+    "Avg. Response": "平均反應時間",
    "Entry Page": "Entry Page",
    statusPageNothing: "Nothing here, please add a group or a monitor.",
-    "No Services": "No Services",
-    "All Systems Operational": "All Systems Operational",
-    "Partially Degraded Service": "Partially Degraded Service",
-    "Degraded Service": "Degraded Service",
-    "Add Group": "Add Group",
-    "Add a monitor": "Add a monitor",
-    "Edit Status Page": "Edit Status Page",
-    "Go to Dashboard": "Go to Dashboard",
+    "No Services": "沒有服務",
+    "All Systems Operational": "一切正常",
+    "Partially Degraded Service": "部份服務受阻",
+    "Degraded Service": "服務受阻",
+    "Add Group": "新增群組",
+    "Add a monitor": " 新增監測器",
+    "Edit Status Page": "編輯 Status Page",
+    "Go to Dashboard": "前往主控台",
    "Status Page": "Status Page",
    telegram: "Telegram",
    webhook: "Webhook",
-    smtp: "Email (SMTP)",
+    smtp: "電郵 (SMTP)",
    discord: "Discord",
    teams: "Microsoft Teams",
    signal: "Signal",
@@ -193,7 +193,7 @@ export default {
    pushy: "Pushy",
    octopush: "Octopush",
    lunasea: "LunaSea",
-    apprise: "Apprise (Support 50+ Notification services)",
+    apprise: "Apprise (支援 50 多種通知)",
    pushbullet: "Pushbullet",
    line: "Line Messenger",
    mattermost: "Mattermost",
--- a/src/pages/Settings.vue
+++ b/src/pages/Settings.vue
@@ -52,9 +52,12 @@
                            </div>
                        </div>

+                        <!-- General Settings -->
                        <h2 class="mt-5 mb-2">{{ $t("General") }}</h2>
+
                        <form class="mb-3" @submit.prevent="saveGeneral">
-                            <div class="mb-3">
+                            <!-- Timezone -->
+                            <div class="mb-4">
                                <label for="timezone" class="form-label">{{ $t("Timezone") }}</label>
                                <select id="timezone" v-model="$root.userTimezone" class="form-select">
                                    <option value="auto">
@@ -66,7 +69,8 @@
                                </select>
                            </div>

-                            <div class="mb-3">
+                            <!-- Search Engine -->
+                            <div class="mb-4">
                                <label class="form-label">{{ $t("Search Engine Visibility") }}</label>

                                <div class="form-check">
@@ -83,7 +87,8 @@
                                </div>
                            </div>

-                            <div class="mb-3">
+                            <!-- Entry Page -->
+                            <div class="mb-4">
                                <label class="form-label">{{ $t("Entry Page") }}</label>

                                <div class="form-check">
@@ -101,6 +106,19 @@
                                </div>
                            </div>

+                            <!-- Primary Base URL -->
+                            <div class="mb-4">
+                                <label class="form-label" for="primaryBaseURL">Primary Base URL</label>
+
+                                <div class="input-group mb-3">
+                                    <input id="primaryBaseURL" v-model="settings.primaryBaseURL" class="form-control" name="primaryBaseURL" placeholder="https://" pattern="https?://.+">
+                                    <button class="btn btn-outline-primary" type="button" @click="autoGetPrimaryBaseURL">Auto Get</button>
+                                </div>
+
+                                <div class="form-text">
+                                </div>
+                            </div>
+
                            <div>
                                <button class="btn btn-primary" type="submit">
                                    {{ $t("Save") }}
@@ -109,6 +127,7 @@
                        </form>

                        <template v-if="loaded">
+                            <!-- Change Password -->
                            <template v-if="! settings.disableAuth">
                                <h2 class="mt-5 mb-2">{{ $t("Change Password") }}</h2>
                                <form class="mb-3" @submit.prevent="savePassword">
@@ -196,36 +215,40 @@
                            <h2 class="mt-5 mb-2">{{ $t("Advanced") }}</h2>

                            <div class="mb-3">
-                                <button v-if="settings.disableAuth" class="btn btn-outline-primary me-1 mb-1" @click="enableAuth">{{ $t("Enable Auth") }}</button>
-                                <button v-if="! settings.disableAuth" class="btn btn-primary me-1 mb-1" @click="confirmDisableAuth">{{ $t("Disable Auth") }}</button>
-                                <button v-if="! settings.disableAuth" class="btn btn-danger me-1 mb-1" @click="$root.logout">{{ $t("Logout") }}</button>
+                                <button v-if="settings.disableAuth" class="btn btn-outline-primary me-2 mb-2" @click="enableAuth">{{ $t("Enable Auth") }}</button>
+                                <button v-if="! settings.disableAuth" class="btn btn-primary me-2 mb-2" @click="confirmDisableAuth">{{ $t("Disable Auth") }}</button>
+                                <button v-if="! settings.disableAuth" class="btn btn-danger me-2 mb-2" @click="$root.logout">{{ $t("Logout") }}</button>
                                <button class="btn btn-outline-danger me-1 mb-1" @click="confirmClearStatistics">{{ $t("Clear all statistics") }}</button>
                            </div>
                        </template>
                    </div>

-                    <div class="notification-list col-md-6">
+                    <div class="col-md-6">
                        <div v-if="$root.isMobile" class="mt-3" />

-                        <h2>{{ $t("Notifications") }}</h2>
-                        <p v-if="$root.notificationList.length === 0">
-                            {{ $t("Not available, please setup.") }}
-                        </p>
-                        <p v-else>
-                            {{ $t("notificationDescription") }}
-                        </p>
+                        <!-- Notifications -->
+                        <div class="notification-list ">
+                            <h2>{{ $t("Notifications") }}</h2>
+                            <p v-if="$root.notificationList.length === 0">
+                                {{ $t("Not available, please setup.") }}
+                            </p>
+                            <p v-else>
+                                {{ $t("notificationDescription") }}
+                            </p>

-                        <ul class="list-group mb-3" style="border-radius: 1rem;">
-                            <li v-for="(notification, index) in $root.notificationList" :key="index" class="list-group-item">
-                                {{ notification.name }}<br>
-                                <a href="#" @click="$refs.notificationDialog.show(notification.id)">{{ $t("Edit") }}</a>
-                            </li>
-                        </ul>
+                            <ul class="list-group mb-3" style="border-radius: 1rem;">
+                                <li v-for="(notification, index) in $root.notificationList" :key="index" class="list-group-item">
+                                    {{ notification.name }}<br>
+                                    <a href="#" @click="$refs.notificationDialog.show(notification.id)">{{ $t("Edit") }}</a>
+                                </li>
+                            </ul>

-                        <button class="btn btn-primary me-2" type="button" @click="$refs.notificationDialog.show()">
-                            {{ $t("Setup Notification") }}
-                        </button>
+                            <button class="btn btn-primary me-2" type="button" @click="$refs.notificationDialog.show()">
+                                {{ $t("Setup Notification") }}
+                            </button>
+                        </div>

+                        <!-- Info -->
                        <h2 class="mt-5">{{ $t("Info") }}</h2>

                        {{ $t("Version") }}: {{ $root.info.version }} <br />
@@ -325,7 +348,7 @@
                <template v-else-if="$i18n.locale === 'bg-BG' ">
                    <p>Сигурни ли сте, че желаете да <strong>изключите удостоверяването</strong>?</p>
                    <p>Използва се в случаите, когато <strong>има настроен алтернативен метод за удостоверяване</strong> преди Uptime Kuma, например Cloudflare Access.</p>
-                    <p>Моля, използвайте внимателно.</p>
+                    <p>Моля, използвайте с повишено внимание.</p>
                </template>

                <template v-else-if="$i18n.locale === 'hu' ">
@@ -400,7 +423,7 @@ export default {

        "$i18n.locale"() {
            localStorage.locale = this.$i18n.locale;
-            setPageLocale()
+            setPageLocale();
        },
    },

@@ -531,6 +554,10 @@ export default {
                }
            });
        },
+
+        autoGetPrimaryBaseURL() {
+            this.settings.primaryBaseURL = location.protocol + "//" + location.host;
+        }
    },
 };
 </script>
--- a/src/pages/StatusPage.vue
+++ b/src/pages/StatusPage.vue
@@ -197,7 +197,7 @@
        </div>

        <footer class="mt-5 mb-4">
-            {{ $t("Powered By") }} <a target="_blank" href="https://github.com/louislam/uptime-kuma">{{ $t("Uptime Kuma" )}}</a>
+            {{ $t("Powered by") }} <a target="_blank" href="https://github.com/louislam/uptime-kuma">{{ $t("Uptime Kuma" ) }}</a>
        </footer>
    </div>
 </template>
--- a/src/util.js
+++ b/src/util.js
@@ -7,7 +7,7 @@
 // Backend uses the compiled file util.js
 // Frontend uses util.ts
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.genSecret = exports.getRandomInt = exports.getRandomArbitrary = exports.TimeLogger = exports.polyfill = exports.debug = exports.ucfirst = exports.sleep = exports.flipStatus = exports.STATUS_PAGE_PARTIAL_DOWN = exports.STATUS_PAGE_ALL_UP = exports.STATUS_PAGE_ALL_DOWN = exports.PENDING = exports.UP = exports.DOWN = exports.appName = exports.isDev = void 0;
+exports.getMonitorRelativeURL = exports.genSecret = exports.getRandomInt = exports.getRandomArbitrary = exports.TimeLogger = exports.polyfill = exports.debug = exports.ucfirst = exports.sleep = exports.flipStatus = exports.STATUS_PAGE_PARTIAL_DOWN = exports.STATUS_PAGE_ALL_UP = exports.STATUS_PAGE_ALL_DOWN = exports.PENDING = exports.UP = exports.DOWN = exports.appName = exports.isDev = void 0;
 const _dayjs = require("dayjs");
 const dayjs = _dayjs;
 exports.isDev = process.env.NODE_ENV === "development";
@@ -74,7 +74,7 @@ class TimeLogger {
        this.startTime = dayjs().valueOf();
    }
    print(name) {
-        if (exports.isDev) {
+        if (exports.isDev && process && process.env.TIMELOGGER === "1") {
            console.log(name + ": " + (dayjs().valueOf() - this.startTime) + "ms");
        }
    }
@@ -112,3 +112,7 @@ function genSecret(length = 64) {
    return secret;
 }
 exports.genSecret = genSecret;
+function getMonitorRelativeURL(id) {
+    return "/dashboard/" + id;
+}
+exports.getMonitorRelativeURL = getMonitorRelativeURL;
--- a/src/util.ts
+++ b/src/util.ts
@@ -86,7 +86,7 @@ export class TimeLogger {
    }

    print(name: string) {
-        if (isDev) {
+        if (isDev && process && process.env.TIMELOGGER === "1") {
            console.log(name + ": " + (dayjs().valueOf() - this.startTime) + "ms")
        }
    }
@@ -123,3 +123,7 @@ export function genSecret(length = 64) {
    }
    return secret;
 }
+
+export function getMonitorRelativeURL(id: string) {
+    return "/dashboard/" + id;
+}