From 8fd4a98fbe08e2e1399aa616ecbf0b1330587f83 Mon Sep 17 00:00:00 2001
From: Mark McDowall <mark@mcdowall.ca>
Date: Thu, 15 Aug 2019 23:28:54 -0700
Subject: [PATCH] New: Sort by series year in series list

Closes #3245
---
 .../src/Series/Index/Table/SeriesIndexHeader.css    |  6 ++++++
 frontend/src/Series/Index/Table/SeriesIndexRow.css  |  6 ++++++
 frontend/src/Series/Index/Table/SeriesIndexRow.js   | 13 +++++++++++++
 frontend/src/Store/Actions/seriesIndexActions.js    |  6 ++++++
 4 files changed, 31 insertions(+)

diff --git a/frontend/src/Series/Index/Table/SeriesIndexHeader.css b/frontend/src/Series/Index/Table/SeriesIndexHeader.css
index fecf13396..6781ef951 100644
--- a/frontend/src/Series/Index/Table/SeriesIndexHeader.css
+++ b/frontend/src/Series/Index/Table/SeriesIndexHeader.css
@@ -66,6 +66,12 @@
   flex: 0 0 130px;
 }
 
+.year {
+  composes: headerCell from '~Components/Table/VirtualTableHeaderCell.css';
+
+  flex: 0 0 80px;
+}
+
 .path {
   composes: headerCell from '~Components/Table/VirtualTableHeaderCell.css';
 
diff --git a/frontend/src/Series/Index/Table/SeriesIndexRow.css b/frontend/src/Series/Index/Table/SeriesIndexRow.css
index b91805e90..c67a02479 100644
--- a/frontend/src/Series/Index/Table/SeriesIndexRow.css
+++ b/frontend/src/Series/Index/Table/SeriesIndexRow.css
@@ -105,6 +105,12 @@
   flex: 0 0 130px;
 }
 
+.year {
+  composes: cell;
+
+  flex: 0 0 80px;
+}
+
 .path {
   composes: cell;
 
diff --git a/frontend/src/Series/Index/Table/SeriesIndexRow.js b/frontend/src/Series/Index/Table/SeriesIndexRow.js
index 3723af5fe..3ed4dd078 100644
--- a/frontend/src/Series/Index/Table/SeriesIndexRow.js
+++ b/frontend/src/Series/Index/Table/SeriesIndexRow.js
@@ -94,6 +94,7 @@ class SeriesIndexRow extends Component {
       added,
       statistics,
       latestSeason,
+      year,
       path,
       genres,
       ratings,
@@ -342,6 +343,17 @@ class SeriesIndexRow extends Component {
               );
             }
 
+            if (name === 'year') {
+              return (
+                <VirtualTableRowCell
+                  key={name}
+                  className={styles[name]}
+                >
+                  {year}
+                </VirtualTableRowCell>
+              );
+            }
+
             if (name === 'path') {
               return (
                 <VirtualTableRowCell
@@ -503,6 +515,7 @@ SeriesIndexRow.propTypes = {
   added: PropTypes.string,
   statistics: PropTypes.object.isRequired,
   latestSeason: PropTypes.object,
+  year: PropTypes.number,
   path: PropTypes.string.isRequired,
   genres: PropTypes.arrayOf(PropTypes.string).isRequired,
   ratings: PropTypes.object.isRequired,
diff --git a/frontend/src/Store/Actions/seriesIndexActions.js b/frontend/src/Store/Actions/seriesIndexActions.js
index 64a356ba7..246380f86 100644
--- a/frontend/src/Store/Actions/seriesIndexActions.js
+++ b/frontend/src/Store/Actions/seriesIndexActions.js
@@ -132,6 +132,12 @@ export const defaultState = {
       isSortable: true,
       isVisible: false
     },
+    {
+      name: 'year',
+      label: 'Year',
+      isSortable: true,
+      isVisible: false
+    },
     {
       name: 'path',
       label: 'Path',