FoodLoop-Web/src/app/snippets/org-snippet-bar.component.html

<div class="card">
  <div class="card-footer">
    <ul>
      <li class="hidden-sm-down">
        <div class="text-muted">Sales Total</div>
        <strong>{{ allSalesCount }}</strong>
      </li>
      <li class="hidden-sm-down">
        <div class="text-muted">Money Spent Total</div>
        <strong>{{ allPurchasesTotal | currency:'GBP':'symbol':'1.2-2'}}</strong>
      </li>
      <li class="hidden-sm-down">
        <div class="text-muted">Sales This Month</div>
        <strong>{{ thisMonthSalesCount }}</strong>
      </li>
      <li class="hidden-sm-down">
        <div class="text-muted">Money Spent This Month</div>
        <strong>{{ thisMonthPurchasesTotal | currency:'GBP':'symbol':'1.2-2'}}</strong>
      </li>
      <li class="hidden-sm-down">
        <div class="text-muted">Sales Today</div>
        <strong>{{ todaySalesCount }}</strong>
      </li>
      <li class="hidden-sm-down">
        <div class="text-muted">Average Transaction Today</div>
        <strong>{{ ( todaySalesTotal / todaySalesCount ) || 0 | currency:'GBP':'symbol':'1.2-2'}}</strong>
      </li>
    </ul>
  </div>
</div>