added adminpanel main layout/concept
This commit is contained in:
Hendrik
21
website/admin.php
Normal file
21
website/admin.php
Normal file
@@ -0,0 +1,21 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<?php
|
||||||
|
include("views/head.php");
|
||||||
|
?>
|
||||||
|
<body>
|
||||||
|
<?php
|
||||||
|
/*
|
||||||
|
* This view adds the main layout over the screen.
|
||||||
|
* Header and menu.
|
||||||
|
*/
|
||||||
|
include("views/main.php");
|
||||||
|
|
||||||
|
/* Add your view files here. */
|
||||||
|
include("views/adminpanel.php");
|
||||||
|
|
||||||
|
/* This adds the footer. */
|
||||||
|
include("views/footer.php");
|
||||||
|
?>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
64
website/styles/adminpanel.css
Normal file
64
website/styles/adminpanel.css
Normal file
@@ -0,0 +1,64 @@
|
|||||||
|
.admin-panel {
|
||||||
|
margin: auto;
|
||||||
|
background-color: white;
|
||||||
|
border-radius: 10px;
|
||||||
|
padding: 15px;
|
||||||
|
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
|
||||||
|
}
|
||||||
|
|
||||||
|
.admin-options {
|
||||||
|
}
|
||||||
|
|
||||||
|
.admin-searchbar {
|
||||||
|
display: inline-block;
|
||||||
|
margin: 10px;
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
|
||||||
|
.admin-searchinput {
|
||||||
|
border: 2px solid #B78996;
|
||||||
|
border-radius: 2px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.admin-filter {
|
||||||
|
display: inline-block;
|
||||||
|
margin: 10px;
|
||||||
|
vertical-align: top;
|
||||||
|
margin-right: 100px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.admin-actions {
|
||||||
|
display: inline-block;
|
||||||
|
margin: 10px;
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
|
||||||
|
.admin-users {
|
||||||
|
margin: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.usertable {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.usertable .table-checkbox {width: 20px}
|
||||||
|
.usertable .table-username {width: 150px}
|
||||||
|
.usertable .table-action {width: 200px}
|
||||||
|
|
||||||
|
.usertable th, td {
|
||||||
|
border-bottom: 1px solid #ddd;
|
||||||
|
padding: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.usertable tr {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.usertable tr:hover {
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*div {
|
||||||
|
border: 1px solid black;
|
||||||
|
}*/
|
||||||
80
website/views/adminpanel.php
Normal file
80
website/views/adminpanel.php
Normal file
@@ -0,0 +1,80 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<link rel="stylesheet" type="text/css" href="astyle.css">
|
||||||
|
<title>Admin Panel</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="content">
|
||||||
|
<div class="admin-panel">
|
||||||
|
<form action="index.html" method="post">
|
||||||
|
<div class="admin-options">
|
||||||
|
<form action="index.html" method="post">
|
||||||
|
<div class="admin-searchbar">
|
||||||
|
<h2>Search</h2>
|
||||||
|
<input type="text" name="search" class="admin-searchinput"> <br>
|
||||||
|
<input type="submit" value="Search">
|
||||||
|
</div>
|
||||||
|
<div class="admin-filter">
|
||||||
|
<h2>Show users:</h2>
|
||||||
|
<input type="checkbox" name="status" value="Active"> Active <br>
|
||||||
|
<input type="checkbox" name="status" value="Muted"> Muted <br>
|
||||||
|
<input type="checkbox" name="status" value="Banned"> Banned
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
<div class="admin-actions">
|
||||||
|
<h2>Actions: </h2>
|
||||||
|
<input type="radio" name="actions" value="mute"> Mute <br>
|
||||||
|
<input type="radio" name="actions" value="ban"> Ban <br>
|
||||||
|
<input type="radio" name="actions" value="unban"> Unban <br> <br>
|
||||||
|
<input type="submit" value="Confirm">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="admin-users">
|
||||||
|
<h2>Users:</h2>
|
||||||
|
<table class="usertable">
|
||||||
|
<tr style="text-align: left;">
|
||||||
|
<th><input type="checkbox" name="checkall"></th>
|
||||||
|
<th>User</th>
|
||||||
|
<th>Ban reason</th>
|
||||||
|
<th style="width: 200px;">Action</th>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><input type="checkbox" name="check1"></td>
|
||||||
|
<td>John Smith</td>
|
||||||
|
<td>unregulated time travel</td>
|
||||||
|
<td>
|
||||||
|
<form class="admin-useraction" action="index.html" method="post">
|
||||||
|
<select class="action" name="actions">
|
||||||
|
<option value="mute">Mute</option>
|
||||||
|
<option value="ban">Ban</option>
|
||||||
|
<option value="unban">Unban</option>
|
||||||
|
</select>
|
||||||
|
<input type="submit" value="Confirm">
|
||||||
|
</form>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><input type="checkbox" name="check1"></td>
|
||||||
|
<td>poey jokeaim</td>
|
||||||
|
<td>l33t h4xx</td>
|
||||||
|
<td>
|
||||||
|
<form class="admin-useraction" action="index.html" method="post">
|
||||||
|
<select class="action" name="actions">
|
||||||
|
<option value="mute">Mute</option>
|
||||||
|
<option value="ban">Ban</option>
|
||||||
|
<option value="unban">Unban</option>
|
||||||
|
</select>
|
||||||
|
<input type="submit" value="Confirm">
|
||||||
|
</form>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -13,7 +13,7 @@
|
|||||||
@import url("styles/header.css");
|
@import url("styles/header.css");
|
||||||
@import url("styles/menu.css");
|
@import url("styles/menu.css");
|
||||||
@import url("styles/footer.css");
|
@import url("styles/footer.css");
|
||||||
|
@import url("styles/adminpanel.css");
|
||||||
@import url("styles/chat.css");
|
@import url("styles/chat.css");
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
|
|||||||
Reference in New Issue
Block a user