Series episode count legend added

UI/Series/Index/LegendView.js

@@ -0,0 +1,9 @@
+'use strict';
+define(
+    [
+        'marionette'
+    ], function (Marionette) {
+        return Marionette.CompositeView.extend({
+            template: 'Series/Index/LegendViewTemplate'
+        });
+    });

UI/Series/Index/LegendViewTemplate.html

@@ -0,0 +1,7 @@
+<div class="legend">
+    <ul class='legend-labels'>
+        <li><span class="progress-primary"></span>Continuing (All Episodes downloaded)</li>
+        <li><span class="progress-success"></span>Ended (All Episodes downloaded)</li>
+        <li><span class="progress-danger"></span>Missing Episodes</li>
+    </ul>
+</div>

UI/Series/Index/SeriesIndexLayout.js

@@ -12,6 +12,7 @@ define(
         'Cells/QualityProfileCell',
         'Series/Index/Table/SeriesStatusCell',
         'Series/Index/Table/Row',
+        'Series/Index/LegendView',
         'Shared/Toolbar/ToolbarLayout',
         'Shared/LoadingView'
     ], function (Marionette,
@@ -25,6 +26,7 @@ define(
                  QualityProfileCell,
                  SeriesStatusCell,
                  SeriesIndexRow,
+                 LegendView,
                  ToolbarLayout,
                  LoadingView) {
         return Marionette.Layout.extend({
@@ -32,7 +34,8 @@ define(
 
             regions: {
                 seriesRegion: '#x-series',
-                toolbar     : '#x-toolbar'
+                toolbar     : '#x-toolbar',
+                legend : '#x-legend'
             },
 
             columns:
@@ -152,6 +155,7 @@ define(
                 else {
                     this.currentView.collection = SeriesCollection;
                     this.seriesRegion.show(this.currentView);
+                    this.legend.show(new LegendView());
 
                     this._showToolbar();
                 }

UI/Series/Index/SeriesIndexLayoutTemplate.html

@@ -4,3 +4,8 @@
         <div id="x-series"></div>
     </div>
 </div>
+<div class="row">
+    <div class="span12">
+        <div id="x-legend"></div>
+    </div>
+</div>