hyperzlib
/
nodebb
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: topics dashboard details subpage

Browse Source
v1.18.x
Julian Lam 4 years ago
parent c57c77030e
commit e1ed514b10
7 changed files with 136 additions and 68 deletions
Show Stats Download Patch File Download Diff File

7
public/language/en-GB/admin/dashboard.json
Unescape Escape View File

@ -76,5 +76,10 @@
"graphs.registered-users": "Registered Users", "graphs.registered-users": "Registered Users",
"graphs.anonymous-users": "Anonymous Users", "graphs.anonymous-users": "Anonymous Users",
"last-restarted-by": "Last restarted by", "last-restarted-by": "Last restarted by",
"no-users-browsing": "No users browsing" "no-users-browsing": "No users browsing",
"back-to-dashboard": "Back to Dashboard",
"details.no-users": "No users have joined within the selected timeframe",
"details.no-topics": "No topics have been posted within the selected timeframe",
"details.no-logins": "No logins have been recorded within the selected timeframe"
} }

20
public/src/admin/dashboard/topics.js
Unescape Escape View File

@ -1,14 +1,32 @@
'use strict'; 'use strict';
define('admin/dashboard/topics', ['admin/modules/dashboard-line-graph'], (graph) => { define('admin/dashboard/topics', ['admin/modules/dashboard-line-graph', 'hooks'], (graph, hooks) => {
const ACP = {}; const ACP = {};
ACP.init = () => { ACP.init = () => {
graph.init({ graph.init({
set: 'topics', set: 'topics',
dataset: ajaxify.data.dataset, dataset: ajaxify.data.dataset,
}).then(() => {
hooks.onPage('action:admin.dashboard.updateGraph', ACP.updateTable);
}); });
}; };
ACP.updateTable = () => {
if (window.fetch) {
fetch(`${config.relative_path}/api${ajaxify.data.url}${window.location.search}`, { credentials: 'include' }).then((response) => {
if (response.ok) {
response.json().then(function (payload) {
app.parseAndTranslate(ajaxify.data.template.name, 'topics', payload, function (html) {
const tbodyEl = document.querySelector('.topics-list tbody');
tbodyEl.innerHTML = '';
tbodyEl.append(...html.map((idx, el) => el));
});
});
}
});
}
};
return ACP; return ACP;
}); });

10
src/controllers/admin/dashboard.js
Unescape Escape View File

@ -11,6 +11,7 @@ const meta = require('../../meta');
const analytics = require('../../analytics'); const analytics = require('../../analytics');
const plugins = require('../../plugins'); const plugins = require('../../plugins');
const user = require('../../user'); const user = require('../../user');
const topics = require('../../topics');
const utils = require('../../utils'); const utils = require('../../utils');
const dashboardController = module.exports; const dashboardController = module.exports;
@ -261,7 +262,7 @@ dashboardController.getUsers = async (req, res) => {
month: stats[0].thismonth, month: stats[0].thismonth,
}; };
// List of recently registered users // List of users registered within time frame
const end = parseInt(req.query.until, 10) || Date.now(); const end = parseInt(req.query.until, 10) || Date.now();
const start = end - (1000 * 60 * 60 * (req.query.units === 'days' ? 24 : 1) * (req.query.count || (req.query.units === 'days' ? 30 : 24))); const start = end - (1000 * 60 * 60 * (req.query.units === 'days' ? 24 : 1) * (req.query.count || (req.query.units === 'days' ? 30 : 24)));
const uids = await db.getSortedSetRangeByScore('users:joindate', 0, 500, start, end); const uids = await db.getSortedSetRangeByScore('users:joindate', 0, 500, start, end);
@ -288,10 +289,17 @@ dashboardController.getTopics = async (req, res) => {
month: stats[0].thismonth, month: stats[0].thismonth,
}; };
// List of topics created within time frame
const end = parseInt(req.query.until, 10) || Date.now();
const start = end - (1000 * 60 * 60 * (req.query.units === 'days' ? 24 : 1) * (req.query.count || (req.query.units === 'days' ? 30 : 24)));
const tids = await db.getSortedSetRangeByScore('topics:tid', 0, 500, start, end);
const topicData = await topics.getTopicsByTids(tids);
res.render('admin/dashboard/topics', { res.render('admin/dashboard/topics', {
set: 'topics', set: 'topics',
query: req.query, query: req.query,
stats, stats,
summary, summary,
topics: topicData,
}); });
}; };

5
src/views/admin/dashboard/logins.tpl
Unescape Escape View File

@ -1,5 +1,10 @@
<div class="row dashboard"> <div class="row dashboard">
<div class="col-xs-12"> <div class="col-xs-12">
<a class="btn btn-link" href="{config.relative_path}/admin/dashboard">
<i class="fa fa-chevron-left"></i>
[[admin/dashboard:back-to-dashboard]]
</a>
<!-- IMPORT admin/partials/dashboard/graph.tpl --> <!-- IMPORT admin/partials/dashboard/graph.tpl -->
<!-- IMPORT admin/partials/dashboard/stats.tpl --> <!-- IMPORT admin/partials/dashboard/stats.tpl -->
</div> </div>

22
src/views/admin/dashboard/topics.tpl
Unescape Escape View File

@ -1,6 +1,28 @@
<div class="row dashboard"> <div class="row dashboard">
<div class="col-xs-12"> <div class="col-xs-12">
<a class="btn btn-link" href="{config.relative_path}/admin/dashboard">
<i class="fa fa-chevron-left"></i>
[[admin/dashboard:back-to-dashboard]]
</a>
<!-- IMPORT admin/partials/dashboard/graph.tpl --> <!-- IMPORT admin/partials/dashboard/graph.tpl -->
<!-- IMPORT admin/partials/dashboard/stats.tpl --> <!-- IMPORT admin/partials/dashboard/stats.tpl -->
<table class="table table-striped topics-list">
<tbody>
{{{ if !topics.length}}}
<tr>
<td colspan=4" class="text-center"><em>[[admin/dashboard:details.no-topics]]</em></td>
</tr>
{{{ end }}}
{{{ each topics }}}
<tr>
<td><a href="{config.relative_path}/topics/{../slug}">{../title}</a></td>
<td>[[topic:posted_by, {../user.username}]]</td>
<td><span class="timeago" data-title="{../timestampISO}"></span></td>
</tr>
{{{ end }}}
</tbody>
</table>
</div> </div>
</div> </div>

52
src/views/admin/dashboard/users.tpl
Unescape Escape View File

@ -1,23 +1,35 @@
<div class="dashboard"> <div class="dashboard">
<!-- IMPORT admin/partials/dashboard/graph.tpl --> <div class="col-xs-12">
<!-- IMPORT admin/partials/dashboard/stats.tpl --> <a class="btn btn-link" href="{config.relative_path}/admin/dashboard">
<i class="fa fa-chevron-left"></i>
[[admin/dashboard:back-to-dashboard]]
</a>
<table class="table table-striped users-list"> <!-- IMPORT admin/partials/dashboard/graph.tpl -->
<thead> <!-- IMPORT admin/partials/dashboard/stats.tpl -->
<th class="text-muted">[[admin/manage/users:users.uid]]</th>
<th class="text-muted">[[admin/manage/users:users.username]]</th> <table class="table table-striped users-list">
<th class="text-muted">[[admin/manage/users:users.email]]</th> <thead>
<th data-sort="joindate">[[admin/manage/users:users.joined]]</th> <th class="text-muted">[[admin/manage/users:users.uid]]</th>
</thead> <th class="text-muted">[[admin/manage/users:users.username]]</th>
<tbody> <th class="text-muted">[[admin/manage/users:users.email]]</th>
{{{ each users }}} <th data-sort="joindate">[[admin/manage/users:users.joined]]</th>
<tr> </thead>
<td>{../uid}</td> <tbody>
<td>{../username}</td> {{{ if !users.length}}}
<td>{../email}</td> <tr>
<td><span class="timeago" title="{../joindateISO}"></span></td> <td colspan=4" class="text-center"><em>[[admin/dashboard:details.no-logins]]</em></td>
</tr> </tr>
{{{ end }}} {{{ end }}}
</tbody> {{{ each users }}}
</table> <tr>
<td>{../uid}</td>
<td>{../username}</td>
<td>{../email}</td>
<td><span class="timeago" title="{../joindateISO}"></span></td>
</tr>
{{{ end }}}
</tbody>
</table>
</div>
</div> </div>

88
src/views/admin/partials/dashboard/stats.tpl
Unescape Escape View File

@ -1,49 +1,47 @@
<div class="row"> <div class="table-responsive">
<div class="table-responsive"> <table class="table table-striped">
<table class="table table-striped"> <thead>
<thead> <tr>
<tr> <th></th>
<th></th> <th class="text-right">[[admin/dashboard:stats.yesterday]]</th>
<th class="text-right">[[admin/dashboard:stats.yesterday]]</th> <th class="text-right">[[admin/dashboard:stats.today]]</th>
<th class="text-right">[[admin/dashboard:stats.today]]</th> <th></th>
<th></th> <th class="text-right">[[admin/dashboard:stats.last-week]]</th>
<th class="text-right">[[admin/dashboard:stats.last-week]]</th> <th class="text-right">[[admin/dashboard:stats.this-week]]</th>
<th class="text-right">[[admin/dashboard:stats.this-week]]</th> <th></th>
<th></th> <th class="text-right">[[admin/dashboard:stats.last-month]]</th>
<th class="text-right">[[admin/dashboard:stats.last-month]]</th> <th class="text-right">[[admin/dashboard:stats.this-month]]</th>
<th class="text-right">[[admin/dashboard:stats.this-month]]</th> <th></th>
<th></th> <th class="text-right">[[admin/dashboard:stats.all]]</th>
<th class="text-right">[[admin/dashboard:stats.all]]</th> </tr>
</tr> </thead>
</thead> <tbody>
<tbody> <!-- BEGIN stats -->
<!-- BEGIN stats --> <tr>
<tr> <td>
<td> <strong>
<strong> {{{ if ../href }}}
{{{ if ../href }}} <a href="{../href}">{../name}</a>
<a href="{../href}">{../name}</a> {{{ else }}}
{{{ else }}} {../name}
{../name} {{{ end }}}
{{{ end }}} </strong>
</strong> </td>
</td> <td class="text-right formatted-number">{stats.yesterday}</td>
<td class="text-right formatted-number">{stats.yesterday}</td> <td class="text-right formatted-number">{stats.today}</td>
<td class="text-right formatted-number">{stats.today}</td> <td class="{stats.dayTextClass}"><small>{stats.dayIncrease}%</small></td>
<td class="{stats.dayTextClass}"><small>{stats.dayIncrease}%</small></td>
<td class="text-right formatted-number">{stats.lastweek}</td> <td class="text-right formatted-number">{stats.lastweek}</td>
<td class="text-right formatted-number">{stats.thisweek}</td> <td class="text-right formatted-number">{stats.thisweek}</td>
<td class="{stats.weekTextClass}"><small>{stats.weekIncrease}%</small></td> <td class="{stats.weekTextClass}"><small>{stats.weekIncrease}%</small></td>
<td class="text-right formatted-number">{stats.lastmonth}</td> <td class="text-right formatted-number">{stats.lastmonth}</td>
<td class="text-right formatted-number">{stats.thismonth}</td> <td class="text-right formatted-number">{stats.thismonth}</td>
<td class="{stats.monthTextClass}"><small>{stats.monthIncrease}%</small></td> <td class="{stats.monthTextClass}"><small>{stats.monthIncrease}%</small></td>
<td class="text-right formatted-number">{stats.alltime}</td> <td class="text-right formatted-number">{stats.alltime}</td>
</tr> </tr>
<!-- END stats --> <!-- END stats -->
</tbody> </tbody>
</table> </table>
</div>
</div> </div>
Write Preview
Loading…
Cancel
Save