mirror/php-flarum
1
0
Fork 0
mirror of https://github.com/flarum/core.git synced 2025-08-04 15:37:51 +02:00
Code Issues 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
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 icon from 'flarum/helpers/icon';
import listItems from 'flarum/helpers/listItems'; import listItems from 'flarum/helpers/listItems';
import ItemList from 'flarum/utils/ItemList'; import ItemList from 'flarum/utils/ItemList';
import abbreviateNumber from 'flarum/utils/abbreviateNumber';
export default class StatisticsWidget extends DashboardWidget { export default class StatisticsWidget extends DashboardWidget {
init() { init() {
@@ -54,6 +55,7 @@ export default class StatisticsWidget extends DashboardWidget {
</div> </div>
{this.entities.map(entity => { {this.entities.map(entity => {
const totalCount = this.getTotalCount(entity);
const thisPeriodCount = this.getPeriodCount(entity, thisPeriod); const thisPeriodCount = this.getPeriodCount(entity, thisPeriod);
const lastPeriodCount = this.getPeriodCount(entity, this.getLastPeriod(thisPeriod)); const lastPeriodCount = this.getPeriodCount(entity, this.getLastPeriod(thisPeriod));
const periodChange = lastPeriodCount > 0 && (thisPeriodCount - lastPeriodCount) / lastPeriodCount * 100; const periodChange = lastPeriodCount > 0 && (thisPeriodCount - lastPeriodCount) / lastPeriodCount * 100;
@@ -61,9 +63,9 @@ export default class StatisticsWidget extends DashboardWidget {
return ( return (
<a className={'StatisticsWidget-entity'+(this.selectedEntity === entity ? ' active' : '')} onclick={this.changeEntity.bind(this, entity)}> <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> <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-total" title={totalCount}>{abbreviateNumber(totalCount)}</div>
<div className="StatisticsWidget-period"> <div className="StatisticsWidget-period" title={thisPeriodCount}>
{thisPeriodCount}{' '} {abbreviateNumber(thisPeriodCount)}{' '}
{periodChange ? ( {periodChange ? (
<span className={'StatisticsWidget-change StatisticsWidget-change--'+(periodChange > 0 ? 'up' : 'down')}> <span className={'StatisticsWidget-change StatisticsWidget-change--'+(periodChange > 0 ? 'up' : 'down')}>
{icon('arrow-'+(periodChange > 0 ? 'up' : 'down'))} {icon('arrow-'+(periodChange > 0 ? 'up' : 'down'))}