diff --git a/Website/index.html b/Website/index.html index 62e8ea6..ff20bb1 100644 --- a/Website/index.html +++ b/Website/index.html @@ -68,6 +68,7 @@ Pandemic love comedy! Delete Task ❌ + Add Task ➕ diff --git a/Website/interaction.js b/Website/interaction.js index 6735175..1e21e3c 100644 --- a/Website/interaction.js +++ b/Website/interaction.js @@ -20,7 +20,7 @@ const slideOutRightTiming = { let publications = []; let tasks = []; -let toRemoveId; +let toEditId; const taskTypesSelect = document.querySelector("#taskTypes") const searchPublicationQuery = document.querySelector("#searchPublicationQuery"); @@ -38,12 +38,14 @@ const publicationViewerName = document.querySelector("#publicationViewerName"); const publicationViewerAuthor = document.querySelector("#publicationViewerAuthor"); const pubviewcover = document.querySelector("#pubviewcover"); const publicationDelete = document.querySelector("publication-delete"); +const publicationAdd = document.querySelector("publication-add"); const closetaskpopup = document.querySelector("#closePopupImg"); settingsCog.addEventListener("click", () => slide()); closetaskpopup.addEventListener("click", () => HidePopup()); document.querySelector("blur-background").addEventListener("click", () => HidePopup()); publicationDelete.addEventListener("click", () => DeleteTaskClick()); +publicationAdd.addEventListener("click", () => CreateTask("DownloadNewChapters", selectRecurrence.value, connectorSelect.value, toEditId, "en")); /* let availableTaskTypes; @@ -79,9 +81,7 @@ searchPublicationQuery.addEventListener("keypress", (event) => { json.forEach(publication => { var option = CreatePublication(publication, connectorSelect.value); option.addEventListener("click", () => { - CreateTask("DownloadNewChapters", selectRecurrence.value, connectorSelect.value, publication.internalId, "en"); - HidePopup(); - selectPublication.replaceChildren(); + ShowPublicationViewerWindow(publication.internalId, event, true); }); selectPublication.appendChild(option); } @@ -110,8 +110,8 @@ function CreatePublication(publication, connector){ } function DeleteTaskClick(){ - taskToDelete = tasks.filter(tTask => tTask.publication.internalId === toRemoveId)[0]; - DeleteTask("DownloadNewChapters", taskToDelete.connectorName, toRemoveId); + taskToDelete = tasks.filter(tTask => tTask.publication.internalId === toEditId)[0]; + DeleteTask("DownloadNewChapters", taskToDelete.connectorName, toEditId); HidePopup(); } @@ -140,7 +140,7 @@ function ShowPopup(){ generalPopup.animate(fadeIn, fadeInTiming); } -function ShowPublicationViewerWindow(publicationId, event){ +function ShowPublicationViewerWindow(publicationId, event, add){ publicationViewer.style.top = `${event.clientY - 60}px`; publicationViewer.style.left = `${event.clientX}px`; var publication = publications.filter(pub => pub.internalId === publicationId)[0]; @@ -149,9 +149,18 @@ function ShowPublicationViewerWindow(publicationId, event){ publicationViewerDescription.innerText = publication.description; publicationViewerAuthor.innerText = publication.author; pubviewcover.src = publication.posterUrl; - toRemoveId = publicationId; + toEditId = publicationId; - toRemoveId = publicationId; + if(add){ + publicationAdd.style.display = "none"; + publicationDelete.style.display = "block"; + } + else{ + publicationAdd.style.display = "block"; + publicationDelete.style.display = "none"; + } + + toEditId = publicationId; publicationViewer.style.display = "block"; ShowPopup(); } @@ -198,7 +207,7 @@ setInterval(() => { ResetContent(); cTasks.forEach(task => { var publication = CreatePublication(task.publication, task.connectorName); - publication.addEventListener("click", (event) => ShowPublicationViewerWindow(task.publication.internalId, event)); + publication.addEventListener("click", (event) => ShowPublicationViewerWindow(task.publication.internalId, event, true)); tasksContent.appendChild(publication); })