feat: Add Brevo notification provider (#6150)

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

src/components/NotificationDialog.vue

@@ -170,6 +170,7 @@ export default {
                 "gtxmessaging": "GtxMessaging",
                 "Cellsynt": "Cellsynt",
                 "SendGrid": "SendGrid",
+                "Brevo": "Brevo",
                 "notifery": "Notifery"
             };
 

src/components/notifications/Brevo.vue

@@ -0,0 +1,58 @@
+<template>
+    <div class="mb-3">
+        <label for="brevo-api-key" class="form-label">{{ $t("brevoApiKey") }}</label>
+        <HiddenInput id="brevo-api-key" v-model="$parent.notification.brevoApiKey" :required="true" autocomplete="new-password"></HiddenInput>
+        <i18n-t tag="div" keypath="brevoApiHelp" class="form-text">
+            <a href="https://app.brevo.com/settings/keys/api" target="_blank">https://app.brevo.com/settings/keys/api</a>
+        </i18n-t>
+    </div>
+    <div class="mb-3">
+        <label for="brevo-from-email" class="form-label">{{ $t("brevoFromEmail") }}</label>
+        <input id="brevo-from-email" v-model="$parent.notification.brevoFromEmail" type="text" class="form-control" required>
+    </div>
+    <div class="mb-3">
+        <label for="brevo-from-name" class="form-label">{{ $t("brevoFromName") }}</label>
+        <input id="brevo-from-name" v-model="$parent.notification.brevoFromName" type="text" class="form-control">
+        <div class="form-text">{{ $t("brevoLeaveBlankForDefaultName") }}</div>
+    </div>
+    <div class="mb-3">
+        <label for="brevo-to-email" class="form-label">{{ $t("brevoToEmail") }}</label>
+        <input id="brevo-to-email" v-model="$parent.notification.brevoToEmail" type="text" class="form-control" required>
+    </div>
+    <div class="mb-3">
+        <label for="brevo-cc-email" class="form-label">{{ $t("brevoCcEmail") }}</label>
+        <input id="brevo-cc-email" v-model="$parent.notification.brevoCcEmail" type="text" class="form-control">
+        <div class="form-text">{{ $t("brevoSeparateMultipleEmails") }}</div>
+    </div>
+    <div class="mb-3">
+        <label for="brevo-bcc-email" class="form-label">{{ $t("brevoBccEmail") }}</label>
+        <input id="brevo-bcc-email" v-model="$parent.notification.brevoBccEmail" type="text" class="form-control">
+        <small class="form-text text-muted">{{ $t("brevoSeparateMultipleEmails") }}</small>
+    </div>
+    <div class="mb-3">
+        <label for="brevo-subject" class="form-label">{{ $t("brevoSubject") }}</label>
+        <input id="brevo-subject" v-model="$parent.notification.brevoSubject" type="text" class="form-control">
+        <small class="form-text text-muted">{{ $t("brevoLeaveBlankForDefaultSubject") }}</small>
+    </div>
+    <i18n-t tag="p" keypath="More info on:" style="margin-top: 8px;">
+        <a href="https://developers.brevo.com/reference/sendtransacemail" target="_blank">https://developers.brevo.com/reference/sendtransacemail</a>
+    </i18n-t>
+</template>
+
+<script>
+import HiddenInput from "../HiddenInput.vue";
+
+export default {
+    components: {
+        HiddenInput,
+    },
+    mounted() {
+        if (typeof this.$parent.notification.brevoSubject === "undefined") {
+            this.$parent.notification.brevoSubject = "Notification from Your Uptime Kuma";
+        }
+        if (typeof this.$parent.notification.brevoFromName === "undefined") {
+            this.$parent.notification.brevoFromName = "Uptime Kuma";
+        }
+    },
+};
+</script>

src/components/notifications/index.js

@@ -74,6 +74,7 @@ import Cellsynt from "./Cellsynt.vue";
 import WPush from "./WPush.vue";
 import SIGNL4 from "./SIGNL4.vue";
 import SendGrid from "./SendGrid.vue";
+import Brevo from "./Brevo.vue";
 import YZJ from "./YZJ.vue";
 import SMSPlanet from "./SMSPlanet.vue";
 
@@ -158,6 +159,7 @@ const NotificationFormList = {
     "Cellsynt": Cellsynt,
     "WPush": WPush,
     "SendGrid": SendGrid,
+    "Brevo": Brevo,
     "YZJ": YZJ,
     "SMSPlanet": SMSPlanet,
 };

src/lang/en.json

@@ -1100,6 +1100,17 @@
     "rabbitmqHelpText": "To use the monitor, you will need to enable the Management Plugin in your RabbitMQ setup. For more information, please consult the {rabitmq_documentation}.",
     "SendGrid API Key": "SendGrid API Key",
     "Separate multiple email addresses with commas": "Separate multiple email addresses with commas",
+    "brevoApiKey": "Brevo API Key",
+    "brevoApiHelp": "Create an API key here: {0}",
+    "brevoFromEmail": "From Email",
+    "brevoFromName": "From Name",
+    "brevoLeaveBlankForDefaultName": "leave blank for default name",
+    "brevoToEmail": "To Email",
+    "brevoCcEmail": "CC Email",
+    "brevoBccEmail": "BCC Email",
+    "brevoSeparateMultipleEmails": "Separate multiple email addresses with commas",
+    "brevoSubject": "Subject",
+    "brevoLeaveBlankForDefaultSubject": "leave blank for default subject",
     "pingCountLabel": "Max Packets",
     "pingCountDescription": "Number of packets to send before stopping",
     "pingNumericLabel": "Numeric Output",