From c6e64cb024fb1c28e92e087a4c481b5962a8930c Mon Sep 17 00:00:00 2001
From: asyifashfr <asyifashfr.com>
Date: Mon, 9 Oct 2023 11:51:07 +0700
Subject: [PATCH] feat : user page
---
scripts/pages/user_page.php | 45 ++++++++++++++++++++++++++++++++++
scripts/view/css/user_page.css | 28 +++++++++++++++++++++
2 files changed, 73 insertions(+)
create mode 100644 scripts/pages/user_page.php
create mode 100644 scripts/view/css/user_page.css
diff --git a/scripts/pages/user_page.php b/scripts/pages/user_page.php
new file mode 100644
index 0000000..2441ac3
--- /dev/null
+++ b/scripts/pages/user_page.php
@@ -0,0 +1,45 @@
+<?php
+session_start();
+?>
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>Spotyphie | Register </title>
+ <link rel="stylesheet" href="../view/css/globals.css">
+ <link rel="stylesheet" href="../view/css/user_page.css">
+ </head>
+ <body>
+ <?php
+ require_once($_SERVER['DOCUMENT_ROOT'] . '/pages/templates/navbar.php');
+ getNavBar($_SESSION['username'], $_SESSION['is_admin']);
+ ?>
+ <main>
+ <div class="my-playlist-header">
+ <h1 class="white-text baloo-font">Hi, Playlist</h1>
+ </div>
+ <form method="post" action="" id="user-page-form">
+ <div id="textBoxContainer">
+ <label for="user-name" class="white-text inter-font">Your Name</label><br>
+ <input type="text" id="user-name" name="user-name" class="txtbox-med" /><br>
+ <br>
+ <label for="user-email" class="white-text inter-font">Your Email</label><br>
+ <input type="text" id="user-email" name="user-email" class="txtbox-med" /><br>
+ <br>
+ <label for="user-username" class="white-text inter-font">Your Username</label><br>
+ <input type="text" id="user-username" name="user-username" class="txtbox-med" /><br>
+ <br>
+ <label for="user-password" class="white-text inter-font">Your Password</label><br>
+ <input type="text" id="user-password" name="user-password" class="txtbox-med" /><br>
+ </div><br>
+ </form>
+ <br>
+ <button type="button" class="baloo-font btn" id="update-profile" onclick="showEditPopup()">Update Profile</button>
+ <button type="button" class="baloo-font btn" id="sign-out" onclick="showEditPopup()">Sign Out</button>
+ <button type="button" class="baloo-font btn" id="delete-account" onclick="showEditPopup()">Delete This Account</button>
+ </main>
+ <script src="../view/js/navbar.js"></script>
+ <script src="user_page.js"></script>
+ </body>
+</html>
\ No newline at end of file
diff --git a/scripts/view/css/user_page.css b/scripts/view/css/user_page.css
new file mode 100644
index 0000000..c7b6435
--- /dev/null
+++ b/scripts/view/css/user_page.css
@@ -0,0 +1,28 @@
+h1 {
+ margin: 0;
+}
+
+h3 {
+ margin: 0 0 10px 0;
+}
+
+
+#delete-account {
+ background-color: red;
+}
+
+#close-edit-popup {
+ float: right;
+}
+
+#sign-out {
+ background-color: gray;
+}
+
+#textBoxContainer {
+ margin: 5%;
+}
+
+.my-playlist-header {
+ margin-top: 5%;
+}
\ No newline at end of file
--
GitLab