add liquid filter to format number

GSA · Dec 4, 2024 · b04697f · b04697f
1 parent ee4744e
commit b04697f
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 3 deletions.
diff --git a/.eleventy.js b/.eleventy.js
@@ -135,6 +135,14 @@ module.exports = function (config) {
         pathPrefix = process.env.BASEURL;
     }
 
+    // add a liquid filter to separate numbers with commas
+    config.addLiquidFilter('toLocaleString', (string) => {
+        if (!isNaN(string)) {
+            string = parseFloat(string);
+        }
+        return string.toLocaleString('en', { useGrouping: true });
+    });
+
     // Set image shortcodes
     config.addLiquidShortcode('download', downloadShortCode);
     config.addLiquidShortcode('image', imageShortcode);

diff --git a/pages/metrics/metrics.html b/pages/metrics/metrics.html
@@ -50,7 +50,7 @@ <h6 class="usa-heading">Report Date: {{ metrics.end_date}} </h6>
     <div class="grid-row grid-gap-lg {{cacheKey}}">
       <div class="grid-col-12">
         <h4>{{block.meta.title}}</h4>
-        <h3>{{ block.data[1] }}</h3>
+        <h3>{{ block.data[1] | toLocaleString }}</h3>
       </div>
     </div>
     <div class="mt-3"></div>
@@ -92,7 +92,7 @@ <h4>{{block.meta.title}}</h4>
               <td>{{column}}</td>
               {%- endif -%}
             {%- else -%}
-            <td>{{column}}</td>
+            <td align="right">{{column | toLocaleString}}</td>
             {%- endif -%}
             {%- endif -%}
             {% endfor %}

diff --git a/pages/metrics/metrics_per-org.html b/pages/metrics/metrics_per-org.html
@@ -60,7 +60,7 @@ <h4>{{block.meta.title}}</h4>
             {%- endif -%}
 
             {%- else -%}
-            <td>{{column}}</td>
+            <td align="right">{{column | toLocaleString}}</td>
             {%- endif -%}
             {%- endif -%}
             {% endfor %}