From 95bfae5c8dddc74c68f2d2f7e575baf4b5d18056 Mon Sep 17 00:00:00 2001
From: leonace924 <meobius123@gmail.com>
Date: Mon, 5 Jan 2026 23:51:50 -0500
Subject: [PATCH 1/2] fix: rename Badge Generator to Badge Link Generator and
 add helptext

---
 src/components/BadgeGeneratorDialog.vue | 7 ++++++-
 src/components/MonitorSettingDialog.vue | 2 +-
 src/lang/en.json                        | 5 +++--
 3 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/components/BadgeGeneratorDialog.vue b/src/components/BadgeGeneratorDialog.vue
index c4b0ec363..5d576bc0f 100644
--- a/src/components/BadgeGeneratorDialog.vue
+++ b/src/components/BadgeGeneratorDialog.vue
@@ -4,11 +4,16 @@
             <div class="modal-content">
                 <div class="modal-header">
                     <h5 class="modal-title">
-                        {{ $t("Badge Generator", [monitor.name]) }}
+                        {{ $t("Badge Link Generator", [monitor.name]) }}
                     </h5>
                     <button type="button" class="btn-close" data-bs-dismiss="modal" :aria-label="$t('Close')" />
                 </div>
                 <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>
+                        </template>
+                    </i18n-t>
                     <div class="mb-3">
                         <label for="type" class="form-label">{{ $t("Badge Type") }}</label>
                         <select id="type" v-model="badge.type" class="form-select">
diff --git a/src/components/MonitorSettingDialog.vue b/src/components/MonitorSettingDialog.vue
index 74ddae1c8..155c1a7f8 100644
--- a/src/components/MonitorSettingDialog.vue
+++ b/src/components/MonitorSettingDialog.vue
@@ -34,7 +34,7 @@
                         @click="$refs.badgeGeneratorDialog.show(monitor.id, monitor.name)"
                     >
                         <font-awesome-icon icon="certificate" />
-                        {{ $t("Open Badge Generator") }}
+                        {{ $t("Open Badge Link Generator") }}
                     </button>
                 </div>
 
diff --git a/src/lang/en.json b/src/lang/en.json
index 3ae72c746..5bc546dd7 100644
--- a/src/lang/en.json
+++ b/src/lang/en.json
@@ -909,8 +909,9 @@
     "Monitor Setting": "{0}'s Monitor Setting",
     "Show Clickable Link": "Show Clickable Link",
     "Show Clickable Link Description": "If checked everyone who have access to this status page can have access to monitor URL.",
-    "Open Badge Generator": "Open Badge Generator",
-    "Badge Generator": "{0}'s Badge Generator",
+    "Open Badge Link Generator": "Open Badge Link Generator",
+    "Badge Link Generator": "{0}'s Badge Link Generator",
+    "Badge Link Generator Helptext": "Badge links are available for all monitors assigned to public status pages. For more information, please see the {documentation}.",
     "Badge Type": "Badge Type",
     "Badge Duration (in hours)": "Badge Duration (in hours)",
     "Badge Label": "Badge Label",

From 34ad04ee0c22a0cc1d025954c1b7cbadbfe5ff79 Mon Sep 17 00:00:00 2001
From: Frank Elsinga <frank@elsinga.de>
Date: Tue, 6 Jan 2026 05:57:36 +0100
Subject: [PATCH 2/2] rename the file as well

---
 ...geGeneratorDialog.vue => BadgeLinkGeneratorDialog.vue} | 0
 src/components/MonitorSettingDialog.vue                   | 8 ++++----
 2 files changed, 4 insertions(+), 4 deletions(-)
 rename src/components/{BadgeGeneratorDialog.vue => BadgeLinkGeneratorDialog.vue} (100%)

diff --git a/src/components/BadgeGeneratorDialog.vue b/src/components/BadgeLinkGeneratorDialog.vue
similarity index 100%
rename from src/components/BadgeGeneratorDialog.vue
rename to src/components/BadgeLinkGeneratorDialog.vue
diff --git a/src/components/MonitorSettingDialog.vue b/src/components/MonitorSettingDialog.vue
index 155c1a7f8..88ba3ec4f 100644
--- a/src/components/MonitorSettingDialog.vue
+++ b/src/components/MonitorSettingDialog.vue
@@ -31,7 +31,7 @@
 
                     <button
                         class="btn btn-primary btn-add-group me-2"
-                        @click="$refs.badgeGeneratorDialog.show(monitor.id, monitor.name)"
+                        @click="$refs.badgeLinkGeneratorDialog.show(monitor.id, monitor.name)"
                     >
                         <font-awesome-icon icon="certificate" />
                         {{ $t("Open Badge Link Generator") }}
@@ -46,16 +46,16 @@
             </div>
         </div>
     </div>
-    <BadgeGeneratorDialog ref="badgeGeneratorDialog" />
+    <BadgeLinkGeneratorDialog ref="badgeLinkGeneratorDialog" />
 </template>
 
 <script lang="ts">
 import { Modal } from "bootstrap";
-import BadgeGeneratorDialog from "./BadgeGeneratorDialog.vue";
+import BadgeLinkGeneratorDialog from "./BadgeLinkGeneratorDialog.vue";
 
 export default {
     components: {
-        BadgeGeneratorDialog
+        BadgeLinkGeneratorDialog
     },
     props: {},
     emits: [],