added functionality to remove a user from the database

20H-Talent · Oct 15, 2018 · edd6d73 · edd6d73
1 parent 02c2ed7
commit edd6d73
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 0 deletions.
diff --git a/css/styles.css b/css/styles.css
@@ -99,3 +99,8 @@ PROFILE PAGE CUSTOM STYLES
 	top: 10px;
 	left: 10px;
 }
+
+#remove {
+	bottom: 10px;
+	right: 10px;
+}
diff --git a/html/profile.html b/html/profile.html
@@ -44,6 +44,7 @@
       <i class="material-icons position-absolute" id="edit">edit</i>
       <i class="material-icons position-absolute d-none" id="save">save</i>
       <i class="material-icons position-absolute d-none" id="cancel">cancel</i>
+      <i class="material-icons position-absolute d-none text-danger" id="remove">delete</i>
       <div class="jumbotron">
         <div class="row">
           <div class="container d-flex justify-content-center">

diff --git a/js/user-profile.js b/js/user-profile.js
@@ -60,10 +60,12 @@ function changeEditModeStatus() {
     edit.classList.add('d-none');
     save.classList.remove('d-none');
     cancel.classList.remove('d-none');
+    remove.classList.remove('d-none');
   } else {
     edit.classList.remove('d-none');
     save.classList.add('d-none');
     cancel.classList.add('d-none');
+    remove.classList.add('d-none');
   }
 }
 // Edit profile functionality
@@ -95,8 +97,12 @@ function openEditMode() {
   cancel.addEventListener('click', closeEditMode);
   // Save profile changes functionality
   save.addEventListener('click', saveProfileChanges);
+  // Remove user profile functionality
+  remove.addEventListener('click', removeUser);
+
   // Replace experience and languages for inputs of type select
   changeForSelect('experience', ["- 1 year", "1 - 3 years", "3 - 5 years", "+ 5 years"], false);
+
   // Get all available languages from the api to create the select input dynamically
   fetch(`https://cv-mobile-api.herokuapp.com/api/langs`)
   .then( res => res.json() ).then(langs => {
@@ -175,6 +181,19 @@ function saveProfileChanges() {
   }
 }
 
+function removeUser() {
+  if (editModeStatus) {
+    fetch(`https://cv-mobile-api.herokuapp.com/api/users/${userID}`, {
+      method: 'DELETE'
+    })
+    .then(data => data.json())
+    .then(response => {
+      console.log(response);
+      window.location.pathname = '/index.html';
+    });
+  }
+}
+
 // Handle user's info content changes
 function handleTextChange(e) {