[UI Work] Add Artist, Import Artist, Calendar

2026-04-20 21:54:25 -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,96 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import { icons, tooltipPositions } from 'Helpers/Props';
+import Icon from 'Components/Icon';
+import Popover from 'Components/Tooltip/Popover';
+import VirtualTableHeader from 'Components/Table/VirtualTableHeader';
+import VirtualTableHeaderCell from 'Components/Table/VirtualTableHeaderCell';
+import VirtualTableSelectAllHeaderCell from 'Components/Table/VirtualTableSelectAllHeaderCell';
+import ArtistMonitoringOptionsPopoverContent from 'AddArtist/ArtistMonitoringOptionsPopoverContent';
+// import SeriesTypePopoverContent from 'AddArtist/SeriesTypePopoverContent';
+import styles from './ImportArtistHeader.css';
+
+function ImportArtistHeader(props) {
+  const {
+    showLanguageProfile,
+    allSelected,
+    allUnselected,
+    onSelectAllChange
+  } = props;
+
+  return (
+    <VirtualTableHeader>
+      <VirtualTableSelectAllHeaderCell
+        allSelected={allSelected}
+        allUnselected={allUnselected}
+        onSelectAllChange={onSelectAllChange}
+      />
+
+      <VirtualTableHeaderCell
+        className={styles.folder}
+        name="folder"
+      >
+        Folder
+      </VirtualTableHeaderCell>
+
+      <VirtualTableHeaderCell
+        className={styles.monitor}
+        name="monitor"
+      >
+        Monitor
+
+        <Popover
+          anchor={
+            <Icon
+              className={styles.detailsIcon}
+              name={icons.INFO}
+            />
+          }
+          title="Monitoring Options"
+          body={<ArtistMonitoringOptionsPopoverContent />}
+          position={tooltipPositions.RIGHT}
+        />
+      </VirtualTableHeaderCell>
+
+      <VirtualTableHeaderCell
+        className={styles.qualityProfile}
+        name="qualityProfileId"
+      >
+        Quality Profile
+      </VirtualTableHeaderCell>
+
+      {
+        showLanguageProfile &&
+          <VirtualTableHeaderCell
+            className={styles.languageProfile}
+            name="languageProfileId"
+          >
+            Language Profile
+          </VirtualTableHeaderCell>
+      }
+
+      <VirtualTableHeaderCell
+        className={styles.albumFolder}
+        name="albumFolder"
+      >
+        Album Folder
+      </VirtualTableHeaderCell>
+
+      <VirtualTableHeaderCell
+        className={styles.artist}
+        name="series"
+      >
+        Artist
+      </VirtualTableHeaderCell>
+    </VirtualTableHeader>
+  );
+}
+
+ImportArtistHeader.propTypes = {
+  showLanguageProfile: PropTypes.bool.isRequired,
+  allSelected: PropTypes.bool.isRequired,
+  allUnselected: PropTypes.bool.isRequired,
+  onSelectAllChange: PropTypes.func.isRequired
+};
+
+export default ImportArtistHeader;