added the ability to display completed items point total sprints

app/view/backlog/index.html

@@ -107,6 +107,7 @@
 								<div class="panel-body {{ @key ? 'collapse' : 'in' }}" id="panel-{{ @sprint.id }}">
 									<div class="panel-head-points text-muted">
 										<span>{{ @dict.backlog_points }}:</span>
+										<span class="points-label-completed">0</span> /
 										<span class="points-label">0</span>
 									</div>
 									<ul class="list-group sortable" data-list-id="{{ @sprint.id }}">

js/backlog.js

@@ -21,6 +21,7 @@ function getQueryVariable(variable) {
 
 function refreshPoints(){
 	$('.panel').each(function() {
+		// calculates total points in the backlog and sprints
 		var points = 0;
 		$('.list-group-item:not(.hidden-group):not(.hidden-type)', this).each(function() {
 			var val = parseInt($(this).attr('data-points'), 10);
@@ -28,14 +29,32 @@ function refreshPoints(){
 				points += val;
 			}
 		});
+		
+		// calculates completed points in sprints
+		var completedPoints = 0;
+		$('.list-group-item.completed:not(.hidden-group):not(.hidden-type)', this).each(function() {
+			var cval = parseInt($(this).attr('data-points'), 10);
+			if (cval > 0) {
+				completedPoints += cval;
+			}
+		});
+		
+		// if no total points than hide points displayed
 		if (points) {
 			$('.panel-head-points', this).show();
 		} else {
 			$('.panel-head-points', this).hide();
 		}
+		
+		// adds points to span
 		$(".points-label", this).text(points);
+		
+		// adds completed points to span
+		$(".points-label-completed", this).text(completedPoints);
 	});
-}
+	$('.panel').each(function() {
+	});
+};
 
 var Backlog = {
 	init: function() {