mirror of
https://github.com/Readarr/Readarr.git
synced 2026-04-26 22:46:37 -04:00
Update UI Packages
Align with Lidarr
This commit is contained in:
@@ -47,26 +47,26 @@ class DelayProfile extends Component {
|
||||
|
||||
onEditDelayProfilePress = () => {
|
||||
this.setState({ isEditDelayProfileModalOpen: true });
|
||||
}
|
||||
};
|
||||
|
||||
onEditDelayProfileModalClose = () => {
|
||||
this.setState({ isEditDelayProfileModalOpen: false });
|
||||
}
|
||||
};
|
||||
|
||||
onDeleteDelayProfilePress = () => {
|
||||
this.setState({
|
||||
isEditDelayProfileModalOpen: false,
|
||||
isDeleteDelayProfileModalOpen: true
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
onDeleteDelayProfileModalClose = () => {
|
||||
this.setState({ isDeleteDelayProfileModalOpen: false });
|
||||
}
|
||||
};
|
||||
|
||||
onConfirmDeleteDelayProfile = () => {
|
||||
this.props.onConfirmDeleteDelayProfile(this.props.id);
|
||||
}
|
||||
};
|
||||
|
||||
//
|
||||
// Render
|
||||
|
||||
@@ -32,15 +32,15 @@ class DelayProfiles extends Component {
|
||||
|
||||
onAddDelayProfilePress = () => {
|
||||
this.setState({ isAddDelayProfileModalOpen: true });
|
||||
}
|
||||
};
|
||||
|
||||
onModalClose = () => {
|
||||
this.setState({ isAddDelayProfileModalOpen: false });
|
||||
}
|
||||
};
|
||||
|
||||
onMeasure = ({ width }) => {
|
||||
this.setState({ width });
|
||||
}
|
||||
};
|
||||
|
||||
//
|
||||
// Render
|
||||
|
||||
@@ -54,7 +54,7 @@ class DelayProfilesConnector extends Component {
|
||||
|
||||
onConfirmDeleteDelayProfile = (id) => {
|
||||
this.props.deleteDelayProfile({ id });
|
||||
}
|
||||
};
|
||||
|
||||
onDelayProfileDragMove = (dragIndex, dropIndex) => {
|
||||
if (this.state.dragIndex !== dragIndex || this.state.dropIndex !== dropIndex) {
|
||||
@@ -63,7 +63,7 @@ class DelayProfilesConnector extends Component {
|
||||
dropIndex
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
onDelayProfileDragEnd = ({ id }, didDrop) => {
|
||||
const {
|
||||
@@ -78,7 +78,7 @@ class DelayProfilesConnector extends Component {
|
||||
dragIndex: null,
|
||||
dropIndex: null
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
//
|
||||
// Render
|
||||
|
||||
@@ -20,7 +20,7 @@ class EditDelayProfileModalConnector extends Component {
|
||||
onModalClose = () => {
|
||||
this.props.clearPendingChanges({ section: 'settings.delayProfiles' });
|
||||
this.props.onModalClose();
|
||||
}
|
||||
};
|
||||
|
||||
//
|
||||
// Render
|
||||
|
||||
@@ -117,7 +117,7 @@ class EditDelayProfileModalContentConnector extends Component {
|
||||
|
||||
onInputChange = ({ name, value }) => {
|
||||
this.props.setDelayProfileValue({ name, value });
|
||||
}
|
||||
};
|
||||
|
||||
onProtocolChange = ({ value }) => {
|
||||
switch (value) {
|
||||
@@ -144,11 +144,11 @@ class EditDelayProfileModalContentConnector extends Component {
|
||||
default:
|
||||
throw Error(`Unknown protocol option: ${value}`);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
onSavePress = () => {
|
||||
this.props.saveDelayProfile({ id: this.props.id });
|
||||
}
|
||||
};
|
||||
|
||||
//
|
||||
// Render
|
||||
|
||||
@@ -20,7 +20,7 @@ class EditMetadataProfileModalConnector extends Component {
|
||||
onModalClose = () => {
|
||||
this.props.clearPendingChanges({ section: 'settings.metadataProfiles' });
|
||||
this.props.onModalClose();
|
||||
}
|
||||
};
|
||||
|
||||
//
|
||||
// Render
|
||||
|
||||
@@ -57,11 +57,11 @@ class EditMetadataProfileModalContentConnector extends Component {
|
||||
|
||||
onInputChange = ({ name, value }) => {
|
||||
this.props.setMetadataProfileValue({ name, value });
|
||||
}
|
||||
};
|
||||
|
||||
onSavePress = () => {
|
||||
this.props.saveMetadataProfile({ id: this.props.id });
|
||||
}
|
||||
};
|
||||
|
||||
//
|
||||
// Render
|
||||
|
||||
@@ -27,26 +27,26 @@ class MetadataProfile extends Component {
|
||||
|
||||
onEditMetadataProfilePress = () => {
|
||||
this.setState({ isEditMetadataProfileModalOpen: true });
|
||||
}
|
||||
};
|
||||
|
||||
onEditMetadataProfileModalClose = () => {
|
||||
this.setState({ isEditMetadataProfileModalOpen: false });
|
||||
}
|
||||
};
|
||||
|
||||
onDeleteMetadataProfilePress = () => {
|
||||
this.setState({
|
||||
isEditMetadataProfileModalOpen: false,
|
||||
isDeleteMetadataProfileModalOpen: true
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
onDeleteMetadataProfileModalClose = () => {
|
||||
this.setState({ isDeleteMetadataProfileModalOpen: false });
|
||||
}
|
||||
};
|
||||
|
||||
onConfirmDeleteMetadataProfile = () => {
|
||||
this.props.onConfirmDeleteMetadataProfile(this.props.id);
|
||||
}
|
||||
};
|
||||
|
||||
onCloneMetadataProfilePress = () => {
|
||||
const {
|
||||
@@ -55,7 +55,7 @@ class MetadataProfile extends Component {
|
||||
} = this.props;
|
||||
|
||||
onCloneMetadataProfilePress(id);
|
||||
}
|
||||
};
|
||||
|
||||
//
|
||||
// Render
|
||||
|
||||
@@ -30,15 +30,15 @@ class MetadataProfiles extends Component {
|
||||
onCloneMetadataProfilePress = (id) => {
|
||||
this.props.onCloneMetadataProfilePress(id);
|
||||
this.setState({ isMetadataProfileModalOpen: true });
|
||||
}
|
||||
};
|
||||
|
||||
onEditMetadataProfilePress = () => {
|
||||
this.setState({ isMetadataProfileModalOpen: true });
|
||||
}
|
||||
};
|
||||
|
||||
onModalClose = () => {
|
||||
this.setState({ isMetadataProfileModalOpen: false });
|
||||
}
|
||||
};
|
||||
|
||||
//
|
||||
// Render
|
||||
|
||||
@@ -38,11 +38,11 @@ class MetadataProfilesConnector extends Component {
|
||||
|
||||
onConfirmDeleteMetadataProfile = (id) => {
|
||||
this.props.dispatchDeleteMetadataProfile({ id });
|
||||
}
|
||||
};
|
||||
|
||||
onCloneMetadataProfilePress = (id) => {
|
||||
this.props.dispatchCloneMetadataProfile({ id });
|
||||
}
|
||||
};
|
||||
|
||||
//
|
||||
// Render
|
||||
|
||||
@@ -24,7 +24,7 @@ class EditQualityProfileModal extends Component {
|
||||
if (this.state.height === 'auto' || height > this.state.height) {
|
||||
this.setState({ height });
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
//
|
||||
// Render
|
||||
|
||||
@@ -20,7 +20,7 @@ class EditQualityProfileModalConnector extends Component {
|
||||
onModalClose = () => {
|
||||
this.props.clearPendingChanges({ section: 'settings.qualityProfiles' });
|
||||
this.props.onModalClose();
|
||||
}
|
||||
};
|
||||
|
||||
//
|
||||
// Render
|
||||
|
||||
@@ -67,20 +67,20 @@ class EditQualityProfileModalContent extends Component {
|
||||
if (height > this.state.headerHeight) {
|
||||
this.setState({ headerHeight: height });
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
onBodyMeasure = ({ height }) => {
|
||||
|
||||
if (height > this.state.bodyHeight) {
|
||||
this.setState({ bodyHeight: height });
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
onFooterMeasure = ({ height }) => {
|
||||
if (height > this.state.footerHeight) {
|
||||
this.setState({ footerHeight: height });
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
//
|
||||
// Render
|
||||
|
||||
@@ -135,14 +135,14 @@ class EditQualityProfileModalContentConnector extends Component {
|
||||
|
||||
this.props.setQualityProfileValue({ name: 'cutoff', value: cutoffId });
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
//
|
||||
// Listeners
|
||||
|
||||
onInputChange = ({ name, value }) => {
|
||||
this.props.setQualityProfileValue({ name, value });
|
||||
}
|
||||
};
|
||||
|
||||
onCutoffChange = ({ name, value }) => {
|
||||
const id = parseInt(value);
|
||||
@@ -157,11 +157,11 @@ class EditQualityProfileModalContentConnector extends Component {
|
||||
const cutoffId = item.quality ? item.quality.id : item.id;
|
||||
|
||||
this.props.setQualityProfileValue({ name, value: cutoffId });
|
||||
}
|
||||
};
|
||||
|
||||
onSavePress = () => {
|
||||
this.props.saveQualityProfile({ id: this.props.id });
|
||||
}
|
||||
};
|
||||
|
||||
onQualityProfileItemAllowedChange = (id, allowed) => {
|
||||
const qualityProfile = _.cloneDeep(this.props.item);
|
||||
@@ -176,7 +176,7 @@ class EditQualityProfileModalContentConnector extends Component {
|
||||
});
|
||||
|
||||
this.ensureCutoff(qualityProfile);
|
||||
}
|
||||
};
|
||||
|
||||
onItemGroupAllowedChange = (id, allowed) => {
|
||||
const qualityProfile = _.cloneDeep(this.props.item);
|
||||
@@ -196,7 +196,7 @@ class EditQualityProfileModalContentConnector extends Component {
|
||||
});
|
||||
|
||||
this.ensureCutoff(qualityProfile);
|
||||
}
|
||||
};
|
||||
|
||||
onItemGroupNameChange = (id, name) => {
|
||||
const qualityProfile = _.cloneDeep(this.props.item);
|
||||
@@ -209,7 +209,7 @@ class EditQualityProfileModalContentConnector extends Component {
|
||||
name: 'items',
|
||||
value: items
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
onCreateGroupPress = (id) => {
|
||||
const qualityProfile = _.cloneDeep(this.props.item);
|
||||
@@ -236,7 +236,7 @@ class EditQualityProfileModalContentConnector extends Component {
|
||||
});
|
||||
|
||||
this.ensureCutoff(qualityProfile);
|
||||
}
|
||||
};
|
||||
|
||||
onDeleteGroupPress = (id) => {
|
||||
const qualityProfile = _.cloneDeep(this.props.item);
|
||||
@@ -253,7 +253,7 @@ class EditQualityProfileModalContentConnector extends Component {
|
||||
});
|
||||
|
||||
this.ensureCutoff(qualityProfile);
|
||||
}
|
||||
};
|
||||
|
||||
onQualityProfileItemDragMove = (options) => {
|
||||
const {
|
||||
@@ -339,7 +339,7 @@ class EditQualityProfileModalContentConnector extends Component {
|
||||
dropPosition
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
onQualityProfileItemDragEnd = (didDrop) => {
|
||||
const {
|
||||
@@ -392,11 +392,11 @@ class EditQualityProfileModalContentConnector extends Component {
|
||||
dropQualityIndex: null,
|
||||
dropPosition: null
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
onToggleEditGroupsMode = () => {
|
||||
this.setState({ editGroups: !this.state.editGroups });
|
||||
}
|
||||
};
|
||||
|
||||
//
|
||||
// Render
|
||||
|
||||
@@ -29,26 +29,26 @@ class QualityProfile extends Component {
|
||||
|
||||
onEditQualityProfilePress = () => {
|
||||
this.setState({ isEditQualityProfileModalOpen: true });
|
||||
}
|
||||
};
|
||||
|
||||
onEditQualityProfileModalClose = () => {
|
||||
this.setState({ isEditQualityProfileModalOpen: false });
|
||||
}
|
||||
};
|
||||
|
||||
onDeleteQualityProfilePress = () => {
|
||||
this.setState({
|
||||
isEditQualityProfileModalOpen: false,
|
||||
isDeleteQualityProfileModalOpen: true
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
onDeleteQualityProfileModalClose = () => {
|
||||
this.setState({ isDeleteQualityProfileModalOpen: false });
|
||||
}
|
||||
};
|
||||
|
||||
onConfirmDeleteQualityProfile = () => {
|
||||
this.props.onConfirmDeleteQualityProfile(this.props.id);
|
||||
}
|
||||
};
|
||||
|
||||
onCloneQualityProfilePress = () => {
|
||||
const {
|
||||
@@ -57,7 +57,7 @@ class QualityProfile extends Component {
|
||||
} = this.props;
|
||||
|
||||
onCloneQualityProfilePress(id);
|
||||
}
|
||||
};
|
||||
|
||||
//
|
||||
// Render
|
||||
|
||||
@@ -20,7 +20,7 @@ class QualityProfileItem extends Component {
|
||||
} = this.props;
|
||||
|
||||
onQualityProfileItemAllowedChange(qualityId, value);
|
||||
}
|
||||
};
|
||||
|
||||
onCreateGroupPress = () => {
|
||||
const {
|
||||
@@ -29,7 +29,7 @@ class QualityProfileItem extends Component {
|
||||
} = this.props;
|
||||
|
||||
onCreateGroupPress(qualityId);
|
||||
}
|
||||
};
|
||||
|
||||
//
|
||||
// Render
|
||||
|
||||
@@ -23,7 +23,7 @@ class QualityProfileItemGroup extends Component {
|
||||
} = this.props;
|
||||
|
||||
onItemGroupAllowedChange(groupId, value);
|
||||
}
|
||||
};
|
||||
|
||||
onNameChange = ({ value }) => {
|
||||
const {
|
||||
@@ -32,7 +32,7 @@ class QualityProfileItemGroup extends Component {
|
||||
} = this.props;
|
||||
|
||||
onItemGroupNameChange(groupId, value);
|
||||
}
|
||||
};
|
||||
|
||||
onDeleteGroupPress = ({ value }) => {
|
||||
const {
|
||||
@@ -41,7 +41,7 @@ class QualityProfileItemGroup extends Component {
|
||||
} = this.props;
|
||||
|
||||
onDeleteGroupPress(groupId, value);
|
||||
}
|
||||
};
|
||||
|
||||
//
|
||||
// Render
|
||||
|
||||
@@ -36,11 +36,11 @@ class QualityProfileItems extends Component {
|
||||
} else {
|
||||
this.setState({ qualitiesHeight: height });
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
onToggleEditGroupsMode = () => {
|
||||
this.props.onToggleEditGroupsMode();
|
||||
}
|
||||
};
|
||||
|
||||
//
|
||||
// Render
|
||||
|
||||
@@ -29,15 +29,15 @@ class QualityProfiles extends Component {
|
||||
onCloneQualityProfilePress = (id) => {
|
||||
this.props.onCloneQualityProfilePress(id);
|
||||
this.setState({ isQualityProfileModalOpen: true });
|
||||
}
|
||||
};
|
||||
|
||||
onEditQualityProfilePress = () => {
|
||||
this.setState({ isQualityProfileModalOpen: true });
|
||||
}
|
||||
};
|
||||
|
||||
onModalClose = () => {
|
||||
this.setState({ isQualityProfileModalOpen: false });
|
||||
}
|
||||
};
|
||||
|
||||
//
|
||||
// Render
|
||||
|
||||
@@ -34,11 +34,11 @@ class QualityProfilesConnector extends Component {
|
||||
|
||||
onConfirmDeleteQualityProfile = (id) => {
|
||||
this.props.dispatchDeleteQualityProfile({ id });
|
||||
}
|
||||
};
|
||||
|
||||
onCloneQualityProfilePress = (id) => {
|
||||
this.props.dispatchCloneQualityProfile({ id });
|
||||
}
|
||||
};
|
||||
|
||||
//
|
||||
// Render
|
||||
|
||||
@@ -16,7 +16,7 @@ class EditReleaseProfileModalConnector extends Component {
|
||||
onModalClose = () => {
|
||||
this.props.clearPendingChanges({ section: 'settings.releaseProfiles' });
|
||||
this.props.onModalClose();
|
||||
}
|
||||
};
|
||||
|
||||
//
|
||||
// Render
|
||||
|
||||
@@ -79,11 +79,11 @@ class EditReleaseProfileModalContentConnector extends Component {
|
||||
|
||||
onInputChange = ({ name, value }) => {
|
||||
this.props.setReleaseProfileValue({ name, value });
|
||||
}
|
||||
};
|
||||
|
||||
onSavePress = () => {
|
||||
this.props.saveReleaseProfile({ id: this.props.id });
|
||||
}
|
||||
};
|
||||
|
||||
//
|
||||
// Render
|
||||
|
||||
@@ -30,26 +30,26 @@ class ReleaseProfile extends Component {
|
||||
|
||||
onEditReleaseProfilePress = () => {
|
||||
this.setState({ isEditReleaseProfileModalOpen: true });
|
||||
}
|
||||
};
|
||||
|
||||
onEditReleaseProfileModalClose = () => {
|
||||
this.setState({ isEditReleaseProfileModalOpen: false });
|
||||
}
|
||||
};
|
||||
|
||||
onDeleteReleaseProfilePress = () => {
|
||||
this.setState({
|
||||
isEditReleaseProfileModalOpen: false,
|
||||
isDeleteReleaseProfileModalOpen: true
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
onDeleteReleaseProfileModalClose= () => {
|
||||
this.setState({ isDeleteReleaseProfileModalOpen: false });
|
||||
}
|
||||
};
|
||||
|
||||
onConfirmDeleteReleaseProfile = () => {
|
||||
this.props.onConfirmDeleteReleaseProfile(this.props.id);
|
||||
}
|
||||
};
|
||||
|
||||
//
|
||||
// Render
|
||||
|
||||
@@ -28,11 +28,11 @@ class ReleaseProfiles extends Component {
|
||||
|
||||
onAddReleaseProfilePress = () => {
|
||||
this.setState({ isAddReleaseProfileModalOpen: true });
|
||||
}
|
||||
};
|
||||
|
||||
onAddReleaseProfileModalClose = () => {
|
||||
this.setState({ isAddReleaseProfileModalOpen: false });
|
||||
}
|
||||
};
|
||||
|
||||
//
|
||||
// Render
|
||||
|
||||
@@ -45,7 +45,7 @@ class ReleaseProfilesConnector extends Component {
|
||||
|
||||
onConfirmDeleteReleaseProfile = (id) => {
|
||||
this.props.deleteReleaseProfile({ id });
|
||||
}
|
||||
};
|
||||
|
||||
//
|
||||
// Render
|
||||
|
||||
Reference in New Issue
Block a user