diff --git a/README.md b/README.md
index ddeed37495c57212ddcdd313bfbf5b34487b738b..73b9f8dd7d49f57c56a7b17107240a7435fde1b8 100644
--- a/README.md
+++ b/README.md
@@ -44,8 +44,7 @@ localhost:8008/client/pages/login-page.php
Login : 13521009, 13521012
Register : 13521009, 13521012
Mock datas: 13521009
-Logout : 13521009, 13521012
-Navigation bar : 13521012
+Logout : 13521009
User edit profile : 13521009
User making sales : 13521009
Database Schema : 13521009
@@ -53,10 +52,11 @@ Dockerfile, docker-compose : 13521009
Catalog : 13521012
Pagination : 13521012
Search : 13521012
-
+User Manage : 13521012
+Admin User Detail (RUD) : 13521012
### Client-side
-Login : 13521009, 13521012
+Login : 13521009, 13521012
Register : 13521009, 13521012
Navigation bar : 13521012
User edit profile : 13521009
@@ -65,4 +65,7 @@ User making sales : 13521009
Sidebar : 13521009, 13521012, 13521020
Catalog : 13521012
Pagination : 13521012
-Search : 13521012
\ No newline at end of file
+Search : 13521012
+User Manage : 13521012
+Admin User Detail (RUD) : 13521012
+RWD : 13521012
\ No newline at end of file
diff --git a/client/css/admin-user-detail.css b/client/css/admin-user-detail.css
new file mode 100644
index 0000000000000000000000000000000000000000..107bf75188ea1f7a88d71caeb9a22c0fe1b52086
--- /dev/null
+++ b/client/css/admin-user-detail.css
@@ -0,0 +1,127 @@
+@import url('https://fonts.googleapis.com/css?family=Inter');
+
+*{
+ margin: 0;
+ padding: 0;
+ font-family: Inter;
+ box-sizing: border-box;
+ transition: 0.5;
+}
+
+.container{
+ max-width: 100%;
+ height: 100vh;
+ mix-blend-mode: multiply;
+ background-position: center;
+ background-size: cover;
+ display: flex;
+ flex-direction: column;
+}
+
+h1{
+ padding-left: 5%;
+}
+
+.Username{
+ text-align: center;
+ padding: 10px;
+}
+
+.layer{
+ border: outset thick;
+ padding-top: 2%;
+ padding-bottom: 2%;
+ background-color: #5c12b1;
+ color: #f2f2f2;
+ width: 70%;
+ left: 15%;
+ position: relative;
+}
+
+.user-stat-container{
+ border: ridge;
+ position: relative;
+ left: 15%;
+ width: 70%;
+ height: 20vh;
+}
+
+.stat-box{
+ float: left;
+ border: ridge;
+ width: 25%;
+ height: 20vh;
+}
+
+.detail-container{
+ text-align: left;
+ width: 70%;
+ left: 15%;
+ position: relative;
+ padding-top: 2%;
+ padding-left: 10%;
+ padding-right: 10%;
+ border:outset thick;
+}
+
+.input-field{
+ border: ridge;
+ margin: 15px 0;
+ border-radius: 10px;
+ display: flex;
+ align-items: center;
+ max-height: 65px;
+ transition: max-height 0.5s;
+ overflow: hidden;
+ color: black;
+}
+
+input{
+ width: 100%;
+ background: transparent;
+ border: 0;
+ outline: 0;
+ padding: 18px;
+ font-size: 20px;
+}
+
+#showpass{
+ border: none;
+ font-size: 30px;
+ background-color: transparent;
+ margin-right: 20px;
+ cursor: pointer;
+}
+
+.btn-field{
+ padding-bottom: 20px;
+}
+
+.confirm{
+ flex-basis: 48%;
+ background: #3c00a0;
+ width: 13%;
+ color: #fff;
+ height: 40px;
+ border-radius: 10px;
+ font-size: 20px;
+ border: 0;
+ outline: 0;
+ cursor: pointer;
+ transition: background 1s;
+}
+
+.delete-user{
+ float: right;
+ flex-basis: 48%;
+ width: 13%;
+ background: red;
+ color: #fff;
+ height: 40px;
+ border-radius: 10px;
+ font-size: 15px;
+ border: 0;
+ outline: 0;
+ cursor: pointer;
+ transition: background 1s;
+}
\ No newline at end of file
diff --git a/client/js/admin-user-detail.js b/client/js/admin-user-detail.js
new file mode 100644
index 0000000000000000000000000000000000000000..cb777d19c0566bf5518f5e3ef33a2b53b5c4b001
--- /dev/null
+++ b/client/js/admin-user-detail.js
@@ -0,0 +1,109 @@
+function showPass(){
+ document.getElementById("Password").setAttribute("type", "text");
+ document.getElementById("showpass").setAttribute("onclick", "dontShowPass()");
+}
+
+function dontShowPass(){
+ document.getElementById("Password").setAttribute("type", "password");
+ document.getElementById("showpass").setAttribute("onclick", "showPass()");
+}
+
+function userDetail(){
+ var useredit = document.getElementById("detail-container");
+ const formdata = new FormData();
+ var username = localStorage.getItem("username");
+ formdata.append("signal", "userdetail");
+ formdata.append("Username", username);
+ const xhr = new XMLHttpRequest();
+ xhr.open('POST', '../../server/controllers/admin-user-detail.php', true);
+ xhr.send(formdata);
+ xhr.onreadystatechange = function() {
+ if (xhr.readyState === 4 && xhr.status === 200){
+ try{
+ var responseData = JSON.parse(xhr.responseText);
+ if (responseData.success){
+ var itemList = responseData.data;
+ useredit.innerHTML = `
+ <h2 class="Username"><i class="fa-solid fa-user"></i> ${itemList[0][1]}</h2>
+ <h2><i class="fa-solid fa-envelope"></i> Email</h2>
+ <div class="input-field">
+ <input id="Email" type="text" placeholder="Email" value="${itemList[0][0]}">
+ </div>
+ <h2><i class="fa-solid fa-lock"></i> Password</h2>
+ <div class="input-field">
+ <input id="Password" type="password" placeholder="Password" value="${itemList[0][2]}">
+ <button id="showpass" onclick="showPass()"><i class="fa-solid fa-eye"></i></button>
+ </div>
+ <div class="btn-field">
+ <button class="confirm" onclick="confirmEdit()">Confirm</button>
+ <button class="delete-user" onclick="deleteUser()">Delete User</button>
+ </div>
+ `;
+ } else {
+ alert("error: " + responseData.message);
+ }
+ } catch (err){}
+ } else if (xhr.status === 404){
+ var response = JSON.parse(xhr.responseText);
+ console.log(response.message);
+ }
+ }
+}
+
+function confirmEdit(){
+ var username = localStorage.getItem("username");
+ var email = document.getElementById("Email").value;
+ var password = document.getElementById("Password").value;
+ const formdata = new FormData();
+ formdata.append("signal", "useredit");
+ formdata.append("username", username);
+ formdata.append("email", email);
+ formdata.append("password", password);
+ const xhr = new XMLHttpRequest();
+ xhr.open('POST', '../../server/controllers/admin-user-detail.php', true);
+ xhr.send(formdata);
+ xhr.onreadystatechange = function() {
+ if (xhr.readyState === 4 && xhr.status === 200){
+ try{
+ var responseData = JSON.parse(xhr.responseText);
+ if (responseData.success){
+ alert(responseData.message);
+ } else {
+ alert("error: " + responseData.message);
+ }
+ } catch (err){}
+ } else if (xhr.status === 404){
+ var response = JSON.parse(xhr.responseText);
+ console.log(response.message);
+ }
+ }
+ console.log("sip con");
+}
+
+function deleteUser(){
+ var username = localStorage.getItem("username");
+ const formdata = new FormData();
+ formdata.append("signal", "userdelete");
+ formdata.append("username", username);
+ const xhr = new XMLHttpRequest();
+ xhr.open('POST', '../../server/controllers/admin-user-detail.php', true);
+ xhr.send(formdata);
+ xhr.onreadystatechange = function() {
+ if (xhr.readyState === 4 && xhr.status === 200){
+ try{
+ var responseData = JSON.parse(xhr.responseText);
+ if (responseData.success){
+ alert(responseData.message);
+ } else {
+ alert("error: " + responseData.message);
+ }
+ } catch (err){}
+ } else if (xhr.status === 404){
+ var response = JSON.parse(xhr.responseText);
+ console.log(response.message);
+ }
+ }
+ localStorage.removeItem("username");
+ console.log("sip del");
+ location.href = "../pages/user-manage.php";
+}
\ No newline at end of file
diff --git a/client/js/user-manage.js b/client/js/user-manage.js
index 00d535cd63d8f45a2d9ea7dcd4e9ae24576353c0..e75575d61515426f045c880b0c9c044cccbb0af1 100644
--- a/client/js/user-manage.js
+++ b/client/js/user-manage.js
@@ -1,7 +1,7 @@
function sendItem(username){
localStorage.setItem("username", username);
- location.href = "#";
+ location.href = "../protoype/admin-user-detail.html"
}
function usertable(){
@@ -29,7 +29,7 @@ function usertable(){
</tr>`;
for (var i = 0; i < itemList.length; i++){
tablecontainer.innerHTML += `
- <tr class="contenttable" href="#" onclick="sendItem('${itemList[i][1]}')">
+ <tr class="contenttable" onclick="sendItem('${itemList[i][1]}')">
<td>${itemList[i][1]}</td>
<td>${itemList[i][0]}</td>
<td>${itemList[i][2]}</td>
diff --git a/client/pages/admin-user-detail.php b/client/pages/admin-user-detail.php
new file mode 100644
index 0000000000000000000000000000000000000000..7883b9cff359a2e34f0261a8ef8d131a126d43ab
--- /dev/null
+++ b/client/pages/admin-user-detail.php
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <meta name="viewport" content="width=device-width, initial scale=1.0">
+ <title>Admin: User Detail</title>
+ <link rel="stylesheet" href="../css/admin-user-detail.css">
+ <link rel="stylesheet" href="../css/navbar.css">
+ <link rel="stylesheet" href="../css/sidebar.css">
+ <script src="../js/navbar.js"></script>
+ <script src="../js/sidebar.js"></script>
+ <script src="../js/admin-user-detail.js"></script>
+ <script src="https://kit.fontawesome.com/8505941c5b.js" crossorigin="anonymous"></script>
+</head>
+<body>
+ <div class="container">
+ <div class="tabgroup" id="tabgroup">
+ <script>
+ addnavbar();
+ </script>
+ </div>
+ <div class="layer">
+ <h1>Edit User</h1>
+ </div>
+ <div class="user-stat-container">
+ <div class="stat-box">
+ statistik pembelian
+ </div>
+ <div class="stat-box">
+ statistik penjualan
+ </div>
+ <div class="stat-box">
+ statistik pengeluaran
+ </div>
+ <div class="stat-box">
+ statistik pemasukan
+ </div>
+ </div>
+ <div class="detail-container" id="detail-container">
+ <script>
+ userDetail();
+ </script>
+ </div>
+ <div class="sidebar" id="sidebar">
+ <script>
+ addsidebar();
+ </script>
+ </div>
+ </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/client/pages/user-manage.php b/client/pages/user-manage.php
index 4ad4c09ac265f33747b4fdc849e0e99f5e21242f..d769125d2ddf09ebf7c31fa0ee7dff34f11ae425 100644
--- a/client/pages/user-manage.php
+++ b/client/pages/user-manage.php
@@ -2,7 +2,7 @@
<html>
<head>
<meta name="viewport" content="width=device-width, initial scale=1.0">
- <title>Catalog</title>
+ <title>Admin: User Manage</title>
<link rel="stylesheet" href="../css/user-manage.css">
<link rel="stylesheet" href="../css/navbar.css">
<link rel="stylesheet" href="../css/sidebar.css">
diff --git a/server/controllers/admin-user-detail.php b/server/controllers/admin-user-detail.php
new file mode 100644
index 0000000000000000000000000000000000000000..566049b89b9238ff62c700592196bc4b77e2c01b
--- /dev/null
+++ b/server/controllers/admin-user-detail.php
@@ -0,0 +1,74 @@
+<?php
+ require_once "connect_database.php";
+
+ if ($_SERVER["REQUEST_METHOD"] == "POST"){
+ if ($_POST["signal"] == "userdetail") {
+ $username = $_POST["Username"];
+
+ $conn = connect_database();
+
+ $query = "SELECT * FROM user WHERE username='$username'";
+ $stmt = $conn->prepare($query);
+
+ if (!$stmt){
+ die("Error in query preparation: ". $conn->error);
+ }
+ $result = $stmt->execute();
+
+ if (!$result){
+ die("Error in query execution: " . $stmt->error);
+ }
+
+ $resultSet = $stmt->get_result();
+ $rows = $resultSet->fetch_all();
+ if (!empty($rows)){
+ $response = array("success" => true, "message" => "data sent", "data" => $rows);
+ } else {
+ $response = array("success" => false, "message" => "Error: not found");
+ }
+ echo json_encode($response);
+ mysqli_close($conn);
+ } else if ($_POST["signal"] == "useredit"){
+ $username = $_POST["username"];
+ $email = $_POST["email"];
+ $password = $_POST["password"];
+
+ $conn = connect_database();
+
+ $query = "UPDATE user
+ SET email='$email', password = '$password'
+ WHERE username='$username'";
+
+ $stmt = $conn->prepare($query);
+
+ if (!$stmt){
+ die("Error in query preparation: ". $conn->error);
+ }
+ $result = $stmt->execute();
+
+ if (!$result){
+ die("Error in query execution: " . $stmt->error);
+ } else {
+ $response = array("success" => true, "message" => "edit account for {$username} success");
+ }
+ } else if ($_POST["signal"] == "userdelete"){
+ $username = $_POST["username"];
+
+ $conn = connect_database();
+
+ $query = "DELETE FROM user WHERE username='$username'";
+ $stmt = $conn->prepare($query);
+
+ if (!$stmt){
+ die("Error in query preparation: ". $conn->error);
+ }
+ $result = $stmt->execute();
+
+ if (!$result){
+ die("Error in query execution: " . $stmt->error);
+ } else {
+ $response = array("success" => true, "message" => "delete account for {$username} success");
+ }
+ }
+ }
+?>
\ No newline at end of file
diff --git a/server/controllers/user-manage.php b/server/controllers/user-manage.php
index cd0b34882ab202c0217916c756415228b705c7c7..80fe5b23355d5079d830a9daf2dd133875fabf55 100644
--- a/server/controllers/user-manage.php
+++ b/server/controllers/user-manage.php
@@ -25,4 +25,5 @@
}
echo json_encode($response);
mysqli_close($conn);
- }
\ No newline at end of file
+ }
+?>
\ No newline at end of file