From 077f90581b9ed12a816580c18eaaf111923b6a3b Mon Sep 17 00:00:00 2001
From: Julian Lam <julian@nodebb.org>
Date: Tue, 2 Aug 2016 14:57:25 -0400
Subject: [PATCH] updated plugin tab labels, and added out of date plugin count

---
 src/controllers/admin/plugins.js   |  6 ++++++
 src/views/admin/extend/plugins.tpl | 17 ++++++++++-------
 2 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/src/controllers/admin/plugins.js b/src/controllers/admin/plugins.js
index a4733e4c51..8cc06a5e63 100644
--- a/src/controllers/admin/plugins.js
+++ b/src/controllers/admin/plugins.js
@@ -37,6 +37,12 @@ pluginsController.get = function(req, res, next) {
 			installed: payload.compatible.filter(function(plugin) {
 				return plugin.installed;
 			}),
+			upgradeCount: payload.compatible.reduce(function(count, current) {
+				if (current.installed && current.outdated) {
+					++count;
+				}
+				return count;
+			}, 0),
 			download: payload.compatible.filter(function(plugin) {
 				return !plugin.installed;
 			}),
diff --git a/src/views/admin/extend/plugins.tpl b/src/views/admin/extend/plugins.tpl
index 730c2a56a0..58a8b90651 100644
--- a/src/views/admin/extend/plugins.tpl
+++ b/src/views/admin/extend/plugins.tpl
@@ -1,8 +1,11 @@
 <ul class="nav nav-pills">
-	<li class="active"><a href="#installed" data-toggle="tab">Installed Plugins</a></li>
-	<li><a href="#active" data-toggle="tab">Active Plugins</a></li>
-	<li><a href="#download" data-toggle="tab">Download Plugins</a></li>
-	<li><a href="#upgrade" data-toggle="tab">Upgradable Plugins</a></li>
+	<li class="active"><a href="#installed" data-toggle="tab">Installed</a></li>
+	<li><a href="#active" data-toggle="tab">Active</a></li>
+	<li><a href="#upgrade" data-toggle="tab">
+		Out of Date
+		<span class="badge">{../upgradeCount}</span>
+	</a></li>
+	<li><a href="#download" data-toggle="tab">Find Plugins</a></li>
 </ul>
 <br />
 
@@ -19,6 +22,9 @@
 			<div class="tab-pane fade" id="active">
 				<ul class="active"></ul>
 			</div>
+			<div class="tab-pane fade" id="upgrade">
+				<ul class="upgrade"></ul>
+			</div>
 			<div class="tab-pane fade" id="download">
 				<ul class="download">
 					<!-- BEGIN download -->
@@ -26,9 +32,6 @@
 					<!-- END download -->
 				</ul>
 			</div>
-			<div class="tab-pane fade" id="upgrade">
-				<ul class="upgrade"></ul>
-			</div>
 		</div>
 	</div>