Added series index selection

frontend/src/Series/Index/Posters/SeriesIndexPoster.tsx

@@ -9,6 +9,7 @@ import { icons } from 'Helpers/Props';
 import DeleteSeriesModal from 'Series/Delete/DeleteSeriesModal';
 import EditSeriesModalConnector from 'Series/Edit/EditSeriesModalConnector';
 import SeriesIndexProgressBar from 'Series/Index/ProgressBar/SeriesIndexProgressBar';
+import SeriesIndexPosterSelect from 'Series/Index/Select/SeriesIndexPosterSelect';
 import SeriesPoster from 'Series/SeriesPoster';
 import { executeCommand } from 'Store/Actions/commandActions';
 import createUISettingsSelector from 'Store/Selectors/createUISettingsSelector';
@@ -21,12 +22,13 @@ import styles from './SeriesIndexPoster.css';
 interface SeriesIndexPosterProps {
   seriesId: number;
   sortKey: string;
+  isSelectMode: boolean;
   posterWidth: number;
   posterHeight: number;
 }
 
 function SeriesIndexPoster(props: SeriesIndexPosterProps) {
-  const { seriesId, sortKey, posterWidth, posterHeight } = props;
+  const { seriesId, sortKey, isSelectMode, posterWidth, posterHeight } = props;
 
   const { series, qualityProfile, isRefreshingSeries, isSearchingSeries } =
     useSelector(createSeriesIndexItemSelector(props.seriesId));
@@ -120,6 +122,8 @@ function SeriesIndexPoster(props: SeriesIndexPosterProps) {
   return (
     <div className={styles.content}>
       <div className={styles.posterContainer}>
+        {isSelectMode ? <SeriesIndexPosterSelect seriesId={seriesId} /> : null}
+
         <Label className={styles.controls}>
           <SpinnerIconButton
             className={styles.action}

frontend/src/Series/Index/Posters/SeriesIndexPosters.tsx

@@ -36,6 +36,7 @@ interface CellItemData {
   };
   items: Series[];
   sortKey: string;
+  isSelectMode: boolean;
 }
 
 interface SeriesIndexPostersProps {
@@ -45,6 +46,7 @@ interface SeriesIndexPostersProps {
   jumpToCharacter?: string;
   scrollTop?: number;
   scrollerRef: React.MutableRefObject<HTMLElement>;
+  isSelectMode: boolean;
   isSmallScreen: boolean;
 }
 
@@ -63,10 +65,8 @@ const Cell: React.FC<GridChildComponentProps<CellItemData>> = ({
   style,
   data,
 }) => {
-  const { layout, items, sortKey } = data;
-
+  const { layout, items, sortKey, isSelectMode } = data;
   const { columnCount, padding, posterWidth, posterHeight } = layout;
-
   const index = rowIndex * columnCount + columnIndex;
 
   if (index >= items.length) {
@@ -85,6 +85,7 @@ const Cell: React.FC<GridChildComponentProps<CellItemData>> = ({
       <SeriesIndexPoster
         seriesId={series.id}
         sortKey={sortKey}
+        isSelectMode={isSelectMode}
         posterWidth={posterWidth}
         posterHeight={posterHeight}
       />
@@ -97,7 +98,14 @@ function getWindowScrollTopPosition() {
 }
 
 export default function SeriesIndexPosters(props: SeriesIndexPostersProps) {
-  const { scrollerRef, items, sortKey, jumpToCharacter, isSmallScreen } = props;
+  const {
+    scrollerRef,
+    items,
+    sortKey,
+    jumpToCharacter,
+    isSelectMode,
+    isSmallScreen,
+  } = props;
 
   const { posterOptions } = useSelector(seriesIndexSelector);
   const ref: React.MutableRefObject<Grid> = useRef();
@@ -273,6 +281,7 @@ export default function SeriesIndexPosters(props: SeriesIndexPostersProps) {
           },
           items,
           sortKey,
+          isSelectMode,
         }}
       >
         {Cell}