Show no activity when no activity for episode

src/UI/Episode/Activity/EpisodeActivityLayout.js

@@ -8,8 +8,9 @@ define(
         'Cells/EventTypeCell',
         'Cells/QualityCell',
         'Cells/RelativeDateCell',
+        'Episode/Activity/NoActivityView',
         'Shared/LoadingView'
-    ], function (App, Marionette, Backgrid, HistoryCollection, EventTypeCell, QualityCell, RelativeDateCell, LoadingView) {
+    ], function (App, Marionette, Backgrid, HistoryCollection, EventTypeCell, QualityCell, RelativeDateCell, NoActivityView, LoadingView) {
 
         return Marionette.Layout.extend({
             template: 'Episode/Activity/EpisodeActivityLayoutTemplate',
@@ -57,11 +58,17 @@ define(
             },
 
             _showTable: function () {
-                this.activityTable.show(new Backgrid.Grid({
+                if (this.collection.any()) {
-                    collection: this.collection,
+                    this.activityTable.show(new Backgrid.Grid({
-                    columns   : this.columns,
+                        collection: this.collection,
-                    className : 'table table-hover table-condensed'
+                        columns   : this.columns,
-                }));
+                        className : 'table table-hover table-condensed'
+                    }));
+                }
+
+                else {
+                    this.activityTable.show(new NoActivityView());
+                }
             }
         });
     });

src/UI/Episode/Activity/NoActivityView.js

@@ -0,0 +1,11 @@
+'use strict';
+define(
+    [
+        'marionette'
+    ], function (Marionette) {
+
+        return Marionette.ItemView.extend({
+            template: 'Episode/Activity/NoActivityViewTemplate'
+        });
+
+    });

src/UI/Episode/Activity/NoActivityViewTemplate.html

@@ -0,0 +1,3 @@
+<p class="text-warning">
+    No activity for this episode.
+</p>