From eaac09a3d111c91502dd1b684f422cc1200ccf6d Mon Sep 17 00:00:00 2001
From: glax <glax@insipience.de>
Date: Fri, 27 Oct 2023 13:55:42 +0200
Subject: [PATCH] https://github.com/C9Glax/tranga/issues/73 Website untested

---
 Website/apiConnector.js |  5 +++++
 Website/index.html      |  6 ++++++
 Website/interaction.js  | 18 ++++++++++++++++++
 3 files changed, 29 insertions(+)

diff --git a/Website/apiConnector.js b/Website/apiConnector.js
index 43276b1..dbe3dbc 100644
--- a/Website/apiConnector.js
+++ b/Website/apiConnector.js
@@ -183,6 +183,11 @@ function UpdateLunaSea(lunaseaWebhook){
     PostData(uri);
 }
 
+function UpdateNtfy(ntfyEndpoint, ntfyAuth){
+    var uri = `${apiUri}/NotificationConnectors/Update?notificationConnector=Ntfy&ntfyUrl=${ntfyEndpoint}&ntfyAuth=${ntfyAuth}`;
+    PostData(uri);
+}
+
 function RemoveJob(jobId){
     var uri = `${apiUri}/Jobs?jobId=${jobId}`;
     DeleteData(uri);
diff --git a/Website/index.html b/Website/index.html
index 6ae6379..fcb68ee 100644
--- a/Website/index.html
+++ b/Website/index.html
@@ -91,6 +91,12 @@
               <div>Configured: <span id="lunaseaConfigured">✅❌</span></div>
               <label for="lunaseaWebhook"></label><input placeholder="device/:id or user/:id" id="lunaseaWebhook" type="text">
             </div>
+            <div>
+              <span class="title">Ntfy</span>
+              <div>Configured: <span id="ntfyConfigured">✅❌</span></div>
+              <label for="ntfyEndpoint"></label><input placeholder="URL" id="ntfyEndpoint" type="text">
+              <label for="ntfyAuth"></label><input placeholder="Auth" id="ntfyAuth" type="text">
+            </div>
             <div>
               <input type="submit" value="Update" onclick="UpdateSettings()">
             </div>
diff --git a/Website/interaction.js b/Website/interaction.js
index 5fcaf1d..fb98076 100644
--- a/Website/interaction.js
+++ b/Website/interaction.js
@@ -32,10 +32,13 @@ const settingKavitaPass = document.querySelector("#kavitaPassword");
 const settingGotifyUrl = document.querySelector("#gotifyUrl");
 const settingGotifyAppToken = document.querySelector("#gotifyAppToken");
 const settingLunaseaWebhook = document.querySelector("#lunaseaWebhook");
+const settingNtfyEndpoint = document.querySelector("#ntfyEndpoint");
+const settingNtfyAuth = document.querySelector("#ntfyAuth");
 const settingKomgaConfigured = document.querySelector("#komgaConfigured");
 const settingKavitaConfigured = document.querySelector("#kavitaConfigured");
 const settingGotifyConfigured = document.querySelector("#gotifyConfigured");
 const settingLunaseaConfigured = document.querySelector("#lunaseaConfigured");
+const settingNtfyConfigured = document.querySelector("#ntfyConfigured");
 const settingApiUri = document.querySelector("#settingApiUri");
 const newMangaPopup = document.querySelector("#newMangaPopup");
 const newMangaConnector = document.querySelector("#newMangaConnector");
@@ -254,11 +257,14 @@ settingKavitaPass.addEventListener("keypress", (event) => { if(event.key === "En
 settingGotifyUrl.addEventListener("keypress", (event) => { if(event.key === "Enter") UpdateSettings(); });
 settingGotifyAppToken.addEventListener("keypress", (event) => { if(event.key === "Enter") UpdateSettings(); });
 settingLunaseaWebhook.addEventListener("keypress", (event) => { if(event.key === "Enter") UpdateSettings(); });
+settingNtfyEndpoint.addEventListener("keypress", (event) => { if(event.key === "Enter") UpdateSettings(); });
+settingNtfyAuth.addEventListener("keypress", (event) => { if(event.key === "Enter") UpdateSettings(); });
 settingApiUri.addEventListener("keypress", (event) => { if(event.key === "Enter") UpdateSettings(); });
 
 function OpenSettings(){
   settingGotifyConfigured.innerText = "❌";
   settingLunaseaConfigured.innerText = "❌";
+  settingNtfyConfiguredConfigured.innerText = "❌";
   settingKavitaConfigured.innerText = "❌";
   settingKomgaConfigured.innerText = "❌";
   settingKomgaUrl.value = "";
@@ -270,6 +276,8 @@ function OpenSettings(){
   settingGotifyUrl.value = "";
   settingGotifyAppToken.value = "";
   settingLunaseaWebhook.value = "";
+  settingNtfyAuth.value = "";
+  settingNtfyEndpoint.value = "";
   settingApiUri.value = "";
   
   GetSettings().then((json) => {
@@ -313,6 +321,11 @@ function OpenSettings(){
           settingLunaseaConfigured.innerText = "✅";
           settingLunaseaWebhook.placeholder = connector.id;
           break;
+        case "Ntfy":
+          settingNtfyConfigured.innerText = "✅";
+          settingNtfyEndpoint.placeholder = connector.endpoint;
+          settingNtfyAuth.placeholder = "***";
+          break;
         default:
           console.log("Unknown type");
           console.log(connector);
@@ -350,6 +363,11 @@ function UpdateSettings(){
     UpdateLunaSea(settingLunaseaWebhook.value);
   }
   
+  if(settingNtfyEndpoint.value != "" &&
+    settingNtfyAuth.value != ""){
+    UpdateNtfy(settingNtfyEndpoint.value, settingNtfyAuth.value);
+  }
+  
   OpenSettings();
   Setup();
 }