128 lines
7.1 KiB
HTML
128 lines
7.1 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<script src="js/jquery.js"></script>
|
|
<link rel="stylesheet" href="css/bootstrap.min.css">
|
|
<script src="js/bootstrap.min.js"></script>
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
|
|
<link rel="stylesheet" href="css/tiger.css">
|
|
<link href='https://fonts.googleapis.com/css?family=Crete+Round' rel='stylesheet' type='text/css'>
|
|
<link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
|
|
<title>Report #1234 · Mineplex</title>
|
|
|
|
<script>
|
|
$("#test").click(function (){
|
|
alert("test!");
|
|
});
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div id="wrapper">
|
|
<div id="header">
|
|
<img src="img/logo.png" height="70px" width="70px" />
|
|
<h1>Report System</h1>
|
|
<!-- <h2><i class="fa fa-camera"></i> Chat Snap</h2> -->
|
|
</div>
|
|
<div id="search">
|
|
<div class="input-group">
|
|
<input type="text" class="form-control" placeholder="Enter a chat snap report ID...">
|
|
<span class="input-group-btn">
|
|
<button class="btn btn-secondary" type="button"><i class="fa fa-search"></i> Search</button>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div id="content">
|
|
<div>
|
|
<hr>
|
|
<h2 style="font-family: 'Oswald', sans-serif; text-align: center;">
|
|
Report #1234
|
|
</h2>
|
|
<hr>
|
|
</div>
|
|
<div class="row">
|
|
<div id="chat" class="col-lg-7">
|
|
<h4><i class="fa fa-comments"></i> Chat Log</h4>
|
|
<hr>
|
|
<div id="log" class="text-muted ">
|
|
<span class="label label-info chat" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;">Chat</span> <span class="black">WilliamTiger:</span> hey
|
|
<br>
|
|
<span class="label label-info chat" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;">Chat</span> <span class="black">b2_mp:</span> you're a tiger
|
|
<br>
|
|
<span class="label label-info chat" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;">Chat</span> <span class="black">Mysticate:</span> that's right!!!
|
|
<br>
|
|
<span class="label label-info chat" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;">Chat</span> <span class="black">WilliamBurns:</span> f*** off not true
|
|
<br>
|
|
<span class="label label-info chat" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;">Chat</span> <span class="black">Phinary:</span> Please watch your language!
|
|
<br>
|
|
<span class="label label-primary chat pm" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;">PM</span> <span class="black">jaws12 -> Phinary:</span> somebody report him!
|
|
<br>
|
|
<span class="label label-primary chat pm" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;">PM</span> <span class="black"> Phinary -> jaws12:</span> Okay I will
|
|
</div>
|
|
</div>
|
|
<div id="users" class="col-lg-5">
|
|
<h4><i class="fa fa-info-circle"></i> Information</h4>
|
|
<hr>
|
|
<div class="row">
|
|
<div class="col-lg-1">
|
|
<i class="fa fa-calendar"></i><br>
|
|
<i class="fa fa-clock-o"></i><br>
|
|
<i class="fa fa-user-plus"></i><br>
|
|
<i class="fa fa-user-times"></i><br>
|
|
<i class="fa fa-gavel"></i><br>
|
|
</div>
|
|
<div class="col-lg-11">
|
|
<span class="label label-pill label-default">12/8/15</span><br>
|
|
<span class="label label-pill label-default">4:18 PM</span><br>
|
|
<span class="label label-pill label-success">Reported by Phinary, jaws12</span><br>
|
|
<span class="label label-pill label-danger">Suspect is WilliamBurns</span><br>
|
|
<span class="label label-pill label-warning">Staff Member assigned is Artix</span><br>
|
|
</div>
|
|
</div>
|
|
<br>
|
|
|
|
<h4><i class="fa fa-users"></i> Users</h4>
|
|
<hr>
|
|
<img src="http://cravatar.eu/avatar/WilliamTiger/55.png" class="pull-left" />
|
|
<b class="name">WilliamTiger</b> <span class="label label-staff name">JR.DEV</span><br>
|
|
<code style="font-size: 11px;">bfc8dadf-c568-4e31-9776-8e710669b02e</code>
|
|
<br><br>
|
|
|
|
<img src="http://cravatar.eu/avatar/b2_mp/55.png" class="pull-left" />
|
|
<b class="name">b2_mp</b> <span class="label label-staff name">LEADER</span><br>
|
|
<code style="font-size: 11px;">efaf9a17-2304-4f42-8433-421523c308dc</code>
|
|
<br><br>
|
|
|
|
<img src="http://cravatar.eu/avatar/jaws12/55.png" class="pull-left" />
|
|
<b class="name">jaws12</b> <span class="label label-staff name">DEV</span><br>
|
|
<code style="font-size: 11px;">00c6d020-4346-4f8a-a9b5-67d4bc3251bf</code>
|
|
<br><br>
|
|
|
|
<img src="http://cravatar.eu/avatar/WilliamBurns/55.png" class="pull-left" />
|
|
<b class="name">WilliamBurns</b> <span class="label label-ultra name">ULTRA</span><br>
|
|
<code style="font-size: 11px;">f9eedba5-668d-4ee5-9ee8-98edee840608</code>
|
|
<br><br>
|
|
|
|
<img src="http://cravatar.eu/avatar/Phinary/55.png" class="pull-left" />
|
|
<b class="name">Phinary</b> <span class="label label-staff name">LEADER</span><br>
|
|
<code style="font-size: 11px;">b33207e2-0dc5-4cbd-b3ee-6c860727f722</code>
|
|
<br><br>
|
|
|
|
<img src="http://cravatar.eu/avatar/Mysticate/55.png" class="pull-left" />
|
|
<b class="name">Mysticate</b> <span class="label label-staff name">JR.DEV</span><br>
|
|
<code style="font-size: 11px;">5c359761-d55b-43a4-9b75-2cc64f8d027f</code>
|
|
<br><br>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="footer">
|
|
<a href="http://www.mineplex.com"><img src="img/logo-full.png" width="225px" /></a>
|
|
<div class="btn-group pull-right indent-link" style="font-family: 'Crete Round', serif; padding-top: 10px;">
|
|
<a href="http://www.mineplex.com" class="btn btn-link btn-small text-muted">Home</a>
|
|
<a href="http://www.mineplex.com/shop/" class="btn btn-link btn-small text-muted">Shop</a>
|
|
<a href="http://www.mineplex.com/forums/" class="btn btn-link btn-small text-muted">Forums</a>
|
|
<a href="http://www.mineplex.com/supporthub/" class="btn btn-link btn-small text-muted">Support</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |