[UI Work] Add Artist, Import Artist, Calendar

2026-04-22 22:14:44 -04:00 · 2017-09-07 23:09:52 -04:00
parent a747c5f135
commit 77f1d2e64c
109 changed files with 891 additions and 1082 deletions
@@ -0,0 +1,112 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import { inputTypes } from 'Helpers/Props';
+import FormInputGroup from 'Components/Form/FormInputGroup';
+import VirtualTableRow from 'Components/Table/VirtualTableRow';
+import VirtualTableRowCell from 'Components/Table/Cells/VirtualTableRowCell';
+import VirtualTableSelectCell from 'Components/Table/Cells/VirtualTableSelectCell';
+import ImportArtistSelectArtistConnector from './SelectArtist/ImportArtistSelectArtistConnector';
+import styles from './ImportArtistRow.css';
+
+function ImportArtistRow(props) {
+  const {
+    style,
+    id,
+    monitor,
+    qualityProfileId,
+    languageProfileId,
+    albumFolder,
+    // seriesType,
+    selectedSeries,
+    isExistingArtist,
+    showLanguageProfile,
+    isSelected,
+    onSelectedChange,
+    onInputChange
+  } = props;
+
+  return (
+    <VirtualTableRow style={style}>
+      <VirtualTableSelectCell
+        inputClassName={styles.selectInput}
+        id={id}
+        isSelected={isSelected}
+        isDisabled={!selectedSeries || isExistingArtist}
+        onSelectedChange={onSelectedChange}
+      />
+
+      <VirtualTableRowCell className={styles.folder}>
+        {id}
+      </VirtualTableRowCell>
+
+      <VirtualTableRowCell className={styles.monitor}>
+        <FormInputGroup
+          type={inputTypes.MONITOR_ALBUMS_SELECT}
+          name="monitor"
+          value={monitor}
+          onChange={onInputChange}
+        />
+      </VirtualTableRowCell>
+
+      <VirtualTableRowCell className={styles.qualityProfile}>
+        <FormInputGroup
+          type={inputTypes.QUALITY_PROFILE_SELECT}
+          name="qualityProfileId"
+          value={qualityProfileId}
+          onChange={onInputChange}
+        />
+      </VirtualTableRowCell>
+
+      <VirtualTableRowCell
+        className={showLanguageProfile ? styles.languageProfile : styles.hideLanguageProfile}
+      >
+        <FormInputGroup
+          type={inputTypes.LANGUAGE_PROFILE_SELECT}
+          name="languageProfileId"
+          value={languageProfileId}
+          onChange={onInputChange}
+        />
+      </VirtualTableRowCell>
+
+      <VirtualTableRowCell className={styles.albumFolder}>
+        <FormInputGroup
+          type={inputTypes.CHECK}
+          name="albumFolder"
+          value={albumFolder}
+          onChange={onInputChange}
+        />
+      </VirtualTableRowCell>
+
+      <VirtualTableRowCell className={styles.series}>
+        <ImportArtistSelectArtistConnector
+          id={id}
+          isExistingArtist={isExistingArtist}
+        />
+      </VirtualTableRowCell>
+    </VirtualTableRow>
+  );
+}
+
+ImportArtistRow.propTypes = {
+  style: PropTypes.object.isRequired,
+  id: PropTypes.string.isRequired,
+  monitor: PropTypes.string.isRequired,
+  qualityProfileId: PropTypes.number.isRequired,
+  languageProfileId: PropTypes.number.isRequired,
+  // seriesType: PropTypes.string.isRequired,
+  albumFolder: PropTypes.bool.isRequired,
+  selectedSeries: PropTypes.object,
+  isExistingArtist: PropTypes.bool.isRequired,
+  items: PropTypes.arrayOf(PropTypes.object).isRequired,
+  queued: PropTypes.bool.isRequired,
+  showLanguageProfile: PropTypes.bool.isRequired,
+  isSelected: PropTypes.bool,
+  onSelectedChange: PropTypes.func.isRequired,
+  onInputChange: PropTypes.func.isRequired
+};
+
+ImportArtistRow.defaultsProps = {
+  items: []
+};
+
+export default ImportArtistRow;