New: Combine mass editor and author editor, enable book editor

frontend/src/Author/Index/Posters/AuthorIndexPoster.css

@@ -78,6 +78,13 @@ $hoverScale: 1.05;
   color: $white;
 }
 
+.editorSelect {
+  position: absolute;
+  top: 10px;
+  left: 10px;
+  z-index: 4;
+}
+
 .controls {
   position: absolute;
   bottom: 10px;

frontend/src/Author/Index/Posters/AuthorIndexPoster.js

@@ -4,6 +4,7 @@ import AuthorPoster from 'Author/AuthorPoster';
 import DeleteAuthorModal from 'Author/Delete/DeleteAuthorModal';
 import EditAuthorModalConnector from 'Author/Edit/EditAuthorModalConnector';
 import AuthorIndexProgressBar from 'Author/Index/ProgressBar/AuthorIndexProgressBar';
+import CheckInput from 'Components/Form/CheckInput';
 import Label from 'Components/Label';
 import IconButton from 'Components/Link/IconButton';
 import Link from 'Components/Link/Link';
@@ -63,6 +64,15 @@ class AuthorIndexPoster extends Component {
     }
   }
 
+  onChange = ({ value, shiftKey }) => {
+    const {
+      id,
+      onSelectedChange
+    } = this.props;
+
+    onSelectedChange({ id, value, shiftKey });
+  }
+
   //
   // Render
 
@@ -92,6 +102,9 @@ class AuthorIndexPoster extends Component {
       isSearchingAuthor,
       onRefreshAuthorPress,
       onSearchPress,
+      isEditorActive,
+      isSelected,
+      onSelectedChange,
       ...otherProps
     } = this.props;
 
@@ -120,6 +133,18 @@ class AuthorIndexPoster extends Component {
       <div>
         <div className={styles.content}>
           <div className={styles.posterContainer}>
+            {
+              isEditorActive &&
+                <div className={styles.editorSelect}>
+                  <CheckInput
+                    className={styles.checkInput}
+                    name={id.toString()}
+                    value={isSelected}
+                    onChange={this.onChange}
+                  />
+                </div>
+            }
+
             <Label className={styles.controls}>
               <SpinnerIconButton
                 className={styles.action}
@@ -282,7 +307,10 @@ AuthorIndexPoster.propTypes = {
   isRefreshingAuthor: PropTypes.bool.isRequired,
   isSearchingAuthor: PropTypes.bool.isRequired,
   onRefreshAuthorPress: PropTypes.func.isRequired,
-  onSearchPress: PropTypes.func.isRequired
+  onSearchPress: PropTypes.func.isRequired,
+  isEditorActive: PropTypes.bool.isRequired,
+  isSelected: PropTypes.bool,
+  onSelectedChange: PropTypes.func.isRequired
 };
 
 AuthorIndexPoster.defaultProps = {

frontend/src/Author/Index/Posters/AuthorIndexPosters.js

@@ -116,7 +116,9 @@ class AuthorIndexPosters extends Component {
       posterOptions,
       jumpToCharacter,
       isSmallScreen,
-      scrollTop
+      isEditorActive,
+      scrollTop,
+      selectedState
     } = this.props;
 
     const {
@@ -138,6 +140,8 @@ class AuthorIndexPosters extends Component {
             prevState.columnCount !== columnCount ||
             prevState.rowHeight !== rowHeight ||
             hasDifferentItemsOrOrder(prevProps.items, items)) ||
+            prevProps.isEditorActive !== isEditorActive ||
+            prevProps.selectedState !== selectedState ||
             prevProps.posterOptions.showTitle !== posterOptions.showTitle) {
       // recomputeGridSize also forces Grid to discard its cache of rendered cells
       this._grid.recomputeGridSize();
@@ -198,7 +202,10 @@ class AuthorIndexPosters extends Component {
       posterOptions,
       showRelativeDates,
       shortDateFormat,
-      timeFormat
+      timeFormat,
+      selectedState,
+      isEditorActive,
+      onSelectedChange
     } = this.props;
 
     const {
@@ -246,6 +253,9 @@ class AuthorIndexPosters extends Component {
           authorId={author.id}
           qualityProfileId={author.qualityProfileId}
           metadataProfileId={author.metadataProfileId}
+          isSelected={selectedState[author.id]}
+          onSelectedChange={onSelectedChange}
+          isEditorActive={isEditorActive}
         />
       </div>
     );
@@ -328,7 +338,10 @@ AuthorIndexPosters.propTypes = {
   showRelativeDates: PropTypes.bool.isRequired,
   shortDateFormat: PropTypes.string.isRequired,
   isSmallScreen: PropTypes.bool.isRequired,
-  timeFormat: PropTypes.string.isRequired
+  timeFormat: PropTypes.string.isRequired,
+  selectedState: PropTypes.object.isRequired,
+  onSelectedChange: PropTypes.func.isRequired,
+  isEditorActive: PropTypes.bool.isRequired
 };
 
 export default AuthorIndexPosters;