From baae65f615a06c07ade71ec63da19e2dfe993a11 Mon Sep 17 00:00:00 2001
From: nandapratama21 <nanda241power@gmail.com>
Date: Sun, 29 Oct 2023 23:33:29 +0700
Subject: [PATCH 1/3] FIX NAVBAR

---
 userprofile/templates/userprofile.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/userprofile/templates/userprofile.html b/userprofile/templates/userprofile.html
index 2478d9b..cc5f1ab 100644
--- a/userprofile/templates/userprofile.html
+++ b/userprofile/templates/userprofile.html
@@ -4,7 +4,7 @@
 
 
 {% block content %}
-{% include 'navbar2.html' %}
+{% include 'navbar.html' %}
 <style>
     body {margin: 0; height: 100vh; background-color: rgba(224, 236, 244); 
         background-attachment: fixed; background-size: cover; background-repeat: no-repeat;

From 1786d2772189c3f372e79b1d8773f61970e07a5a Mon Sep 17 00:00:00 2001
From: nandapratama21 <nanda241power@gmail.com>
Date: Sun, 29 Oct 2023 23:38:19 +0700
Subject: [PATCH 2/3] UPDATE NAVBAR FIX

---
 userprofile/static/js/userprofile2.js  | 87 ++++++++++++++++++++++++++
 userprofile/templates/userprofile.html |  2 +-
 2 files changed, 88 insertions(+), 1 deletion(-)
 create mode 100644 userprofile/static/js/userprofile2.js

diff --git a/userprofile/static/js/userprofile2.js b/userprofile/static/js/userprofile2.js
new file mode 100644
index 0000000..117e416
--- /dev/null
+++ b/userprofile/static/js/userprofile2.js
@@ -0,0 +1,87 @@
+
+async function saveChanges() {
+    
+
+    var formData = new FormData(document.getElementById("edit-profile-form"));
+
+    var username = formData.get('username');
+    var email = formData.get('email');
+
+  if (!username || !email) {
+    // Jika input kosong, tampilkan pesan kesalahan atau lakukan tindakan sesuai kebutuhan
+    showAlert("Please fill the form!", 'warning');
+    return;
+  }
+    fetch("/userprofile/edit_profile_ajax", {
+    method: "POST",
+    body: formData,
+  })
+    .then(response => {
+    response.json();
+    showAlert('Username and Email Has Been Successfully Changed!','warning');
+        }).catch(error => {
+      // Tangani kesalahan jika fetch gagal
+      
+      // Kembalikan teks awal jika terjadi kesalahan
+    });
+    var linkElement2 = document.getElementById("usernametextprofiledetails");
+    var linkElement3 = document.getElementById("useremailtextprofiledetails");
+    linkElement2.textContent = document.getElementById('inputusername').value;
+    linkElement3.textContent = document.getElementById('inputuseremail').value;
+}
+
+
+async function savePassword() {
+    var formData = new FormData(document.getElementById("change-password-form"));
+    var oldpassword = formData.get('old_password');
+    var newpassword = formData.get('new_password1');
+    var newpasswordconfirm = formData.get('new_password2')
+    var error = false;
+    if (!oldpassword || !newpassword || !newpasswordconfirm) {
+    // Jika input kosong, tampilkan pesan kesalahan atau lakukan tindakan sesuai kebutuhan
+    showAlert("Please fill the form!", 'warning');
+    return;
+  }
+    if(newpassword != newpasswordconfirm) {
+        showAlert('Wrong confirm Password','warning');
+        return;
+    }
+
+
+    fetch("/userprofile/change_password_ajax", {
+    method: "POST",
+    body: formData,
+    })
+    .then(response => {
+        if (!response.ok) {
+            throw new Error('Password Error');
+        }
+        else {
+            showAlert('Password Has Been Successfully Changed!','warning');
+        }
+        return response.text();
+    })
+    .then(data => {
+        // Handle your successful response here
+    })
+    .catch(error => {
+        if (error.message === 'Password Error') {
+            showAlert('Change Password is not valid, read the rules','warning');
+        }
+    });
+
+
+}
+
+function showAlert(message, category) {
+    var html = '<div class="alert alert-' + category + ' alert-dismissible fade show" role="alert">' +
+        message +
+        '<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>' +
+        '</div>';
+
+    document.getElementById('alert_placeholder').innerHTML = html;
+}
+
+
+
+    
\ No newline at end of file
diff --git a/userprofile/templates/userprofile.html b/userprofile/templates/userprofile.html
index cc5f1ab..159f2d2 100644
--- a/userprofile/templates/userprofile.html
+++ b/userprofile/templates/userprofile.html
@@ -195,7 +195,7 @@ <h1>Rules:</h1>
 
 
 {% load static %}
-<script type="application/javascript" src="{% static 'js/script.js' %}">
+<script type="application/javascript" src="{% static 'js/userprofile2.js' %}">
 
 
 

From b2dd2b6c92f22c952fd5d16cc43d6e0d9bfa88ec Mon Sep 17 00:00:00 2001
From: nandapratama21 <nanda241power@gmail.com>
Date: Sun, 29 Oct 2023 23:49:14 +0700
Subject: [PATCH 3/3] FIX NAVBAR

---
 userprofile/templates/userprofile.html | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/userprofile/templates/userprofile.html b/userprofile/templates/userprofile.html
index 159f2d2..be1db77 100644
--- a/userprofile/templates/userprofile.html
+++ b/userprofile/templates/userprofile.html
@@ -6,10 +6,9 @@
 {% block content %}
 {% include 'navbar.html' %}
 <style>
-    body {margin: 0; height: 100vh; background-color: rgba(224, 236, 244); 
-        background-attachment: fixed; background-size: cover; background-repeat: no-repeat;
-        }
-
+    .card {
+        background-color: rgba(224, 236, 244);
+    }
 
 </style>