Merge branch 'louislam:master' into clear-monitor-data

2025-08-09 21:14:01 +08:00 · 2021-08-31 23:22:45 +02:00
parent 1952e34110 3e7bb355fd
commit 1341d220ed
20 changed files with 1769 additions and 2010 deletions
--- a/src/assets/app.scss
+++ b/src/assets/app.scss
@@ -131,7 +131,7 @@ h2 {
    background-color: #090c10;
    color: $dark-font-color;

-    &::-webkit-scrollbar-thumb {
+    &::-webkit-scrollbar-thumb, ::-webkit-scrollbar-thumb {
        background: $dark-border-color;
    }

--- a/src/components/MonitorList.vue
+++ b/src/components/MonitorList.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="shadow-box list mb-4">
+    <div class="shadow-box list mb-3" :class="{ scrollbar: scrollbar }">
        <div v-if="Object.keys($root.monitorList).length === 0" class="text-center mt-3">
            {{ $t("No Monitors, please") }} <router-link to="/add">{{ $t("add one") }}</router-link>
        </div>
@@ -34,6 +34,11 @@ export default {
        Uptime,
        HeartbeatBar,
    },
+    props: {
+        scrollbar: {
+            type: Boolean,
+        },
+    },
    computed: {
        sortedMonitorList() {
            let result = Object.values(this.$root.monitorList);
@@ -83,8 +88,13 @@ export default {
 }

 .list {
-    height: auto;
-    min-height: calc(100vh - 240px);
+    &.scrollbar {
+        min-height: calc(100vh - 240px);
+        max-height: calc(100vh - 30px);
+        overflow-y: auto;
+        position: sticky;
+        top: 10px;
+    }

    .item {
        display: block;
--- a/src/languages/fr.js
+++ b/src/languages/fr.js
@@ -0,0 +1,106 @@
+export default {
+    languageName: "Français (France)",
+    Settings: "Paramètres",
+    Dashboard: "Dashboard",
+    "New Update": "Mise à jour disponible",
+    Language: "Langue",
+    Appearance: "Apparence",
+    Theme: "Thème",
+    General: "Général",
+    Version: "Version",
+    "Check Update On GitHub": "Consulter les mises à jour sur Github",
+    List: "Lister",
+    Add: "Ajouter",
+    "Add New Monitor": "Ajouter un nouveau check",
+    "Quick Stats": "Résumé",
+    Up: "En ligne",
+    Down: "Hors ligne",
+    Pending: "Dans la file d'attente",
+    Unknown: "Inconnu",
+    Pause: "En Pause",
+    pauseDashboardHome: "Éléments mis en pause",
+    Name: "Nom",
+    Status: "État",
+    DateTime: "Heure",
+    Message: "Messages",
+    "No important events": "Pas d'évènements important",
+    Resume: "Reprendre",
+    Edit: "Modifier",
+    Delete: "Supprimer",
+    Current: "Actuellement",
+    Uptime: "Uptime",
+    "Cert Exp.": "Cert Exp.",
+    days: "Jours",
+    day: "Jour",
+    "-day": "Demi-Journée",
+    hour: "Heure",
+    "-hour": "Demi-Heure",
+    checkEverySecond: "Vérifier toutes les {0} secondes",
+    "Avg.": "Moy.",
+    Response: "Réponse",
+    Ping: "Ping",
+    "Monitor Type": "Type de Monitoring",
+    Keyword: "Mot-clé",
+    "Friendly Name": "Nom d'affichage",
+    URL: "URL",
+    Hostname: "Nom d'hôte",
+    Port: "Port",
+    "Heartbeat Interval": "Intervale de vérifications",
+    Retries: "Essais",
+    retriesDescription: "Nombre d'essais avant que le service soit déclaré hors-ligne.",
+    Advanced: "Avancé",
+    ignoreTLSError: "Ignorer les erreurs liées au certificat SSL/TLS",
+    "Upside Down Mode": "Mode inversé",
+    upsideDownModeDescription: "Si le service est en ligne il sera alors noté hors-ligne et vice-versa.",
+    "Max. Redirects": "Redirections",
+    maxRedirectDescription: "Nombre maximal de redirections avant que le service soit noté hors-ligne.",
+    "Accepted Status Codes": "Codes HTTP",
+    acceptedStatusCodesDescription: "Si les codes HTTP reçus sont ceux séléctionnés, alors le serveur sera noté en ligne.",
+    Save: "Sauvegarder",
+    Notifications: "Notifications",
+    "Not available, please setup.": "Créez des notifications depuis les paramètres.",
+    "Setup Notification": "Créer une notification",
+    Light: "Clair",
+    Dark: "Sombre",
+    Auto: "Automatique",
+    "Theme - Heartbeat Bar": "Voir les services monitorés",
+    Normal: "Général",
+    Bottom: "Au dessus",
+    None: "Neutre",
+    Timezone: "Fuseau Horaire",
+    "Search Engine Visibility": "SEO",
+    "Allow indexing": "Autoriser l'indexation par des moteurs de recherche",
+    "Discourage search engines from indexing site": "Empêche les moteurs de recherche d'indexer votre site",
+    "Change Password": "Changer le mot de passe",
+    "Current Password": "Mot de passe actuel",
+    "New Password": "Nouveau mot de passe",
+    "Repeat New Password": "Répéter votre nouveau mot de passe",
+    passwordNotMatchMsg: "Les mots de passe ne correspondent pas",
+    "Update Password": "Mettre à jour le mot de passe",
+    "Disable Auth": "Désactiver l'authentification intégrée",
+    "Enable Auth": "Activer l'authentification",
+    Logout: "Se déconnecter",
+    notificationDescription: "Une fois ajoutée, vous devez l'activer manuellement dans les paramètres de vos hosts.",
+    Leave: "Quitter",
+    "I understand, please disable": "Je comprends, je l'ai désactivé",
+    Confirm: "Confirmer",
+    Yes: "Oui",
+    No: "Non",
+    Username: "Nom d'utilisateur",
+    Password: "Mot de passe",
+    "Remember me": "Se souvenir de moi",
+    Login: "Se connecter",
+    "No Monitors, please": "Pas de monitor, veuillez ",
+    "add one": "en ajouter un.",
+    "Notification Type": "Type de notification",
+    "Email": "Email",
+    "Test": "Tester",
+    keywordDescription: "Le mot clé sera cherché dans la réponse HTML/JSON reçue du site internet.",
+    "Certificate Info": "Des informations sur le certificat SSL",
+    deleteMonitorMsg: "Êtes-vous sûr de vouloir supprimer ce monitor ?",
+    deleteNotificationMsg: "Êtes-vous sûr de vouloir supprimer ce type de notifications ? Une fois désactivée, les services qui l'utilisent ne pourront plus envoyer de notifications.",
+    "Resolver Server": "Serveur DNS utilisé",
+    "Resource Record Type": "Type d'enregistrement DNS recherché",
+    resoverserverDescription: "Le DNS de cloudflare est utilisé par défaut, mais vous pouvez le changer si vous le souhaitez.",
+    rrtypeDescription: "Veuillez séléctionner un type d'enregistrement DNS",
+}
--- a/src/layouts/Layout.vue
+++ b/src/layouts/Layout.vue
@@ -40,19 +40,10 @@
        </header>

        <main>
-            <!-- Add :key to disable vue router re-use the same component -->
-            <router-view v-if="$root.loggedIn" :key="$route.fullPath" />
+            <router-view v-if="$root.loggedIn" />
            <Login v-if="! $root.loggedIn && $root.allowLoginDialog" />
        </main>

-        <footer>
-            <div class="container-fluid">
-                Uptime Kuma -
-                {{ $t("Version") }}: {{ $root.info.version }} -
-                <a href="https://github.com/louislam/uptime-kuma/releases" target="_blank" rel="noopener">{{ $t("Check Update On GitHub") }}</a>
-            </div>
-        </footer>
-
        <!-- Mobile Only -->
        <div v-if="$root.isMobile" style="width: 100%; height: 60px;" />
        <nav v-if="$root.isMobile" class="bottom-nav">
@@ -190,15 +181,6 @@ main {
    color: white;
 }

-footer {
-    color: #aaa;
-    font-size: 13px;
-    margin-top: 10px;
-    padding-bottom: 30px;
-    margin-left: 10px;
-    text-align: center;
-}
-
 .dark {
    header {
        background-color: #161b22;
--- a/src/main.js
+++ b/src/main.js
@@ -26,6 +26,7 @@ import { appName } from "./util.ts";
 import en from "./languages/en";
 import zhHK from "./languages/zh-HK";
 import deDE from "./languages/de-DE";
+import fr from "./languages/fr";

 const routes = [
    {
@@ -92,6 +93,7 @@ const languageList = {
    en,
    "zh-HK": zhHK,
    "de-DE": deDE,
+    "fr": fr,
 };

 const i18n = createI18n({
--- a/src/pages/Dashboard.vue
+++ b/src/pages/Dashboard.vue
@@ -5,11 +5,12 @@
                <div>
                    <router-link to="/add" class="btn btn-primary mb-3"><font-awesome-icon icon="plus" /> {{ $t("Add New Monitor") }}</router-link>
                </div>
-                <MonitorList />
+                <MonitorList scrollbar="true" />
            </div>

-            <div class="col-12 col-md-7 col-xl-8">
-                <router-view />
+            <div class="col-12 col-md-7 col-xl-8 mb-3">
+                <!-- Add :key to disable vue router re-use the same component -->
+                <router-view :key="$route.fullPath" />
            </div>
        </div>
    </div>
@@ -26,7 +27,6 @@ export default {
    data() {
        return {}
    },
-
 }
 </script>

--- a/src/pages/DashboardHome.vue
+++ b/src/pages/DashboardHome.vue
@@ -5,7 +5,7 @@
                {{ $t("Quick Stats") }}
            </h1>

-            <div class="shadow-box big-padding text-center">
+            <div class="shadow-box big-padding text-center mb-4">
                <div class="row">
                    <div class="col">
                        <h3>{{ $t("Up") }}</h3>
@@ -170,7 +170,6 @@ export default {

 .shadow-box {
    padding: 20px;
-    margin-top: 25px;
 }

 table {
--- a/src/pages/Details.vue
+++ b/src/pages/Details.vue
@@ -507,4 +507,5 @@ table {
        }
    }
 }
+
 </style>
--- a/src/pages/Settings.vue
+++ b/src/pages/Settings.vue
@@ -155,6 +155,14 @@
                </div>
            </div>

+            <footer>
+                <div class="container-fluid">
+                    Uptime Kuma -
+                    {{ $t("Version") }}: {{ $root.info.version }} -
+                    <a href="https://github.com/louislam/uptime-kuma/releases" target="_blank" rel="noopener">{{ $t("Check Update On GitHub") }}</a>
+                </div>
+            </footer>
+
            <NotificationDialog ref="notificationDialog" />

            <Confirm ref="confirmDisableAuth" btn-style="btn-danger" :yes-text="$t('I understand, please disable')" :no-text="$t('Leave')" @yes="disableAuth">
@@ -314,4 +322,12 @@ export default {
        color: #000;
    }
 }
+
+footer {
+    color: #aaa;
+    font-size: 13px;
+    margin-top: 20px;
+    padding-bottom: 30px;
+    text-align: center;
+}
 </style>