@ -10,60 +10,61 @@ 
				
			 
			
		
	
		
		
			
				
					 
					 
					                    < / div >  
					 
					 
					                    < / div >  
				
			 
			
		
	
		
		
			
				
					 
					 
					                    < div  class = "modal-body" >  
					 
					 
					                    < div  class = "modal-body" >  
				
			 
			
		
	
		
		
			
				
					 
					 
					
 
					 
					 
					
 
				
			 
			
		
	
		
		
			
				
					 
					 
					 
					 
					 
					                        < div  class = "mb-3" >  
				
			 
			
		
	
		
		
			
				
					 
					 
					 
					 
					 
					                            < label  for = "type"  class = "form-label" > Notification  Type < / label >  
				
			 
			
		
	
		
		
			
				
					 
					 
					 
					 
					 
					                            < select  class = "form-select"   id = "type"  v-model ="notification.type" >  
				
			 
			
		
	
		
		
			
				
					 
					 
					 
					 
					 
					                                < option  value = "telegram" > Telegram < / option >  
				
			 
			
		
	
		
		
			
				
					 
					 
					 
					 
					 
					                                < option  value = "webhook" > Webhook < / option >  
				
			 
			
		
	
		
		
			
				
					 
					 
					 
					 
					 
					                                < option  value = "smtp" > Email  ( SMTP ) < / option >  
				
			 
			
		
	
		
		
			
				
					 
					 
					 
					 
					 
					                                < option  value = "discord" > Discord < / option >  
				
			 
			
		
	
		
		
			
				
					 
					 
					 
					 
					 
					                                < option  value = "signal" > Signal < / option >  
				
			 
			
		
	
		
		
			
				
					 
					 
					 
					 
					 
					                                < option  value = "gotify" > Gotify < / option >  
				
			 
			
		
	
		
		
			
				
					 
					 
					 
					 
					 
					                                < option  value = "slack" > Slack < / option >  
				
			 
			
		
	
		
		
			
				
					 
					 
					 
					 
					 
					                                < option  value = "pushover" > Pushover < / option >  
				
			 
			
		
	
		
		
			
				
					 
					 
					 
					 
					 
					                                < option  value = "apprise" > Apprise  ( Support  50 +  Notification  services ) < / option >  
				
			 
			
		
	
		
		
			
				
					 
					 
					 
					 
					 
					                            < / select >  
				
			 
			
		
	
		
		
			
				
					 
					 
					 
					 
					 
					                        < / div >  
				
			 
			
		
	
		
		
			
				
					 
					 
					 
					 
					 
					
 
				
			 
			
		
	
		
		
			
				
					 
					 
					 
					 
					 
					                        < div  class = "mb-3" >  
				
			 
			
		
	
		
		
			
				
					 
					 
					 
					 
					 
					                            < label  for = "name"  class = "form-label" > Friendly  Name < / label >  
				
			 
			
		
	
		
		
			
				
					 
					 
					 
					 
					 
					                            < input  type = "text"  class = "form-control"  id = "name"  required  v-model ="notification.name" >  
				
			 
			
		
	
		
		
			
				
					 
					 
					 
					 
					 
					                        < / div >  
				
			 
			
		
	
		
		
			
				
					 
					 
					 
					 
					 
					
 
				
			 
			
		
	
		
		
			
				
					 
					 
					 
					 
					 
					                        < template  v-if ="notification.type === 'telegram'" >  
				
			 
			
		
	
		
		
			
				
					 
					 
					                            < div  class = "mb-3" >  
					 
					 
					                            < div  class = "mb-3" >  
				
			 
			
		
	
		
		
			
				
					
					 
					 
					                                < label  for = "type"  class = "form-label" > Notification  Type < / label >  
					 
					 
					                                < label  for = "telegram-bot-token"  class = "form-label" > Bot  Token < / label >  
				
			 
			
				
				
			
		
	
		
		
			
				
					
					 
					 
					                                < select  class = "form-select"   id = "type"  v-model ="notification.type" >  
					 
					 
					                                < input  type = "text"  class = "form-control"  id = "telegram-bot-token"  required  v-model ="notification.telegramBotToken" >  
				
			 
			
				
				
			
		
	
		
		
			
				
					
					 
					 
					                                    < option  value = "telegram" > Telegram < / option >  
					 
					 
					                                < div  class = "form-text" > You  can  get  a  token  from  < a  href = "https://t.me/BotFather"  target = "_blank" > https : / / t . m e / B o t F a t h e r < / a > . < / d i v >  
				
			 
			
				
				
			
		
	
		
		
			
				
					 
					 
					                                    < option  value = "webhook" > Webhook < / option >  
					 
					 
					 
				
			 
			
		
	
		
		
			
				
					 
					 
					                                    < option  value = "smtp" > Email  ( SMTP ) < / option >  
					 
					 
					 
				
			 
			
		
	
		
		
			
				
					 
					 
					                                    < option  value = "discord" > Discord < / option >  
					 
					 
					 
				
			 
			
		
	
		
		
			
				
					 
					 
					                                    < option  value = "signal" > Signal < / option >  
					 
					 
					 
				
			 
			
		
	
		
		
			
				
					 
					 
					                                    < option  value = "gotify" > Gotify < / option >  
					 
					 
					 
				
			 
			
		
	
		
		
			
				
					 
					 
					                                    < option  value = "slack" > Slack < / option >  
					 
					 
					 
				
			 
			
		
	
		
		
			
				
					 
					 
					                                    < option  value = "pushover" > Pushover < / option >  
					 
					 
					 
				
			 
			
		
	
		
		
			
				
					 
					 
					                                < / select >  
					 
					 
					 
				
			 
			
		
	
		
		
	
		
		
	
		
		
	
		
		
			
				
					 
					 
					                            < / div >  
					 
					 
					                            < / div >  
				
			 
			
		
	
		
		
			
				
					 
					 
					
 
					 
					 
					
 
				
			 
			
		
	
		
		
			
				
					 
					 
					                            < div  class = "mb-3" >  
					 
					 
					                            < div  class = "mb-3" >  
				
			 
			
		
	
		
		
			
				
					
					 
					 
					                                < label  for = "name"  class = "form-label" > Friendly  Name < / label >  
					 
					 
					                                < label  for = "telegram-chat-id"  class = "form-label" > Chat  ID < / label >  
				
			 
			
				
				
			
		
	
		
		
			
				
					 
					 
					                                < input  type = "text"  class = "form-control"  id = "name"  required  v-model ="notification.name" >  
					 
					 
					 
				
			 
			
		
	
		
		
			
				
					 
					 
					                            < / div >  
					 
					 
					 
				
			 
			
		
	
		
		
	
		
		
			
				
					 
					 
					
 
					 
					 
					
 
				
			 
			
		
	
		
		
			
				
					
					 
					 
					                            < template  v-if ="notification.type === 'telegram'" >  
					 
					 
					                                < div  class = "input-group mb-3" >  
				
			 
			
				
				
			
		
	
		
		
			
				
					
					 
					 
					                                < div  class = "mb-3" >  
					 
					 
					                                    < input  type = "text"  class = "form-control"  id = "telegram-chat-id"  required  v-model ="notification.telegramChatID" >  
				
			 
			
				
				
			
		
	
		
		
			
				
					
					 
					 
					                                    < label  for = "telegram-bot-token"  class = "form-label" > Bot  Token < / label >  
					 
					 
					                                    < button  class = "btn btn-outline-secondary"  type = "button"  @click ="autoGetTelegramChatID"  v-if ="notification.telegramBotToken" > Auto  Get < / button >  
				
			 
			
				
				
			
		
	
		
		
			
				
					 
					 
					                                    < input  type = "text"  class = "form-control"  id = "telegram-bot-token"  required  v-model ="notification.telegramBotToken" >  
					 
					 
					 
				
			 
			
		
	
		
		
			
				
					 
					 
					                                    < div  class = "form-text" > You  can  get  a  token  from  < a  href = "https://t.me/BotFather"  target = "_blank" > https : / / t . m e / B o t F a t h e r < / a > . < / d i v >  
					 
					 
					 
				
			 
			
		
	
		
		
	
		
		
	
		
		
	
		
		
			
				
					 
					 
					                                < / div >  
					 
					 
					                                < / div >  
				
			 
			
		
	
		
		
			
				
					 
					 
					
 
					 
					 
					
 
				
			 
			
		
	
		
		
			
				
					
					 
					 
					                                < div  class = "mb-3" >  
					 
					 
					                                < div  class = "form-text" >  
				
			 
			
				
				
			
		
	
		
		
			
				
					
					 
					 
					                                    < label  for = "telegram-chat-id"  class = "form-label" > Chat  ID < / label >  
					 
					 
					                                    Support  Direct  Chat  /  Group  /  Channel ' s  Chat  ID  
				
			 
			
				
				
			
		
	
		
		
			
				
					 
					 
					
 
					 
					 
					 
				
			 
			
		
	
		
		
			
				
					 
					 
					                                    < div  class = "input-group mb-3" >  
					 
					 
					 
				
			 
			
		
	
		
		
			
				
					 
					 
					                                        < input  type = "text"  class = "form-control"  id = "telegram-chat-id"  required  v-model ="notification.telegramChatID" >  
					 
					 
					 
				
			 
			
		
	
		
		
			
				
					 
					 
					                                        < button  class = "btn btn-outline-secondary"  type = "button"  @click ="autoGetTelegramChatID"  v-if ="notification.telegramBotToken" > Auto  Get < / button >  
					 
					 
					 
				
			 
			
		
	
		
		
			
				
					 
					 
					                                    < / div >  
					 
					 
					 
				
			 
			
		
	
		
		
			
				
					 
					 
					
 
					 
					 
					 
				
			 
			
		
	
		
		
			
				
					 
					 
					                                    < div  class = "form-text" >  
					 
					 
					 
				
			 
			
		
	
		
		
			
				
					 
					 
					                                        Support  Direct  Chat  /  Group  /  Channel ' s  Chat  ID  
					 
					 
					 
				
			 
			
		
	
		
		
	
		
		
	
		
		
			
				
					 
					 
					
 
					 
					 
					
 
				
			 
			
		
	
		
		
			
				
					
					 
					 
					                                         < p  style = "margin-top: 8px;" >  
					 
					 
					                                    < p  style = "margin-top: 8px;" >  
				
			 
			
				
				
			
		
	
		
		
			
				
					
					 
					 
					                                             You  can  get  your  chat  id  by  sending  message  to  the  bot  and  go  to  this  url  to  view  the  chat_id :  
					 
					 
					                                        You  can  get  your  chat  id  by  sending  message  to  the  bot  and  go  to  this  url  to  view  the  chat_id :  
				
			 
			
				
				
			
		
	
		
		
			
				
					
					 
					 
					                                         < / p >  
					 
					 
					                                    < / p >  
				
			 
			
				
				
			
		
	
		
		
	
		
		
	
		
		
	
		
		
			
				
					 
					 
					
 
					 
					 
					
 
				
			 
			
		
	
		
		
			
				
					
					 
					 
					                                         < p  style = "margin-top: 8px;" >  
					 
					 
					                                    < p  style = "margin-top: 8px;" >  
				
			 
			
				
				
			
		
	
		
		
	
		
		
			
				
					 
					 
					
 
					 
					 
					
 
				
			 
			
		
	
		
		
			
				
					
					 
					 
					                                             < template  v-if ="notification.telegramBotToken" >  
					 
					 
					                                        < template  v-if ="notification.telegramBotToken" >  
				
			 
			
				
				
			
		
	
		
		
			
				
					
					 
					 
					                                                 < a  :href ="telegramGetUpdatesURL"  target = "_blank" > { {  telegramGetUpdatesURL  } } < / a >  
					 
					 
					                                            < a  :href ="telegramGetUpdatesURL"  target = "_blank" > { {  telegramGetUpdatesURL  } } < / a >  
				
			 
			
				
				
			
		
	
		
		
			
				
					
					 
					 
					                                             < / template >  
					 
					 
					                                        < / template >  
				
			 
			
				
				
			
		
	
		
		
	
		
		
	
		
		
	
		
		
			
				
					 
					 
					
 
					 
					 
					
 
				
			 
			
		
	
		
		
			
				
					
					 
					 
					                                            < template  v-else >  
					 
					 
					                                        < template  v-else >  
				
			 
			
				
				
			
		
	
		
		
			
				
					
					 
					 
					                                                { {  telegramGetUpdatesURL  } }  
					 
					 
					                                            { {  telegramGetUpdatesURL  } }  
				
			 
			
				
				
			
		
	
		
		
			
				
					
					 
					 
					                                            < / template >  
					 
					 
					                                        < / template >  
				
			 
			
				
				
			
		
	
		
		
			
				
					
					 
					 
					                                        < / p >  
					 
					 
					                                    < / p >  
				
			 
			
				
				
			
		
	
		
		
			
				
					 
					 
					                                    < / div >  
					 
					 
					 
				
			 
			
		
	
		
		
	
		
		
	
		
		
	
		
		
	
		
		
			
				
					 
					 
					                                < / div >  
					 
					 
					                                < / div >  
				
			 
			
		
	
		
		
			
				
					
					 
					 
					                            < / template >  
					 
					 
					                            < / div >  
				
			 
			
				
				
			
		
	
		
		
	
		
		
			
				
					 
					 
					 
					 
					 
					                        < / template >  
				
			 
			
		
	
		
		
			
				
					 
					 
					
 
					 
					 
					
 
				
			 
			
		
	
		
		
			
				
					 
					 
					                        < template  v-if ="notification.type === 'webhook'" >  
					 
					 
					                        < template  v-if ="notification.type === 'webhook'" >  
				
			 
			
		
	
		
		
			
				
					 
					 
					                            < div  class = "mb-3" >  
					 
					 
					                            < div  class = "mb-3" >  
				
			 
			
		
	
	
		
		
			
				
					
						
							
								 
							 
						
						
							
								 
							 
						
						
					 
					@ -269,6 +270,29 @@ 
				
			 
			
		
	
		
		
			
				
					 
					 
					                            < / div >  
					 
					 
					                            < / div >  
				
			 
			
		
	
		
		
			
				
					 
					 
					                        < / template >  
					 
					 
					                        < / template >  
				
			 
			
		
	
		
		
			
				
					 
					 
					
 
					 
					 
					
 
				
			 
			
		
	
		
		
			
				
					 
					 
					 
					 
					 
					                        < template  v-if ="notification.type === 'apprise'" >  
				
			 
			
		
	
		
		
			
				
					 
					 
					 
					 
					 
					
 
				
			 
			
		
	
		
		
			
				
					 
					 
					 
					 
					 
					                            < div  class = "mb-3" >  
				
			 
			
		
	
		
		
			
				
					 
					 
					 
					 
					 
					                                < label  for = "gotify-application-token"  class = "form-label" > Apprise  URL < / label >  
				
			 
			
		
	
		
		
			
				
					 
					 
					 
					 
					 
					                                < input  type = "text"  class = "form-control"  id = "gotify-application-token"  required  v-model ="notification.appriseURL" >  
				
			 
			
		
	
		
		
			
				
					 
					 
					 
					 
					 
					                                < div  class = "form-text" >  
				
			 
			
		
	
		
		
			
				
					 
					 
					 
					 
					 
					                                    < p > Example :  twilio : / / A c c o u n t S i d : A u t h T o k e n @ F r o m P h o n e N o < / p >  
				
			 
			
		
	
		
		
			
				
					 
					 
					 
					 
					 
					                                    < p >  
				
			 
			
		
	
		
		
			
				
					 
					 
					 
					 
					 
					                                        Read  more :  < a  href = "https://github.com/caronc/apprise/wiki#notification-services"  target = "_blank" > https : / / g i t h u b . c o m / c a r o n c / a p p r i s e / w i k i # n o t i f i c a t i o n - s e r v i c e s < / a >  
				
			 
			
		
	
		
		
			
				
					 
					 
					 
					 
					 
					                                    < / p >  
				
			 
			
		
	
		
		
			
				
					 
					 
					 
					 
					 
					                                < / div >  
				
			 
			
		
	
		
		
			
				
					 
					 
					 
					 
					 
					                            < / div >  
				
			 
			
		
	
		
		
			
				
					 
					 
					 
					 
					 
					
 
				
			 
			
		
	
		
		
			
				
					 
					 
					 
					 
					 
					                            < div  class = "mb-3" >  
				
			 
			
		
	
		
		
			
				
					 
					 
					 
					 
					 
					                                < p >  
				
			 
			
		
	
		
		
			
				
					 
					 
					 
					 
					 
					                                    Status :  
				
			 
			
		
	
		
		
			
				
					 
					 
					 
					 
					 
					                                    < span  class = "text-primary"  v-if ="appriseInstalled" > Apprise  is  installed < / span >  
				
			 
			
		
	
		
		
			
				
					 
					 
					 
					 
					 
					                                    < span  class = "text-danger"  v-else > Apprise  is  not  installed.  < a  href = "https://github.com/caronc/apprise" > Read  more < / a > < / span >  
				
			 
			
		
	
		
		
			
				
					 
					 
					 
					 
					 
					                                < / p >  
				
			 
			
		
	
		
		
			
				
					 
					 
					 
					 
					 
					                            < / div >  
				
			 
			
		
	
		
		
			
				
					 
					 
					 
					 
					 
					
 
				
			 
			
		
	
		
		
			
				
					 
					 
					 
					 
					 
					                        < / template >  
				
			 
			
		
	
		
		
			
				
					 
					 
					 
					 
					 
					
 
				
			 
			
		
	
		
		
			
				
					 
					 
					                    < / div >  
					 
					 
					                    < / div >  
				
			 
			
		
	
		
		
			
				
					 
					 
					                    < div  class = "modal-footer" >  
					 
					 
					                    < div  class = "modal-footer" >  
				
			 
			
		
	
		
		
			
				
					 
					 
					                        < button  type = "button"  class = "btn btn-danger"  @click ="deleteConfirm"  :disabled ="processing"  v-if ="id" > Delete < / button >  
					 
					 
					                        < button  type = "button"  class = "btn btn-danger"  @click ="deleteConfirm"  :disabled ="processing"  v-if ="id" > Delete < / button >  
				
			 
			
		
	
	
		
		
			
				
					
						
							
								 
							 
						
						
							
								 
							 
						
						
					 
					@ -307,17 +331,15 @@ export default { 
				
			 
			
		
	
		
		
			
				
					 
					 
					                type :  null ,  
					 
					 
					                type :  null ,  
				
			 
			
		
	
		
		
			
				
					 
					 
					                gotifyPriority :  8  
					 
					 
					                gotifyPriority :  8  
				
			 
			
		
	
		
		
			
				
					 
					 
					            } ,  
					 
					 
					            } ,  
				
			 
			
		
	
		
		
			
				
					 
					 
					 
					 
					 
					            appriseInstalled :  false ,  
				
			 
			
		
	
		
		
			
				
					 
					 
					        }  
					 
					 
					        }  
				
			 
			
		
	
		
		
			
				
					 
					 
					    } ,  
					 
					 
					    } ,  
				
			 
			
		
	
		
		
			
				
					 
					 
					    mounted ( )  {  
					 
					 
					    mounted ( )  {  
				
			 
			
		
	
		
		
			
				
					 
					 
					        this . modal  =  new  Modal ( this . $refs . modal )  
					 
					 
					        this . modal  =  new  Modal ( this . $refs . modal )  
				
			 
			
		
	
		
		
			
				
					 
					 
					
 
					 
					 
					
 
				
			 
			
		
	
		
		
			
				
					
					 
					 
					        / /   T O D O :   f o r   e d i t  
					 
					 
					        this . $root . getSocket ( ) . emit ( "checkApprise" ,  ( installed )  =>  {  
				
			 
			
				
				
			
		
	
		
		
			
				
					
					 
					 
					        this . $root . getSocket ( ) . emit ( "getSettings" ,  "notification" ,  ( data )  =>  {  
					 
					 
					            this . appriseInstalled  =  installed ;  
				
			 
			
				
				
			
		
	
		
		
			
				
					 
					 
					          / /     t h i s . n o t i f i c a t i o n   =   d a t a  
					 
					 
					 
				
			 
			
		
	
		
		
	
		
		
	
		
		
			
				
					 
					 
					        } )  
					 
					 
					        } )  
				
			 
			
		
	
		
		
			
				
					 
					 
					
 
					 
					 
					 
				
			 
			
		
	
		
		
			
				
					 
					 
					
 
					 
					 
					 
				
			 
			
		
	
		
		
			
				
					 
					 
					    } ,  
					 
					 
					    } ,  
				
			 
			
		
	
		
		
			
				
					 
					 
					    methods :  {  
					 
					 
					    methods :  {