Readme screenshots

Added ability to select translated language

Website/apiConnector.js

@@ -73,8 +73,8 @@ async function GetPublicationFromConnector(connector, title){
   return json;
 }
 
-async function GetChapters(connector, internalId){
+async function GetChapters(connector, internalId, language){
-    var uri = `${apiUri}/Manga/Chapters?connector=${connector}&internalId=${internalId}`;
+    var uri = `${apiUri}/Manga/Chapters?connector=${connector}&internalId=${internalId}&translatedLanguage=${language}`;
     let json = await GetData(uri);
     return json;
 }
@@ -143,13 +143,13 @@ async function GetLibraryConnectors(){
 	return json;
 }
 
-function CreateMonitorJob(connector, internalId){
+function CreateMonitorJob(connector, internalId, language){
-    var uri = `${apiUri}/Jobs/MonitorManga?connector=${connector}&internalId=${internalId}&interval=03:00:00`;
+    var uri = `${apiUri}/Jobs/MonitorManga?connector=${connector}&internalId=${internalId}&interval=03:00:00&translatedLanguage=${language}`;
     PostData(uri);
 }
 
-function CreateDownloadNewChaptersJob(connector, internalId){
+function CreateDownloadNewChaptersJob(connector, internalId, language){
-    var uri = `${apiUri}/Jobs/DownloadNewChapters?connector=${connector}&internalId=${internalId}`;
+    var uri = `${apiUri}/Jobs/DownloadNewChapters?connector=${connector}&internalId=${internalId}&translatedLanguage=${language}`;
     PostData(uri);
 }
 

Website/index.html

@@ -43,6 +43,11 @@
         <div id="newMangaPopupSelector">
           <select id="newMangaConnector" />
           <input type="text" placeholder="Title" id="newMangaTitle" />
+          <select id="newMangaTranslatedLanguage">
+            <option selected="selected">en</option>
+            <option>it</option>
+            <option>de</option>
+          </select>
         </div>
         <div id="newMangaResult"></div>
       </popup>

Website/interaction.js

@@ -40,6 +40,7 @@ const newMangaPopup = document.querySelector("#newMangaPopup");
 const newMangaConnector = document.querySelector("#newMangaConnector");
 const newMangaTitle = document.querySelector("#newMangaTitle");
 const newMangaResult = document.querySelector("#newMangaResult");
+const newMangaTranslatedLanguage = document.querySelector("#newMangaTranslatedLanguage");
 const jobsRunningTag = document.querySelector("#jobsRunningTag");
 const jobsQueuedTag = document.querySelector("#jobsQueuedTag");
 const loaderdiv = document.querySelector('#loaderdiv');
@@ -108,6 +109,7 @@ function GetNewMangaItems(){
   newMangaResult.replaceChildren();
   newMangaConnector.disabled = true;
   newMangaTitle.disabled = true;
+  newMangaTranslatedLanguage.disabled = true;
   GetPublicationFromConnector(newMangaConnector.value, newMangaTitle.value).then((json) => {
     //console.log(json);
     if(json.length > 0)
@@ -122,6 +124,7 @@ function GetNewMangaItems(){
     
     newMangaConnector.disabled = false;
     newMangaTitle.disabled = false;
+  newMangaTranslatedLanguage.disabled = false;
   });
 }
 
@@ -145,7 +148,7 @@ function CreateManga(manga, connector){
 }
 
 createMonitorJobButton.addEventListener("click", () => {
-  CreateMonitorJob(newMangaConnector.value, selectedManga.internalId);
+  CreateMonitorJob(newMangaConnector.value, selectedManga.internalId, newMangaTranslatedLanguage.value);
   UpdateJobs();
   mangaViewerPopup.style.display = "none";
 });

Website/style.css

@@ -316,25 +316,32 @@ popup popup-window popup-content input, select {
   margin: 80px auto 0;
 }
 
-#newMangaPopup > div > #newMangaConnector, #newMangaTitle {
+#newMangaPopup > div > #newMangaConnector, #newMangaTitle, #newMangaTranslatedLanguage {
   margin: 0;
   display: inline-block;
+  height: 40px;
 }
 
 #newMangaPopup #newMangaConnector {
-  height: 40px;
   width: 100px;
   padding: 0 0 0 5px;
   border-radius: 5px 0 0 5px;
+  border: 0;
   border-right: 1px solid darkgray;
 }
 
 #newMangaPopup #newMangaTitle{
-  height: 40px;
+  width: 445px;
-  width: 495px;
+  padding: 0 5px 0 5px;
-  padding: 0 0 0 5px;
+  border: 0;
+}
+
+#newMangaPopup #newMangaTranslatedLanguage {
+  width: 45px;
   border-radius: 0 5px 5px 0;
   border: 0;
+  border-left: 1px solid darkgray;
+  margin-left: -5px;
 }
 
 #newMangaResult {