TyleoDvDelaware3217/Kuma
1
0
Fork 0
mirror of https://github.com/louislam/uptime-kuma.git synced 2025-06-06 13:12:33 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

fix eslint errors

Browse source
This commit is contained in:
abhigyan-mohanta 2024-11-06 13:30:08 +05:30
parent e24d5b8f5e
commit f56be2ec9f
1 changed files with 38 additions and 40 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

78
src/components/notifications/SendGrid.vue
View file

@ -1,67 +1,65 @@
<template> <template>
<div class="mb-3"> <div class="mb-3">
<label for="sendgrid-api-key" class="form-label">{{ $t("SendGrid API Key") }}</label> <label for="sendgrid-api-key" class="form-label">{{ $t("SendGrid API Key") }}</label>
<HiddenInput id="push-api-key" v-model="$parent.notification.sendgridApiKey" :required="true" autocomplete="new-password"></HiddenInput> <HiddenInput id="push-api-key" v-model="$parent.notification.sendgridApiKey" required autocomplete="new-password"></HiddenInput>
</div> </div>
<div class="mb-3"> <div class="mb-3">
<label for="sendgrid-from-email" class="form-label">{{ $t("From Email") }}</label> <label for="sendgrid-from-email" class="form-label">{{ $t("From Email") }}</label>
<input <input
id="sendgrid-from-email" id="sendgrid-from-email"
v-model="$parent.notification.sendgridFromEmail" v-model="$parent.notification.sendgridFromEmail"
type="text" type="text"
class="form-control" class="form-control"
:class="{ 'is-invalid': errors.from }" :class="{ 'is-invalid': errors.from }"
@input="validateEmail($event, 'from')"
required required
@input="validateEmail($event, 'from')"
> >
<div class="invalid-feedback" v-if="errors.from"> <div v-if="errors.from" class="invalid-feedback">
{{ $t("Please use format: Friendly Name <email@domain.com> or just email@domain.com") }} {{ $t("Please use format: Friendly Name <email@domain.com> or just email@domain.com") }}
</div> </div>
</div> </div>
<div class="mb-3"> <div class="mb-3">
<label for="sendgrid-to-email" class="form-label">{{ $t("To Email") }}</label> <label for="sendgrid-to-email" class="form-label">{{ $t("To Email") }}</label>
<input <input
id="sendgrid-to-email" id="sendgrid-to-email"
v-model="$parent.notification.sendgridToEmail" v-model="$parent.notification.sendgridToEmail"
type="text" type="text"
class="form-control" class="form-control"
:class="{ 'is-invalid': errors.to }" :class="{ 'is-invalid': errors.to }"
@input="validateEmail($event, 'to')"
required required
@input="validateEmail($event, 'to')"
> >
<div class="invalid-feedback" v-if="errors.to"> <div v-if="errors.to" class="invalid-feedback">
{{ $t("Please use format: Friendly Name <email@domain.com> or just email@domain.com") }} {{ $t("Please use format: Friendly Name <email@domain.com> or just email@domain.com") }}
</div> </div>
</div> </div>
<div class="mb-3"> <div class="mb-3">
<label for="sendgrid-cc-email" class="form-label">{{ $t("smtpCC") }}</label> <label for="sendgrid-cc-email" class="form-label">{{ $t("smtpCC") }}</label>
<input <input
id="sendgrid-cc-email" id="sendgrid-cc-email"
v-model="$parent.notification.sendgridCcEmail" v-model="$parent.notification.sendgridCcEmail"
type="text" type="text"
class="form-control" class="form-control"
:class="{ 'is-invalid': errors.cc }" :class="{ 'is-invalid': errors.cc }"
@input="validateEmail($event, 'cc')" @input="validateEmail($event, 'cc')"
> >
<div class="form-text">{{ $t("Separate multiple email addresses with commas") }}</div> <div class="form-text">{{ $t("Separate multiple email addresses with commas") }}</div>
<div class="invalid-feedback" v-if="errors.cc"> <div v-if="errors.cc" class="invalid-feedback">
{{ $t("Please use format: Friendly Name <email@domain.com> or just email@domain.com for each address") }} {{ $t("Please use format: Friendly Name <email@domain.com> or just email@domain.com for each address") }}
</div> </div>
</div> </div>
<div class="mb-3"> <div class="mb-3">
<label for="sendgrid-bcc-email" class="form-label">{{ $t("smtpBCC") }}</label> <label for="sendgrid-bcc-email" class="form-label">{{ $t("smtpBCC") }}</label>
<input <input
id="sendgrid-bcc-email" id="sendgrid-bcc-email"
v-model="$parent.notification.sendgridBccEmail" v-model="$parent.notification.sendgridBccEmail"
type="text" type="text"
class="form-control" class="form-control"
:class="{ 'is-invalid': errors.bcc }" :class="{ 'is-invalid': errors.bcc }"
@input="validateEmail($event, 'bcc')" @input="validateEmail($event, 'bcc')"
> >
<div class="form-text">{{ $t("Separate multiple email addresses with commas") }}</div> <div class="form-text">{{ $t("Separate multiple email addresses with commas") }}</div>
<div class="invalid-feedback" v-if="errors.bcc"> <div v-if="errors.bcc" class="invalid-feedback">
{{ $t("Please use format: Friendly Name <email@domain.com> or just email@domain.com for each address") }} {{ $t("Please use format: Friendly Name <email@domain.com> or just email@domain.com for each address") }}
</div> </div>
</div> </div>
@ -82,7 +80,7 @@ export default {
components: { components: {
HiddenInput, HiddenInput,
}, },
data() { data() {
return { return {
errors: { errors: {
@ -91,6 +89,12 @@ export default {
cc: false, cc: false,
bcc: false bcc: false
} }
};
},
mounted() {
if (typeof this.$parent.notification.sendgridSubject === "undefined") {
this.$parent.notification.sendgridSubject = "Notification from Your Uptime Kuma";
} }
}, },
@ -103,30 +107,24 @@ export default {
validateEmail(event, field) { validateEmail(event, field) {
const value = event.target.value; const value = event.target.value;
if (!value) { if (!value) {
this.errors[field] = false; this.errors[field] = false;
return; return;
} }
if (field === 'cc' || field === 'bcc') { if (field === "cc" || field === "bcc") {
if (value.includes(',')) { if (value.includes(",")) {
this.errors[field] = !value.split(',') this.errors[field] = !value.split(",")
.map(email => email.trim()) .map(email => email.trim())
.every(email => this.isValidEmailFormat(email)); .every(email => this.isValidEmailFormat(email));
return; return;
} }
} }
this.errors[field] = !this.isValidEmailFormat(value); this.errors[field] = !this.isValidEmailFormat(value);
} }
}, }
mounted() {
if (typeof this.$parent.notification.sendgridSubject === "undefined") {
this.$parent.notification.sendgridSubject = "Notification from Your Uptime Kuma";
}
},
}; };
</script> </script>
@ -139,4 +137,4 @@ export default {
background-position: right calc(0.375em + 0.1875rem) center; background-position: right calc(0.375em + 0.1875rem) center;
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
} }
</style> </style>