You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
196 lines
5.0 KiB
196 lines
5.0 KiB
import _ from 'lodash';
|
|
import PropTypes from 'prop-types';
|
|
import React, { Component } from 'react';
|
|
import VirtualTable from 'Components/Table/VirtualTable';
|
|
import VirtualTableRow from 'Components/Table/VirtualTableRow';
|
|
import ImportArtistHeader from './ImportArtistHeader';
|
|
import ImportArtistRowConnector from './ImportArtistRowConnector';
|
|
|
|
class ImportArtistTable extends Component {
|
|
|
|
//
|
|
// Lifecycle
|
|
|
|
componentDidMount() {
|
|
const {
|
|
unmappedFolders,
|
|
defaultMonitor,
|
|
defaultQualityProfileId,
|
|
defaultMetadataProfileId,
|
|
defaultAlbumFolder,
|
|
onArtistLookup,
|
|
onSetImportArtistValue
|
|
} = this.props;
|
|
|
|
const values = {
|
|
monitor: defaultMonitor,
|
|
qualityProfileId: defaultQualityProfileId,
|
|
metadataProfileId: defaultMetadataProfileId,
|
|
albumFolder: defaultAlbumFolder
|
|
};
|
|
|
|
unmappedFolders.forEach((unmappedFolder) => {
|
|
const id = unmappedFolder.name;
|
|
|
|
onArtistLookup(id, unmappedFolder.path);
|
|
|
|
onSetImportArtistValue({
|
|
id,
|
|
...values
|
|
});
|
|
});
|
|
}
|
|
|
|
// This isn't great, but it's the most reliable way to ensure the items
|
|
// are checked off even if they aren't actually visible since the cells
|
|
// are virtualized.
|
|
|
|
componentDidUpdate(prevProps) {
|
|
const {
|
|
items,
|
|
selectedState,
|
|
onSelectedChange,
|
|
onRemoveSelectedStateItem
|
|
} = this.props;
|
|
|
|
prevProps.items.forEach((prevItem) => {
|
|
const {
|
|
id
|
|
} = prevItem;
|
|
|
|
const item = _.find(items, { id });
|
|
|
|
if (!item) {
|
|
onRemoveSelectedStateItem(id);
|
|
return;
|
|
}
|
|
|
|
const selectedArtist = item.selectedArtist;
|
|
const isSelected = selectedState[id];
|
|
|
|
const isExistingArtist = !!selectedArtist &&
|
|
_.some(prevProps.allArtists, { foreignArtistId: selectedArtist.foreignArtistId });
|
|
|
|
// Props doesn't have a selected artist or
|
|
// the selected artist is an existing artist.
|
|
if ((!selectedArtist && prevItem.selectedArtist) || (isExistingArtist && !prevItem.selectedArtist)) {
|
|
onSelectedChange({ id, value: false });
|
|
|
|
return;
|
|
}
|
|
|
|
// State is selected, but a artist isn't selected or
|
|
// the selected artist is an existing artist.
|
|
if (isSelected && (!selectedArtist || isExistingArtist)) {
|
|
onSelectedChange({ id, value: false });
|
|
|
|
return;
|
|
}
|
|
|
|
// A artist is being selected that wasn't previously selected.
|
|
if (selectedArtist && selectedArtist !== prevItem.selectedArtist) {
|
|
onSelectedChange({ id, value: true });
|
|
|
|
return;
|
|
}
|
|
});
|
|
}
|
|
|
|
//
|
|
// Control
|
|
|
|
rowRenderer = ({ key, rowIndex, style }) => {
|
|
const {
|
|
rootFolderId,
|
|
items,
|
|
selectedState,
|
|
showMetadataProfile,
|
|
onSelectedChange
|
|
} = this.props;
|
|
|
|
const item = items[rowIndex];
|
|
|
|
return (
|
|
<VirtualTableRow
|
|
key={key}
|
|
style={style}
|
|
>
|
|
<ImportArtistRowConnector
|
|
key={item.id}
|
|
style={style}
|
|
rootFolderId={rootFolderId}
|
|
showMetadataProfile={showMetadataProfile}
|
|
isSelected={selectedState[item.id]}
|
|
onSelectedChange={onSelectedChange}
|
|
id={item.id}
|
|
/>
|
|
</VirtualTableRow>
|
|
);
|
|
}
|
|
|
|
//
|
|
// Render
|
|
|
|
render() {
|
|
const {
|
|
items,
|
|
allSelected,
|
|
allUnselected,
|
|
isSmallScreen,
|
|
showMetadataProfile,
|
|
scroller,
|
|
selectedState,
|
|
onSelectAllChange
|
|
} = this.props;
|
|
|
|
if (!items.length) {
|
|
return null;
|
|
}
|
|
|
|
return (
|
|
<VirtualTable
|
|
items={items}
|
|
isSmallScreen={isSmallScreen}
|
|
scroller={scroller}
|
|
rowHeight={52}
|
|
overscanRowCount={2}
|
|
rowRenderer={this.rowRenderer}
|
|
header={
|
|
<ImportArtistHeader
|
|
showMetadataProfile={showMetadataProfile}
|
|
allSelected={allSelected}
|
|
allUnselected={allUnselected}
|
|
onSelectAllChange={onSelectAllChange}
|
|
/>
|
|
}
|
|
selectedState={selectedState}
|
|
/>
|
|
);
|
|
}
|
|
}
|
|
|
|
ImportArtistTable.propTypes = {
|
|
rootFolderId: PropTypes.number.isRequired,
|
|
items: PropTypes.arrayOf(PropTypes.object),
|
|
unmappedFolders: PropTypes.arrayOf(PropTypes.object),
|
|
defaultMonitor: PropTypes.string.isRequired,
|
|
defaultQualityProfileId: PropTypes.number,
|
|
defaultMetadataProfileId: PropTypes.number,
|
|
defaultAlbumFolder: PropTypes.bool.isRequired,
|
|
allSelected: PropTypes.bool.isRequired,
|
|
allUnselected: PropTypes.bool.isRequired,
|
|
selectedState: PropTypes.object.isRequired,
|
|
isSmallScreen: PropTypes.bool.isRequired,
|
|
allArtists: PropTypes.arrayOf(PropTypes.object),
|
|
scroller: PropTypes.instanceOf(Element).isRequired,
|
|
showMetadataProfile: PropTypes.bool.isRequired,
|
|
scrollTop: PropTypes.number.isRequired,
|
|
onSelectAllChange: PropTypes.func.isRequired,
|
|
onSelectedChange: PropTypes.func.isRequired,
|
|
onRemoveSelectedStateItem: PropTypes.func.isRequired,
|
|
onArtistLookup: PropTypes.func.isRequired,
|
|
onSetImportArtistValue: PropTypes.func.isRequired
|
|
};
|
|
|
|
export default ImportArtistTable;
|