mirror of https://github.com/lidarr/Lidarr
Bump Webpack plugins and loaders
This commit is contained in:
parent
68d8fed659
commit
4f2ccb462b
|
@ -61,33 +61,33 @@ class Blocklist extends Component {
|
||||||
|
|
||||||
getSelectedIds = () => {
|
getSelectedIds = () => {
|
||||||
return getSelectedIds(this.state.selectedState);
|
return getSelectedIds(this.state.selectedState);
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Listeners
|
// Listeners
|
||||||
|
|
||||||
onSelectAllChange = ({ value }) => {
|
onSelectAllChange = ({ value }) => {
|
||||||
this.setState(selectAll(this.state.selectedState, value));
|
this.setState(selectAll(this.state.selectedState, value));
|
||||||
}
|
};
|
||||||
|
|
||||||
onSelectedChange = ({ id, value, shiftKey = false }) => {
|
onSelectedChange = ({ id, value, shiftKey = false }) => {
|
||||||
this.setState((state) => {
|
this.setState((state) => {
|
||||||
return toggleSelected(state, this.props.items, id, value, shiftKey);
|
return toggleSelected(state, this.props.items, id, value, shiftKey);
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
onRemoveSelectedPress = () => {
|
onRemoveSelectedPress = () => {
|
||||||
this.setState({ isConfirmRemoveModalOpen: true });
|
this.setState({ isConfirmRemoveModalOpen: true });
|
||||||
}
|
};
|
||||||
|
|
||||||
onRemoveSelectedConfirmed = () => {
|
onRemoveSelectedConfirmed = () => {
|
||||||
this.props.onRemoveSelected(this.getSelectedIds());
|
this.props.onRemoveSelected(this.getSelectedIds());
|
||||||
this.setState({ isConfirmRemoveModalOpen: false });
|
this.setState({ isConfirmRemoveModalOpen: false });
|
||||||
}
|
};
|
||||||
|
|
||||||
onConfirmRemoveModalClose = () => {
|
onConfirmRemoveModalClose = () => {
|
||||||
this.setState({ isConfirmRemoveModalOpen: false });
|
this.setState({ isConfirmRemoveModalOpen: false });
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -68,37 +68,37 @@ class BlocklistConnector extends Component {
|
||||||
|
|
||||||
repopulate = () => {
|
repopulate = () => {
|
||||||
this.props.fetchBlocklist();
|
this.props.fetchBlocklist();
|
||||||
}
|
};
|
||||||
//
|
//
|
||||||
// Listeners
|
// Listeners
|
||||||
|
|
||||||
onFirstPagePress = () => {
|
onFirstPagePress = () => {
|
||||||
this.props.gotoBlocklistFirstPage();
|
this.props.gotoBlocklistFirstPage();
|
||||||
}
|
};
|
||||||
|
|
||||||
onPreviousPagePress = () => {
|
onPreviousPagePress = () => {
|
||||||
this.props.gotoBlocklistPreviousPage();
|
this.props.gotoBlocklistPreviousPage();
|
||||||
}
|
};
|
||||||
|
|
||||||
onNextPagePress = () => {
|
onNextPagePress = () => {
|
||||||
this.props.gotoBlocklistNextPage();
|
this.props.gotoBlocklistNextPage();
|
||||||
}
|
};
|
||||||
|
|
||||||
onLastPagePress = () => {
|
onLastPagePress = () => {
|
||||||
this.props.gotoBlocklistLastPage();
|
this.props.gotoBlocklistLastPage();
|
||||||
}
|
};
|
||||||
|
|
||||||
onPageSelect = (page) => {
|
onPageSelect = (page) => {
|
||||||
this.props.gotoBlocklistPage({ page });
|
this.props.gotoBlocklistPage({ page });
|
||||||
}
|
};
|
||||||
|
|
||||||
onRemoveSelected = (ids) => {
|
onRemoveSelected = (ids) => {
|
||||||
this.props.removeBlocklistItems({ ids });
|
this.props.removeBlocklistItems({ ids });
|
||||||
}
|
};
|
||||||
|
|
||||||
onSortPress = (sortKey) => {
|
onSortPress = (sortKey) => {
|
||||||
this.props.setBlocklistSort({ sortKey });
|
this.props.setBlocklistSort({ sortKey });
|
||||||
}
|
};
|
||||||
|
|
||||||
onTableOptionChange = (payload) => {
|
onTableOptionChange = (payload) => {
|
||||||
this.props.setBlocklistTableOption(payload);
|
this.props.setBlocklistTableOption(payload);
|
||||||
|
@ -106,11 +106,11 @@ class BlocklistConnector extends Component {
|
||||||
if (payload.pageSize) {
|
if (payload.pageSize) {
|
||||||
this.props.gotoBlocklistFirstPage();
|
this.props.gotoBlocklistFirstPage();
|
||||||
}
|
}
|
||||||
}
|
};
|
||||||
|
|
||||||
onClearBlocklistPress = () => {
|
onClearBlocklistPress = () => {
|
||||||
this.props.executeCommand({ name: commandNames.CLEAR_BLOCKLIST });
|
this.props.executeCommand({ name: commandNames.CLEAR_BLOCKLIST });
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -30,11 +30,11 @@ class BlocklistRow extends Component {
|
||||||
|
|
||||||
onDetailsPress = () => {
|
onDetailsPress = () => {
|
||||||
this.setState({ isDetailsModalOpen: true });
|
this.setState({ isDetailsModalOpen: true });
|
||||||
}
|
};
|
||||||
|
|
||||||
onDetailsModalClose = () => {
|
onDetailsModalClose = () => {
|
||||||
this.setState({ isDetailsModalOpen: false });
|
this.setState({ isDetailsModalOpen: false });
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -91,38 +91,38 @@ class HistoryConnector extends Component {
|
||||||
|
|
||||||
repopulate = () => {
|
repopulate = () => {
|
||||||
this.props.fetchHistory();
|
this.props.fetchHistory();
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Listeners
|
// Listeners
|
||||||
|
|
||||||
onFirstPagePress = () => {
|
onFirstPagePress = () => {
|
||||||
this.props.gotoHistoryFirstPage();
|
this.props.gotoHistoryFirstPage();
|
||||||
}
|
};
|
||||||
|
|
||||||
onPreviousPagePress = () => {
|
onPreviousPagePress = () => {
|
||||||
this.props.gotoHistoryPreviousPage();
|
this.props.gotoHistoryPreviousPage();
|
||||||
}
|
};
|
||||||
|
|
||||||
onNextPagePress = () => {
|
onNextPagePress = () => {
|
||||||
this.props.gotoHistoryNextPage();
|
this.props.gotoHistoryNextPage();
|
||||||
}
|
};
|
||||||
|
|
||||||
onLastPagePress = () => {
|
onLastPagePress = () => {
|
||||||
this.props.gotoHistoryLastPage();
|
this.props.gotoHistoryLastPage();
|
||||||
}
|
};
|
||||||
|
|
||||||
onPageSelect = (page) => {
|
onPageSelect = (page) => {
|
||||||
this.props.gotoHistoryPage({ page });
|
this.props.gotoHistoryPage({ page });
|
||||||
}
|
};
|
||||||
|
|
||||||
onSortPress = (sortKey) => {
|
onSortPress = (sortKey) => {
|
||||||
this.props.setHistorySort({ sortKey });
|
this.props.setHistorySort({ sortKey });
|
||||||
}
|
};
|
||||||
|
|
||||||
onFilterSelect = (selectedFilterKey) => {
|
onFilterSelect = (selectedFilterKey) => {
|
||||||
this.props.setHistoryFilter({ selectedFilterKey });
|
this.props.setHistoryFilter({ selectedFilterKey });
|
||||||
}
|
};
|
||||||
|
|
||||||
onTableOptionChange = (payload) => {
|
onTableOptionChange = (payload) => {
|
||||||
this.props.setHistoryTableOption(payload);
|
this.props.setHistoryTableOption(payload);
|
||||||
|
@ -130,7 +130,7 @@ class HistoryConnector extends Component {
|
||||||
if (payload.pageSize) {
|
if (payload.pageSize) {
|
||||||
this.props.gotoHistoryFirstPage();
|
this.props.gotoHistoryFirstPage();
|
||||||
}
|
}
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -40,11 +40,11 @@ class HistoryRow extends Component {
|
||||||
|
|
||||||
onDetailsPress = () => {
|
onDetailsPress = () => {
|
||||||
this.setState({ isDetailsModalOpen: true });
|
this.setState({ isDetailsModalOpen: true });
|
||||||
}
|
};
|
||||||
|
|
||||||
onDetailsModalClose = () => {
|
onDetailsModalClose = () => {
|
||||||
this.setState({ isDetailsModalOpen: false });
|
this.setState({ isDetailsModalOpen: false });
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -52,7 +52,7 @@ class HistoryRowConnector extends Component {
|
||||||
|
|
||||||
onMarkAsFailedPress = () => {
|
onMarkAsFailedPress = () => {
|
||||||
this.props.markAsFailed({ id: this.props.id });
|
this.props.markAsFailed({ id: this.props.id });
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -90,45 +90,45 @@ class Queue extends Component {
|
||||||
|
|
||||||
getSelectedIds = () => {
|
getSelectedIds = () => {
|
||||||
return getSelectedIds(this.state.selectedState);
|
return getSelectedIds(this.state.selectedState);
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Listeners
|
// Listeners
|
||||||
|
|
||||||
onQueueRowModalOpenOrClose = (isOpen) => {
|
onQueueRowModalOpenOrClose = (isOpen) => {
|
||||||
this._shouldBlockRefresh = isOpen;
|
this._shouldBlockRefresh = isOpen;
|
||||||
}
|
};
|
||||||
|
|
||||||
onSelectAllChange = ({ value }) => {
|
onSelectAllChange = ({ value }) => {
|
||||||
this.setState(selectAll(this.state.selectedState, value));
|
this.setState(selectAll(this.state.selectedState, value));
|
||||||
}
|
};
|
||||||
|
|
||||||
onSelectedChange = ({ id, value, shiftKey = false }) => {
|
onSelectedChange = ({ id, value, shiftKey = false }) => {
|
||||||
this.setState((state) => {
|
this.setState((state) => {
|
||||||
return toggleSelected(state, this.props.items, id, value, shiftKey);
|
return toggleSelected(state, this.props.items, id, value, shiftKey);
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
onGrabSelectedPress = () => {
|
onGrabSelectedPress = () => {
|
||||||
this.props.onGrabSelectedPress(this.getSelectedIds());
|
this.props.onGrabSelectedPress(this.getSelectedIds());
|
||||||
}
|
};
|
||||||
|
|
||||||
onRemoveSelectedPress = () => {
|
onRemoveSelectedPress = () => {
|
||||||
this.setState({ isConfirmRemoveModalOpen: true }, () => {
|
this.setState({ isConfirmRemoveModalOpen: true }, () => {
|
||||||
this._shouldBlockRefresh = true;
|
this._shouldBlockRefresh = true;
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
onRemoveSelectedConfirmed = (payload) => {
|
onRemoveSelectedConfirmed = (payload) => {
|
||||||
this._shouldBlockRefresh = false;
|
this._shouldBlockRefresh = false;
|
||||||
this.props.onRemoveSelectedPress({ ids: this.getSelectedIds(), ...payload });
|
this.props.onRemoveSelectedPress({ ids: this.getSelectedIds(), ...payload });
|
||||||
this.setState({ isConfirmRemoveModalOpen: false });
|
this.setState({ isConfirmRemoveModalOpen: false });
|
||||||
}
|
};
|
||||||
|
|
||||||
onConfirmRemoveModalClose = () => {
|
onConfirmRemoveModalClose = () => {
|
||||||
this._shouldBlockRefresh = false;
|
this._shouldBlockRefresh = false;
|
||||||
this.setState({ isConfirmRemoveModalOpen: false });
|
this.setState({ isConfirmRemoveModalOpen: false });
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -96,34 +96,34 @@ class QueueConnector extends Component {
|
||||||
|
|
||||||
repopulate = () => {
|
repopulate = () => {
|
||||||
this.props.fetchQueue();
|
this.props.fetchQueue();
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Listeners
|
// Listeners
|
||||||
|
|
||||||
onFirstPagePress = () => {
|
onFirstPagePress = () => {
|
||||||
this.props.gotoQueueFirstPage();
|
this.props.gotoQueueFirstPage();
|
||||||
}
|
};
|
||||||
|
|
||||||
onPreviousPagePress = () => {
|
onPreviousPagePress = () => {
|
||||||
this.props.gotoQueuePreviousPage();
|
this.props.gotoQueuePreviousPage();
|
||||||
}
|
};
|
||||||
|
|
||||||
onNextPagePress = () => {
|
onNextPagePress = () => {
|
||||||
this.props.gotoQueueNextPage();
|
this.props.gotoQueueNextPage();
|
||||||
}
|
};
|
||||||
|
|
||||||
onLastPagePress = () => {
|
onLastPagePress = () => {
|
||||||
this.props.gotoQueueLastPage();
|
this.props.gotoQueueLastPage();
|
||||||
}
|
};
|
||||||
|
|
||||||
onPageSelect = (page) => {
|
onPageSelect = (page) => {
|
||||||
this.props.gotoQueuePage({ page });
|
this.props.gotoQueuePage({ page });
|
||||||
}
|
};
|
||||||
|
|
||||||
onSortPress = (sortKey) => {
|
onSortPress = (sortKey) => {
|
||||||
this.props.setQueueSort({ sortKey });
|
this.props.setQueueSort({ sortKey });
|
||||||
}
|
};
|
||||||
|
|
||||||
onTableOptionChange = (payload) => {
|
onTableOptionChange = (payload) => {
|
||||||
this.props.setQueueTableOption(payload);
|
this.props.setQueueTableOption(payload);
|
||||||
|
@ -131,21 +131,21 @@ class QueueConnector extends Component {
|
||||||
if (payload.pageSize) {
|
if (payload.pageSize) {
|
||||||
this.props.gotoQueueFirstPage();
|
this.props.gotoQueueFirstPage();
|
||||||
}
|
}
|
||||||
}
|
};
|
||||||
|
|
||||||
onRefreshPress = () => {
|
onRefreshPress = () => {
|
||||||
this.props.executeCommand({
|
this.props.executeCommand({
|
||||||
name: commandNames.REFRESH_MONITORED_DOWNLOADS
|
name: commandNames.REFRESH_MONITORED_DOWNLOADS
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
onGrabSelectedPress = (ids) => {
|
onGrabSelectedPress = (ids) => {
|
||||||
this.props.grabQueueItems({ ids });
|
this.props.grabQueueItems({ ids });
|
||||||
}
|
};
|
||||||
|
|
||||||
onRemoveSelectedPress = (payload) => {
|
onRemoveSelectedPress = (payload) => {
|
||||||
this.props.removeQueueItems(payload);
|
this.props.removeQueueItems(payload);
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -42,7 +42,7 @@ class QueueOptions extends Component {
|
||||||
[name]: value
|
[name]: value
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -41,7 +41,7 @@ class QueueRow extends Component {
|
||||||
|
|
||||||
onRemoveQueueItemPress = () => {
|
onRemoveQueueItemPress = () => {
|
||||||
this.setState({ isRemoveQueueItemModalOpen: true });
|
this.setState({ isRemoveQueueItemModalOpen: true });
|
||||||
}
|
};
|
||||||
|
|
||||||
onRemoveQueueItemModalConfirmed = (blocklist, skipredownload) => {
|
onRemoveQueueItemModalConfirmed = (blocklist, skipredownload) => {
|
||||||
const {
|
const {
|
||||||
|
@ -53,25 +53,25 @@ class QueueRow extends Component {
|
||||||
onRemoveQueueItemPress(blocklist, skipredownload);
|
onRemoveQueueItemPress(blocklist, skipredownload);
|
||||||
|
|
||||||
this.setState({ isRemoveQueueItemModalOpen: false });
|
this.setState({ isRemoveQueueItemModalOpen: false });
|
||||||
}
|
};
|
||||||
|
|
||||||
onRemoveQueueItemModalClose = () => {
|
onRemoveQueueItemModalClose = () => {
|
||||||
this.props.onQueueRowModalOpenOrClose(false);
|
this.props.onQueueRowModalOpenOrClose(false);
|
||||||
|
|
||||||
this.setState({ isRemoveQueueItemModalOpen: false });
|
this.setState({ isRemoveQueueItemModalOpen: false });
|
||||||
}
|
};
|
||||||
|
|
||||||
onInteractiveImportPress = () => {
|
onInteractiveImportPress = () => {
|
||||||
this.props.onQueueRowModalOpenOrClose(true);
|
this.props.onQueueRowModalOpenOrClose(true);
|
||||||
|
|
||||||
this.setState({ isInteractiveImportModalOpen: true });
|
this.setState({ isInteractiveImportModalOpen: true });
|
||||||
}
|
};
|
||||||
|
|
||||||
onInteractiveImportModalClose = () => {
|
onInteractiveImportModalClose = () => {
|
||||||
this.props.onQueueRowModalOpenOrClose(false);
|
this.props.onQueueRowModalOpenOrClose(false);
|
||||||
|
|
||||||
this.setState({ isInteractiveImportModalOpen: false });
|
this.setState({ isInteractiveImportModalOpen: false });
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -40,11 +40,11 @@ class QueueRowConnector extends Component {
|
||||||
|
|
||||||
onGrabPress = () => {
|
onGrabPress = () => {
|
||||||
this.props.grabQueueItem({ id: this.props.id });
|
this.props.grabQueueItem({ id: this.props.id });
|
||||||
}
|
};
|
||||||
|
|
||||||
onRemoveQueueItemPress = (payload) => {
|
onRemoveQueueItemPress = (payload) => {
|
||||||
this.props.removeQueueItem({ id: this.props.id, ...payload });
|
this.props.removeQueueItem({ id: this.props.id, ...payload });
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -36,34 +36,34 @@ class RemoveQueueItemModal extends Component {
|
||||||
blocklist: false,
|
blocklist: false,
|
||||||
skipredownload: false
|
skipredownload: false
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Listeners
|
// Listeners
|
||||||
|
|
||||||
onRemoveChange = ({ value }) => {
|
onRemoveChange = ({ value }) => {
|
||||||
this.setState({ remove: value });
|
this.setState({ remove: value });
|
||||||
}
|
};
|
||||||
|
|
||||||
onBlocklistChange = ({ value }) => {
|
onBlocklistChange = ({ value }) => {
|
||||||
this.setState({ blocklist: value });
|
this.setState({ blocklist: value });
|
||||||
}
|
};
|
||||||
|
|
||||||
onSkipReDownloadChange = ({ value }) => {
|
onSkipReDownloadChange = ({ value }) => {
|
||||||
this.setState({ skipredownload: value });
|
this.setState({ skipredownload: value });
|
||||||
}
|
};
|
||||||
|
|
||||||
onRemoveConfirmed = () => {
|
onRemoveConfirmed = () => {
|
||||||
const state = this.state;
|
const state = this.state;
|
||||||
|
|
||||||
this.resetState();
|
this.resetState();
|
||||||
this.props.onRemovePress(state);
|
this.props.onRemovePress(state);
|
||||||
}
|
};
|
||||||
|
|
||||||
onModalClose = () => {
|
onModalClose = () => {
|
||||||
this.resetState();
|
this.resetState();
|
||||||
this.props.onModalClose();
|
this.props.onModalClose();
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -31,40 +31,40 @@ class RemoveQueueItemsModal extends Component {
|
||||||
//
|
//
|
||||||
// Control
|
// Control
|
||||||
|
|
||||||
resetState = function() {
|
resetState = function() {
|
||||||
this.setState({
|
this.setState({
|
||||||
remove: true,
|
remove: true,
|
||||||
blocklist: false,
|
blocklist: false,
|
||||||
skipredownload: false
|
skipredownload: false
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Listeners
|
// Listeners
|
||||||
|
|
||||||
onRemoveChange = ({ value }) => {
|
onRemoveChange = ({ value }) => {
|
||||||
this.setState({ remove: value });
|
this.setState({ remove: value });
|
||||||
}
|
};
|
||||||
|
|
||||||
onBlocklistChange = ({ value }) => {
|
onBlocklistChange = ({ value }) => {
|
||||||
this.setState({ blocklist: value });
|
this.setState({ blocklist: value });
|
||||||
}
|
};
|
||||||
|
|
||||||
onSkipReDownloadChange = ({ value }) => {
|
onSkipReDownloadChange = ({ value }) => {
|
||||||
this.setState({ skipredownload: value });
|
this.setState({ skipredownload: value });
|
||||||
}
|
};
|
||||||
|
|
||||||
onRemoveConfirmed = () => {
|
onRemoveConfirmed = () => {
|
||||||
const state = this.state;
|
const state = this.state;
|
||||||
|
|
||||||
this.resetState();
|
this.resetState();
|
||||||
this.props.onRemovePress(state);
|
this.props.onRemovePress(state);
|
||||||
}
|
};
|
||||||
|
|
||||||
onModalClose = () => {
|
onModalClose = () => {
|
||||||
this.resetState();
|
this.resetState();
|
||||||
this.props.onModalClose();
|
this.props.onModalClose();
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -25,11 +25,11 @@ class AlbumSearchCell extends Component {
|
||||||
|
|
||||||
onManualSearchPress = () => {
|
onManualSearchPress = () => {
|
||||||
this.setState({ isDetailsModalOpen: true });
|
this.setState({ isDetailsModalOpen: true });
|
||||||
}
|
};
|
||||||
|
|
||||||
onDetailsModalClose = () => {
|
onDetailsModalClose = () => {
|
||||||
this.setState({ isDetailsModalOpen: false });
|
this.setState({ isDetailsModalOpen: false });
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -32,11 +32,11 @@ class DeleteAlbumModalContent extends Component {
|
||||||
|
|
||||||
onDeleteFilesChange = ({ value }) => {
|
onDeleteFilesChange = ({ value }) => {
|
||||||
this.setState({ deleteFiles: value });
|
this.setState({ deleteFiles: value });
|
||||||
}
|
};
|
||||||
|
|
||||||
onAddImportListExclusionChange = ({ value }) => {
|
onAddImportListExclusionChange = ({ value }) => {
|
||||||
this.setState({ addImportListExclusion: value });
|
this.setState({ addImportListExclusion: value });
|
||||||
}
|
};
|
||||||
|
|
||||||
onDeleteAlbumConfirmed = () => {
|
onDeleteAlbumConfirmed = () => {
|
||||||
const deleteFiles = this.state.deleteFiles;
|
const deleteFiles = this.state.deleteFiles;
|
||||||
|
@ -45,7 +45,7 @@ class DeleteAlbumModalContent extends Component {
|
||||||
this.setState({ deleteFiles: false });
|
this.setState({ deleteFiles: false });
|
||||||
this.setState({ addImportListExclusion: false });
|
this.setState({ addImportListExclusion: false });
|
||||||
this.props.onDeletePress(deleteFiles, addImportListExclusion);
|
this.props.onDeletePress(deleteFiles, addImportListExclusion);
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -36,7 +36,7 @@ class DeleteAlbumModalContentConnector extends Component {
|
||||||
this.props.onModalClose(true);
|
this.props.onModalClose(true);
|
||||||
|
|
||||||
this.props.push(`${window.Lidarr.urlBase}/artist/${this.props.foreignArtistId}`);
|
this.props.push(`${window.Lidarr.urlBase}/artist/${this.props.foreignArtistId}`);
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -102,62 +102,62 @@ class AlbumDetails extends Component {
|
||||||
|
|
||||||
onOrganizePress = () => {
|
onOrganizePress = () => {
|
||||||
this.setState({ isOrganizeModalOpen: true });
|
this.setState({ isOrganizeModalOpen: true });
|
||||||
}
|
};
|
||||||
|
|
||||||
onOrganizeModalClose = () => {
|
onOrganizeModalClose = () => {
|
||||||
this.setState({ isOrganizeModalOpen: false });
|
this.setState({ isOrganizeModalOpen: false });
|
||||||
}
|
};
|
||||||
|
|
||||||
onRetagPress = () => {
|
onRetagPress = () => {
|
||||||
this.setState({ isRetagModalOpen: true });
|
this.setState({ isRetagModalOpen: true });
|
||||||
}
|
};
|
||||||
|
|
||||||
onRetagModalClose = () => {
|
onRetagModalClose = () => {
|
||||||
this.setState({ isRetagModalOpen: false });
|
this.setState({ isRetagModalOpen: false });
|
||||||
}
|
};
|
||||||
|
|
||||||
onEditAlbumPress = () => {
|
onEditAlbumPress = () => {
|
||||||
this.setState({ isEditAlbumModalOpen: true });
|
this.setState({ isEditAlbumModalOpen: true });
|
||||||
}
|
};
|
||||||
|
|
||||||
onEditAlbumModalClose = () => {
|
onEditAlbumModalClose = () => {
|
||||||
this.setState({ isEditAlbumModalOpen: false });
|
this.setState({ isEditAlbumModalOpen: false });
|
||||||
}
|
};
|
||||||
|
|
||||||
onDeleteAlbumPress = () => {
|
onDeleteAlbumPress = () => {
|
||||||
this.setState({
|
this.setState({
|
||||||
isEditAlbumModalOpen: false,
|
isEditAlbumModalOpen: false,
|
||||||
isDeleteAlbumModalOpen: true
|
isDeleteAlbumModalOpen: true
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
onDeleteAlbumModalClose = () => {
|
onDeleteAlbumModalClose = () => {
|
||||||
this.setState({ isDeleteAlbumModalOpen: false });
|
this.setState({ isDeleteAlbumModalOpen: false });
|
||||||
}
|
};
|
||||||
|
|
||||||
onManageTracksPress = () => {
|
onManageTracksPress = () => {
|
||||||
this.setState({ isManageTracksOpen: true });
|
this.setState({ isManageTracksOpen: true });
|
||||||
}
|
};
|
||||||
|
|
||||||
onManageTracksModalClose = () => {
|
onManageTracksModalClose = () => {
|
||||||
this.setState({ isManageTracksOpen: false });
|
this.setState({ isManageTracksOpen: false });
|
||||||
}
|
};
|
||||||
|
|
||||||
onInteractiveSearchPress = () => {
|
onInteractiveSearchPress = () => {
|
||||||
this.setState({ isInteractiveSearchModalOpen: true });
|
this.setState({ isInteractiveSearchModalOpen: true });
|
||||||
}
|
};
|
||||||
|
|
||||||
onInteractiveSearchModalClose = () => {
|
onInteractiveSearchModalClose = () => {
|
||||||
this.setState({ isInteractiveSearchModalOpen: false });
|
this.setState({ isInteractiveSearchModalOpen: false });
|
||||||
}
|
};
|
||||||
|
|
||||||
onArtistHistoryPress = () => {
|
onArtistHistoryPress = () => {
|
||||||
this.setState({ isArtistHistoryModalOpen: true });
|
this.setState({ isArtistHistoryModalOpen: true });
|
||||||
}
|
};
|
||||||
|
|
||||||
onArtistHistoryModalClose = () => {
|
onArtistHistoryModalClose = () => {
|
||||||
this.setState({ isArtistHistoryModalOpen: false });
|
this.setState({ isArtistHistoryModalOpen: false });
|
||||||
}
|
};
|
||||||
|
|
||||||
onExpandAllPress = () => {
|
onExpandAllPress = () => {
|
||||||
const {
|
const {
|
||||||
|
@ -166,7 +166,7 @@ class AlbumDetails extends Component {
|
||||||
} = this.state;
|
} = this.state;
|
||||||
|
|
||||||
this.setState(getExpandedState(selectAll(expandedState, !allExpanded)));
|
this.setState(getExpandedState(selectAll(expandedState, !allExpanded)));
|
||||||
}
|
};
|
||||||
|
|
||||||
onExpandPress = (albumId, isExpanded) => {
|
onExpandPress = (albumId, isExpanded) => {
|
||||||
this.setState((state) => {
|
this.setState((state) => {
|
||||||
|
@ -180,7 +180,7 @@ class AlbumDetails extends Component {
|
||||||
|
|
||||||
return getExpandedState(newState);
|
return getExpandedState(newState);
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -133,12 +133,12 @@ class AlbumDetailsConnector extends Component {
|
||||||
|
|
||||||
this.props.fetchTracks({ albumId });
|
this.props.fetchTracks({ albumId });
|
||||||
this.props.fetchTrackFiles({ albumId });
|
this.props.fetchTrackFiles({ albumId });
|
||||||
}
|
};
|
||||||
|
|
||||||
unpopulate = () => {
|
unpopulate = () => {
|
||||||
this.props.clearTracks();
|
this.props.clearTracks();
|
||||||
this.props.clearTrackFiles();
|
this.props.clearTrackFiles();
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Listeners
|
// Listeners
|
||||||
|
@ -148,14 +148,14 @@ class AlbumDetailsConnector extends Component {
|
||||||
albumIds: [this.props.id],
|
albumIds: [this.props.id],
|
||||||
monitored
|
monitored
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
onSearchPress = () => {
|
onSearchPress = () => {
|
||||||
this.props.executeCommand({
|
this.props.executeCommand({
|
||||||
name: commandNames.ALBUM_SEARCH,
|
name: commandNames.ALBUM_SEARCH,
|
||||||
albumIds: [this.props.id]
|
albumIds: [this.props.id]
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -83,7 +83,7 @@ class AlbumDetailsMedium extends Component {
|
||||||
} = this.props;
|
} = this.props;
|
||||||
|
|
||||||
this.props.onExpandPress(mediumNumber, !isExpanded);
|
this.props.onExpandPress(mediumNumber, !isExpanded);
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -39,7 +39,7 @@ class AlbumDetailsMediumConnector extends Component {
|
||||||
|
|
||||||
onTableOptionChange = (payload) => {
|
onTableOptionChange = (payload) => {
|
||||||
this.props.setTracksTableOption(payload);
|
this.props.setTracksTableOption(payload);
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -76,11 +76,11 @@ class AlbumDetailsPageConnector extends Component {
|
||||||
foreignAlbumId,
|
foreignAlbumId,
|
||||||
includeAllArtistAlbums: true
|
includeAllArtistAlbums: true
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
unpopulate = () => {
|
unpopulate = () => {
|
||||||
this.props.clearAlbums();
|
this.props.clearAlbums();
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -27,24 +27,24 @@ class TrackActionsCell extends Component {
|
||||||
|
|
||||||
onDetailsPress = () => {
|
onDetailsPress = () => {
|
||||||
this.setState({ isDetailsModalOpen: true });
|
this.setState({ isDetailsModalOpen: true });
|
||||||
}
|
};
|
||||||
|
|
||||||
onDetailsModalClose = () => {
|
onDetailsModalClose = () => {
|
||||||
this.setState({ isDetailsModalOpen: false });
|
this.setState({ isDetailsModalOpen: false });
|
||||||
}
|
};
|
||||||
|
|
||||||
onDeleteFilePress = () => {
|
onDeleteFilePress = () => {
|
||||||
this.setState({ isConfirmDeleteModalOpen: true });
|
this.setState({ isConfirmDeleteModalOpen: true });
|
||||||
}
|
};
|
||||||
|
|
||||||
onConfirmDelete = () => {
|
onConfirmDelete = () => {
|
||||||
this.setState({ isConfirmDeleteModalOpen: false });
|
this.setState({ isConfirmDeleteModalOpen: false });
|
||||||
this.props.deleteTrackFile({ id: this.props.trackFileId });
|
this.props.deleteTrackFile({ id: this.props.trackFileId });
|
||||||
}
|
};
|
||||||
|
|
||||||
onConfirmDeleteModalClose = () => {
|
onConfirmDeleteModalClose = () => {
|
||||||
this.setState({ isConfirmDeleteModalOpen: false });
|
this.setState({ isConfirmDeleteModalOpen: false });
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -16,7 +16,7 @@ class EditAlbumModalConnector extends Component {
|
||||||
onModalClose = () => {
|
onModalClose = () => {
|
||||||
this.props.clearPendingChanges({ section: 'albums' });
|
this.props.clearPendingChanges({ section: 'albums' });
|
||||||
this.props.onModalClose();
|
this.props.onModalClose();
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -25,7 +25,7 @@ class EditAlbumModalContent extends Component {
|
||||||
|
|
||||||
onSavePress(false);
|
onSavePress(false);
|
||||||
|
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -64,13 +64,13 @@ class EditAlbumModalContentConnector extends Component {
|
||||||
|
|
||||||
onInputChange = ({ name, value }) => {
|
onInputChange = ({ name, value }) => {
|
||||||
this.props.dispatchSetAlbumValue({ name, value });
|
this.props.dispatchSetAlbumValue({ name, value });
|
||||||
}
|
};
|
||||||
|
|
||||||
onSavePress = () => {
|
onSavePress = () => {
|
||||||
this.props.dispatchSaveAlbum({
|
this.props.dispatchSaveAlbum({
|
||||||
id: this.props.albumId
|
id: this.props.albumId
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -116,7 +116,7 @@ class AlbumStudio extends Component {
|
||||||
|
|
||||||
setScrollerRef = (ref) => {
|
setScrollerRef = (ref) => {
|
||||||
this.setState({ scroller: ref });
|
this.setState({ scroller: ref });
|
||||||
}
|
};
|
||||||
|
|
||||||
setJumpBarItems() {
|
setJumpBarItems() {
|
||||||
const {
|
const {
|
||||||
|
@ -167,7 +167,7 @@ class AlbumStudio extends Component {
|
||||||
return [];
|
return [];
|
||||||
}
|
}
|
||||||
return getSelectedIds(this.state.selectedState);
|
return getSelectedIds(this.state.selectedState);
|
||||||
}
|
};
|
||||||
|
|
||||||
setSelectedState = () => {
|
setSelectedState = () => {
|
||||||
const {
|
const {
|
||||||
|
@ -202,7 +202,7 @@ class AlbumStudio extends Component {
|
||||||
}
|
}
|
||||||
|
|
||||||
this.setState({ selectedState: newSelectedState, allSelected: isAllSelected, allUnselected: isAllUnselected });
|
this.setState({ selectedState: newSelectedState, allSelected: isAllSelected, allUnselected: isAllUnselected });
|
||||||
}
|
};
|
||||||
|
|
||||||
estimateRowHeight = (width) => {
|
estimateRowHeight = (width) => {
|
||||||
const {
|
const {
|
||||||
|
@ -222,7 +222,7 @@ class AlbumStudio extends Component {
|
||||||
|
|
||||||
// each row is 23px per album row plus 16px padding
|
// each row is 23px per album row plus 16px padding
|
||||||
return albumRowsPerArtist * 23 + 16;
|
return albumRowsPerArtist * 23 + 16;
|
||||||
}
|
};
|
||||||
|
|
||||||
rowRenderer = ({ key, rowIndex, parent, style }) => {
|
rowRenderer = ({ key, rowIndex, parent, style }) => {
|
||||||
const {
|
const {
|
||||||
|
@ -258,31 +258,31 @@ class AlbumStudio extends Component {
|
||||||
)}
|
)}
|
||||||
</CellMeasurer>
|
</CellMeasurer>
|
||||||
);
|
);
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Listeners
|
// Listeners
|
||||||
|
|
||||||
onSelectAllChange = ({ value }) => {
|
onSelectAllChange = ({ value }) => {
|
||||||
this.setState(selectAll(this.state.selectedState, value));
|
this.setState(selectAll(this.state.selectedState, value));
|
||||||
}
|
};
|
||||||
|
|
||||||
onSelectedChange = ({ id, value, shiftKey = false }) => {
|
onSelectedChange = ({ id, value, shiftKey = false }) => {
|
||||||
this.setState((state) => {
|
this.setState((state) => {
|
||||||
return toggleSelected(state, this.props.items, id, value, shiftKey);
|
return toggleSelected(state, this.props.items, id, value, shiftKey);
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
onSelectAllPress = () => {
|
onSelectAllPress = () => {
|
||||||
this.onSelectAllChange({ value: !this.state.allSelected });
|
this.onSelectAllChange({ value: !this.state.allSelected });
|
||||||
}
|
};
|
||||||
|
|
||||||
onUpdateSelectedPress = (changes) => {
|
onUpdateSelectedPress = (changes) => {
|
||||||
this.props.onUpdateSelectedPress({
|
this.props.onUpdateSelectedPress({
|
||||||
artistIds: this.getSelectedIds(),
|
artistIds: this.getSelectedIds(),
|
||||||
...changes
|
...changes
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
onJumpBarItemPress = (jumpToCharacter) => {
|
onJumpBarItemPress = (jumpToCharacter) => {
|
||||||
const scrollIndex = getIndexOfFirstCharacter(this.props.items, jumpToCharacter);
|
const scrollIndex = getIndexOfFirstCharacter(this.props.items, jumpToCharacter);
|
||||||
|
@ -290,14 +290,14 @@ class AlbumStudio extends Component {
|
||||||
if (scrollIndex != null) {
|
if (scrollIndex != null) {
|
||||||
this.setState({ scrollIndex });
|
this.setState({ scrollIndex });
|
||||||
}
|
}
|
||||||
}
|
};
|
||||||
|
|
||||||
onGridRecompute = (width) => {
|
onGridRecompute = (width) => {
|
||||||
this.setJumpBarItems();
|
this.setJumpBarItems();
|
||||||
this.setSelectedState();
|
this.setSelectedState();
|
||||||
this.setState({ estimatedRowSize: this.estimateRowHeight(width) });
|
this.setState({ estimatedRowSize: this.estimateRowHeight(width) });
|
||||||
this.cache.clearAll();
|
this.cache.clearAll();
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -17,7 +17,7 @@ class AlbumStudioAlbum extends Component {
|
||||||
} = this.props;
|
} = this.props;
|
||||||
|
|
||||||
this.props.onAlbumMonitoredPress(id, !monitored);
|
this.props.onAlbumMonitoredPress(id, !monitored);
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -69,26 +69,26 @@ class AlbumStudioConnector extends Component {
|
||||||
|
|
||||||
populate = () => {
|
populate = () => {
|
||||||
this.props.fetchAlbums();
|
this.props.fetchAlbums();
|
||||||
}
|
};
|
||||||
|
|
||||||
unpopulate = () => {
|
unpopulate = () => {
|
||||||
this.props.clearAlbums();
|
this.props.clearAlbums();
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Listeners
|
// Listeners
|
||||||
|
|
||||||
onSortPress = (sortKey) => {
|
onSortPress = (sortKey) => {
|
||||||
this.props.setAlbumStudioSort({ sortKey });
|
this.props.setAlbumStudioSort({ sortKey });
|
||||||
}
|
};
|
||||||
|
|
||||||
onFilterSelect = (selectedFilterKey) => {
|
onFilterSelect = (selectedFilterKey) => {
|
||||||
this.props.setAlbumStudioFilter({ selectedFilterKey });
|
this.props.setAlbumStudioFilter({ selectedFilterKey });
|
||||||
}
|
};
|
||||||
|
|
||||||
onUpdateSelectedPress = (payload) => {
|
onUpdateSelectedPress = (payload) => {
|
||||||
this.props.saveAlbumStudio(payload);
|
this.props.saveAlbumStudio(payload);
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -42,7 +42,7 @@ class AlbumStudioFooter extends Component {
|
||||||
|
|
||||||
onInputChange = ({ name, value }) => {
|
onInputChange = ({ name, value }) => {
|
||||||
this.setState({ [name]: value });
|
this.setState({ [name]: value });
|
||||||
}
|
};
|
||||||
|
|
||||||
onUpdateSelectedPress = () => {
|
onUpdateSelectedPress = () => {
|
||||||
const {
|
const {
|
||||||
|
@ -61,7 +61,7 @@ class AlbumStudioFooter extends Component {
|
||||||
}
|
}
|
||||||
|
|
||||||
this.props.onUpdateSelectedPress(changes);
|
this.props.onUpdateSelectedPress(changes);
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -60,7 +60,7 @@ class AlbumStudioRowConnector extends Component {
|
||||||
artistId,
|
artistId,
|
||||||
monitored: !monitored
|
monitored: !monitored
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
onAlbumMonitoredPress = (albumId, monitored) => {
|
onAlbumMonitoredPress = (albumId, monitored) => {
|
||||||
const albumIds = [albumId];
|
const albumIds = [albumId];
|
||||||
|
@ -68,7 +68,7 @@ class AlbumStudioRowConnector extends Component {
|
||||||
albumIds,
|
albumIds,
|
||||||
monitored
|
monitored
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -99,7 +99,7 @@ class ArtistImage extends Component {
|
||||||
if (this.props.onError) {
|
if (this.props.onError) {
|
||||||
this.props.onError();
|
this.props.onError();
|
||||||
}
|
}
|
||||||
}
|
};
|
||||||
|
|
||||||
onLoad = () => {
|
onLoad = () => {
|
||||||
this.setState({
|
this.setState({
|
||||||
|
@ -110,7 +110,7 @@ class ArtistImage extends Component {
|
||||||
if (this.props.onLoad) {
|
if (this.props.onLoad) {
|
||||||
this.props.onLoad();
|
this.props.onLoad();
|
||||||
}
|
}
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -72,11 +72,11 @@ class ArtistLogo extends Component {
|
||||||
|
|
||||||
onError = () => {
|
onError = () => {
|
||||||
this.setState({ hasError: true });
|
this.setState({ hasError: true });
|
||||||
}
|
};
|
||||||
|
|
||||||
onLoad = () => {
|
onLoad = () => {
|
||||||
this.setState({ isLoaded: true });
|
this.setState({ isLoaded: true });
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -33,11 +33,11 @@ class DeleteArtistModalContent extends Component {
|
||||||
|
|
||||||
onDeleteFilesChange = ({ value }) => {
|
onDeleteFilesChange = ({ value }) => {
|
||||||
this.setState({ deleteFiles: value });
|
this.setState({ deleteFiles: value });
|
||||||
}
|
};
|
||||||
|
|
||||||
onAddImportListExclusionChange = ({ value }) => {
|
onAddImportListExclusionChange = ({ value }) => {
|
||||||
this.setState({ addImportListExclusion: value });
|
this.setState({ addImportListExclusion: value });
|
||||||
}
|
};
|
||||||
|
|
||||||
onDeleteArtistConfirmed = () => {
|
onDeleteArtistConfirmed = () => {
|
||||||
const deleteFiles = this.state.deleteFiles;
|
const deleteFiles = this.state.deleteFiles;
|
||||||
|
@ -46,7 +46,7 @@ class DeleteArtistModalContent extends Component {
|
||||||
this.setState({ deleteFiles: false });
|
this.setState({ deleteFiles: false });
|
||||||
this.setState({ addImportListExclusion: false });
|
this.setState({ addImportListExclusion: false });
|
||||||
this.props.onDeletePress(deleteFiles, addImportListExclusion);
|
this.props.onDeletePress(deleteFiles, addImportListExclusion);
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -32,7 +32,7 @@ class DeleteArtistModalContentConnector extends Component {
|
||||||
});
|
});
|
||||||
|
|
||||||
this.props.onModalClose(true);
|
this.props.onModalClose(true);
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -44,23 +44,23 @@ class AlbumRow extends Component {
|
||||||
|
|
||||||
onManualSearchPress = () => {
|
onManualSearchPress = () => {
|
||||||
this.setState({ isDetailsModalOpen: true });
|
this.setState({ isDetailsModalOpen: true });
|
||||||
}
|
};
|
||||||
|
|
||||||
onDetailsModalClose = () => {
|
onDetailsModalClose = () => {
|
||||||
this.setState({ isDetailsModalOpen: false });
|
this.setState({ isDetailsModalOpen: false });
|
||||||
}
|
};
|
||||||
|
|
||||||
onEditAlbumPress = () => {
|
onEditAlbumPress = () => {
|
||||||
this.setState({ isEditAlbumModalOpen: true });
|
this.setState({ isEditAlbumModalOpen: true });
|
||||||
}
|
};
|
||||||
|
|
||||||
onEditAlbumModalClose = () => {
|
onEditAlbumModalClose = () => {
|
||||||
this.setState({ isEditAlbumModalOpen: false });
|
this.setState({ isEditAlbumModalOpen: false });
|
||||||
}
|
};
|
||||||
|
|
||||||
onMonitorAlbumPress = (monitored, options) => {
|
onMonitorAlbumPress = (monitored, options) => {
|
||||||
this.props.onMonitorAlbumPress(this.props.id, monitored, options);
|
this.props.onMonitorAlbumPress(this.props.id, monitored, options);
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -86,70 +86,70 @@ class ArtistDetails extends Component {
|
||||||
|
|
||||||
onOrganizePress = () => {
|
onOrganizePress = () => {
|
||||||
this.setState({ isOrganizeModalOpen: true });
|
this.setState({ isOrganizeModalOpen: true });
|
||||||
}
|
};
|
||||||
|
|
||||||
onOrganizeModalClose = () => {
|
onOrganizeModalClose = () => {
|
||||||
this.setState({ isOrganizeModalOpen: false });
|
this.setState({ isOrganizeModalOpen: false });
|
||||||
}
|
};
|
||||||
|
|
||||||
onRetagPress = () => {
|
onRetagPress = () => {
|
||||||
this.setState({ isRetagModalOpen: true });
|
this.setState({ isRetagModalOpen: true });
|
||||||
}
|
};
|
||||||
|
|
||||||
onRetagModalClose = () => {
|
onRetagModalClose = () => {
|
||||||
this.setState({ isRetagModalOpen: false });
|
this.setState({ isRetagModalOpen: false });
|
||||||
}
|
};
|
||||||
|
|
||||||
onManageTracksPress = () => {
|
onManageTracksPress = () => {
|
||||||
this.setState({ isManageTracksOpen: true });
|
this.setState({ isManageTracksOpen: true });
|
||||||
}
|
};
|
||||||
|
|
||||||
onManageTracksModalClose = () => {
|
onManageTracksModalClose = () => {
|
||||||
this.setState({ isManageTracksOpen: false });
|
this.setState({ isManageTracksOpen: false });
|
||||||
}
|
};
|
||||||
|
|
||||||
onInteractiveImportPress = () => {
|
onInteractiveImportPress = () => {
|
||||||
this.setState({ isInteractiveImportModalOpen: true });
|
this.setState({ isInteractiveImportModalOpen: true });
|
||||||
}
|
};
|
||||||
|
|
||||||
onInteractiveImportModalClose = () => {
|
onInteractiveImportModalClose = () => {
|
||||||
this.setState({ isInteractiveImportModalOpen: false });
|
this.setState({ isInteractiveImportModalOpen: false });
|
||||||
}
|
};
|
||||||
|
|
||||||
onInteractiveSearchPress = () => {
|
onInteractiveSearchPress = () => {
|
||||||
this.setState({ isInteractiveSearchModalOpen: true });
|
this.setState({ isInteractiveSearchModalOpen: true });
|
||||||
}
|
};
|
||||||
|
|
||||||
onInteractiveSearchModalClose = () => {
|
onInteractiveSearchModalClose = () => {
|
||||||
this.setState({ isInteractiveSearchModalOpen: false });
|
this.setState({ isInteractiveSearchModalOpen: false });
|
||||||
}
|
};
|
||||||
|
|
||||||
onEditArtistPress = () => {
|
onEditArtistPress = () => {
|
||||||
this.setState({ isEditArtistModalOpen: true });
|
this.setState({ isEditArtistModalOpen: true });
|
||||||
}
|
};
|
||||||
|
|
||||||
onEditArtistModalClose = () => {
|
onEditArtistModalClose = () => {
|
||||||
this.setState({ isEditArtistModalOpen: false });
|
this.setState({ isEditArtistModalOpen: false });
|
||||||
}
|
};
|
||||||
|
|
||||||
onDeleteArtistPress = () => {
|
onDeleteArtistPress = () => {
|
||||||
this.setState({
|
this.setState({
|
||||||
isEditArtistModalOpen: false,
|
isEditArtistModalOpen: false,
|
||||||
isDeleteArtistModalOpen: true
|
isDeleteArtistModalOpen: true
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
onDeleteArtistModalClose = () => {
|
onDeleteArtistModalClose = () => {
|
||||||
this.setState({ isDeleteArtistModalOpen: false });
|
this.setState({ isDeleteArtistModalOpen: false });
|
||||||
}
|
};
|
||||||
|
|
||||||
onArtistHistoryPress = () => {
|
onArtistHistoryPress = () => {
|
||||||
this.setState({ isArtistHistoryModalOpen: true });
|
this.setState({ isArtistHistoryModalOpen: true });
|
||||||
}
|
};
|
||||||
|
|
||||||
onArtistHistoryModalClose = () => {
|
onArtistHistoryModalClose = () => {
|
||||||
this.setState({ isArtistHistoryModalOpen: false });
|
this.setState({ isArtistHistoryModalOpen: false });
|
||||||
}
|
};
|
||||||
|
|
||||||
onExpandAllPress = () => {
|
onExpandAllPress = () => {
|
||||||
const {
|
const {
|
||||||
|
@ -158,7 +158,7 @@ class ArtistDetails extends Component {
|
||||||
} = this.state;
|
} = this.state;
|
||||||
|
|
||||||
this.setState(getExpandedState(selectAll(expandedState, !allExpanded)));
|
this.setState(getExpandedState(selectAll(expandedState, !allExpanded)));
|
||||||
}
|
};
|
||||||
|
|
||||||
onExpandPress = (albumId, isExpanded) => {
|
onExpandPress = (albumId, isExpanded) => {
|
||||||
this.setState((state) => {
|
this.setState((state) => {
|
||||||
|
@ -172,7 +172,7 @@ class ArtistDetails extends Component {
|
||||||
|
|
||||||
return getExpandedState(newState);
|
return getExpandedState(newState);
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -212,13 +212,13 @@ class ArtistDetailsConnector extends Component {
|
||||||
this.props.fetchAlbums({ artistId });
|
this.props.fetchAlbums({ artistId });
|
||||||
this.props.fetchTrackFiles({ artistId });
|
this.props.fetchTrackFiles({ artistId });
|
||||||
this.props.fetchQueueDetails({ artistId });
|
this.props.fetchQueueDetails({ artistId });
|
||||||
}
|
};
|
||||||
|
|
||||||
unpopulate = () => {
|
unpopulate = () => {
|
||||||
this.props.clearAlbums();
|
this.props.clearAlbums();
|
||||||
this.props.clearTrackFiles();
|
this.props.clearTrackFiles();
|
||||||
this.props.clearQueueDetails();
|
this.props.clearQueueDetails();
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Listeners
|
// Listeners
|
||||||
|
@ -228,21 +228,21 @@ class ArtistDetailsConnector extends Component {
|
||||||
artistId: this.props.id,
|
artistId: this.props.id,
|
||||||
monitored
|
monitored
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
onRefreshPress = () => {
|
onRefreshPress = () => {
|
||||||
this.props.executeCommand({
|
this.props.executeCommand({
|
||||||
name: commandNames.REFRESH_ARTIST,
|
name: commandNames.REFRESH_ARTIST,
|
||||||
artistId: this.props.id
|
artistId: this.props.id
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
onSearchPress = () => {
|
onSearchPress = () => {
|
||||||
this.props.executeCommand({
|
this.props.executeCommand({
|
||||||
name: commandNames.ARTIST_SEARCH,
|
name: commandNames.ARTIST_SEARCH,
|
||||||
artistId: this.props.id
|
artistId: this.props.id
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -70,19 +70,19 @@ class ArtistDetailsSeason extends Component {
|
||||||
|
|
||||||
onOrganizePress = () => {
|
onOrganizePress = () => {
|
||||||
this.setState({ isOrganizeModalOpen: true });
|
this.setState({ isOrganizeModalOpen: true });
|
||||||
}
|
};
|
||||||
|
|
||||||
onOrganizeModalClose = () => {
|
onOrganizeModalClose = () => {
|
||||||
this.setState({ isOrganizeModalOpen: false });
|
this.setState({ isOrganizeModalOpen: false });
|
||||||
}
|
};
|
||||||
|
|
||||||
onManageTracksPress = () => {
|
onManageTracksPress = () => {
|
||||||
this.setState({ isManageTracksOpen: true });
|
this.setState({ isManageTracksOpen: true });
|
||||||
}
|
};
|
||||||
|
|
||||||
onManageTracksModalClose = () => {
|
onManageTracksModalClose = () => {
|
||||||
this.setState({ isManageTracksOpen: false });
|
this.setState({ isManageTracksOpen: false });
|
||||||
}
|
};
|
||||||
|
|
||||||
onExpandPress = () => {
|
onExpandPress = () => {
|
||||||
const {
|
const {
|
||||||
|
@ -91,7 +91,7 @@ class ArtistDetailsSeason extends Component {
|
||||||
} = this.props;
|
} = this.props;
|
||||||
|
|
||||||
this.props.onExpandPress(name, !isExpanded);
|
this.props.onExpandPress(name, !isExpanded);
|
||||||
}
|
};
|
||||||
|
|
||||||
onMonitorAlbumPress = (albumId, monitored, { shiftKey }) => {
|
onMonitorAlbumPress = (albumId, monitored, { shiftKey }) => {
|
||||||
const lastToggled = this.state.lastToggledAlbum;
|
const lastToggled = this.state.lastToggledAlbum;
|
||||||
|
@ -109,7 +109,7 @@ class ArtistDetailsSeason extends Component {
|
||||||
this.setState({ lastToggledAlbum: albumId });
|
this.setState({ lastToggledAlbum: albumId });
|
||||||
|
|
||||||
this.props.onMonitorAlbumPress(_.uniq(albumIds), monitored);
|
this.props.onMonitorAlbumPress(_.uniq(albumIds), monitored);
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -60,18 +60,18 @@ class ArtistDetailsSeasonConnector extends Component {
|
||||||
|
|
||||||
onTableOptionChange = (payload) => {
|
onTableOptionChange = (payload) => {
|
||||||
this.props.setAlbumsTableOption(payload);
|
this.props.setAlbumsTableOption(payload);
|
||||||
}
|
};
|
||||||
|
|
||||||
onSortPress = (sortKey) => {
|
onSortPress = (sortKey) => {
|
||||||
this.props.dispatchSetAlbumSort({ sortKey });
|
this.props.dispatchSetAlbumSort({ sortKey });
|
||||||
}
|
};
|
||||||
|
|
||||||
onMonitorAlbumPress = (albumIds, monitored) => {
|
onMonitorAlbumPress = (albumIds, monitored) => {
|
||||||
this.props.toggleAlbumsMonitored({
|
this.props.toggleAlbumsMonitored({
|
||||||
albumIds,
|
albumIds,
|
||||||
monitored
|
monitored
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -16,7 +16,7 @@ class EditArtistModalConnector extends Component {
|
||||||
onModalClose = () => {
|
onModalClose = () => {
|
||||||
this.props.clearPendingChanges({ section: 'artist' });
|
this.props.clearPendingChanges({ section: 'artist' });
|
||||||
this.props.onModalClose();
|
this.props.onModalClose();
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -47,13 +47,13 @@ class EditArtistModalContent extends Component {
|
||||||
|
|
||||||
onSavePress(false);
|
onSavePress(false);
|
||||||
}
|
}
|
||||||
}
|
};
|
||||||
|
|
||||||
onMoveArtistPress = () => {
|
onMoveArtistPress = () => {
|
||||||
this.setState({ isConfirmMoveModalOpen: false });
|
this.setState({ isConfirmMoveModalOpen: false });
|
||||||
|
|
||||||
this.props.onSavePress(true);
|
this.props.onSavePress(true);
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -82,14 +82,14 @@ class EditArtistModalContentConnector extends Component {
|
||||||
|
|
||||||
onInputChange = ({ name, value }) => {
|
onInputChange = ({ name, value }) => {
|
||||||
this.props.dispatchSetArtistValue({ name, value });
|
this.props.dispatchSetArtistValue({ name, value });
|
||||||
}
|
};
|
||||||
|
|
||||||
onSavePress = (moveFiles) => {
|
onSavePress = (moveFiles) => {
|
||||||
this.props.dispatchSaveArtist({
|
this.props.dispatchSaveArtist({
|
||||||
id: this.props.artistId,
|
id: this.props.artistId,
|
||||||
moveFiles
|
moveFiles
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -62,31 +62,31 @@ class ArtistEditor extends Component {
|
||||||
|
|
||||||
getSelectedIds = () => {
|
getSelectedIds = () => {
|
||||||
return getSelectedIds(this.state.selectedState);
|
return getSelectedIds(this.state.selectedState);
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Listeners
|
// Listeners
|
||||||
|
|
||||||
onSelectAllChange = ({ value }) => {
|
onSelectAllChange = ({ value }) => {
|
||||||
this.setState(selectAll(this.state.selectedState, value));
|
this.setState(selectAll(this.state.selectedState, value));
|
||||||
}
|
};
|
||||||
|
|
||||||
onSelectedChange = ({ id, value, shiftKey = false }) => {
|
onSelectedChange = ({ id, value, shiftKey = false }) => {
|
||||||
this.setState((state) => {
|
this.setState((state) => {
|
||||||
return toggleSelected(state, this.props.items, id, value, shiftKey);
|
return toggleSelected(state, this.props.items, id, value, shiftKey);
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
onSaveSelected = (changes) => {
|
onSaveSelected = (changes) => {
|
||||||
this.props.onSaveSelected({
|
this.props.onSaveSelected({
|
||||||
artistIds: this.getSelectedIds(),
|
artistIds: this.getSelectedIds(),
|
||||||
...changes
|
...changes
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
onOrganizeArtistPress = () => {
|
onOrganizeArtistPress = () => {
|
||||||
this.setState({ isOrganizingArtistModalOpen: true });
|
this.setState({ isOrganizingArtistModalOpen: true });
|
||||||
}
|
};
|
||||||
|
|
||||||
onOrganizeArtistModalClose = (organized) => {
|
onOrganizeArtistModalClose = (organized) => {
|
||||||
this.setState({ isOrganizingArtistModalOpen: false });
|
this.setState({ isOrganizingArtistModalOpen: false });
|
||||||
|
@ -94,11 +94,11 @@ class ArtistEditor extends Component {
|
||||||
if (organized === true) {
|
if (organized === true) {
|
||||||
this.onSelectAllChange({ value: false });
|
this.onSelectAllChange({ value: false });
|
||||||
}
|
}
|
||||||
}
|
};
|
||||||
|
|
||||||
onRetagArtistPress = () => {
|
onRetagArtistPress = () => {
|
||||||
this.setState({ isRetaggingArtistModalOpen: true });
|
this.setState({ isRetaggingArtistModalOpen: true });
|
||||||
}
|
};
|
||||||
|
|
||||||
onRetagArtistModalClose = (organized) => {
|
onRetagArtistModalClose = (organized) => {
|
||||||
this.setState({ isRetaggingArtistModalOpen: false });
|
this.setState({ isRetaggingArtistModalOpen: false });
|
||||||
|
@ -106,7 +106,7 @@ class ArtistEditor extends Component {
|
||||||
if (organized === true) {
|
if (organized === true) {
|
||||||
this.onSelectAllChange({ value: false });
|
this.onSelectAllChange({ value: false });
|
||||||
}
|
}
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -48,26 +48,26 @@ class ArtistEditorConnector extends Component {
|
||||||
|
|
||||||
onSortPress = (sortKey) => {
|
onSortPress = (sortKey) => {
|
||||||
this.props.dispatchSetArtistEditorSort({ sortKey });
|
this.props.dispatchSetArtistEditorSort({ sortKey });
|
||||||
}
|
};
|
||||||
|
|
||||||
onFilterSelect = (selectedFilterKey) => {
|
onFilterSelect = (selectedFilterKey) => {
|
||||||
this.props.dispatchSetArtistEditorFilter({ selectedFilterKey });
|
this.props.dispatchSetArtistEditorFilter({ selectedFilterKey });
|
||||||
}
|
};
|
||||||
|
|
||||||
onTableOptionChange = (payload) => {
|
onTableOptionChange = (payload) => {
|
||||||
this.props.dispatchSetArtistEditorTableOption(payload);
|
this.props.dispatchSetArtistEditorTableOption(payload);
|
||||||
}
|
};
|
||||||
|
|
||||||
onSaveSelected = (payload) => {
|
onSaveSelected = (payload) => {
|
||||||
this.props.dispatchSaveArtistEditor(payload);
|
this.props.dispatchSaveArtistEditor(payload);
|
||||||
}
|
};
|
||||||
|
|
||||||
onMoveSelected = (payload) => {
|
onMoveSelected = (payload) => {
|
||||||
this.props.dispatchExecuteCommand({
|
this.props.dispatchExecuteCommand({
|
||||||
name: commandNames.MOVE_ARTIST,
|
name: commandNames.MOVE_ARTIST,
|
||||||
...payload
|
...payload
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -77,7 +77,7 @@ class ArtistEditorFooter extends Component {
|
||||||
default:
|
default:
|
||||||
this.props.onSaveSelected({ [name]: value });
|
this.props.onSaveSelected({ [name]: value });
|
||||||
}
|
}
|
||||||
}
|
};
|
||||||
|
|
||||||
onApplyTagsPress = (tags, applyTags) => {
|
onApplyTagsPress = (tags, applyTags) => {
|
||||||
this.setState({
|
this.setState({
|
||||||
|
@ -89,23 +89,23 @@ class ArtistEditorFooter extends Component {
|
||||||
tags,
|
tags,
|
||||||
applyTags
|
applyTags
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
onDeleteSelectedPress = () => {
|
onDeleteSelectedPress = () => {
|
||||||
this.setState({ isDeleteArtistModalOpen: true });
|
this.setState({ isDeleteArtistModalOpen: true });
|
||||||
}
|
};
|
||||||
|
|
||||||
onDeleteArtistModalClose = () => {
|
onDeleteArtistModalClose = () => {
|
||||||
this.setState({ isDeleteArtistModalOpen: false });
|
this.setState({ isDeleteArtistModalOpen: false });
|
||||||
}
|
};
|
||||||
|
|
||||||
onTagsPress = () => {
|
onTagsPress = () => {
|
||||||
this.setState({ isTagsModalOpen: true });
|
this.setState({ isTagsModalOpen: true });
|
||||||
}
|
};
|
||||||
|
|
||||||
onTagsModalClose = () => {
|
onTagsModalClose = () => {
|
||||||
this.setState({ isTagsModalOpen: false });
|
this.setState({ isTagsModalOpen: false });
|
||||||
}
|
};
|
||||||
|
|
||||||
onSaveRootFolderPress = () => {
|
onSaveRootFolderPress = () => {
|
||||||
this.setState({
|
this.setState({
|
||||||
|
@ -114,7 +114,7 @@ class ArtistEditorFooter extends Component {
|
||||||
});
|
});
|
||||||
|
|
||||||
this.props.onSaveSelected({ rootFolderPath: this.state.destinationRootFolder });
|
this.props.onSaveSelected({ rootFolderPath: this.state.destinationRootFolder });
|
||||||
}
|
};
|
||||||
|
|
||||||
onMoveArtistPress = () => {
|
onMoveArtistPress = () => {
|
||||||
this.setState({
|
this.setState({
|
||||||
|
@ -126,7 +126,7 @@ class ArtistEditorFooter extends Component {
|
||||||
rootFolderPath: this.state.destinationRootFolder,
|
rootFolderPath: this.state.destinationRootFolder,
|
||||||
moveFiles: true
|
moveFiles: true
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -39,7 +39,7 @@ class ArtistEditorRowConnector extends Component {
|
||||||
artistId: id,
|
artistId: id,
|
||||||
monitored: !monitored
|
monitored: !monitored
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
render() {
|
render() {
|
||||||
return (
|
return (
|
||||||
|
|
|
@ -43,7 +43,7 @@ class RetagArtistModalContentConnector extends Component {
|
||||||
});
|
});
|
||||||
|
|
||||||
this.props.onModalClose(true);
|
this.props.onModalClose(true);
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -29,14 +29,14 @@ class DeleteArtistModalContent extends Component {
|
||||||
|
|
||||||
onDeleteFilesChange = ({ value }) => {
|
onDeleteFilesChange = ({ value }) => {
|
||||||
this.setState({ deleteFiles: value });
|
this.setState({ deleteFiles: value });
|
||||||
}
|
};
|
||||||
|
|
||||||
onDeleteArtistConfirmed = () => {
|
onDeleteArtistConfirmed = () => {
|
||||||
const deleteFiles = this.state.deleteFiles;
|
const deleteFiles = this.state.deleteFiles;
|
||||||
|
|
||||||
this.setState({ deleteFiles: false });
|
this.setState({ deleteFiles: false });
|
||||||
this.props.onDeleteSelectedPress(deleteFiles);
|
this.props.onDeleteSelectedPress(deleteFiles);
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -43,7 +43,7 @@ class OrganizeArtistModalContentConnector extends Component {
|
||||||
});
|
});
|
||||||
|
|
||||||
this.props.onModalClose(true);
|
this.props.onModalClose(true);
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -34,7 +34,7 @@ class TagsModalContent extends Component {
|
||||||
|
|
||||||
onInputChange = ({ name, value }) => {
|
onInputChange = ({ name, value }) => {
|
||||||
this.setState({ [name]: value });
|
this.setState({ [name]: value });
|
||||||
}
|
};
|
||||||
|
|
||||||
onApplyTagsPress = () => {
|
onApplyTagsPress = () => {
|
||||||
const {
|
const {
|
||||||
|
@ -43,7 +43,7 @@ class TagsModalContent extends Component {
|
||||||
} = this.state;
|
} = this.state;
|
||||||
|
|
||||||
this.props.onApplyTagsPress(tags, applyTags);
|
this.props.onApplyTagsPress(tags, applyTags);
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -55,7 +55,7 @@ class ArtistHistoryModalContentConnector extends Component {
|
||||||
artistId,
|
artistId,
|
||||||
albumId
|
albumId
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -55,16 +55,16 @@ class ArtistHistoryRow extends Component {
|
||||||
|
|
||||||
onMarkAsFailedPress = () => {
|
onMarkAsFailedPress = () => {
|
||||||
this.setState({ isMarkAsFailedModalOpen: true });
|
this.setState({ isMarkAsFailedModalOpen: true });
|
||||||
}
|
};
|
||||||
|
|
||||||
onConfirmMarkAsFailed = () => {
|
onConfirmMarkAsFailed = () => {
|
||||||
this.props.onMarkAsFailedPress(this.props.id);
|
this.props.onMarkAsFailedPress(this.props.id);
|
||||||
this.setState({ isMarkAsFailedModalOpen: false });
|
this.setState({ isMarkAsFailedModalOpen: false });
|
||||||
}
|
};
|
||||||
|
|
||||||
onMarkAsFailedModalClose = () => {
|
onMarkAsFailedModalClose = () => {
|
||||||
this.setState({ isMarkAsFailedModalOpen: false });
|
this.setState({ isMarkAsFailedModalOpen: false });
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -91,7 +91,7 @@ class ArtistIndex extends Component {
|
||||||
|
|
||||||
setScrollerRef = (ref) => {
|
setScrollerRef = (ref) => {
|
||||||
this.setState({ scroller: ref });
|
this.setState({ scroller: ref });
|
||||||
}
|
};
|
||||||
|
|
||||||
setJumpBarItems() {
|
setJumpBarItems() {
|
||||||
const {
|
const {
|
||||||
|
@ -142,31 +142,31 @@ class ArtistIndex extends Component {
|
||||||
|
|
||||||
onPosterOptionsPress = () => {
|
onPosterOptionsPress = () => {
|
||||||
this.setState({ isPosterOptionsModalOpen: true });
|
this.setState({ isPosterOptionsModalOpen: true });
|
||||||
}
|
};
|
||||||
|
|
||||||
onPosterOptionsModalClose = () => {
|
onPosterOptionsModalClose = () => {
|
||||||
this.setState({ isPosterOptionsModalOpen: false });
|
this.setState({ isPosterOptionsModalOpen: false });
|
||||||
}
|
};
|
||||||
|
|
||||||
onBannerOptionsPress = () => {
|
onBannerOptionsPress = () => {
|
||||||
this.setState({ isBannerOptionsModalOpen: true });
|
this.setState({ isBannerOptionsModalOpen: true });
|
||||||
}
|
};
|
||||||
|
|
||||||
onBannerOptionsModalClose = () => {
|
onBannerOptionsModalClose = () => {
|
||||||
this.setState({ isBannerOptionsModalOpen: false });
|
this.setState({ isBannerOptionsModalOpen: false });
|
||||||
}
|
};
|
||||||
|
|
||||||
onOverviewOptionsPress = () => {
|
onOverviewOptionsPress = () => {
|
||||||
this.setState({ isOverviewOptionsModalOpen: true });
|
this.setState({ isOverviewOptionsModalOpen: true });
|
||||||
}
|
};
|
||||||
|
|
||||||
onOverviewOptionsModalClose = () => {
|
onOverviewOptionsModalClose = () => {
|
||||||
this.setState({ isOverviewOptionsModalOpen: false });
|
this.setState({ isOverviewOptionsModalOpen: false });
|
||||||
}
|
};
|
||||||
|
|
||||||
onJumpBarItemPress = (jumpToCharacter) => {
|
onJumpBarItemPress = (jumpToCharacter) => {
|
||||||
this.setState({ jumpToCharacter });
|
this.setState({ jumpToCharacter });
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -74,11 +74,11 @@ class ArtistIndexConnector extends Component {
|
||||||
|
|
||||||
onViewSelect = (view) => {
|
onViewSelect = (view) => {
|
||||||
this.props.dispatchSetArtistView(view);
|
this.props.dispatchSetArtistView(view);
|
||||||
}
|
};
|
||||||
|
|
||||||
onScroll = ({ scrollTop }) => {
|
onScroll = ({ scrollTop }) => {
|
||||||
scrollPositions.artistIndex = scrollTop;
|
scrollPositions.artistIndex = scrollTop;
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -100,21 +100,21 @@ class ArtistIndexItemConnector extends Component {
|
||||||
name: commandNames.REFRESH_ARTIST,
|
name: commandNames.REFRESH_ARTIST,
|
||||||
artistId: this.props.id
|
artistId: this.props.id
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
onSearchPress = () => {
|
onSearchPress = () => {
|
||||||
this.props.dispatchExecuteCommand({
|
this.props.dispatchExecuteCommand({
|
||||||
name: commandNames.ARTIST_SEARCH,
|
name: commandNames.ARTIST_SEARCH,
|
||||||
artistId: this.props.id
|
artistId: this.props.id
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
onMonitoredPress = () => {
|
onMonitoredPress = () => {
|
||||||
this.props.toggleArtistMonitored({
|
this.props.toggleArtistMonitored({
|
||||||
artistId: this.props.id,
|
artistId: this.props.id,
|
||||||
monitored: !this.props.monitored
|
monitored: !this.props.monitored
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -33,22 +33,22 @@ class ArtistIndexBanner extends Component {
|
||||||
|
|
||||||
onEditArtistPress = () => {
|
onEditArtistPress = () => {
|
||||||
this.setState({ isEditArtistModalOpen: true });
|
this.setState({ isEditArtistModalOpen: true });
|
||||||
}
|
};
|
||||||
|
|
||||||
onEditArtistModalClose = () => {
|
onEditArtistModalClose = () => {
|
||||||
this.setState({ isEditArtistModalOpen: false });
|
this.setState({ isEditArtistModalOpen: false });
|
||||||
}
|
};
|
||||||
|
|
||||||
onDeleteArtistPress = () => {
|
onDeleteArtistPress = () => {
|
||||||
this.setState({
|
this.setState({
|
||||||
isEditArtistModalOpen: false,
|
isEditArtistModalOpen: false,
|
||||||
isDeleteArtistModalOpen: true
|
isDeleteArtistModalOpen: true
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
onDeleteArtistModalClose = () => {
|
onDeleteArtistModalClose = () => {
|
||||||
this.setState({ isDeleteArtistModalOpen: false });
|
this.setState({ isDeleteArtistModalOpen: false });
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -161,7 +161,7 @@ class ArtistIndexBanners extends Component {
|
||||||
|
|
||||||
setGridRef = (ref) => {
|
setGridRef = (ref) => {
|
||||||
this._grid = ref;
|
this._grid = ref;
|
||||||
}
|
};
|
||||||
|
|
||||||
calculateGrid = (width = this.state.width, isSmallScreen) => {
|
calculateGrid = (width = this.state.width, isSmallScreen) => {
|
||||||
const {
|
const {
|
||||||
|
@ -184,7 +184,7 @@ class ArtistIndexBanners extends Component {
|
||||||
bannerHeight,
|
bannerHeight,
|
||||||
rowHeight
|
rowHeight
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
cellRenderer = ({ key, rowIndex, columnIndex, style }) => {
|
cellRenderer = ({ key, rowIndex, columnIndex, style }) => {
|
||||||
const {
|
const {
|
||||||
|
@ -239,14 +239,14 @@ class ArtistIndexBanners extends Component {
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Listeners
|
// Listeners
|
||||||
|
|
||||||
onMeasure = ({ width }) => {
|
onMeasure = ({ width }) => {
|
||||||
this.calculateGrid(width, this.props.isSmallScreen);
|
this.calculateGrid(width, this.props.isSmallScreen);
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -87,7 +87,7 @@ class ArtistIndexBannerOptionsModalContent extends Component {
|
||||||
}, () => {
|
}, () => {
|
||||||
this.props.onChangeBannerOption({ [name]: value });
|
this.props.onChangeBannerOption({ [name]: value });
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -49,22 +49,22 @@ class ArtistIndexOverview extends Component {
|
||||||
|
|
||||||
onEditArtistPress = () => {
|
onEditArtistPress = () => {
|
||||||
this.setState({ isEditArtistModalOpen: true });
|
this.setState({ isEditArtistModalOpen: true });
|
||||||
}
|
};
|
||||||
|
|
||||||
onEditArtistModalClose = () => {
|
onEditArtistModalClose = () => {
|
||||||
this.setState({ isEditArtistModalOpen: false });
|
this.setState({ isEditArtistModalOpen: false });
|
||||||
}
|
};
|
||||||
|
|
||||||
onDeleteArtistPress = () => {
|
onDeleteArtistPress = () => {
|
||||||
this.setState({
|
this.setState({
|
||||||
isEditArtistModalOpen: false,
|
isEditArtistModalOpen: false,
|
||||||
isDeleteArtistModalOpen: true
|
isDeleteArtistModalOpen: true
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
onDeleteArtistModalClose = () => {
|
onDeleteArtistModalClose = () => {
|
||||||
this.setState({ isDeleteArtistModalOpen: false });
|
this.setState({ isDeleteArtistModalOpen: false });
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -115,7 +115,7 @@ class ArtistIndexOverviews extends Component {
|
||||||
|
|
||||||
setGridRef = (ref) => {
|
setGridRef = (ref) => {
|
||||||
this._grid = ref;
|
this._grid = ref;
|
||||||
}
|
};
|
||||||
|
|
||||||
calculateGrid = (width = this.state.width, isSmallScreen) => {
|
calculateGrid = (width = this.state.width, isSmallScreen) => {
|
||||||
const {
|
const {
|
||||||
|
@ -133,7 +133,7 @@ class ArtistIndexOverviews extends Component {
|
||||||
posterHeight,
|
posterHeight,
|
||||||
rowHeight
|
rowHeight
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
cellRenderer = ({ key, rowIndex, style }) => {
|
cellRenderer = ({ key, rowIndex, style }) => {
|
||||||
const {
|
const {
|
||||||
|
@ -183,14 +183,14 @@ class ArtistIndexOverviews extends Component {
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Listeners
|
// Listeners
|
||||||
|
|
||||||
onMeasure = ({ width }) => {
|
onMeasure = ({ width }) => {
|
||||||
this.calculateGrid(width, this.props.isSmallScreen);
|
this.calculateGrid(width, this.props.isSmallScreen);
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -111,7 +111,7 @@ class ArtistIndexOverviewOptionsModalContent extends Component {
|
||||||
}, () => {
|
}, () => {
|
||||||
this.props.onChangeOverviewOption({ [name]: value });
|
this.props.onChangeOverviewOption({ [name]: value });
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -34,34 +34,34 @@ class ArtistIndexPoster extends Component {
|
||||||
|
|
||||||
onEditArtistPress = () => {
|
onEditArtistPress = () => {
|
||||||
this.setState({ isEditArtistModalOpen: true });
|
this.setState({ isEditArtistModalOpen: true });
|
||||||
}
|
};
|
||||||
|
|
||||||
onEditArtistModalClose = () => {
|
onEditArtistModalClose = () => {
|
||||||
this.setState({ isEditArtistModalOpen: false });
|
this.setState({ isEditArtistModalOpen: false });
|
||||||
}
|
};
|
||||||
|
|
||||||
onDeleteArtistPress = () => {
|
onDeleteArtistPress = () => {
|
||||||
this.setState({
|
this.setState({
|
||||||
isEditArtistModalOpen: false,
|
isEditArtistModalOpen: false,
|
||||||
isDeleteArtistModalOpen: true
|
isDeleteArtistModalOpen: true
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
onDeleteArtistModalClose = () => {
|
onDeleteArtistModalClose = () => {
|
||||||
this.setState({ isDeleteArtistModalOpen: false });
|
this.setState({ isDeleteArtistModalOpen: false });
|
||||||
}
|
};
|
||||||
|
|
||||||
onPosterLoad = () => {
|
onPosterLoad = () => {
|
||||||
if (this.state.hasPosterError) {
|
if (this.state.hasPosterError) {
|
||||||
this.setState({ hasPosterError: false });
|
this.setState({ hasPosterError: false });
|
||||||
}
|
}
|
||||||
}
|
};
|
||||||
|
|
||||||
onPosterLoadError = () => {
|
onPosterLoadError = () => {
|
||||||
if (!this.state.hasPosterError) {
|
if (!this.state.hasPosterError) {
|
||||||
this.setState({ hasPosterError: true });
|
this.setState({ hasPosterError: true });
|
||||||
}
|
}
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -163,7 +163,7 @@ class ArtistIndexPosters extends Component {
|
||||||
|
|
||||||
setGridRef = (ref) => {
|
setGridRef = (ref) => {
|
||||||
this._grid = ref;
|
this._grid = ref;
|
||||||
}
|
};
|
||||||
|
|
||||||
calculateGrid = (width = this.state.width, isSmallScreen) => {
|
calculateGrid = (width = this.state.width, isSmallScreen) => {
|
||||||
const {
|
const {
|
||||||
|
@ -185,7 +185,7 @@ class ArtistIndexPosters extends Component {
|
||||||
posterHeight,
|
posterHeight,
|
||||||
rowHeight
|
rowHeight
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
cellRenderer = ({ key, rowIndex, columnIndex, style }) => {
|
cellRenderer = ({ key, rowIndex, columnIndex, style }) => {
|
||||||
const {
|
const {
|
||||||
|
@ -244,14 +244,14 @@ class ArtistIndexPosters extends Component {
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Listeners
|
// Listeners
|
||||||
|
|
||||||
onMeasure = ({ width }) => {
|
onMeasure = ({ width }) => {
|
||||||
this.calculateGrid(width, this.props.isSmallScreen);
|
this.calculateGrid(width, this.props.isSmallScreen);
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -87,7 +87,7 @@ class ArtistIndexPosterOptionsModalContent extends Component {
|
||||||
}, () => {
|
}, () => {
|
||||||
this.props.onChangePosterOption({ [name]: value });
|
this.props.onChangePosterOption({ [name]: value });
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -27,22 +27,22 @@ class ArtistIndexActionsCell extends Component {
|
||||||
|
|
||||||
onEditArtistPress = () => {
|
onEditArtistPress = () => {
|
||||||
this.setState({ isEditArtistModalOpen: true });
|
this.setState({ isEditArtistModalOpen: true });
|
||||||
}
|
};
|
||||||
|
|
||||||
onEditArtistModalClose = () => {
|
onEditArtistModalClose = () => {
|
||||||
this.setState({ isEditArtistModalOpen: false });
|
this.setState({ isEditArtistModalOpen: false });
|
||||||
}
|
};
|
||||||
|
|
||||||
onDeleteArtistPress = () => {
|
onDeleteArtistPress = () => {
|
||||||
this.setState({
|
this.setState({
|
||||||
isEditArtistModalOpen: false,
|
isEditArtistModalOpen: false,
|
||||||
isDeleteArtistModalOpen: true
|
isDeleteArtistModalOpen: true
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
onDeleteArtistModalClose = () => {
|
onDeleteArtistModalClose = () => {
|
||||||
this.setState({ isDeleteArtistModalOpen: false });
|
this.setState({ isDeleteArtistModalOpen: false });
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -39,39 +39,39 @@ class ArtistIndexRow extends Component {
|
||||||
|
|
||||||
onEditArtistPress = () => {
|
onEditArtistPress = () => {
|
||||||
this.setState({ isEditArtistModalOpen: true });
|
this.setState({ isEditArtistModalOpen: true });
|
||||||
}
|
};
|
||||||
|
|
||||||
onEditArtistModalClose = () => {
|
onEditArtistModalClose = () => {
|
||||||
this.setState({ isEditArtistModalOpen: false });
|
this.setState({ isEditArtistModalOpen: false });
|
||||||
}
|
};
|
||||||
|
|
||||||
onDeleteArtistPress = () => {
|
onDeleteArtistPress = () => {
|
||||||
this.setState({
|
this.setState({
|
||||||
isEditArtistModalOpen: false,
|
isEditArtistModalOpen: false,
|
||||||
isDeleteArtistModalOpen: true
|
isDeleteArtistModalOpen: true
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
onDeleteArtistModalClose = () => {
|
onDeleteArtistModalClose = () => {
|
||||||
this.setState({ isDeleteArtistModalOpen: false });
|
this.setState({ isDeleteArtistModalOpen: false });
|
||||||
}
|
};
|
||||||
|
|
||||||
onUseSceneNumberingChange = () => {
|
onUseSceneNumberingChange = () => {
|
||||||
// Mock handler to satisfy `onChange` being required for `CheckInput`.
|
// Mock handler to satisfy `onChange` being required for `CheckInput`.
|
||||||
//
|
//
|
||||||
}
|
};
|
||||||
|
|
||||||
onBannerLoad = () => {
|
onBannerLoad = () => {
|
||||||
if (this.state.hasBannerError) {
|
if (this.state.hasBannerError) {
|
||||||
this.setState({ hasBannerError: false });
|
this.setState({ hasBannerError: false });
|
||||||
}
|
}
|
||||||
}
|
};
|
||||||
|
|
||||||
onBannerLoadError = () => {
|
onBannerLoadError = () => {
|
||||||
if (!this.state.hasBannerError) {
|
if (!this.state.hasBannerError) {
|
||||||
this.setState({ hasBannerError: true });
|
this.setState({ hasBannerError: true });
|
||||||
}
|
}
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -71,7 +71,7 @@ class ArtistIndexTable extends Component {
|
||||||
/>
|
/>
|
||||||
</VirtualTableRow>
|
</VirtualTableRow>
|
||||||
);
|
);
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -51,7 +51,7 @@ class ArtistIndexTableOptions extends Component {
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -28,11 +28,11 @@ class AgendaEvent extends Component {
|
||||||
|
|
||||||
onPress = () => {
|
onPress = () => {
|
||||||
this.setState({ isDetailsModalOpen: true });
|
this.setState({ isDetailsModalOpen: true });
|
||||||
}
|
};
|
||||||
|
|
||||||
onDetailsModalClose = () => {
|
onDetailsModalClose = () => {
|
||||||
this.setState({ isDetailsModalOpen: false });
|
this.setState({ isDetailsModalOpen: false });
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -100,43 +100,43 @@ class CalendarConnector extends Component {
|
||||||
|
|
||||||
this.props.fetchQueueDetails({ time, view });
|
this.props.fetchQueueDetails({ time, view });
|
||||||
this.props.fetchCalendar({ time, view });
|
this.props.fetchCalendar({ time, view });
|
||||||
}
|
};
|
||||||
|
|
||||||
scheduleUpdate = () => {
|
scheduleUpdate = () => {
|
||||||
this.clearUpdateTimeout();
|
this.clearUpdateTimeout();
|
||||||
|
|
||||||
this.updateTimeoutId = setTimeout(this.updateCalendar, UPDATE_DELAY);
|
this.updateTimeoutId = setTimeout(this.updateCalendar, UPDATE_DELAY);
|
||||||
}
|
};
|
||||||
|
|
||||||
clearUpdateTimeout = () => {
|
clearUpdateTimeout = () => {
|
||||||
if (this.updateTimeoutId) {
|
if (this.updateTimeoutId) {
|
||||||
clearTimeout(this.updateTimeoutId);
|
clearTimeout(this.updateTimeoutId);
|
||||||
}
|
}
|
||||||
}
|
};
|
||||||
|
|
||||||
updateCalendar = () => {
|
updateCalendar = () => {
|
||||||
this.props.gotoCalendarToday();
|
this.props.gotoCalendarToday();
|
||||||
this.scheduleUpdate();
|
this.scheduleUpdate();
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Listeners
|
// Listeners
|
||||||
|
|
||||||
onCalendarViewChange = (view) => {
|
onCalendarViewChange = (view) => {
|
||||||
this.props.setCalendarView({ view });
|
this.props.setCalendarView({ view });
|
||||||
}
|
};
|
||||||
|
|
||||||
onTodayPress = () => {
|
onTodayPress = () => {
|
||||||
this.props.gotoCalendarToday();
|
this.props.gotoCalendarToday();
|
||||||
}
|
};
|
||||||
|
|
||||||
onPreviousPress = () => {
|
onPreviousPress = () => {
|
||||||
this.props.gotoCalendarPreviousRange();
|
this.props.gotoCalendarPreviousRange();
|
||||||
}
|
};
|
||||||
|
|
||||||
onNextPress = () => {
|
onNextPress = () => {
|
||||||
this.props.gotoCalendarNextRange();
|
this.props.gotoCalendarNextRange();
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -44,23 +44,23 @@ class CalendarPage extends Component {
|
||||||
const days = Math.max(3, Math.min(7, Math.floor(width / MINIMUM_DAY_WIDTH)));
|
const days = Math.max(3, Math.min(7, Math.floor(width / MINIMUM_DAY_WIDTH)));
|
||||||
|
|
||||||
this.props.onDaysCountChange(days);
|
this.props.onDaysCountChange(days);
|
||||||
}
|
};
|
||||||
|
|
||||||
onGetCalendarLinkPress = () => {
|
onGetCalendarLinkPress = () => {
|
||||||
this.setState({ isCalendarLinkModalOpen: true });
|
this.setState({ isCalendarLinkModalOpen: true });
|
||||||
}
|
};
|
||||||
|
|
||||||
onGetCalendarLinkModalClose = () => {
|
onGetCalendarLinkModalClose = () => {
|
||||||
this.setState({ isCalendarLinkModalOpen: false });
|
this.setState({ isCalendarLinkModalOpen: false });
|
||||||
}
|
};
|
||||||
|
|
||||||
onOptionsPress = () => {
|
onOptionsPress = () => {
|
||||||
this.setState({ isOptionsModalOpen: true });
|
this.setState({ isOptionsModalOpen: true });
|
||||||
}
|
};
|
||||||
|
|
||||||
onOptionsModalClose = () => {
|
onOptionsModalClose = () => {
|
||||||
this.setState({ isOptionsModalOpen: false });
|
this.setState({ isOptionsModalOpen: false });
|
||||||
}
|
};
|
||||||
|
|
||||||
onSearchMissingPress = () => {
|
onSearchMissingPress = () => {
|
||||||
const {
|
const {
|
||||||
|
@ -69,7 +69,7 @@ class CalendarPage extends Component {
|
||||||
} = this.props;
|
} = this.props;
|
||||||
|
|
||||||
onSearchMissingPress(missingAlbumIds);
|
onSearchMissingPress(missingAlbumIds);
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -60,20 +60,20 @@ class CalendarDays extends Component {
|
||||||
this.setState({ todaysDate: todaysDate.toISOString() });
|
this.setState({ todaysDate: todaysDate.toISOString() });
|
||||||
|
|
||||||
this.updateTimeoutId = setTimeout(this.scheduleUpdate, diff);
|
this.updateTimeoutId = setTimeout(this.scheduleUpdate, diff);
|
||||||
}
|
};
|
||||||
|
|
||||||
clearUpdateTimeout = () => {
|
clearUpdateTimeout = () => {
|
||||||
if (this.updateTimeoutId) {
|
if (this.updateTimeoutId) {
|
||||||
clearTimeout(this.updateTimeoutId);
|
clearTimeout(this.updateTimeoutId);
|
||||||
}
|
}
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Listeners
|
// Listeners
|
||||||
|
|
||||||
onEventModalOpenToggle = (isEventModalOpen) => {
|
onEventModalOpenToggle = (isEventModalOpen) => {
|
||||||
this.setState({ isEventModalOpen });
|
this.setState({ isEventModalOpen });
|
||||||
}
|
};
|
||||||
|
|
||||||
onTouchStart = (event) => {
|
onTouchStart = (event) => {
|
||||||
const touches = event.touches;
|
const touches = event.touches;
|
||||||
|
@ -92,7 +92,7 @@ class CalendarDays extends Component {
|
||||||
}
|
}
|
||||||
|
|
||||||
this._touchStart = touchStart;
|
this._touchStart = touchStart;
|
||||||
}
|
};
|
||||||
|
|
||||||
onTouchEnd = (event) => {
|
onTouchEnd = (event) => {
|
||||||
const touches = event.changedTouches;
|
const touches = event.changedTouches;
|
||||||
|
@ -109,17 +109,17 @@ class CalendarDays extends Component {
|
||||||
}
|
}
|
||||||
|
|
||||||
this._touchStart = null;
|
this._touchStart = null;
|
||||||
}
|
};
|
||||||
|
|
||||||
onTouchCancel = (event) => {
|
onTouchCancel = (event) => {
|
||||||
this._touchStart = null;
|
this._touchStart = null;
|
||||||
}
|
};
|
||||||
|
|
||||||
onTouchMove = (event) => {
|
onTouchMove = (event) => {
|
||||||
if (!this._touchStart) {
|
if (!this._touchStart) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -47,13 +47,13 @@ class DaysOfWeek extends Component {
|
||||||
});
|
});
|
||||||
|
|
||||||
this.updateTimeoutId = setTimeout(this.scheduleUpdate, diff);
|
this.updateTimeoutId = setTimeout(this.scheduleUpdate, diff);
|
||||||
}
|
};
|
||||||
|
|
||||||
clearUpdateTimeout = () => {
|
clearUpdateTimeout = () => {
|
||||||
if (this.updateTimeoutId) {
|
if (this.updateTimeoutId) {
|
||||||
clearTimeout(this.updateTimeoutId);
|
clearTimeout(this.updateTimeoutId);
|
||||||
}
|
}
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -30,13 +30,13 @@ class CalendarEvent extends Component {
|
||||||
this.setState({ isDetailsModalOpen: true }, () => {
|
this.setState({ isDetailsModalOpen: true }, () => {
|
||||||
this.props.onEventModalOpenToggle(true);
|
this.props.onEventModalOpenToggle(true);
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
onDetailsModalClose = () => {
|
onDetailsModalClose = () => {
|
||||||
this.setState({ isDetailsModalOpen: false }, () => {
|
this.setState({ isDetailsModalOpen: false }, () => {
|
||||||
this.props.onEventModalOpenToggle(false);
|
this.props.onEventModalOpenToggle(false);
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -71,7 +71,7 @@ class CalendarHeader extends Component {
|
||||||
this.setState({ view }, () => {
|
this.setState({ view }, () => {
|
||||||
this.props.onViewChange(view);
|
this.props.onViewChange(view);
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -45,19 +45,19 @@ class CalendarHeaderConnector extends Component {
|
||||||
|
|
||||||
onViewChange = (view) => {
|
onViewChange = (view) => {
|
||||||
this.props.setCalendarView({ view });
|
this.props.setCalendarView({ view });
|
||||||
}
|
};
|
||||||
|
|
||||||
onTodayPress = () => {
|
onTodayPress = () => {
|
||||||
this.props.gotoCalendarToday();
|
this.props.gotoCalendarToday();
|
||||||
}
|
};
|
||||||
|
|
||||||
onPreviousPress = () => {
|
onPreviousPress = () => {
|
||||||
this.props.gotoCalendarPreviousRange();
|
this.props.gotoCalendarPreviousRange();
|
||||||
}
|
};
|
||||||
|
|
||||||
onNextPress = () => {
|
onNextPress = () => {
|
||||||
this.props.gotoCalendarNextRange();
|
this.props.gotoCalendarNextRange();
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -12,7 +12,7 @@ class CalendarHeaderViewButton extends Component {
|
||||||
|
|
||||||
onPress = () => {
|
onPress = () => {
|
||||||
this.props.onPress(this.props.view);
|
this.props.onPress(this.props.view);
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -69,7 +69,7 @@ class CalendarOptionsModalContent extends Component {
|
||||||
} = this.props;
|
} = this.props;
|
||||||
|
|
||||||
dispatchSetCalendarOption({ [name]: value });
|
dispatchSetCalendarOption({ [name]: value });
|
||||||
}
|
};
|
||||||
|
|
||||||
onGlobalInputChange = ({ name, value }) => {
|
onGlobalInputChange = ({ name, value }) => {
|
||||||
const {
|
const {
|
||||||
|
@ -81,11 +81,11 @@ class CalendarOptionsModalContent extends Component {
|
||||||
this.setState(setting, () => {
|
this.setState(setting, () => {
|
||||||
dispatchSaveUISettings(setting);
|
dispatchSaveUISettings(setting);
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
onLinkFocus = (event) => {
|
onLinkFocus = (event) => {
|
||||||
event.target.select();
|
event.target.select();
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -82,11 +82,11 @@ class CalendarLinkModalContent extends Component {
|
||||||
[name]: value,
|
[name]: value,
|
||||||
...urls
|
...urls
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
onLinkFocus = (event) => {
|
onLinkFocus = (event) => {
|
||||||
event.target.select();
|
event.target.select();
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -70,18 +70,18 @@ class FileBrowserModalContent extends Component {
|
||||||
} else {
|
} else {
|
||||||
this._scrollerNode = null;
|
this._scrollerNode = null;
|
||||||
}
|
}
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Listeners
|
// Listeners
|
||||||
|
|
||||||
onPathInputChange = ({ value }) => {
|
onPathInputChange = ({ value }) => {
|
||||||
this.setState({ currentPath: value });
|
this.setState({ currentPath: value });
|
||||||
}
|
};
|
||||||
|
|
||||||
onRowPress = (path) => {
|
onRowPress = (path) => {
|
||||||
this.props.onFetchPaths(path);
|
this.props.onFetchPaths(path);
|
||||||
}
|
};
|
||||||
|
|
||||||
onOkPress = () => {
|
onOkPress = () => {
|
||||||
this.props.onChange({
|
this.props.onChange({
|
||||||
|
@ -91,7 +91,7 @@ class FileBrowserModalContent extends Component {
|
||||||
|
|
||||||
this.props.onClearPaths();
|
this.props.onClearPaths();
|
||||||
this.props.onModalClose();
|
this.props.onModalClose();
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -78,16 +78,16 @@ class FileBrowserModalContentConnector extends Component {
|
||||||
allowFoldersWithoutTrailingSlashes: true,
|
allowFoldersWithoutTrailingSlashes: true,
|
||||||
includeFiles
|
includeFiles
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
onClearPaths = () => {
|
onClearPaths = () => {
|
||||||
// this.props.dispatchClearPaths();
|
// this.props.dispatchClearPaths();
|
||||||
}
|
};
|
||||||
|
|
||||||
onModalClose = () => {
|
onModalClose = () => {
|
||||||
this.props.dispatchClearPaths();
|
this.props.dispatchClearPaths();
|
||||||
this.props.onModalClose();
|
this.props.onModalClose();
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -28,7 +28,7 @@ class FileBrowserRow extends Component {
|
||||||
|
|
||||||
onPress = () => {
|
onPress = () => {
|
||||||
this.props.onPress(this.props.path);
|
this.props.onPress(this.props.path);
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -102,7 +102,7 @@ class DateFilterBuilderRowValue extends Component {
|
||||||
name: NAME,
|
name: NAME,
|
||||||
value: newValue
|
value: newValue
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
onTimeChange = ({ value }) => {
|
onTimeChange = ({ value }) => {
|
||||||
const {
|
const {
|
||||||
|
@ -117,7 +117,7 @@ class DateFilterBuilderRowValue extends Component {
|
||||||
value: filterValue.value
|
value: filterValue.value
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -62,7 +62,7 @@ class FilterBuilderModalContent extends Component {
|
||||||
|
|
||||||
onLabelChange = ({ value }) => {
|
onLabelChange = ({ value }) => {
|
||||||
this.setState({ label: value });
|
this.setState({ label: value });
|
||||||
}
|
};
|
||||||
|
|
||||||
onFilterChange = (index, filter) => {
|
onFilterChange = (index, filter) => {
|
||||||
const filters = [...this.state.filters];
|
const filters = [...this.state.filters];
|
||||||
|
@ -71,7 +71,7 @@ class FilterBuilderModalContent extends Component {
|
||||||
this.setState({
|
this.setState({
|
||||||
filters
|
filters
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
onAddFilterPress = () => {
|
onAddFilterPress = () => {
|
||||||
const filters = [...this.state.filters];
|
const filters = [...this.state.filters];
|
||||||
|
@ -80,7 +80,7 @@ class FilterBuilderModalContent extends Component {
|
||||||
this.setState({
|
this.setState({
|
||||||
filters
|
filters
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
onRemoveFilterPress = (index) => {
|
onRemoveFilterPress = (index) => {
|
||||||
const filters = [...this.state.filters];
|
const filters = [...this.state.filters];
|
||||||
|
@ -89,7 +89,7 @@ class FilterBuilderModalContent extends Component {
|
||||||
this.setState({
|
this.setState({
|
||||||
filters
|
filters
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
onSaveFilterPress = () => {
|
onSaveFilterPress = () => {
|
||||||
const {
|
const {
|
||||||
|
@ -121,7 +121,7 @@ class FilterBuilderModalContent extends Component {
|
||||||
label,
|
label,
|
||||||
filters
|
filters
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -150,7 +150,7 @@ class FilterBuilderRow extends Component {
|
||||||
|
|
||||||
this.selectedFilterBuilderProp = selectedFilterBuilderProp;
|
this.selectedFilterBuilderProp = selectedFilterBuilderProp;
|
||||||
onFilterChange(index, filter);
|
onFilterChange(index, filter);
|
||||||
}
|
};
|
||||||
|
|
||||||
onFilterChange = ({ name, value }) => {
|
onFilterChange = ({ name, value }) => {
|
||||||
const {
|
const {
|
||||||
|
@ -170,7 +170,7 @@ class FilterBuilderRow extends Component {
|
||||||
filter[name] = value;
|
filter[name] = value;
|
||||||
|
|
||||||
onFilterChange(index, filter);
|
onFilterChange(index, filter);
|
||||||
}
|
};
|
||||||
|
|
||||||
onAddPress = () => {
|
onAddPress = () => {
|
||||||
const {
|
const {
|
||||||
|
@ -179,7 +179,7 @@ class FilterBuilderRow extends Component {
|
||||||
} = this.props;
|
} = this.props;
|
||||||
|
|
||||||
onAddPress(index);
|
onAddPress(index);
|
||||||
}
|
};
|
||||||
|
|
||||||
onRemovePress = () => {
|
onRemovePress = () => {
|
||||||
const {
|
const {
|
||||||
|
@ -188,7 +188,7 @@ class FilterBuilderRow extends Component {
|
||||||
} = this.props;
|
} = this.props;
|
||||||
|
|
||||||
onRemovePress(index);
|
onRemovePress(index);
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -84,7 +84,7 @@ class FilterBuilderRowValue extends Component {
|
||||||
name: NAME,
|
name: NAME,
|
||||||
value: [...filterValue, value]
|
value: [...filterValue, value]
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
onTagDelete = ({ index }) => {
|
onTagDelete = ({ index }) => {
|
||||||
const {
|
const {
|
||||||
|
@ -98,7 +98,7 @@ class FilterBuilderRowValue extends Component {
|
||||||
name: NAME,
|
name: NAME,
|
||||||
value
|
value
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -47,7 +47,7 @@ class IndexerFilterBuilderRowValueConnector extends Component {
|
||||||
if (!this.props.isPopulated) {
|
if (!this.props.isPopulated) {
|
||||||
this.props.dispatchFetchIndexers();
|
this.props.dispatchFetchIndexers();
|
||||||
}
|
}
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -43,7 +43,7 @@ class QualityFilterBuilderRowValueConnector extends Component {
|
||||||
if (!this.props.isPopulated) {
|
if (!this.props.isPopulated) {
|
||||||
this.props.dispatchFetchQualityProfileSchema();
|
this.props.dispatchFetchQualityProfileSchema();
|
||||||
}
|
}
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -55,7 +55,7 @@ class CustomFilter extends Component {
|
||||||
} = this.props;
|
} = this.props;
|
||||||
|
|
||||||
onEditPress(id);
|
onEditPress(id);
|
||||||
}
|
};
|
||||||
|
|
||||||
onRemovePress = () => {
|
onRemovePress = () => {
|
||||||
const {
|
const {
|
||||||
|
@ -67,7 +67,7 @@ class CustomFilter extends Component {
|
||||||
dispatchDeleteCustomFilter({ id });
|
dispatchDeleteCustomFilter({ id });
|
||||||
});
|
});
|
||||||
|
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -25,14 +25,14 @@ class FilterModal extends Component {
|
||||||
this.setState({
|
this.setState({
|
||||||
filterBuilder: true
|
filterBuilder: true
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
onEditCustomFilter = (id) => {
|
onEditCustomFilter = (id) => {
|
||||||
this.setState({
|
this.setState({
|
||||||
filterBuilder: true,
|
filterBuilder: true,
|
||||||
id
|
id
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
onCancelPress = () => {
|
onCancelPress = () => {
|
||||||
if (this.state.filterBuilder) {
|
if (this.state.filterBuilder) {
|
||||||
|
@ -43,7 +43,7 @@ class FilterModal extends Component {
|
||||||
} else {
|
} else {
|
||||||
this.onModalClose();
|
this.onModalClose();
|
||||||
}
|
}
|
||||||
}
|
};
|
||||||
|
|
||||||
onModalClose = () => {
|
onModalClose = () => {
|
||||||
this.setState({
|
this.setState({
|
||||||
|
@ -52,7 +52,7 @@ class FilterModal extends Component {
|
||||||
}, () => {
|
}, () => {
|
||||||
this.props.onModalClose();
|
this.props.onModalClose();
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -49,7 +49,7 @@ class AlbumReleaseSelectInputConnector extends Component {
|
||||||
_.find(updatedReleases, { foreignReleaseId: value }).monitored = true;
|
_.find(updatedReleases, { foreignReleaseId: value }).monitored = true;
|
||||||
|
|
||||||
this.props.onChange({ name, value: updatedReleases });
|
this.props.onChange({ name, value: updatedReleases });
|
||||||
}
|
};
|
||||||
|
|
||||||
render() {
|
render() {
|
||||||
|
|
||||||
|
|
|
@ -35,11 +35,11 @@ class AutoCompleteInput extends Component {
|
||||||
name: this.props.name,
|
name: this.props.name,
|
||||||
value: newValue
|
value: newValue
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
onInputBlur = () => {
|
onInputBlur = () => {
|
||||||
this.setState({ suggestions: [] });
|
this.setState({ suggestions: [] });
|
||||||
}
|
};
|
||||||
|
|
||||||
onSuggestionsFetchRequested = ({ value }) => {
|
onSuggestionsFetchRequested = ({ value }) => {
|
||||||
const { values } = this.props;
|
const { values } = this.props;
|
||||||
|
@ -50,11 +50,11 @@ class AutoCompleteInput extends Component {
|
||||||
});
|
});
|
||||||
|
|
||||||
this.setState({ suggestions: filteredValues });
|
this.setState({ suggestions: filteredValues });
|
||||||
}
|
};
|
||||||
|
|
||||||
onSuggestionsClearRequested = () => {
|
onSuggestionsClearRequested = () => {
|
||||||
this.setState({ suggestions: [] });
|
this.setState({ suggestions: [] });
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -49,7 +49,7 @@ class AutoSuggestInput extends Component {
|
||||||
}}
|
}}
|
||||||
</Reference>
|
</Reference>
|
||||||
);
|
);
|
||||||
}
|
};
|
||||||
|
|
||||||
renderSuggestionsContainer = ({ containerProps, children }) => {
|
renderSuggestionsContainer = ({ containerProps, children }) => {
|
||||||
return (
|
return (
|
||||||
|
@ -90,7 +90,7 @@ class AutoSuggestInput extends Component {
|
||||||
</Popper>
|
</Popper>
|
||||||
</Portal>
|
</Portal>
|
||||||
);
|
);
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Listeners
|
// Listeners
|
||||||
|
@ -113,14 +113,14 @@ class AutoSuggestInput extends Component {
|
||||||
data.styles.width = width;
|
data.styles.width = width;
|
||||||
|
|
||||||
return data;
|
return data;
|
||||||
}
|
};
|
||||||
|
|
||||||
onInputChange = (event, { newValue }) => {
|
onInputChange = (event, { newValue }) => {
|
||||||
this.props.onChange({
|
this.props.onChange({
|
||||||
name: this.props.name,
|
name: this.props.name,
|
||||||
value: newValue
|
value: newValue
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
onInputKeyDown = (event) => {
|
onInputKeyDown = (event) => {
|
||||||
const {
|
const {
|
||||||
|
@ -144,7 +144,7 @@ class AutoSuggestInput extends Component {
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -39,7 +39,7 @@ class CaptchaInputConnector extends Component {
|
||||||
|
|
||||||
componentWillUnmount = () => {
|
componentWillUnmount = () => {
|
||||||
this.props.resetCaptcha();
|
this.props.resetCaptcha();
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Listeners
|
// Listeners
|
||||||
|
@ -51,7 +51,7 @@ class CaptchaInputConnector extends Component {
|
||||||
} = this.props;
|
} = this.props;
|
||||||
|
|
||||||
this.props.refreshCaptcha({ provider, providerData });
|
this.props.refreshCaptcha({ provider, providerData });
|
||||||
}
|
};
|
||||||
|
|
||||||
onCaptchaChange = (captchaResponse) => {
|
onCaptchaChange = (captchaResponse) => {
|
||||||
// If the captcha has expired `captchaResponse` will be null.
|
// If the captcha has expired `captchaResponse` will be null.
|
||||||
|
@ -68,7 +68,7 @@ class CaptchaInputConnector extends Component {
|
||||||
} = this.props;
|
} = this.props;
|
||||||
|
|
||||||
this.props.getCaptchaCookie({ provider, providerData, captchaResponse });
|
this.props.getCaptchaCookie({ provider, providerData, captchaResponse });
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -59,14 +59,14 @@ class CheckInput extends Component {
|
||||||
shiftKey
|
shiftKey
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Listeners
|
// Listeners
|
||||||
|
|
||||||
setRef = (ref) => {
|
setRef = (ref) => {
|
||||||
this._checkbox = ref;
|
this._checkbox = ref;
|
||||||
}
|
};
|
||||||
|
|
||||||
onClick = (event) => {
|
onClick = (event) => {
|
||||||
if (this.props.isDisabled) {
|
if (this.props.isDisabled) {
|
||||||
|
@ -78,14 +78,14 @@ class CheckInput extends Component {
|
||||||
|
|
||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
this.toggleChecked(checked, shiftKey);
|
this.toggleChecked(checked, shiftKey);
|
||||||
}
|
};
|
||||||
|
|
||||||
onChange = (event) => {
|
onChange = (event) => {
|
||||||
const checked = event.target.checked;
|
const checked = event.target.checked;
|
||||||
const shiftKey = event.nativeEvent.shiftKey;
|
const shiftKey = event.nativeEvent.shiftKey;
|
||||||
|
|
||||||
this.toggleChecked(checked, shiftKey);
|
this.toggleChecked(checked, shiftKey);
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -23,7 +23,7 @@ class DeviceInput extends Component {
|
||||||
name,
|
name,
|
||||||
value: [...value, deviceId]
|
value: [...value, deviceId]
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
onTagDelete = ({ index }) => {
|
onTagDelete = ({ index }) => {
|
||||||
const {
|
const {
|
||||||
|
@ -39,7 +39,7 @@ class DeviceInput extends Component {
|
||||||
name,
|
name,
|
||||||
value: newValue
|
value: newValue
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -48,11 +48,11 @@ class DeviceInputConnector extends Component {
|
||||||
|
|
||||||
componentDidMount = () => {
|
componentDidMount = () => {
|
||||||
this._populate();
|
this._populate();
|
||||||
}
|
};
|
||||||
|
|
||||||
componentWillUnmount = () => {
|
componentWillUnmount = () => {
|
||||||
this.props.dispatchClearOptions({ section: 'devices' });
|
this.props.dispatchClearOptions({ section: 'devices' });
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Control
|
// Control
|
||||||
|
@ -77,7 +77,7 @@ class DeviceInputConnector extends Component {
|
||||||
|
|
||||||
onRefreshPress = () => {
|
onRefreshPress = () => {
|
||||||
this._populate();
|
this._populate();
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -149,7 +149,7 @@ class EnhancedSelectInput extends Component {
|
||||||
}
|
}
|
||||||
|
|
||||||
return data;
|
return data;
|
||||||
}
|
};
|
||||||
|
|
||||||
onWindowClick = (event) => {
|
onWindowClick = (event) => {
|
||||||
const button = document.getElementById(this._buttonId);
|
const button = document.getElementById(this._buttonId);
|
||||||
|
@ -168,14 +168,14 @@ class EnhancedSelectInput extends Component {
|
||||||
this.setState({ isOpen: false });
|
this.setState({ isOpen: false });
|
||||||
this._removeListener();
|
this._removeListener();
|
||||||
}
|
}
|
||||||
}
|
};
|
||||||
|
|
||||||
onFocus = () => {
|
onFocus = () => {
|
||||||
if (this.state.isOpen) {
|
if (this.state.isOpen) {
|
||||||
this._removeListener();
|
this._removeListener();
|
||||||
this.setState({ isOpen: false });
|
this.setState({ isOpen: false });
|
||||||
}
|
}
|
||||||
}
|
};
|
||||||
|
|
||||||
onBlur = () => {
|
onBlur = () => {
|
||||||
if (!this.props.isEditable) {
|
if (!this.props.isEditable) {
|
||||||
|
@ -186,7 +186,7 @@ class EnhancedSelectInput extends Component {
|
||||||
this.setState({ selectedIndex: origIndex });
|
this.setState({ selectedIndex: origIndex });
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
};
|
||||||
|
|
||||||
onKeyDown = (event) => {
|
onKeyDown = (event) => {
|
||||||
const {
|
const {
|
||||||
|
@ -253,7 +253,7 @@ class EnhancedSelectInput extends Component {
|
||||||
if (!_.isEmpty(newState)) {
|
if (!_.isEmpty(newState)) {
|
||||||
this.setState(newState);
|
this.setState(newState);
|
||||||
}
|
}
|
||||||
}
|
};
|
||||||
|
|
||||||
onPress = () => {
|
onPress = () => {
|
||||||
if (this.state.isOpen) {
|
if (this.state.isOpen) {
|
||||||
|
@ -267,7 +267,7 @@ class EnhancedSelectInput extends Component {
|
||||||
}
|
}
|
||||||
|
|
||||||
this.setState({ isOpen: !this.state.isOpen });
|
this.setState({ isOpen: !this.state.isOpen });
|
||||||
}
|
};
|
||||||
|
|
||||||
onSelect = (value) => {
|
onSelect = (value) => {
|
||||||
if (Array.isArray(this.props.value)) {
|
if (Array.isArray(this.props.value)) {
|
||||||
|
@ -291,15 +291,15 @@ class EnhancedSelectInput extends Component {
|
||||||
value
|
value
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
}
|
};
|
||||||
|
|
||||||
onMeasure = ({ width }) => {
|
onMeasure = ({ width }) => {
|
||||||
this.setState({ width });
|
this.setState({ width });
|
||||||
}
|
};
|
||||||
|
|
||||||
onOptionsModalClose = () => {
|
onOptionsModalClose = () => {
|
||||||
this.setState({ isOpen: false });
|
this.setState({ isOpen: false });
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
|
@ -73,7 +73,7 @@ class EnhancedSelectInputConnector extends Component {
|
||||||
|
|
||||||
componentDidMount = () => {
|
componentDidMount = () => {
|
||||||
this._populate();
|
this._populate();
|
||||||
}
|
};
|
||||||
|
|
||||||
componentDidUpdate = (prevProps) => {
|
componentDidUpdate = (prevProps) => {
|
||||||
const prevKey = getProviderDataKey(prevProps.providerData);
|
const prevKey = getProviderDataKey(prevProps.providerData);
|
||||||
|
@ -82,11 +82,11 @@ class EnhancedSelectInputConnector extends Component {
|
||||||
if (!_.isEqual(prevKey, nextKey)) {
|
if (!_.isEqual(prevKey, nextKey)) {
|
||||||
this.setState({ refetchRequired: true });
|
this.setState({ refetchRequired: true });
|
||||||
}
|
}
|
||||||
}
|
};
|
||||||
|
|
||||||
componentWillUnmount = () => {
|
componentWillUnmount = () => {
|
||||||
this._cleanup();
|
this._cleanup();
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Listeners
|
// Listeners
|
||||||
|
@ -95,7 +95,7 @@ class EnhancedSelectInputConnector extends Component {
|
||||||
if (this.state.refetchRequired) {
|
if (this.state.refetchRequired) {
|
||||||
this._populate();
|
this._populate();
|
||||||
}
|
}
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Control
|
// Control
|
||||||
|
|
|
@ -21,11 +21,11 @@ class EnhancedSelectInputOption extends Component {
|
||||||
} = this.props;
|
} = this.props;
|
||||||
|
|
||||||
onSelect(id);
|
onSelect(id);
|
||||||
}
|
};
|
||||||
|
|
||||||
onCheckPress = () => {
|
onCheckPress = () => {
|
||||||
// CheckInput requires a handler. Swallow the change event because onPress will already handle it via event propagation.
|
// CheckInput requires a handler. Swallow the change event because onPress will already handle it via event propagation.
|
||||||
}
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue