New: Use Goodreads directly, allow multiple editions of a book (new DB required)

frontend/src/Book/Edit/EditBookModal.js

@@ -0,0 +1,25 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import Modal from 'Components/Modal/Modal';
+import EditBookModalContentConnector from './EditBookModalContentConnector';
+
+function EditBookModal({ isOpen, onModalClose, ...otherProps }) {
+  return (
+    <Modal
+      isOpen={isOpen}
+      onModalClose={onModalClose}
+    >
+      <EditBookModalContentConnector
+        {...otherProps}
+        onModalClose={onModalClose}
+      />
+    </Modal>
+  );
+}
+
+EditBookModal.propTypes = {
+  isOpen: PropTypes.bool.isRequired,
+  onModalClose: PropTypes.func.isRequired
+};
+
+export default EditBookModal;

frontend/src/Book/Edit/EditBookModalConnector.js

@@ -0,0 +1,39 @@
+import PropTypes from 'prop-types';
+import React, { Component } from 'react';
+import { connect } from 'react-redux';
+import { clearPendingChanges } from 'Store/Actions/baseActions';
+import EditBookModal from './EditBookModal';
+
+const mapDispatchToProps = {
+  clearPendingChanges
+};
+
+class EditBookModalConnector extends Component {
+
+  //
+  // Listeners
+
+  onModalClose = () => {
+    this.props.clearPendingChanges({ section: 'books' });
+    this.props.onModalClose();
+  }
+
+  //
+  // Render
+
+  render() {
+    return (
+      <EditBookModal
+        {...this.props}
+        onModalClose={this.onModalClose}
+      />
+    );
+  }
+}
+
+EditBookModalConnector.propTypes = {
+  onModalClose: PropTypes.func.isRequired,
+  clearPendingChanges: PropTypes.func.isRequired
+};
+
+export default connect(undefined, mapDispatchToProps)(EditBookModalConnector);

frontend/src/Book/Edit/EditBookModalContent.js

@@ -0,0 +1,133 @@
+import PropTypes from 'prop-types';
+import React, { Component } from 'react';
+import { inputTypes } from 'Helpers/Props';
+import Button from 'Components/Link/Button';
+import SpinnerButton from 'Components/Link/SpinnerButton';
+import ModalContent from 'Components/Modal/ModalContent';
+import ModalHeader from 'Components/Modal/ModalHeader';
+import ModalBody from 'Components/Modal/ModalBody';
+import ModalFooter from 'Components/Modal/ModalFooter';
+import Form from 'Components/Form/Form';
+import FormGroup from 'Components/Form/FormGroup';
+import FormLabel from 'Components/Form/FormLabel';
+import FormInputGroup from 'Components/Form/FormInputGroup';
+
+class EditBookModalContent extends Component {
+
+  //
+  // Listeners
+
+  onSavePress = () => {
+    const {
+      onSavePress
+    } = this.props;
+
+    onSavePress(false);
+
+  }
+
+  //
+  // Render
+
+  render() {
+    const {
+      title,
+      authorName,
+      statistics,
+      item,
+      isSaving,
+      onInputChange,
+      onModalClose,
+      ...otherProps
+    } = this.props;
+
+    const {
+      monitored,
+      anyEditionOk,
+      editions
+    } = item;
+
+    const hasFile = statistics ? statistics.bookFileCount : 0;
+
+    return (
+      <ModalContent onModalClose={onModalClose}>
+        <ModalHeader>
+          Edit - {authorName} - {title}
+        </ModalHeader>
+
+        <ModalBody>
+          <Form
+            {...otherProps}
+          >
+            <FormGroup>
+              <FormLabel>Monitored</FormLabel>
+
+              <FormInputGroup
+                type={inputTypes.CHECK}
+                name="monitored"
+                helpText="Readarr will search for and download book"
+                {...monitored}
+                onChange={onInputChange}
+              />
+            </FormGroup>
+
+            <FormGroup>
+              <FormLabel>Automatically Switch Edition</FormLabel>
+
+              <FormInputGroup
+                type={inputTypes.CHECK}
+                name="anyEditionOk"
+                helpText="Readarr will automatically switch to the edition best matching downloaded files"
+                {...anyEditionOk}
+                onChange={onInputChange}
+              />
+            </FormGroup>
+
+            <FormGroup>
+              <FormLabel>Edition</FormLabel>
+
+              <FormInputGroup
+                type={inputTypes.BOOK_EDITION_SELECT}
+                name="editions"
+                helpText="Change edition for this book"
+                isDisabled={anyEditionOk.value && hasFile}
+                bookEditions={editions}
+                onChange={onInputChange}
+              />
+            </FormGroup>
+
+          </Form>
+        </ModalBody>
+        <ModalFooter>
+          <Button
+            onPress={onModalClose}
+          >
+            Cancel
+          </Button>
+
+          <SpinnerButton
+            isSpinning={isSaving}
+            onPress={this.onSavePress}
+          >
+            Save
+          </SpinnerButton>
+        </ModalFooter>
+
+      </ModalContent>
+    );
+  }
+}
+
+EditBookModalContent.propTypes = {
+  bookId: PropTypes.number.isRequired,
+  title: PropTypes.string.isRequired,
+  authorName: PropTypes.string.isRequired,
+  statistics: PropTypes.object.isRequired,
+  item: PropTypes.object.isRequired,
+  isSaving: PropTypes.bool.isRequired,
+  onInputChange: PropTypes.func.isRequired,
+  onSavePress: PropTypes.func.isRequired,
+  onModalClose: PropTypes.func.isRequired
+};
+
+export default EditBookModalContent;

frontend/src/Book/Edit/EditBookModalContentConnector.js

@@ -0,0 +1,98 @@
+import _ from 'lodash';
+import PropTypes from 'prop-types';
+import React, { Component } from 'react';
+import { connect } from 'react-redux';
+import { createSelector } from 'reselect';
+import selectSettings from 'Store/Selectors/selectSettings';
+import createBookSelector from 'Store/Selectors/createBookSelector';
+import createAuthorSelector from 'Store/Selectors/createAuthorSelector';
+import { setBookValue, saveBook } from 'Store/Actions/bookActions';
+import EditBookModalContent from './EditBookModalContent';
+
+function createMapStateToProps() {
+  return createSelector(
+    (state) => state.books,
+    createBookSelector(),
+    createAuthorSelector(),
+    (bookState, book, author) => {
+      const {
+        isSaving,
+        saveError,
+        pendingChanges
+      } = bookState;
+
+      const bookSettings = _.pick(book, [
+        'monitored',
+        'anyEditionOk',
+        'editions'
+      ]);
+
+      const settings = selectSettings(bookSettings, pendingChanges, saveError);
+
+      return {
+        title: book.title,
+        authorName: author.authorName,
+        bookType: book.bookType,
+        statistics: book.statistics,
+        isSaving,
+        saveError,
+        item: settings.settings,
+        ...settings
+      };
+    }
+  );
+}
+
+const mapDispatchToProps = {
+  dispatchSetBookValue: setBookValue,
+  dispatchSaveBook: saveBook
+};
+
+class EditBookModalContentConnector extends Component {
+
+  //
+  // Lifecycle
+
+  componentDidUpdate(prevProps, prevState) {
+    if (prevProps.isSaving && !this.props.isSaving && !this.props.saveError) {
+      this.props.onModalClose();
+    }
+  }
+
+  //
+  // Listeners
+
+  onInputChange = ({ name, value }) => {
+    this.props.dispatchSetBookValue({ name, value });
+  }
+
+  onSavePress = () => {
+    this.props.dispatchSaveBook({
+      id: this.props.bookId
+    });
+  }
+
+  //
+  // Render
+
+  render() {
+    return (
+      <EditBookModalContent
+        {...this.props}
+        onInputChange={this.onInputChange}
+        onSavePress={this.onSavePress}
+      />
+    );
+  }
+}
+
+EditBookModalContentConnector.propTypes = {
+  bookId: PropTypes.number,
+  isSaving: PropTypes.bool.isRequired,
+  saveError: PropTypes.object,
+  dispatchSetBookValue: PropTypes.func.isRequired,
+  dispatchSaveBook: PropTypes.func.isRequired,
+  onModalClose: PropTypes.func.isRequired
+};
+
+export default connect(createMapStateToProps, mapDispatchToProps)(EditBookModalContentConnector);