feat : user page

c6e64cb0 · asyifashfr · 84b94755 · c6e64cb0 · c6e64cb0
Commit c6e64cb0 authored 1 year ago by asyifashfr
--- a/scripts/pages/user_page.php
+++ b/scripts/pages/user_page.php
+<?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
--- a/scripts/view/css/user_page.css
+++ b/scripts/view/css/user_page.css
+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