Add the ability to notify `@everyone` in DingTalk notifications (#4718)

Co-authored-by: Frank Elsinga <frank@elsinga.de>

server/notification-providers/dingding.js

@@ -19,6 +19,9 @@ class DingDing extends NotificationProvider {
                     markdown: {
                         title: `[${this.statusToString(heartbeatJSON["status"])}] ${monitorJSON["name"]}`,
                         text: `## [${this.statusToString(heartbeatJSON["status"])}] ${monitorJSON["name"]} \n> ${heartbeatJSON["msg"]}\n> Time (${heartbeatJSON["timezone"]}): ${heartbeatJSON["localDateTime"]}`,
+                    },
+                    "at": {
+                        "isAtAll": notification.mentioning === "everyone"
                     }
                 };
                 if (await this.sendToDingDing(notification, params)) {

src/components/notifications/DingDing.vue

@@ -2,9 +2,10 @@
     <div class="mb-3">
         <label for="WebHookUrl" class="form-label">{{ $t("WebHookUrl") }}<span style="color: red;"><sup>*</sup></span></label>
         <input id="WebHookUrl" v-model="$parent.notification.webHookUrl" type="text" class="form-control" required>
-
+    </div>
+    <div class="mb-3">
         <label for="secretKey" class="form-label">{{ $t("SecretKey") }}<span style="color: red;"><sup>*</sup></span></label>
-        <input id="secretKey" v-model="$parent.notification.secretKey" type="text" class="form-control" required>
+        <HiddenInput id="secretKey" v-model="$parent.notification.secretKey" :required="true" autocomplete="new-password"></HiddenInput>
 
         <div class="form-text">
             <p>{{ $t("For safety, must use secret key") }}</p>
@@ -13,4 +14,24 @@
             </i18n-t>
         </div>
     </div>
+    <div class="mb-3">
+        <label for="mentioning" class="form-label">{{ $t("Mentioning") }}<span style="color: red;"><sup>*</sup></span></label>
+        <select id="mentioning" v-model="$parent.notification.mentioning" class="form-select" required>
+            <option value="nobody">{{ $t("Don't mention people") }}</option>
+            <option value="everyone">{{ $t("Mention group", { group: "@everyone" }) }}</option>
+        </select>
+    </div>
 </template>
+
+<script lang="ts">
+import HiddenInput from "../HiddenInput.vue";
+
+export default {
+    components: { HiddenInput },
+    mounted() {
+        if (typeof this.$parent.notification.mentioning === "undefined") {
+            this.$parent.notification.mentioning = "nobody";
+        }
+    }
+};
+</script>

src/lang/en.json

@@ -667,6 +667,9 @@
     "WebHookUrl": "WebHookUrl",
     "SecretKey": "SecretKey",
     "For safety, must use secret key": "For safety, must use secret key",
+    "Mentioning": "Mentioning",
+    "Don't mention people": "Don't mention people",
+    "Mention group": "Mention {group}",
     "Device Token": "Device Token",
     "Platform": "Platform",
     "Huawei": "Huawei",