+ {
+ showPushToGrimmory ?
+
+ {translate('PushChaptarrMetadataToGrimmory')}
+ :
+ null
+ }
+
+
+
);
}
@@ -150,7 +203,20 @@ BookEditorFooter.propTypes = {
saveError: PropTypes.object,
isDeleting: PropTypes.bool.isRequired,
deleteError: PropTypes.object,
+ isPushingToGrimmory: PropTypes.bool.isRequired,
+ showPushToGrimmory: PropTypes.bool.isRequired,
+ fetchNotifications: PropTypes.func.isRequired,
+ executeCommand: PropTypes.func.isRequired,
onSaveSelected: PropTypes.func.isRequired
};
-export default BookEditorFooter;
+const selectIsPushingToGrimmory = createCommandExecutingSelector(commandNames.PUSH_GRIMMORY_METADATA);
+
+function mapStateToProps(state) {
+ return {
+ isPushingToGrimmory: selectIsPushingToGrimmory(state),
+ showPushToGrimmory: state.settings.notifications.items.some((n) => n.implementation === 'Grimmory')
+ };
+}
+
+export default connect(mapStateToProps, { executeCommand, fetchNotifications })(BookEditorFooter);
diff --git a/frontend/src/Commands/commandNames.js b/frontend/src/Commands/commandNames.js
index db9a4a0e..f0e7bfa9 100644
--- a/frontend/src/Commands/commandNames.js
+++ b/frontend/src/Commands/commandNames.js
@@ -13,6 +13,7 @@ export const BOOK_SEARCH = 'BookSearch';
export const INTERACTIVE_IMPORT = 'ManualImport';
export const MISSING_BOOK_SEARCH = 'MissingBookSearch';
export const MOVE_AUTHOR = 'MoveAuthor';
+export const PUSH_GRIMMORY_METADATA = 'PushGrimmoryMetadata';
export const REFRESH_AUTHOR = 'RefreshAuthor';
export const BULK_REFRESH_AUTHOR = 'BulkRefreshAuthor';
export const REFRESH_BOOK = 'RefreshBook';
diff --git a/frontend/src/Grimmory/GrimmoryPushModal.js b/frontend/src/Grimmory/GrimmoryPushModal.js
new file mode 100644
index 00000000..a21d4e23
--- /dev/null
+++ b/frontend/src/Grimmory/GrimmoryPushModal.js
@@ -0,0 +1,34 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import Modal from 'Components/Modal/Modal';
+import GrimmoryPushModalContent from './GrimmoryPushModalContent';
+
+function GrimmoryPushModal(props) {
+ const {
+ isOpen,
+ onModalClose,
+ ...otherProps
+ } = props;
+
+ return (
+
+ {
+ isOpen &&
+
+ }
+
+ );
+}
+
+GrimmoryPushModal.propTypes = {
+ isOpen: PropTypes.bool.isRequired,
+ onModalClose: PropTypes.func.isRequired
+};
+
+export default GrimmoryPushModal;
diff --git a/frontend/src/Grimmory/GrimmoryPushModalContent.css b/frontend/src/Grimmory/GrimmoryPushModalContent.css
new file mode 100644
index 00000000..242fed40
--- /dev/null
+++ b/frontend/src/Grimmory/GrimmoryPushModalContent.css
@@ -0,0 +1,29 @@
+.description {
+ margin-bottom: 20px;
+}
+
+.field {
+ display: flex;
+ align-items: center;
+ padding: 6px 0;
+ border-bottom: 1px solid var(--borderColor);
+}
+
+.field:last-child {
+ border-bottom: none;
+}
+
+.check {
+ flex: 0 0 30px;
+}
+
+.label {
+ flex: 0 0 130px;
+ font-weight: bold;
+}
+
+.value {
+ flex: 1 1 auto;
+ color: var(--helpTextColor);
+ word-break: break-word;
+}
diff --git a/frontend/src/Grimmory/GrimmoryPushModalContent.css.d.ts b/frontend/src/Grimmory/GrimmoryPushModalContent.css.d.ts
new file mode 100644
index 00000000..f8a86fb7
--- /dev/null
+++ b/frontend/src/Grimmory/GrimmoryPushModalContent.css.d.ts
@@ -0,0 +1,11 @@
+// This file is automatically generated.
+// Please do not change this file!
+interface CssExports {
+ 'check': string;
+ 'description': string;
+ 'field': string;
+ 'label': string;
+ 'value': string;
+}
+export const cssExports: CssExports;
+export default cssExports;
diff --git a/frontend/src/Grimmory/GrimmoryPushModalContent.js b/frontend/src/Grimmory/GrimmoryPushModalContent.js
new file mode 100644
index 00000000..6b84822f
--- /dev/null
+++ b/frontend/src/Grimmory/GrimmoryPushModalContent.js
@@ -0,0 +1,129 @@
+import PropTypes from 'prop-types';
+import React, { Component } from 'react';
+import CheckInput from 'Components/Form/CheckInput';
+import Button from 'Components/Link/Button';
+import ModalBody from 'Components/Modal/ModalBody';
+import ModalContent from 'Components/Modal/ModalContent';
+import ModalFooter from 'Components/Modal/ModalFooter';
+import ModalHeader from 'Components/Modal/ModalHeader';
+import { kinds } from 'Helpers/Props';
+import translate from 'Utilities/String/translate';
+import styles from './GrimmoryPushModalContent.css';
+
+const grimmoryFields = [
+ { name: 'cover', label: 'Cover' },
+ { name: 'title', label: 'Title' },
+ { name: 'authors', label: 'Author' },
+ { name: 'series', label: 'Series' },
+ { name: 'description', label: 'Description' },
+ { name: 'publisher', label: 'Publisher' },
+ { name: 'publisheddate', label: 'PublishedDate' },
+ { name: 'language', label: 'Language' },
+ { name: 'tags', label: 'Tags' },
+ { name: 'identifiers', label: 'Identifiers' }
+];
+
+class GrimmoryPushModalContent extends Component {
+
+ constructor(props, context) {
+ super(props, context);
+
+ const selected = {};
+ grimmoryFields.forEach((field) => {
+ selected[field.name] = true;
+ });
+
+ this.state = { selected };
+ }
+
+ //
+ // Listeners
+
+ onFieldChange = ({ name, value }) => {
+ this.setState((state) => {
+ return { selected: { ...state.selected, [name]: value } };
+ });
+ };
+
+ onPushPress = () => {
+ const fields = grimmoryFields
+ .map((field) => field.name)
+ .filter((name) => this.state.selected[name]);
+
+ this.props.onPushPress(fields);
+ };
+
+ //
+ // Render
+
+ render() {
+ const {
+ bookCount,
+ previewValues,
+ onModalClose
+ } = this.props;
+
+ const {
+ selected
+ } = this.state;
+
+ const anySelected = grimmoryFields.some((field) => selected[field.name]);
+
+ return (
+
+
+ {translate('PushChaptarrMetadataToGrimmory')}
+
+
+
+
+ {translate('GrimmoryPushDescriptionInterp', [bookCount])}
+
+
+ {
+ grimmoryFields.map((field) => {
+ const preview = previewValues ? previewValues[field.name] : null;
+
+ return (
+
+
+
+
+
{translate(field.label)}
+
{preview}
+
+ );
+ }
+}
+
+GrimmoryPushModalContent.propTypes = {
+ bookCount: PropTypes.number.isRequired,
+ previewValues: PropTypes.object,
+ onPushPress: PropTypes.func.isRequired,
+ onModalClose: PropTypes.func.isRequired
+};
+
+export default GrimmoryPushModalContent;
diff --git a/frontend/src/System/Quickstart/Quickstart.js b/frontend/src/System/Quickstart/Quickstart.js
index 4f8dc3fd..7a7a8200 100644
--- a/frontend/src/System/Quickstart/Quickstart.js
+++ b/frontend/src/System/Quickstart/Quickstart.js
@@ -12,6 +12,7 @@ import translate from 'Utilities/String/translate';
import QuickstartAudioBookShelfSection from './QuickstartAudioBookShelfSection';
import QuickstartCustomFormatsSection from './QuickstartCustomFormatsSection';
import QuickstartDownloadClientsSection from './QuickstartDownloadClientsSection';
+import QuickstartGrimmorySection from './QuickstartGrimmorySection';
import QuickstartHardcoverSection from './QuickstartHardcoverSection';
import QuickstartMAMSection from './QuickstartMAMSection';
import QuickstartMatchingSection from './QuickstartMatchingSection';
@@ -98,6 +99,8 @@ function Quickstart(props) {
const {
hasActiveAudioBookShelf,
audioBookShelfNotification,
+ hasActiveGrimmory,
+ grimmoryNotification,
mamIndexer,
indexersState,
notificationsState,
@@ -169,6 +172,19 @@ function Quickstart(props) {
/>