Delete Recipe, Delete User and Discard Recipe fetch functions completed

Noxtrah · May 25, 2024 · 945bd65 · 945bd65
1 parent 5ffd3e2
commit 945bd65
Show file tree

Hide file tree

Showing 2 changed files with 48 additions and 13 deletions.
diff --git a/scripts/adminPanelReportsTab.js b/scripts/adminPanelReportsTab.js
@@ -120,7 +120,7 @@ async function createSingleReportItem(report) {
 
     const discardButton = createButton('Discard');
     discardButton.classList.add('discard-button');
-    discardButton.addEventListener('click', () => discardRecipe(report.recipe.id));
+    discardButton.addEventListener('click', () => discardRecipe(report.userRecipeResponse.id));
     actionButtons.appendChild(discardButton);
 
     const detailButton = createButton('Detail');
@@ -137,7 +137,7 @@ async function createSingleReportItem(report) {
     const deleteButton = createButton('Delete');
     deleteButton.classList.add('delete-button');
     deleteButton.addEventListener('click', function() {
-        deleteRecipe(report);
+        createWarningPopup(report);
     });
     actionButtons.appendChild(deleteButton);
 
@@ -159,6 +159,26 @@ function createButton(text) {
 
 function discardRecipe(recipeId) {
     // Implement discard logic
+    apiUrl = `https://recipiebeckend.azurewebsites.net/admin/discard-report?id=${recipeId}`
+    try{
+        fetch(apiUrl, {
+            method: 'DELETE',
+            headers: {
+                'Content-Type': 'application/json'
+            }
+        })
+        .then(response => response.json())
+        .then(data => {
+            console.log('Discard recipe response:', data);
+        })
+        .catch(error => {
+            console.error('Error:', error);
+        });
+    }
+    catch(error){
+        console.log(error);
+    }
+
     console.log('Discard recipe with ID:', recipeId);
 }
 
@@ -285,10 +305,6 @@ function closeDetailSidebar() {
     detailSideBarWrapper.remove();
 }
 
-function deleteRecipe(report) {
-    createWarningPopup(report);
-}
-
 function createWarningPopup(reportedItem) {
     // Create overlay element
     const reportRecipeResponse = reportedItem.userRecipeResponse;
@@ -332,7 +348,8 @@ function createWarningPopup(reportedItem) {
     sendReportButton.classList.add('popup-delete-button');
 
     sendReportButton.addEventListener('click', function() {
-        //Delete Fetch
+        deleteRecipe(reportRecipeResponse.id);
+        overlay.remove();
     });
 
 
@@ -348,4 +365,21 @@ function createWarningPopup(reportedItem) {
 
     // Append overlay to body
     document.body.appendChild(overlay);
+}
+
+async function deleteRecipe(recipeID){
+    apiUrl = `https://recipiebeckend.azurewebsites.net/admin/delete-recipe?id=${recipeID}`
+    try {
+        const response = await fetch(apiUrl, {
+            method: 'DELETE'
+        });
+        if (!response.ok) {
+            throw new Error(`Network response was not ok (status: ${response.status})`);
+        }
+        const data = await response.json();
+        console.log('User deleted successfully:', data);
+        location.reload();
+    } catch (error) {
+        console.error('Error deleting user:', error);
+    }
 }
diff --git a/scripts/adminPanelUsersTab.js b/scripts/adminPanelUsersTab.js
@@ -41,15 +41,15 @@ function displayUsers(users) {
 
         userRow.appendChild(nameCell);
 
-        // Create cell for title
         var nameLastnameCell = document.createElement('td');
-        nameLastnameCell.classList.add('people-des');
         var nameLastnameHeader = document.createElement('p');
-        nameLastnameHeader.textContent = user.name;
-        var subnameLastnameParagraph = document.createElement('p');
-        subnameLastnameParagraph.textContent = user.lastName;
+        var nameSpan = document.createElement('span');
+        nameSpan.textContent = user.name;
+        var lastNameSpan = document.createElement('span');
+        lastNameSpan.textContent = ' ' + user.lastName; // Add a space between name and last name
+        nameLastnameHeader.appendChild(nameSpan);
+        nameLastnameHeader.appendChild(lastNameSpan);
         nameLastnameCell.appendChild(nameLastnameHeader);
-        nameLastnameCell.appendChild(subnameLastnameParagraph);
         userRow.appendChild(nameLastnameCell);
 
         // Create cell for status
@@ -308,6 +308,7 @@ function userDeleteWarnPopup(user){
     // Append overlay to body
     document.body.appendChild(overlay);
     deleteUser(user.id);
+    overlay.remove();
 }
 
 async function deleteUser(userID) {