blob: 71281726f8b91560a3fc98a033d44a074e296977 [file] [log] [blame]
<!DOCTYPE html>
<html lang="en">
<style>
.helloTitle {
font-size: 70px;
color: #dddddd;
}
.styled-table {
border-collapse: collapse;
margin: 25px 0;
font-size: 0.9em;
font-family: sans-serif;
min-width: 400px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
h2 {
font-size: 50px;
color: #000000;
}
.styled-table thead tr {
background-color: #009879;
color: #ffffff;
text-align: left;
}
.styled-table th,
.styled-table td {
padding: 12px 15px;
}
.styled-table tbody tr {
border-bottom: 1px solid #dddddd;
}
.styled-table tbody tr:nth-of-type(even) {
background-color: #f3f3f3;
}
.styled-table tbody tr:last-of-type {
border-bottom: 2px solid #009879;
}
.styled-table tbody tr.active-row {
font-weight: bold;
color: #009879;
}
</style>
<head>
<meta charset="UTF-8">
<title>Admin Backend</title>
<link rel="icon" href="data:;base64,=">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<h1 class="helloTitle">Hello,Normal User {{ user.username }}</h1>
<div class="float-right text-center" style="width: 10%"><span><h3 style="background: greenyellow"><a href="/logout">Log Out</a></h3></span>
</div>
<h2>Your Information:</h2>
<table class="styled-table">
<thead>
<tr>
<th>Your Username</th>
<th>Your Password(sha256)</th>
<th>Your Join Date</th>
<th>Is Active</th>
<th></th>
</tr>
</thead>
<tbody>
<tr class="active-row">
<td>{{ user.username }}</td>
<td>{{ user.password }}</td>
<td>{{ user.date_joined }}</td>
<td>{{ user.is_active }}</td>
</tr>
</tbody>
</table>
{#<button class="btn btn-primary enterProfileBtn" onclick="window.location.href='/all_users_profile'">View All User's Profile(Admin Only)</button>#}
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.15.0/umd/popper.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</body>
</html>