Status and Sorting added to Series Editor

NzbDrone.Web/Content/Grid.css

@@ -68,10 +68,7 @@
     opacity: 0.7;
 }
 
-
-
-.episodeMissing
-{
+.episodeMissing, table.dataTable tr.series-ended {
     background-color: #f5d6d6;
 }
 

NzbDrone.Web/Content/SeriesEditor.css

@@ -18,7 +18,7 @@ table input[type="text"], table input[type="date"], table select {
 }
         
 td .path {
-    width: 300px;
+    width: 290px;
 }
         
 td .backlogSetting {

NzbDrone.Web/Views/Series/Editor.cshtml

@@ -28,7 +28,8 @@
                 <th width="110px">Season Folder</th>
                 <th width="110px">Backlog Status</th>
                 <th width="80px" title="Custom Start Date">Start Date</th>
-                <th width="310px">Path</th>
+                <th width="300px">Path</th>
+                <th style="width: 10px"></th>
             </tr>
         </thead>
         
@@ -62,10 +63,15 @@
                     <button id="series-editor-save" type="submit" class="save_button" disabled="disabled" title="Commit the settings from your series above to the database">
                         Save Changes
                     </button>
+                    
+                    
                 </th>
             </tr>
         </tfoot>
-    </table>
+</table>
+    
+@Html.CheckBox("highlightEnded", true)
+<label for="highlightEnded">Highlight Ended</label>
 }
 
 @section Scripts
@@ -79,19 +85,70 @@
                 "bPaginate": false,
                 "bLengthChange": false,
                 "bFilter": false,
-                "bSort": false,
+                "bSort": true,
                 "bInfo": false,
-                "bAutoWidth": false
+                "bAutoWidth": false,
+                "aaSorting": [[1, 'asc']],
+                "aoColumns": [
+                    { "bSortable": false },
+                    { "bSortable": true },
+                    { "bSortable": false },
+                    { "bSortable": false },
+                    { "bSortable": false },
+                    { "bSortable": false },
+                    { "bSortable": false },
+                    { "bSortable": false },
+                    { "bSortable": true }
+                ]
             });
             
             new FixedHeader(oTable, { "top": true, "left": false, "right": false, "bottom": true });
             
             $('.editToggle').enableCheckboxRangeSelection();
             
-            //$('.master-quality option[value=-10]').text('Quality...');
-            //$('.master-monitored option[value=-10]').text('Monitored...');
-            //$('.master-season-folder option[value=-10]').text('Season Folder...');
-            //$('.master-backlog-setting option[value=-10]').text('Backlog Setting...');
+            $(document).ready(function () {
+                var cookieValue = $.cookie("highlightEnded");
+
+                if (cookieValue == "true") {
+                    $('#highlightEnded').attr('checked', true);
+                    toggleHighlightEnded(true);
+                }
+
+                else {
+                    $('#highlightEnded').attr('checked', false);
+                    toggleHighlightEnded(false);
+                }
+
+                $('#highlightEnded').button();
+            });
+
+            $('#highlightEnded').on('change', function () {
+                var checked = $(this).attr('checked');
+                toggleHighlightEnded(checked);
+                toggleHighlightEndedCookie(checked);
+            });
+            
+            function toggleHighlightEnded(highlight) {
+                var ended = $('tr[data-status="Ended"]');
+
+                ended.each(function () {
+                    if (highlight) {
+                        $(this).addClass('series-ended');
+                    }
+
+                    else {
+                        $(this).removeClass('series-ended');
+                    }
+                });
+            }
+
+            function toggleHighlightEndedCookie(highlight) {
+                if (highlight)
+                    $.cookie("highlightEnded", true, { expires: 365 });
+
+                else
+                    $.cookie("highlightEnded", false, { expires: 365 });
+            }
         });
 
         $(document).on('change', '.editToggleMaster', function () {

NzbDrone.Web/Views/Series/EditorItem.cshtml

@@ -9,7 +9,7 @@
 
 @*SeriesId, Title, Quality, Monitored, Use Season Folder, Root Directory/Path*, Backlog Toggle*@
 
-<tr class="seriesEditRow">
+<tr class="seriesEditRow" data-status="@Model.Status">
     @using (Html.BeginCollectionItem("series"))
     {
         var idClean = ViewData.TemplateInfo.HtmlFieldPrefix.Replace('[', '_').Replace(']', '_');
@@ -23,5 +23,16 @@
         <td>@Html.DropDownListFor(m => m.BacklogSetting, new SelectList((List<KeyValuePair<int, string>>)ViewData["BacklogSettingTypes"], "Key", "Value", (int)Model.BacklogSetting), new { @class = "backlogSetting" })</td>
         <td>@Html.TextBoxFor(m => m.CustomStartDate, new { type = "date", @class = "start-date jQuery-datepicker" })</td>
         <td>@Html.TextBoxFor(m => m.Path, new { @class = "path" })</td>
+        <td>
+            @if (Model.Status == "Ended")
+            {
+                <img src="../../Content/Images/stop.png" width="24" height="24" alt="Ended" title="Ended" />
+            }
+            
+            else
+            {
+                <img src="../../Content/Images/play.png" width="24" height="24" alt="Active" title="Continuing" />
+            }
+        </td>
     }
 </tr>