updated plugin tab labels, and added out of date plugin count

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;
 			}),

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>