65 lines
1.6 KiB
HTML
65 lines
1.6 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<link rel="stylesheet" href="/assets/css/defaults.css" />
|
|
<link rel="stylesheet" href="/assets/css/user.css" />
|
|
<title>Task Manager | User Page</title>
|
|
</head>
|
|
<body>
|
|
<section class="nav-section">
|
|
<nav class="nav">
|
|
<a class="nav-home" href="/">Task</a>
|
|
<button id="nav-logout" class="nav-logout">Logout</a>
|
|
</nav>
|
|
</section>
|
|
|
|
<section class="main-section">
|
|
<div class="main-grid">
|
|
<div class="left-grid">
|
|
<h2>User Management</h2>
|
|
<h4>Change Email?</h4>
|
|
<button id="change-email-btn">Click here</button>
|
|
<h4>Change Password?</h4>
|
|
<button id="change-password-btn">Click here</button>
|
|
<h4>Change Username?</h4>
|
|
<button id="change-username-btn">Click here</button>
|
|
|
|
</div>
|
|
<div class="right-grid">
|
|
<h2>User Tasks</h2>
|
|
|
|
<div class="user-tasks">
|
|
<div class="task-item">
|
|
<input type="checkbox" />
|
|
<li>Do Work</li>
|
|
</div>
|
|
<div class="task-item">
|
|
<input type="checkbox" />
|
|
<li>Finish API</li>
|
|
</div>
|
|
|
|
<button id="add-task-button" class="add-task-button">Add a task</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="email-modal">
|
|
|
|
</section>
|
|
|
|
<section class="password-modal">
|
|
|
|
</section>
|
|
|
|
<section class="username-modal">
|
|
|
|
</section>
|
|
|
|
<section class="add-task-modal">
|
|
|
|
</section>
|
|
|
|
<script src="/assets/js/user.js"></script>
|
|
</body>
|
|
</html> |