114 lines
3.8 KiB
Plaintext
114 lines
3.8 KiB
Plaintext
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<%- include("extra/meta", {title: "Welcome to the "+dataset.forum_name+"-forum!" }) %>
|
|
|
|
|
|
<body>
|
|
<%- include("extra/navbar") %>
|
|
|
|
|
|
<div class="container my-3">
|
|
<nav class="breadcrumb">
|
|
<span class="breadcrumb-item active">
|
|
<% if (user) { %>
|
|
Welcome, <%= user.name %>
|
|
<% } else { %>
|
|
Welcome, Guest! <a href="/register">You can press to register.</a>
|
|
<% } %>
|
|
</span>
|
|
</nav>
|
|
<div class="row">
|
|
<div class="col-12 col-xl-9">
|
|
<div class="category">
|
|
|
|
<h2 class="h4 text-white bg-danger mb-0 p-4 rounded-top">New messages</h2>
|
|
<table class="table table-striped table-bordered table-responsive">
|
|
<thead class="thead-light">
|
|
<tr>
|
|
<th scope="col" class="forum-col">Message</th>
|
|
<th scope="col">Date</th>
|
|
<th scope="col" class="last-post-col">Author</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<% newestMessages.forEach(message => { %>
|
|
<tr>
|
|
<td>
|
|
<p class="mb-0">
|
|
<a href="<%= message.getLink() %>"> <%= message.content.slice(0, 100) %></a>
|
|
</p>
|
|
</td>
|
|
<td>
|
|
<div><%= new Date(message.time).toLocaleString() %></div>
|
|
</td>
|
|
<td>
|
|
<div class="avatar">by <a href="<%= message.getLink() %>"><%= message.author.name %></a><img src="<%=message.author.avatar %>"></div>
|
|
</td>
|
|
</tr>
|
|
<% }) %>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-xl-3">
|
|
<aside>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-6 col-xl-12">
|
|
<div class="card mb-3 mb-sm-0 mb-xl-3">
|
|
<div class="card-body">
|
|
<h2 class="h4 card-title">Members online</h2>
|
|
<ul class="list-unstyled mb-0">
|
|
<li>
|
|
<% onlineUsers.forEach(user => { %>
|
|
<a href="/users/<%=user.id %>"><%= user.name %></a>
|
|
<% }); %>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="card-footer">
|
|
<dl class="row mb-0">
|
|
<dt class="col-8">Total:</dt>
|
|
<dd class="col-4 mb-0"><%= onlineUserCount %></dd>
|
|
</dl>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-xl-12">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<h2 class="h4 card-title">Forum statistics</h2>
|
|
<dl class="row mb-0">
|
|
<dt class="col-8">Total categories:</dt>
|
|
<dd class="col-4 mb-0"><%= categories %></dd>
|
|
</dl>
|
|
<dl class="row mb-0">
|
|
<dt class="col-8">Total threads:</dt>
|
|
<dd class="col-4 mb-0"><%= threads %></dd>
|
|
</dl>
|
|
<dl class="row mb-0">
|
|
<dt class="col-8">Total messages:</dt>
|
|
<dd class="col-4 mb-0"><%= messages %></dd>
|
|
</dl>
|
|
<dl class="row mb-0">
|
|
<dt class="col-8">Total members:</dt>
|
|
<dd class="col-4 mb-0"><%= users %></dd>
|
|
</dl>
|
|
</div>
|
|
<div class="card-footer">
|
|
<div>Newest member:</div>
|
|
<div><a href="/users/<% newestMember.id %>"><%= newestMember.name %></a></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</aside>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<%- include("extra/footer") %>
|
|
|
|
</body>
|
|
|
|
</html> |