diff --git a/client/css/admin.css b/client/css/admin.css
deleted file mode 100644
index 4158afb01d42a0f4d7e8e3f2de265257a942569c..0000000000000000000000000000000000000000
--- a/client/css/admin.css
+++ /dev/null
@@ -1,472 +0,0 @@
-@import url('https://fonts.googleapis.com/css?family=Inter');
-
-/* admin */
-*{
-position: relative;
-width: 1280px;
-height: 768px;
-
-background: #FFFFFF;
-border-radius: 10px;
-}
-
-/* topBar */
-.topBar{
-position: absolute;
-width: 1280px;
-height: 116px;
-left: 0px;
-top: -2px;
-}
-
-
-/* Rectangle 4 */
-.topBarBox{
-position: absolute;
-width: 1280px;
-height: 116px;
-left: 0px;
-top: -2px;
-
-background: #AA1E1E;
-}
-
-/* icon */
-.icon{
- position: absolute;
- width: 30px;
- height: 40px;
- left: 1129px;
- top: 37px;
-
-
-
-/* Rectangle 1 */
- .bodyIcon{
- position: absolute;
- width: 30px;
- height: 21px;
- left: 1129px;
- top: 56px;
-
- background: #D9D9D9;
- }
-
-/* Ellipse 1 */
- .headIcon{
- position: absolute;
- width: 20px;
- height: 20px;
- left: 1134px;
- top: 37px;
-
- background: #D9D9D9;
- }
-}
-
-/* search-field */
-.search-field{
-position: absolute;
-width: 411.44px;
-height: 34px;
-left: 500px;
-top: 36px;
-
-
-
-/* search-box */
- .search-box{
- position: absolute;
- width: 411.44px;
- height: 34px;
- left: calc(50% - 411.44px/2 + 65.72px);
- top: 36px;
-
- background: rgba(255, 255, 255, 0.67);
- border-radius: 10px;
- }
-
-/* [CITYPNG 1 */
- .searchimg{
- position: absolute;
- width: 29px;
- height: 29px;
- left: 877px;
- top: 38px;
-
- background: url(../image/search.png);
- }
-
-/* Search.. */
- .searchTxt{
- position: absolute;
- width: 115.94px;
- height: 24.98px;
- left: 509.23px;
- top: 40.86px;
-
- font-family: 'Inter';
- font-style: normal;
- font-weight: 400;
- font-size: 20px;
- line-height: 24px;
- /* identical to box height */
-
- color: rgba(0, 0, 0, 0.35);
- }
-}
-
-/* clipart861651 1 */
-.option-icon{
-position: absolute;
-width: 36px;
-height: 32px;
-left: 32px;
-top: 72px;
-
-background: url(../image/option.png);
-transform: matrix(1, 0, 0, -1, 0, 0);
-}
-
-/* LOG OUT */
-.logOutTxt{
-position: absolute;
-width: 98px;
-height: 24px;
-left: 1182px;
-top: 43px;
-
-font-family: 'Inter';
-font-style: normal;
-font-weight: 400;
-font-size: 20px;
-line-height: 24px;
-
-color: #FFFFFF;
-}
-
-
-/* HI, ADMIN! */
-.greetAdmin{
-position: absolute;
-width: 112px;
-height: 27px;
-left: 1000px;
-top: 43px;
-
-font-family: 'Inter';
-font-style: normal;
-font-weight: 400;
-font-size: 20px;
-line-height: 24px;
-
-color: #FFFFFF;
-}
-
-
-/* logo */
-.logo{
- position: relative;
- top: 10%;
- left: 50%;
- transform: translate(-50%, 50%);
- flex-shrink: 0;
- min-width: 400px;
- min-height: 100px;
- max-width: 740px;
- max-height: 199px;
- background-color: transparent;
-
-background: url(../image/logoregis.svg);
-}
-/* menu-admin */
-.menu-admin{
-position: absolute;
-width: 210px;
-height: 654px;
-left: -1px;
-top: 114px;
-}
-
-
-/* menu-bar */
-.menu-bar{
-position: absolute;
-width: 210px;
-height: 654px;
-left: -1px;
-top: 114px;
-
-background: #012A93;
-}
-
-/* PRODUK */
-.produk{
-position: absolute;
-width: 125px;
-height: 27px;
-left: 13px;
-top: 125px;
-
-font-family: 'Inter';
-font-style: normal;
-font-weight: 700;
-font-size: 20px;
-line-height: 24px;
-
-color: #FFFFFF;
-}
-
-
-/* EditProduk */
-.editProduk{
-position: absolute;
-width: 125px;
-height: 27px;
-left: 26px;
-top: 180px;
-
-font-family: 'Inter';
-font-style: normal;
-font-weight: 400;
-font-size: 15px;
-line-height: 18px;
-
-color: #FFFFFF;
-}
-
-
-/* DaftarProduk */
-.daftarProduk{
-position: absolute;
-width: 125px;
-height: 27px;
-left: 26px;
-top: 155px;
-
-font-family: 'Inter';
-font-style: normal;
-font-weight: 400;
-font-size: 15px;
-line-height: 18px;
-
-color: #FFFFFF;
-}
-
-
-/* DaftarPengguna */
-.daftarUser{
-position: absolute;
-width: 125px;
-height: 27px;
-left: 26px;
-top: 296px;
-
-font-family: 'Inter';
-font-style: normal;
-font-weight: 400;
-font-size: 15px;
-line-height: 18px;
-
-color: #FFFFFF;
-}
-
-
-/* DaftarTransaksi */
-.daftarTransaksi{
-position: absolute;
-width: 125px;
-height: 27px;
-left: 26px;
-top: 432px;
-
-font-family: 'Inter';
-font-style: normal;
-font-weight: 400;
-font-size: 15px;
-line-height: 18px;
-
-color: #FFFFFF;
-
-}
-
-/* EditTransaksi */
-.editTransaksi{
-position: absolute;
-width: 125px;
-height: 27px;
-left: 26px;
-top: 454px;
-
-font-family: 'Inter';
-font-style: normal;
-font-weight: 400;
-font-size: 15px;
-line-height: 18px;
-
-color: #FFFFFF;
-}
-
-
-/* HapusTransaksi */
-.hapusTransaksi{
-position: absolute;
-width: 125px;
-height: 27px;
-left: 26px;
-top: 501px;
-
-font-family: 'Inter';
-font-style: normal;
-font-weight: 400;
-font-size: 15px;
-line-height: 18px;
-
-color: #FFFFFF;
-
-}
-
-/* EditProfilPengguna */
-.editProfilUser{
-position: absolute;
-width: 158px;
-height: 16px;
-left: 25px;
-top: 323px;
-
-font-family: 'Inter';
-font-style: normal;
-font-weight: 400;
-font-size: 15px;
-line-height: 18px;
-
-color: #FFFFFF;
-}
-
-
-/* HapusPengguna */
-.deleteUser{
-position: absolute;
-width: 125px;
-height: 34px;
-left: 25px;
-top: 374px;
-
-font-family: 'Inter';
-font-style: normal;
-font-weight: 400;
-font-size: 15px;
-line-height: 18px;
-
-color: #FFFFFF;
-}
-
-
-/* TambahProduk */
-.addProduk{
-position: absolute;
-width: 125px;
-height: 27px;
-left: 25px;
-top: 205px;
-
-font-family: 'Inter';
-font-style: normal;
-font-weight: 400;
-font-size: 15px;
-line-height: 18px;
-
-color: #FFFFFF;
-}
-
-
-/* HapusProduk */
-.hapusProduk{
-position: absolute;
-width: 125px;
-height: 27px;
-left: 27px;
-top: 232px;
-
-font-family: 'Inter';
-font-style: normal;
-font-weight: 400;
-font-size: 15px;
-line-height: 18px;
-
-color: #FFFFFF;
-
-}
-
-/* TambahPengguna */
-.addUser{
-position: absolute;
-width: 140px;
-height: 19px;
-left: 24px;
-top: 347px;
-
-font-family: 'Inter';
-font-style: normal;
-font-weight: 400;
-font-size: 15px;
-line-height: 18px;
-/* identical to box height */
-
-color: #FFFFFF;
-}
-
-
-/* TambahTransaksi */
-.addTransaksi{
-position: absolute;
-width: 140px;
-height: 19px;
-left: 25px;
-top: 481px;
-
-font-family: 'Inter';
-font-style: normal;
-font-weight: 400;
-font-size: 15px;
-line-height: 18px;
-/* identical to box height */
-
-color: #FFFFFF;
-
-}
-
-/* PENGGUNA */
-.user{
-position: absolute;
-width: 138px;
-height: 27px;
-left: 8px;
-top: 263px;
-
-font-family: 'Inter';
-font-style: normal;
-font-weight: 700;
-font-size: 20px;
-line-height: 24px;
-
-color: #FFFFFF;
-}
-
-
-/* TRANSAKSI */
-.transaksi{
-position: absolute;
-width: 138px;
-height: 27px;
-left: 12px;
-top: 402px;
-
-font-family: 'Inter';
-font-style: normal;
-font-weight: 700;
-font-size: 20px;
-line-height: 24px;
-
-color: #FFFFFF;
-}
diff --git a/client/js/admin.js b/client/js/admin.js
deleted file mode 100644
index 26e5803e922813f0fcefe870b137cf5a10dcfa0f..0000000000000000000000000000000000000000
--- a/client/js/admin.js
+++ /dev/null
@@ -1,20 +0,0 @@
-// Get the menu admin element
-const menuAdmin = document.querySelector('.menu-admin');
-
-// Get the content element
-const content = document.querySelector('.content');
-
-// Toggle the menu admin
-menuAdmin.addEventListener('click', function() {
- menuAdmin.classList.toggle('active');
-});
-
-// Show the content when the menu admin is closed
-menuAdmin.addEventListener('mouseleave', function() {
- content.classList.remove('hidden');
-});
-
-// Hide the content when the menu admin is opened
-menuAdmin.addEventListener('mouseenter', function() {
- content.classList.add('hidden');
-});
diff --git a/client/pages/account-page.php b/client/pages/account-page.php
index 960a53c80da194ed075eec56244e654eba08d423..b6e4b045d097a6453fb08faebec322a7a48224dd 100644
--- a/client/pages/account-page.php
+++ b/client/pages/account-page.php
@@ -51,6 +51,11 @@
<button id="submit-edit-button" onclick="submitEdit()">Submit</button>
</div>
</div>
+ <div class="sidebar" id="sidebar">
+ <script>
+ addsidebar();
+ </script>
+ </div>
</div>
<script src="../js/account-page.js"></script>
</body>
diff --git a/client/pages/admin.php b/client/pages/admin.php
deleted file mode 100644
index e888ae1ce1697e78951dbbbad7e0d1ffa4f09c61..0000000000000000000000000000000000000000
--- a/client/pages/admin.php
+++ /dev/null
@@ -1,43 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta name="viewport" content="width=device-width, initial scale=1.0">
- <title>Admin Page</title>
- <link rel="stylesheet" href="../css/login-page.css">
- <!-- <link rel="stylesheet" href="../css/navbar.css"> -->
- <script src="https://kit.fontawesome.com/8505941c5b.js" crossorigin="anonymous"></script>
- <!-- <script src="../js/navbar.js"></script> -->
- <link rel="stylesheet" href="../css/admin.css">
-</head>
-<body>
-
- <div class="admin">
-
- <div class="topBar">
- <div class="topBarBox">
- <img src="../image/logoregis.svg" class="logo">
- <div class="search-field">
- <input type="text" class="search-box">
- <img src="../image/search.png" class="searchimg">
- </div>
- <div class="option-icon"></div>
- <div class="logOutTxt">Log Out</div>
- </div>
- </div>
-
- <div class="menu-admin">
- <div class="menu-bar">
- <div class="produk">Produk</div>
- <div class="user">Pengguna</div>
- <div class="transaksi">Transaksi</div>
- </div>
- </div>
-
- <div class="content"></div>
-
- </div>
-
- <script src="../js/admin.js"></script>
-
-</body>
-</html>
diff --git a/client/pages/cart.php b/client/pages/cart.php
index a2075ab7f0999c312385c0a6126787103874d24d..9fd59ae8f99cff49b91baba0574748ec8d45e7da 100644
--- a/client/pages/cart.php
+++ b/client/pages/cart.php
@@ -62,6 +62,11 @@
</button>
</div>
</div>
+ <div class="sidebar" id="sidebar">
+ <script>
+ addsidebar();
+ </script>
+ </div>
</div>
</body>
</html>
\ No newline at end of file
diff --git a/client/pages/login-page.php b/client/pages/login-page.php
index e64817c34ac3ef3a50716735114add3c57f92adf..20b3da0cef01ffae8e81755eeb5affdf93cba6a7 100644
--- a/client/pages/login-page.php
+++ b/client/pages/login-page.php
@@ -16,18 +16,18 @@
<meta name="viewport" content="width=device-width, initial scale=1.0">
<title>Sign In and Sign Up</title>
<link rel="stylesheet" href="../css/login-page.css">
- <!-- <link rel="stylesheet" href="../css/navbar.css"> -->
+ <link rel="stylesheet" href="../css/navbar.css">
<script src="https://kit.fontawesome.com/8505941c5b.js" crossorigin="anonymous"></script>
- <!-- <script src="../js/navbar.js"></script> -->
+ <script src="../js/navbar.js"></script>
</head>
<body>
<div class="container">
- <!-- <div class="tabgroup" id="tabgroup">
+ <div class="tabgroup" id="tabgroup">
<script>
addnavbar();
</script>
- </div> -->
+ </div>
<img class="icon" src="../image/logoregis.svg" width="58%" height="26%">
<div class="form-box">
<h1 id="title">SIGN UP</h1>
diff --git a/client/pages/make-sale.php b/client/pages/make-sale.php
index b011c45530a79e19e73c62194d9c67923370dbb1..f5bbf4ea450ed4b97dc174a278dc346dc8fb611e 100644
--- a/client/pages/make-sale.php
+++ b/client/pages/make-sale.php
@@ -49,6 +49,11 @@
</div>
</form>
</div>
+ <div class="sidebar" id="sidebar">
+ <script>
+ addsidebar();
+ </script>
+ </div>
</div>
</body>
</html>
\ No newline at end of file
diff --git a/client/protoype/cart.html b/client/prototype/cart.html
similarity index 100%
rename from client/protoype/cart.html
rename to client/prototype/cart.html
diff --git a/client/protoype/navbar.html b/client/prototype/navbar.html
similarity index 100%
rename from client/protoype/navbar.html
rename to client/prototype/navbar.html
diff --git a/client/pages/navbar.php b/client/prototype/navbar.php
similarity index 100%
rename from client/pages/navbar.php
rename to client/prototype/navbar.php
diff --git a/client/protoype/sidebar.html b/client/prototype/sidebar.html
similarity index 100%
rename from client/protoype/sidebar.html
rename to client/prototype/sidebar.html