Add Metadata Profiles (#132)

* Add Metadata Profiles * fixup! Codacy
2026-04-20 21:54:25 -04:00 · 2017-11-25 22:51:37 -05:00
parent dd11f74073
commit 5b7339cd73
92 changed files with 2611 additions and 145 deletions
@@ -0,0 +1,142 @@
+import PropTypes from 'prop-types';
+import React, { Component } from 'react';
+import { kinds } from 'Helpers/Props';
+import Card from 'Components/Card';
+import Label from 'Components/Label';
+import ConfirmModal from 'Components/Modal/ConfirmModal';
+import EditMetadataProfileModalConnector from './EditMetadataProfileModalConnector';
+import styles from './MetadataProfile.css';
+
+class MetadataProfile extends Component {
+
+  //
+  // Lifecycle
+
+  constructor(props, context) {
+    super(props, context);
+
+    this.state = {
+      isEditMetadataProfileModalOpen: false,
+      isDeleteMetadataProfileModalOpen: false
+    };
+  }
+
+  //
+  // Listeners
+
+  onEditMetadataProfilePress = () => {
+    this.setState({ isEditMetadataProfileModalOpen: true });
+  }
+
+  onEditMetadataProfileModalClose = () => {
+    this.setState({ isEditMetadataProfileModalOpen: false });
+  }
+
+  onDeleteMetadataProfilePress = () => {
+    this.setState({
+      isEditMetadataProfileModalOpen: false,
+      isDeleteMetadataProfileModalOpen: true
+    });
+  }
+
+  onDeleteMetadataProfileModalClose = () => {
+    this.setState({ isDeleteMetadataProfileModalOpen: false });
+  }
+
+  onConfirmDeleteMetadataProfile = () => {
+    this.props.onConfirmDeleteMetadataProfile(this.props.id);
+  }
+
+  //
+  // Render
+
+  render() {
+    const {
+      id,
+      name,
+      primaryAlbumTypes,
+      secondaryAlbumTypes,
+      isDeleting
+    } = this.props;
+
+    return (
+      <Card
+        className={styles.metadataProfile}
+        onPress={this.onEditMetadataProfilePress}
+      >
+        <div className={styles.name}>
+          {name}
+        </div>
+
+        <div className={styles.albumTypes}>
+          {
+            primaryAlbumTypes.map((item) => {
+              if (!item.allowed) {
+                return null;
+              }
+
+              return (
+                <Label
+                  key={item.albumType.id}
+                  kind={kinds.default}
+                  title={null}
+                >
+                  {item.albumType.name}
+                </Label>
+              );
+            })
+          }
+        </div>
+
+        <div className={styles.albumTypes}>
+          {
+            secondaryAlbumTypes.map((item) => {
+              if (!item.allowed) {
+                return null;
+              }
+
+              return (
+                <Label
+                  key={item.albumType.id}
+                  kind={kinds.INFO}
+                  title={null}
+                >
+                  {item.albumType.name}
+                </Label>
+              );
+            })
+          }
+        </div>
+
+        <EditMetadataProfileModalConnector
+          id={id}
+          isOpen={this.state.isEditMetadataProfileModalOpen}
+          onModalClose={this.onEditMetadataProfileModalClose}
+          onDeleteMetadataProfilePress={this.onDeleteMetadataProfilePress}
+        />
+
+        <ConfirmModal
+          isOpen={this.state.isDeleteMetadataProfileModalOpen}
+          kind={kinds.DANGER}
+          title="Delete Metadata Profile"
+          message={`Are you sure you want to delete the metadata profile '${name}'?`}
+          confirmLabel="Delete"
+          isSpinning={isDeleting}
+          onConfirm={this.onConfirmDeleteMetadataProfile}
+          onCancel={this.onDeleteMetadataProfileModalClose}
+        />
+      </Card>
+    );
+  }
+}
+
+MetadataProfile.propTypes = {
+  id: PropTypes.number.isRequired,
+  name: PropTypes.string.isRequired,
+  primaryAlbumTypes: PropTypes.arrayOf(PropTypes.object).isRequired,
+  secondaryAlbumTypes: PropTypes.arrayOf(PropTypes.object).isRequired,
+  isDeleting: PropTypes.bool.isRequired,
+  onConfirmDeleteMetadataProfile: PropTypes.func.isRequired
+};
+
+export default MetadataProfile;