New: Release Profiles, Frontend updates (#580)

* New: Release Profiles - UI Updates * New: Release Profiles - API Changes * New: Release Profiles - Test Updates * New: Release Profiles - Backend Updates * New: Interactive Artist Search * New: Change Montiored on Album Details Page * New: Show Duration on Album Details Page * Fixed: Manual Import not working if no albums are Missing * Fixed: Sort search input by sortTitle * Fixed: Queue columnLabel throwing JS error
2026-04-21 22:04:31 -04:00 · 2019-02-23 17:39:11 -05:00
parent f126eafd26
commit 3f064c94b9
409 changed files with 6882 additions and 3176 deletions
@@ -0,0 +1,161 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import { inputTypes, kinds } from 'Helpers/Props';
+import Button from 'Components/Link/Button';
+import SpinnerErrorButton from 'Components/Link/SpinnerErrorButton';
+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';
+import styles from './EditReleaseProfileModalContent.css';
+
+// Tab, enter, and comma
+const tagInputDelimiters = [9, 13, 188];
+
+function EditReleaseProfileModalContent(props) {
+  const {
+    isSaving,
+    saveError,
+    item,
+    onInputChange,
+    onModalClose,
+    onSavePress,
+    onDeleteReleaseProfilePress,
+    ...otherProps
+  } = props;
+
+  const {
+    id,
+    required,
+    ignored,
+    preferred,
+    includePreferredWhenRenaming,
+    tags
+  } = item;
+
+  return (
+    <ModalContent onModalClose={onModalClose}>
+      <ModalHeader>
+        {id ? 'Edit Release Profile' : 'Add Release Profile'}
+      </ModalHeader>
+
+      <ModalBody>
+        <Form {...otherProps}>
+          <FormGroup>
+            <FormLabel>Must Contain</FormLabel>
+
+            <FormInputGroup
+              type={inputTypes.TEXT_TAG}
+              name="required"
+              helpText="The release must contain at least one of these terms (case insensitive)"
+              kind={kinds.SUCCESS}
+              placeholder="Add new restriction"
+              delimiters={tagInputDelimiters}
+              {...required}
+              onChange={onInputChange}
+            />
+          </FormGroup>
+
+          <FormGroup>
+            <FormLabel>Must Not Contain</FormLabel>
+
+            <FormInputGroup
+              type={inputTypes.TEXT_TAG}
+              name="ignored"
+              helpText="The release will be rejected if it contains one or more of terms (case insensitive)"
+              kind={kinds.DANGER}
+              placeholder="Add new restriction"
+              delimiters={tagInputDelimiters}
+              {...ignored}
+              onChange={onInputChange}
+            />
+          </FormGroup>
+
+          <FormGroup>
+            <FormLabel>Preferred</FormLabel>
+
+            <FormInputGroup
+              type={inputTypes.KEY_VALUE_LIST}
+              name="preferred"
+              helpTexts={[
+                'The release will be preferred based on the each term\'s score (case insensitive)',
+                'A positive score will be more preferred',
+                'A negative score will be less preferred'
+              ]}
+              {...preferred}
+              keyPlaceholder="Term"
+              valuePlaceholder="Score"
+              onChange={onInputChange}
+            />
+          </FormGroup>
+
+          <FormGroup>
+            <FormLabel>Include Preferred when Renaming</FormLabel>
+
+            <FormInputGroup
+              type={inputTypes.CHECK}
+              name="includePreferredWhenRenaming"
+              helpText="Include in {Preferred Words} renaming format"
+              {...includePreferredWhenRenaming}
+              onChange={onInputChange}
+            />
+          </FormGroup>
+
+          <FormGroup>
+            <FormLabel>Tags</FormLabel>
+
+            <FormInputGroup
+              type={inputTypes.TAG}
+              name="tags"
+              helpText="Release profiles will apply to artists with at least one matching tag. Leave blank to apply to all artists"
+              {...tags}
+              onChange={onInputChange}
+            />
+          </FormGroup>
+        </Form>
+      </ModalBody>
+      <ModalFooter>
+        {
+          id &&
+            <Button
+              className={styles.deleteButton}
+              kind={kinds.DANGER}
+              onPress={onDeleteReleaseProfilePress}
+            >
+              Delete
+            </Button>
+        }
+
+        <Button
+          onPress={onModalClose}
+        >
+          Cancel
+        </Button>
+
+        <SpinnerErrorButton
+          isSpinning={isSaving}
+          error={saveError}
+          onPress={onSavePress}
+        >
+          Save
+        </SpinnerErrorButton>
+      </ModalFooter>
+    </ModalContent>
+  );
+}
+
+EditReleaseProfileModalContent.propTypes = {
+  isSaving: PropTypes.bool.isRequired,
+  saveError: PropTypes.object,
+  item: PropTypes.object.isRequired,
+  onInputChange: PropTypes.func.isRequired,
+  onModalClose: PropTypes.func.isRequired,
+  onSavePress: PropTypes.func.isRequired,
+  onDeleteReleaseProfilePress: PropTypes.func
+};
+
+export default EditReleaseProfileModalContent;