Nemcio/NodeBB
1
0
Fork 0
mirror of https://github.com/NodeBB/NodeBB.git synced 2025-11-06 22:15:48 +01:00
Code Issues Packages Projects Releases Wiki Activity

prettier stats on dashboard

Browse Source
This commit is contained in:
psychobunny
2017-02-13 15:28:26 -05:00
parent 570efb9e4b
commit 9e354a09d1
3 changed files with 26 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
public/less/admin/general/dashboard.less
View File

@@ -136,4 +136,17 @@
.motd textarea { .motd textarea {
width: 100%; width: 100%;
} }
.stats {
.formatted-number {
font-size: 22px;
}
.stat {
text-transform: uppercase;
font-weight: 600;
font-size: 10px;
color: #999;
}
}
} }

16
public/src/admin/general/dashboard.js
View File

@@ -94,20 +94,20 @@ define('admin/general/dashboard', ['semver', 'Chart', 'translator'], function (s
graphData.rooms = data; graphData.rooms = data;
var html = '<div class="text-center pull-left">' + var html = '<div class="text-center pull-left">' +
'<div>' + data.onlineRegisteredCount + '</div>' + '<span class="formatted-number">' + data.onlineRegisteredCount + '</span>' +
'<div>[[admin/general/dashboard:active-users.users]]</div>' + '<div class="stat">[[admin/general/dashboard:active-users.users]]</div>' +
'</div>' + '</div>' +
'<div class="text-center pull-left">' + '<div class="text-center pull-left">' +
'<div>' + data.onlineGuestCount + '</div>' + '<span class="formatted-number">' + data.onlineGuestCount + '</span>' +
'<div>[[admin/general/dashboard:active-users.guests]]</div>' + '<div class="stat">[[admin/general/dashboard:active-users.guests]]</div>' +
'</div>' + '</div>' +
'<div class="text-center pull-left">' + '<div class="text-center pull-left">' +
'<div>' + (data.onlineRegisteredCount + data.onlineGuestCount) + '</div>' + '<span class="formatted-number">' + (data.onlineRegisteredCount + data.onlineGuestCount) + '</span>' +
'<div>[[admin/general/dashboard:active-users.total]]</div>' + '<div class="stat">[[admin/general/dashboard:active-users.total]]</div>' +
'</div>' + '</div>' +
'<div class="text-center pull-left">' + '<div class="text-center pull-left">' +
'<div>' + data.socketCount + '</div>' + '<span class="formatted-number">' + data.socketCount + '</span>' +
'<div>[[admin/general/dashboard:active-users.connections]]</div>' + '<div class="stat">[[admin/general/dashboard:active-users.connections]]</div>' +
'</div>'; '</div>';
updateRegisteredGraph(data.onlineRegisteredCount, data.onlineGuestCount); updateRegisteredGraph(data.onlineRegisteredCount, data.onlineGuestCount);

11
src/views/admin/general/dashboard.tpl
View File

@@ -29,25 +29,25 @@
<div class="row"> <div class="row">
<!-- BEGIN stats --> <!-- BEGIN stats -->
<div class="col-lg-6"> <div class="col-lg-6">
<div class="panel panel-default"> <div class="panel panel-default stats">
<div class="panel-heading">{stats.name}</div> <div class="panel-heading">{stats.name}</div>
<div class="panel-body"> <div class="panel-body">
<div id="unique-visitors"> <div id="unique-visitors">
<div class="text-center pull-left"> <div class="text-center pull-left">
<span class="formatted-number">{stats.day}</span> <span class="formatted-number">{stats.day}</span>
<div>[[admin/general/dashboard:stats.day]]</div> <div class="stat">[[admin/general/dashboard:stats.day]]</div>
</div> </div>
<div class="text-center pull-left"> <div class="text-center pull-left">
<span class="formatted-number">{stats.week}</span> <span class="formatted-number">{stats.week}</span>
<div>[[admin/general/dashboard:stats.week]]</div> <div class="stat">[[admin/general/dashboard:stats.week]]</div>
</div> </div>
<div class="text-center pull-left"> <div class="text-center pull-left">
<span class="formatted-number">{stats.month}</span> <span class="formatted-number">{stats.month}</span>
<div>[[admin/general/dashboard:stats.month]]</div> <div class="stat">[[admin/general/dashboard:stats.month]]</div>
</div> </div>
<div class="text-center pull-left"> <div class="text-center pull-left">
<span class="formatted-number">{stats.alltime}</span> <span class="formatted-number">{stats.alltime}</span>
<div>[[admin/general/dashboard:stats.all]]</div> <div class="stat">[[admin/general/dashboard:stats.all]]</div>
</div> </div>
</div> </div>
</div> </div>
@@ -115,7 +115,6 @@
<div class="panel panel-default"> <div class="panel panel-default">
<div class="panel-heading">[[admin/general/dashboard:active-users]]</div> <div class="panel-heading">[[admin/general/dashboard:active-users]]</div>
<div class="panel-body"> <div class="panel-body">
<div id="active-users"></div>
</div> </div>
</div> </div>