github-mirror/framework
github-mirror/framework
2
0
Fork 0
mirror of https://github.com/flarum/framework.git synced 2025-03-22 21:15:16 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Abbreviate numbers

Browse Source
This commit is contained in:
Toby Zerner 2017-12-10 21:26:42 +10:30
parent a595d9e846
commit 1780448e70
1 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
extensions/statistics/js/admin/src/components/StatisticsWidget.js
View File

@ -13,6 +13,7 @@ import Button from 'flarum/components/Button';
import icon from 'flarum/helpers/icon';
import listItems from 'flarum/helpers/listItems';
import ItemList from 'flarum/utils/ItemList';
import abbreviateNumber from 'flarum/utils/abbreviateNumber';
export default class StatisticsWidget extends DashboardWidget {
init() {
@ -54,6 +55,7 @@ export default class StatisticsWidget extends DashboardWidget {
</div>
{this.entities.map(entity => {
const totalCount = this.getTotalCount(entity);
const thisPeriodCount = this.getPeriodCount(entity, thisPeriod);
const lastPeriodCount = this.getPeriodCount(entity, this.getLastPeriod(thisPeriod));
const periodChange = lastPeriodCount > 0 && (thisPeriodCount - lastPeriodCount) / lastPeriodCount * 100;
@ -61,9 +63,9 @@ export default class StatisticsWidget extends DashboardWidget {
return (
<a className={'StatisticsWidget-entity'+(this.selectedEntity === entity ? ' active' : '')} onclick={this.changeEntity.bind(this, entity)}>
<h3 className="StatisticsWidget-heading">{app.translator.trans('flarum-statistics.admin.statistics.'+entity+'_heading')}</h3>
<div className="StatisticsWidget-total">{this.getTotalCount(entity)}</div>
<div className="StatisticsWidget-period">
{thisPeriodCount}{' '}
<div className="StatisticsWidget-total" title={totalCount}>{abbreviateNumber(totalCount)}</div>
<div className="StatisticsWidget-period" title={thisPeriodCount}>
{abbreviateNumber(thisPeriodCount)}{' '}
{periodChange ? (
<span className={'StatisticsWidget-change StatisticsWidget-change--'+(periodChange > 0 ? 'up' : 'down')}>
{icon('arrow-'+(periodChange > 0 ? 'up' : 'down'))}