New: Added MinAvailability Option to UI

frontend/src/Movie/Index/Table/MovieIndexHeader.css

@@ -10,6 +10,12 @@
   flex: 4 0 110px;
 }
 
+.minimumAvailability {
+  composes: headerCell  from '~Components/Table/VirtualTableHeaderCell.css';
+
+  flex: 0 0 140px;
+}
+
 .studio {
   composes: headerCell from '~Components/Table/VirtualTableHeaderCell.css';
 

frontend/src/Movie/Index/Table/MovieIndexHeader.js

@@ -62,15 +62,19 @@ class MovieIndexHeader extends Component {
               return null;
             }
 
-            if (isMovieEditorActive && name === 'select') {
-              return (
-                <VirtualTableSelectAllHeaderCell
-                  key={name}
-                  allSelected={allSelected}
-                  allUnselected={allUnselected}
-                  onSelectAllChange={onSelectAllChange}
-                />
-              );
+            if (name === 'select') {
+              if (isMovieEditorActive) {
+                return (
+                  <VirtualTableSelectAllHeaderCell
+                    key={name}
+                    allSelected={allSelected}
+                    allUnselected={allUnselected}
+                    onSelectAllChange={onSelectAllChange}
+                  />
+                );
+              }
+
+              return null;
             }
 
             if (name === 'actions') {

frontend/src/Movie/Index/Table/MovieIndexRow.css

@@ -1,23 +1,36 @@
-.status {
+.cell {
   composes: cell from '~Components/Table/Cells/VirtualTableRowCell.css';
 
+  display: flex;
+  align-items: center;
+}
+
+.status {
+  composes: cell;
+
   flex: 0 0 60px;
 }
 
 .sortTitle {
-  composes: cell from '~Components/Table/Cells/VirtualTableRowCell.css';
+  composes: cell;
 
   flex: 4 0 110px;
 }
 
+.minimumAvailability {
+  composes: cell;
+
+  flex: 0 0 140px;
+}
+
 .studio {
-  composes: cell from '~Components/Table/Cells/VirtualTableRowCell.css';
+  composes: cell;
 
   flex: 2 0 90px;
 }
 
 .qualityProfileId {
-  composes: cell from '~Components/Table/Cells/VirtualTableRowCell.css';
+  composes: cell;
 
   flex: 1 0 125px;
 }
@@ -26,44 +39,44 @@
 .inCinemas,
 .physicalRelease,
 .genres {
-  composes: cell from '~Components/Table/Cells/VirtualTableRowCell.css';
+  composes: cell;
 
   flex: 0 0 180px;
 }
 
 .movieStatus,
 .certification {
-  composes: cell from '~Components/Table/Cells/VirtualTableRowCell.css';
+  composes: cell;
 
   flex: 0 0 100px;
 }
 
 .path {
-  composes: cell from '~Components/Table/Cells/VirtualTableRowCell.css';
+  composes: cell;
 
   flex: 1 0 150px;
 }
 
 .sizeOnDisk {
-  composes: cell from '~Components/Table/Cells/VirtualTableRowCell.css';
+  composes: cell;
 
   flex: 0 0 120px;
 }
 
 .ratings {
-  composes: headerCell from '~Components/Table/VirtualTableHeaderCell.css';
+  composes: cell;
 
   flex: 0 0 80px;
 }
 
 .tags {
-  composes: cell from '~Components/Table/Cells/VirtualTableRowCell.css';
+  composes: cell;
 
   flex: 1 0 60px;
 }
 
 .actions {
-  composes: cell from '~Components/Table/Cells/VirtualTableRowCell.css';
+  composes: cell;
 
   flex: 0 1 90px;
 }

frontend/src/Movie/Index/Table/MovieIndexRow.js

@@ -1,6 +1,7 @@
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
 // import getProgressBarKind from 'Utilities/Series/getProgressBarKind';
+import titleCase from 'Utilities/String/titleCase';
 import { icons } from 'Helpers/Props';
 import HeartRating from 'Components/HeartRating';
 import IconButton from 'Components/Link/IconButton';
@@ -73,6 +74,7 @@ class MovieIndexRow extends Component {
       added,
       inCinemas,
       physicalRelease,
+      minimumAvailability,
       path,
       genres,
       ratings,
@@ -201,6 +203,17 @@ class MovieIndexRow extends Component {
               );
             }
 
+            if (name === 'minimumAvailability') {
+              return (
+                <VirtualTableRowCell
+                  key={name}
+                  className={styles[name]}
+                >
+                  {titleCase(minimumAvailability)}
+                </VirtualTableRowCell>
+              );
+            }
+
             if (name === 'path') {
               return (
                 <VirtualTableRowCell
@@ -343,6 +356,7 @@ MovieIndexRow.propTypes = {
   added: PropTypes.string,
   inCinemas: PropTypes.string,
   physicalRelease: PropTypes.string,
+  minimumAvailability: PropTypes.string.isRequired,
   path: PropTypes.string.isRequired,
   genres: PropTypes.arrayOf(PropTypes.string).isRequired,
   ratings: PropTypes.object.isRequired,