From be9906167af6c8adff942db0f5dcee5a2f6de68a Mon Sep 17 00:00:00 2001
From: Joseph Schorr <joseph.schorr@coreos.com>
Date: Mon, 27 Apr 2015 14:43:55 -0400
Subject: [PATCH] Make repo pull and push counts on the info page be
 abbreviated

---
 .../directives/repo-view/repo-panel-info.html |  8 +++---
 static/js/directives/filters/abbreviated.js   | 26 +++++++++++++++++++
 2 files changed, 30 insertions(+), 4 deletions(-)
 create mode 100644 static/js/directives/filters/abbreviated.js

diff --git a/static/directives/repo-view/repo-panel-info.html b/static/directives/repo-view/repo-panel-info.html
index 3cef46919..5fdab5a4c 100644
--- a/static/directives/repo-view/repo-panel-info.html
+++ b/static/directives/repo-view/repo-panel-info.html
@@ -6,12 +6,12 @@
       <div class="stat-title">Repo Pulls</div>
 
       <div class="stat">
-        <div class="stat-value">{{ repository.stats.pulls.today }}</div>
+        <div class="stat-value">{{ repository.stats.pulls.today | abbreviated }}</div>
         <div class="stat-subtitle">Last 24 hours</div>
       </div>
 
       <div class="stat">
-        <div class="stat-value">{{ repository.stats.pulls.thirty_day }}</div>
+        <div class="stat-value">{{ repository.stats.pulls.thirty_day | abbreviated }}</div>
         <div class="stat-subtitle">Last 30 days</div>
       </div>
     </div>
@@ -21,12 +21,12 @@
       <div class="stat-title">Repo Pushes</div>
 
       <div class="stat">
-        <div class="stat-value">{{ repository.stats.pushes.today }}</div>
+        <div class="stat-value">{{ repository.stats.pushes.today | abbreviated }}</div>
         <div class="stat-subtitle">Last 24 hours</div>
       </div>
 
       <div class="stat">
-        <div class="stat-value">{{ repository.stats.pushes.thirty_day }}</div>
+        <div class="stat-value">{{ repository.stats.pushes.thirty_day | abbreviated }}</div>
         <div class="stat-subtitle">Last 30 days</div>
       </div>
     </div>
diff --git a/static/js/directives/filters/abbreviated.js b/static/js/directives/filters/abbreviated.js
new file mode 100644
index 000000000..bf95c2491
--- /dev/null
+++ b/static/js/directives/filters/abbreviated.js
@@ -0,0 +1,26 @@
+/**
+ * Filter which displays numbers with suffixes.
+ *
+ * Based on: https://gist.github.com/pedrorocha-net/9aa21d5f34d9cc15d18f
+ */
+angular.module('quay').filter('abbreviated', function() {
+  return function(number) {
+    if (number >= 10000000) {
+      return (number / 1000000).toFixed(0) + 'M'
+    }
+
+    if (number >= 1000000) {
+      return (number / 1000000).toFixed(1) + 'M'
+    }
+
+    if (number >= 10000) {
+      return (number / 1000).toFixed(0) + 'K'
+    }
+
+    if (number >= 1000) {
+      return (number / 1000).toFixed(1) + 'K'
+    }
+
+    return number
+  }
+});