From 3de65daf85f250f6fdfc4c424885920e1ec8f60e Mon Sep 17 00:00:00 2001
From: Qstick <qstick@gmail.com>
Date: Tue, 25 Feb 2020 20:30:42 -0500
Subject: [PATCH] New: Runtime Column/Filter on Movie Index

Fixes #4131
---
 frontend/src/Movie/Index/Table/MovieIndexHeader.css |  1 +
 frontend/src/Movie/Index/Table/MovieIndexRow.css    |  1 +
 frontend/src/Movie/Index/Table/MovieIndexRow.js     | 13 +++++++++++++
 frontend/src/Store/Actions/movieIndexActions.js     | 11 +++++++++++
 4 files changed, 26 insertions(+)

diff --git a/frontend/src/Movie/Index/Table/MovieIndexHeader.css b/frontend/src/Movie/Index/Table/MovieIndexHeader.css
index dadaf57ac..e2f232607 100644
--- a/frontend/src/Movie/Index/Table/MovieIndexHeader.css
+++ b/frontend/src/Movie/Index/Table/MovieIndexHeader.css
@@ -32,6 +32,7 @@
 .added,
 .inCinemas,
 .physicalRelease,
+.runtime,
 .genres {
   composes: headerCell from '~Components/Table/VirtualTableHeaderCell.css';
 
diff --git a/frontend/src/Movie/Index/Table/MovieIndexRow.css b/frontend/src/Movie/Index/Table/MovieIndexRow.css
index 3e443cc56..180406b6b 100644
--- a/frontend/src/Movie/Index/Table/MovieIndexRow.css
+++ b/frontend/src/Movie/Index/Table/MovieIndexRow.css
@@ -39,6 +39,7 @@
 .added,
 .inCinemas,
 .physicalRelease,
+.runtime,
 .genres {
   composes: cell;
 
diff --git a/frontend/src/Movie/Index/Table/MovieIndexRow.js b/frontend/src/Movie/Index/Table/MovieIndexRow.js
index cd7b0a04b..933d65302 100644
--- a/frontend/src/Movie/Index/Table/MovieIndexRow.js
+++ b/frontend/src/Movie/Index/Table/MovieIndexRow.js
@@ -71,6 +71,7 @@ class MovieIndexRow extends Component {
       added,
       inCinemas,
       physicalRelease,
+      runtime,
       minimumAvailability,
       path,
       sizeOnDisk,
@@ -212,6 +213,17 @@ class MovieIndexRow extends Component {
               );
             }
 
+            if (name === 'runtime') {
+              return (
+                <VirtualTableRowCell
+                  key={name}
+                  className={styles[name]}
+                >
+                  {runtime} Minutes
+                </VirtualTableRowCell>
+              );
+            }
+
             if (name === 'minimumAvailability') {
               return (
                 <VirtualTableRowCell
@@ -376,6 +388,7 @@ MovieIndexRow.propTypes = {
   added: PropTypes.string,
   inCinemas: PropTypes.string,
   physicalRelease: PropTypes.string,
+  runtime: PropTypes.number,
   minimumAvailability: PropTypes.string.isRequired,
   path: PropTypes.string.isRequired,
   sizeOnDisk: PropTypes.number.isRequired,
diff --git a/frontend/src/Store/Actions/movieIndexActions.js b/frontend/src/Store/Actions/movieIndexActions.js
index ff5534b1e..87a8a04eb 100644
--- a/frontend/src/Store/Actions/movieIndexActions.js
+++ b/frontend/src/Store/Actions/movieIndexActions.js
@@ -114,6 +114,12 @@ export const defaultState = {
       isSortable: true,
       isVisible: false
     },
+    {
+      name: 'runtime',
+      label: 'Runtime',
+      isSortable: true,
+      isVisible: false
+    },
     {
       name: 'minimumAvailability',
       label: 'Min Availability',
@@ -272,6 +278,11 @@ export const defaultState = {
       type: filterBuilderTypes.DATE,
       valueType: filterBuilderValueTypes.DATE
     },
+    {
+      name: 'runtime',
+      label: 'Runtime',
+      type: filterBuilderTypes.NUMBER
+    },
     {
       name: 'path',
       label: 'Path',