7x31/uptime-kuma
1
0
Fork 0
mirror of https://github.com/louislam/uptime-kuma.git synced 2025-08-11 23:52:31 +08:00
Code Issues Packages Projects Releases Wiki Activity

send notification for important heartbeat

Browse Source
This commit is contained in:
LouisLam
2021-07-09 17:55:48 +08:00
parent 3bdf174e90
commit d24a15410e
5 changed files with 108 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/pages/EditMonitor.vue
View File

@@ -58,8 +58,12 @@
<p v-if="$root.notificationList.length === 0">Not available, please setup.</p>
<div class="form-check form-switch mb-3" v-for="notification in $root.notificationList">
<input class="form-check-input" type="checkbox" :id=" 'notification' + notification.id">
<label class="form-check-label" :for=" 'notification' + notification.id">{{ notification.name }} <a href="#" @click="$refs.notificationDialog.show(notification.id)">Edit</a></label>
<input class="form-check-input" type="checkbox" :id=" 'notification' + notification.id" v-model="monitor.notificationIDList[notification.id]">
<label class="form-check-label" :for=" 'notification' + notification.id">
{{ notification.name }}
<a href="#" @click="$refs.notificationDialog.show(notification.id)">Edit</a>
</label>
</div>
<button class="btn btn-primary me-2" @click="$refs.notificationDialog.show()" type="button">Setup Notification</button>
@@ -86,7 +90,9 @@ export default {
data() {
return {
processing: false,
monitor: { }
monitor: {
notificationIDList: {},
},
}
},
computed: {
@@ -109,6 +115,7 @@ export default {
name: "",
url: "https://",
interval: 60,
notificationIDList: {},
}
} else if (this.isEdit) {
this.$root.getSocket().emit("getMonitor", this.$route.params.id, (res) => {

18
src/pages/Settings.vue
View File

@@ -52,20 +52,30 @@
<div class="col-md-6">
<h2>Notifications</h2>
<p>Empty</p>
<button class="btn btn-primary" type="submit">Add Notification</button>
<p v-if="$root.notificationList.length === 0">Not available, please setup.</p>
<ul>
<li v-for="notification in $root.notificationList">
{{ notification.name }}
<a href="#" @click="$refs.notificationDialog.show(notification.id)">Edit</a>
</li>
</ul>
<button class="btn btn-primary me-2" @click="$refs.notificationDialog.show()" type="button">Setup Notification</button>
</div>
</div>
</div>
<NotificationDialog ref="notificationDialog" />
</template>
<script>
import dayjs from "dayjs";
import utc from 'dayjs/plugin/utc'
import timezone from 'dayjs/plugin/timezone'
import NotificationDialog from "../components/NotificationDialog.vue";
dayjs.extend(utc)
dayjs.extend(timezone)
import {timezoneList} from "../util-frontend";
@@ -74,7 +84,7 @@ const toast = useToast()
export default {
components: {
NotificationDialog
},
data() {
return {