Update UI Packages

Align with Lidarr
This commit is contained in:
Qstick
2023-01-23 22:53:16 -06:00
parent fbdc9f3a13
commit 1caa49c895
330 changed files with 3555 additions and 4096 deletions
@@ -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