From eefd67fbd29269190105bce05b8ac4203eb3ca88 Mon Sep 17 00:00:00 2001
From: Zarino Zappia <mail@zarino.co.uk>
Date: Thu, 14 Mar 2024 16:43:04 +0000
Subject: [PATCH] Thousands separators for large numbers on Area page

---
 hub/templates/hub/area.html | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/hub/templates/hub/area.html b/hub/templates/hub/area.html
index 2988981f7..e03160c2c 100644
--- a/hub/templates/hub/area.html
+++ b/hub/templates/hub/area.html
@@ -495,9 +495,9 @@ <h3 class="h5">{{ dataset.label }}</h3>
                             <span>{{ dataset.data.value.link_text|safe }}</span>
                         </a>
                       {% elif dataset.data_type == "integer" %}
-                        <p class="card-text mb-0 display-6 lh-1 text-primary">{{ dataset.data.value }}</p>
+                        <p class="card-text mb-0 display-6 lh-1 text-primary">{{ dataset.data.value|intcomma }}</p>
                         {% if data.data.average %}
-                        <p class="card-text mt-2 text-muted">{{dataset.data.average|floatformat }} national average</p>
+                        <p class="card-text mt-2 text-muted">{{dataset.data.average|intcomma }} national average</p>
                         {% endif %}
                       {% elif dataset.is_range and dataset.data|length > 0 %}
                         <table class="table mb-0 js-chart" data-chart-type="bar" data-chart-direction="y">
@@ -585,7 +585,7 @@ <h3 class="h5">{{ dataset.label }}</h3>
                         <p class="card-text mt-2 text-muted">{{dataset.data.average|floatformat }}% national average</p>
                       {% elif dataset.data_type == "integer" %}
                         {% if dataset.related_category %}
-                        <p class="card-text mb-3 display-6 lh-1 text-primary">{{ dataset.data.value }}</p>
+                        <p class="card-text mb-3 display-6 lh-1 text-primary">{{ dataset.data.value|intcomma }}</p>
                         <ul class="tag-cloud">
                             {% if dataset.related_category.subcategory == "groups" %}
                               {% for data in dataset.related_category.data.value %} 
@@ -606,8 +606,8 @@ <h3 class="h5">{{ dataset.label }}</h3>
                             {% endif %}
                         </ul>
                         {% else %}
-                        <p class="card-text mb-0 display-6 lh-1 text-primary">{{ dataset.data.value }}</p>
-                        <p class="card-text mt-2 text-muted">{{dataset.data.average|floatformat }} national average</p>
+                        <p class="card-text mb-0 display-6 lh-1 text-primary">{{ dataset.data.value|intcomma }}</p>
+                        <p class="card-text mt-2 text-muted">{{dataset.data.average|intcomma }} national average</p>
                         {% endif %}
                       {% elif dataset.is_range %}
                         <table class="table mb-0">