|  |  | @ -20,6 +20,7 @@ | 
			
		
	
		
			
				
					|  |  |  |                                     <option value="signal">Signal</option> | 
			
		
	
		
			
				
					|  |  |  |                                     <option value="gotify">Gotify</option> | 
			
		
	
		
			
				
					|  |  |  |                                     <option value="slack">Slack</option> | 
			
		
	
		
			
				
					|  |  |  |                                     <option value="pushover">Pushover</option> | 
			
		
	
		
			
				
					|  |  |  |                                 </select> | 
			
		
	
		
			
				
					|  |  |  |                             </div> | 
			
		
	
		
			
				
					|  |  |  | 
 | 
			
		
	
	
		
			
				
					|  |  | @ -191,16 +192,81 @@ | 
			
		
	
		
			
				
					|  |  |  | 
 | 
			
		
	
		
			
				
					|  |  |  |                         <template v-if="notification.type === 'slack'"> | 
			
		
	
		
			
				
					|  |  |  |                             <div class="mb-3"> | 
			
		
	
		
			
				
					|  |  |  |                                 <label for="slack-webhook-url" class="form-label">Slack Webhook URL</label> | 
			
		
	
		
			
				
					|  |  |  |                                 <input type="text" class="form-control" id="slack-webhook-url" required v-model="notification.slackwebhookURL" autocomplete="false"> | 
			
		
	
		
			
				
					|  |  |  |                                 <label for="gotify-server-url" class="form-label">Uptime Kuma URL</label> | 
			
		
	
		
			
				
					|  |  |  |                                     <div class="input-group mb-3"> | 
			
		
	
		
			
				
					|  |  |  |                                         <input type="text" class="form-control" id="slack-button" required v-model="notification.slackbutton" autocomplete="false"> | 
			
		
	
		
			
				
					|  |  |  |                                 <label for="slack-webhook-url" class="form-label">Webhook URL<span style="color:red;"><sup>*</sup></span></label> | 
			
		
	
		
			
				
					|  |  |  |                                 <input type="text" class="form-control" id="slack-webhook-url" required v-model="notification.slackwebhookURL"> | 
			
		
	
		
			
				
					|  |  |  |                                 <label for="slack-username" class="form-label">Username</label> | 
			
		
	
		
			
				
					|  |  |  |                                 <input type="text" class="form-control" id="slack-username" v-model="notification.slackusername"> | 
			
		
	
		
			
				
					|  |  |  |                                 <label for="slack-iconemo" class="form-label">Icon Emoji</label> | 
			
		
	
		
			
				
					|  |  |  |                                 <input type="text" class="form-control" id="slack-iconemo" v-model="notification.slackiconemo"> | 
			
		
	
		
			
				
					|  |  |  |                                 <label for="slack-channel" class="form-label">Channel Name</label> | 
			
		
	
		
			
				
					|  |  |  |                                 <input type="text" class="form-control" id="slack-channel-name" v-model="notification.slackchannel"> | 
			
		
	
		
			
				
					|  |  |  |                                 <label for="slack-button-url" class="form-label">Uptime Kuma URL</label> | 
			
		
	
		
			
				
					|  |  |  |                                 <input type="text" class="form-control" id="slack-button" v-model="notification.slackbutton"> | 
			
		
	
		
			
				
					|  |  |  |                                 <div class="form-text"> | 
			
		
	
		
			
				
					|  |  |  |                                 <span style="color:red;"><sup>*</sup></span>Required | 
			
		
	
		
			
				
					|  |  |  |                                     <p style="margin-top: 8px;"> | 
			
		
	
		
			
				
					|  |  |  |                                         More info about webhooks on: <a href="https://api.slack.com/messaging/webhooks" target="_blank">https://api.slack.com/messaging/webhooks</a> | 
			
		
	
		
			
				
					|  |  |  |                                     </p> | 
			
		
	
		
			
				
					|  |  |  |                                     <p style="margin-top: 8px;"> | 
			
		
	
		
			
				
					|  |  |  |                                         Enter the channel name on Slack Channel Name field if you want to bypass the webhook channel. Ex: #other-channel | 
			
		
	
		
			
				
					|  |  |  |                                     </p> | 
			
		
	
		
			
				
					|  |  |  |                                     <p style="margin-top: 8px;"> | 
			
		
	
		
			
				
					|  |  |  |                                         If you leave the Uptime Kuma URL field blank, it will default to the Project Github page. | 
			
		
	
		
			
				
					|  |  |  |                                     </p> | 
			
		
	
		
			
				
					|  |  |  |                                     <p style="margin-top: 8px;"> | 
			
		
	
		
			
				
					|  |  |  |                                         Emoji cheat sheet: <a href="https://www.webfx.com/tools/emoji-cheat-sheet/" target="_blank">https://www.webfx.com/tools/emoji-cheat-sheet/</a> | 
			
		
	
		
			
				
					|  |  |  |                                     </p> | 
			
		
	
		
			
				
					|  |  |  |                                 </div> | 
			
		
	
		
			
				
					|  |  |  |                             </div> | 
			
		
	
		
			
				
					|  |  |  |                         </template> | 
			
		
	
		
			
				
					|  |  |  |                          | 
			
		
	
		
			
				
					|  |  |  |                         <template v-if="notification.type === 'pushover'"> | 
			
		
	
		
			
				
					|  |  |  |                             <div class="mb-3"> | 
			
		
	
		
			
				
					|  |  |  |                                 <label for="pushover-app-token" class="form-label">Application Token<span style="color:red;"><sup>*</sup></span></label> | 
			
		
	
		
			
				
					|  |  |  |                                 <input type="text" class="form-control" id="pushover-app-token" required v-model="notification.pushoverapptoken"> | 
			
		
	
		
			
				
					|  |  |  |                                 <label for="pushover-user" class="form-label">User Key<span style="color:red;"><sup>*</sup></span></label> | 
			
		
	
		
			
				
					|  |  |  |                                 <input type="text" class="form-control" id="pushover-user" required v-model="notification.pushoveruserkey"> | 
			
		
	
		
			
				
					|  |  |  |                                 <label for="pushover-device" class="form-label">Device</label> | 
			
		
	
		
			
				
					|  |  |  |                                 <input type="text" class="form-control" id="pushover-device" v-model="notification.pushoverdevice"> | 
			
		
	
		
			
				
					|  |  |  |                                 <label for="pushover-device" class="form-label">Message Title</label> | 
			
		
	
		
			
				
					|  |  |  |                                 <input type="text" class="form-control" id="pushover-title" v-model="notification.pushovertitle"> | 
			
		
	
		
			
				
					|  |  |  |                                 <label for="pushover-priority" class="form-label">Priority</label> | 
			
		
	
		
			
				
					|  |  |  |                                 <input type="text" class="form-control" id="pushover-priority" v-model="notification.pushoverpriority"> | 
			
		
	
		
			
				
					|  |  |  |                                 <label for="pushover-sound" class="form-label">Notification Sound</label> | 
			
		
	
		
			
				
					|  |  |  |                                 <select class="form-select"  id="pushover-sound" v-model="notification.pushoversounds"> | 
			
		
	
		
			
				
					|  |  |  |                                     <option>pushover</option> | 
			
		
	
		
			
				
					|  |  |  |                                     <option>bike</option> | 
			
		
	
		
			
				
					|  |  |  |                                     <option>bugle</option> | 
			
		
	
		
			
				
					|  |  |  |                                     <option>cashregister</option> | 
			
		
	
		
			
				
					|  |  |  |                                     <option>classical</option> | 
			
		
	
		
			
				
					|  |  |  |                                     <option>cosmic</option> | 
			
		
	
		
			
				
					|  |  |  |                                     <option>falling</option> | 
			
		
	
		
			
				
					|  |  |  |                                     <option>gamelan</option> | 
			
		
	
		
			
				
					|  |  |  |                                     <option>incoming</option> | 
			
		
	
		
			
				
					|  |  |  |                                     <option>intermission</option> | 
			
		
	
		
			
				
					|  |  |  |                                     <option>mechanical</option> | 
			
		
	
		
			
				
					|  |  |  |                                     <option>pianobar</option> | 
			
		
	
		
			
				
					|  |  |  |                                     <option>siren</option> | 
			
		
	
		
			
				
					|  |  |  |                                     <option>spacealarm</option> | 
			
		
	
		
			
				
					|  |  |  |                                     <option>tugboat</option> | 
			
		
	
		
			
				
					|  |  |  |                                     <option>alien</option> | 
			
		
	
		
			
				
					|  |  |  |                                     <option>climb</option> | 
			
		
	
		
			
				
					|  |  |  |                                     <option>persistent</option> | 
			
		
	
		
			
				
					|  |  |  |                                     <option>echo</option> | 
			
		
	
		
			
				
					|  |  |  |                                     <option>updown</option> | 
			
		
	
		
			
				
					|  |  |  |                                     <option>vibrate</option> | 
			
		
	
		
			
				
					|  |  |  |                                     <option>none</option> | 
			
		
	
		
			
				
					|  |  |  |                                 </select> | 
			
		
	
		
			
				
					|  |  |  |                                 <div class="form-text"> | 
			
		
	
		
			
				
					|  |  |  |                                 <span style="color:red;"><sup>*</sup></span>Required | 
			
		
	
		
			
				
					|  |  |  |                                 <p style="margin-top: 8px;"> | 
			
		
	
		
			
				
					|  |  |  |                                         More info on: <a href="https://pushover.net/api" target="_blank">https://pushover.net/api</a> | 
			
		
	
		
			
				
					|  |  |  |                                 </p> | 
			
		
	
		
			
				
					|  |  |  |                                  <p style="margin-top: 8px;"> | 
			
		
	
		
			
				
					|  |  |  |                                         More info on: <a href="https://api.slack.com/messaging/webhooks" target="_blank">https://api.slack.com/messaging/webhooks</a> | 
			
		
	
		
			
				
					|  |  |  |                                         Emergency priority(2) has default 30 second timeout between retries and will expire after 1 hour. | 
			
		
	
		
			
				
					|  |  |  |                                 </p> | 
			
		
	
		
			
				
					|  |  |  |                                 </div> | 
			
		
	
		
			
				
					|  |  |  |                             </div> | 
			
		
	
		
			
				
					|  |  |  |                         </template> | 
			
		
	
		
			
				
					|  |  |  | 
 | 
			
		
	
		
			
				
					|  |  |  |                     </div> | 
			
		
	
	
		
			
				
					|  |  | 
 |