New: Monitor New Seasons column for series list

Closes #7311

frontend/src/Series/Index/Table/SeriesIndexRow.css

@@ -148,6 +148,12 @@
   flex: 0 0 145px;
 }
 
+.monitorNewItems {
+  composes: cell;
+
+  flex: 0 0 175px;
+}
+
 .actions {
   composes: cell;
 

frontend/src/Series/Index/Table/SeriesIndexRow.css.d.ts

@@ -14,6 +14,7 @@ interface CssExports {
   'genres': string;
   'latestSeason': string;
   'link': string;
+  'monitorNewItems': string;
   'network': string;
   'nextAiring': string;
   'originalLanguage': string;

frontend/src/Series/Index/Table/SeriesIndexRow.tsx

@@ -55,6 +55,7 @@ function SeriesIndexRow(props: SeriesIndexRowProps) {
   const {
     title,
     monitored,
+    monitorNewItems,
     status,
     path,
     titleSlug,
@@ -450,6 +451,16 @@ function SeriesIndexRow(props: SeriesIndexRowProps) {
           );
         }
 
+        if (name === 'monitorNewItems') {
+          return (
+            <VirtualTableRowCell key={name} className={styles[name]}>
+              {monitorNewItems === 'all'
+                ? translate('SeasonsMonitoredAll')
+                : translate('SeasonsMonitoredNone')}
+            </VirtualTableRowCell>
+          );
+        }
+
         if (name === 'actions') {
           return (
             <VirtualTableRowCell key={name} className={styles[name]}>

frontend/src/Series/Index/Table/SeriesIndexTableHeader.css

@@ -109,6 +109,12 @@
   flex: 0 0 145px;
 }
 
+.monitorNewItems {
+  composes: headerCell from '~Components/Table/VirtualTableHeaderCell.css';
+
+  flex: 0 0 175px;
+}
+
 .actions {
   composes: headerCell from '~Components/Table/VirtualTableHeaderCell.css';
 

frontend/src/Series/Index/Table/SeriesIndexTableHeader.css.d.ts

@@ -10,6 +10,7 @@ interface CssExports {
   'episodeProgress': string;
   'genres': string;
   'latestSeason': string;
+  'monitorNewItems': string;
   'network': string;
   'nextAiring': string;
   'originalLanguage': string;

frontend/src/Store/Actions/seriesIndexActions.js

@@ -194,6 +194,12 @@ export const defaultState = {
       isSortable: true,
       isVisible: false
     },
+    {
+      name: 'monitorNewItems',
+      label: () => translate('MonitorNewSeasons'),
+      isSortable: true,
+      isVisible: false
+    },
     {
       name: 'actions',
       columnLabel: () => translate('Actions'),
@@ -274,6 +280,10 @@ export const defaultState = {
       const { ratings = {} } = item;
 
       return ratings.value;
+    },
+
+    monitorNewItems: function(item) {
+      return item.monitorNewItems === 'all' ? 1 : 0;
     }
   },