Posters view added for series

UI/Series/Index/Posters/CollectionTemplate.html

@@ -0,0 +1,5 @@
+<div class="row">
+    <div class="span12">
+        <ul id="x-series-posters" class="series-posters"></ul>
+    </div>
+</div>

UI/Series/Index/Posters/CollectionView.js

@@ -0,0 +1,17 @@
+'use strict';
+
+define(['app', 'Quality/QualityProfileCollection', 'Series/Index/Posters/ItemView', 'Config'], function (app, qualityProfileCollection) {
+
+    NzbDrone.Series.Index.Posters.CollectionView = Backbone.Marionette.CompositeView.extend({
+        itemView                : NzbDrone.Series.Index.Posters.ItemView,
+        itemViewContainer       : '#x-series-posters',
+        template                : 'Series/Index/Posters/CollectionTemplate',
+        qualityProfileCollection: qualityProfileCollection,
+
+        initialize: function () {
+            this.qualityProfileCollection.fetch();
+
+            this.itemViewOptions = { qualityProfiles: this.qualityProfileCollection };
+        }
+    });
+});

UI/Series/Index/Posters/ItemTemplate.html

@@ -0,0 +1,29 @@
+<div class="series-posters-item">
+    <div class="row">
+        <div class="span2">
+            <a href="/series/details/{{titleSlug}}" target="_blank" class="center">
+                <img class="series-poster img-polaroid" src="{{poster}}">
+            </a>
+
+            <div class="center">{{title}}</div>
+
+            <div class="center">
+                {{#if isContinuing}}
+                    {{#if bestDateString}}
+                        <span class="label">{{bestDateString}}</span>
+                    {{else}}
+                        <span class="label label-inverse">{{statusText}}</span>
+                    {{/if}}
+                    <span class="label label-info">Season {{seasonCount}}</span>
+                {{else}}
+                    <span class="label label-info">{{seasonCount}} Seasons</span>
+                {{/if}}
+            </div>
+
+            <!--<div class="progress">-->
+                <!--<span class="progressbar-back-text">{{episodeFileCount}} / {{episodeCount}}</span>-->
+                <!--<div class="bar" style="width:{{percentOfEpisodes}}%"><span class="progressbar-front-text">{{episodeFileCount}} / {{episodeCount}}</span></div>-->
+            <!--</div>-->
+        </div>
+    </div>
+</div>

UI/Series/Index/Posters/ItemView.js

@@ -0,0 +1,45 @@
+'use strict';
+
+define([
+    'app',
+    'Quality/QualityProfileCollection',
+    'Series/SeriesCollection',
+    'Series/Edit/EditSeriesView',
+    'Series/Delete/DeleteSeriesView'
+
+], function () {
+
+    NzbDrone.Series.Index.Posters.ItemView = Backbone.Marionette.ItemView.extend({
+        tagName : 'li',
+        template: 'Series/Index/Posters/ItemTemplate',
+
+
+        ui: {
+            'progressbar': '.progress .bar'
+        },
+
+        events: {
+            'click .x-edit'  : 'editSeries',
+            'click .x-remove': 'removeSeries'
+        },
+
+        initialize: function (options) {
+            this.qualityProfileCollection = options.qualityProfiles;
+        },
+
+        editSeries: function () {
+            var view = new NzbDrone.Series.Edit.EditSeriesView({ model: this.model});
+
+            NzbDrone.vent.trigger(NzbDrone.Events.OpenModalDialog, {
+                view: view
+            });
+        },
+
+        removeSeries: function () {
+            var view = new NzbDrone.Series.Delete.DeleteSeriesView({ model: this.model });
+            NzbDrone.vent.trigger(NzbDrone.Events.OpenModalDialog, {
+                view: view
+            });
+        }
+    });
+});