discourse/app/assets/javascripts/admin/addon/components/admin-report-counters.gjs

import Component from "@ember/component";
import { attributeBindings, classNames } from "@ember-decorators/component";
import icon from "discourse/helpers/d-icon";
import number from "discourse/helpers/number";

@classNames("admin-report-counters")
@attributeBindings("model.description:title")
export default class AdminReportCounters extends Component {
  <template>
    <div class="cell title">
      {{#if this.model.icon}}
        {{icon this.model.icon}}
      {{/if}}
      <a href={{this.model.reportUrl}}>{{this.model.title}}</a>
    </div>

    <div class="cell value today-count">{{number this.model.todayCount}}</div>

    <div
      class="cell value yesterday-count {{this.model.yesterdayTrend}}"
      title={{this.model.yesterdayCountTitle}}
    >
      {{number this.model.yesterdayCount}}
      {{icon this.model.yesterdayTrendIcon}}
    </div>

    <div
      class="cell value sevendays-count {{this.model.sevenDaysTrend}}"
      title={{this.model.sevenDaysCountTitle}}
    >
      {{number this.model.lastSevenDaysCount}}
      {{icon this.model.sevenDaysTrendIcon}}
    </div>

    <div
      class="cell value thirty-days-count {{this.model.thirtyDaysTrend}}"
      title={{this.model.thirtyDaysCountTitle}}
    >
      {{number this.model.lastThirtyDaysCount}}

      {{#if this.model.canDisplayTrendIcon}}
        {{icon this.model.thirtyDaysTrendIcon}}
      {{/if}}
    </div>
  </template>
}