mirror of
https://github.com/Prowlarr/Prowlarr.git
synced 2025-09-17 17:14:18 +02:00
New: (UI) Show advanced settings toggle in application modal content
This commit is contained in:
@@ -17,7 +17,7 @@ function AdvancedSettingsButton(props) {
|
|||||||
return (
|
return (
|
||||||
<Link
|
<Link
|
||||||
className={styles.button}
|
className={styles.button}
|
||||||
title={advancedSettings ? translate('ShownClickToHide') : translate('HiddenClickToShow')}
|
title={advancedSettings ? translate('AdvancedSettingsShownClickToHide') : translate('AdvancedSettingsHiddenClickToShow')}
|
||||||
onPress={onAdvancedSettingsPress}
|
onPress={onAdvancedSettingsPress}
|
||||||
>
|
>
|
||||||
<Icon
|
<Icon
|
||||||
|
@@ -14,6 +14,7 @@ import ModalContent from 'Components/Modal/ModalContent';
|
|||||||
import ModalFooter from 'Components/Modal/ModalFooter';
|
import ModalFooter from 'Components/Modal/ModalFooter';
|
||||||
import ModalHeader from 'Components/Modal/ModalHeader';
|
import ModalHeader from 'Components/Modal/ModalHeader';
|
||||||
import { inputTypes, kinds } from 'Helpers/Props';
|
import { inputTypes, kinds } from 'Helpers/Props';
|
||||||
|
import AdvancedSettingsButton from 'Settings/AdvancedSettingsButton';
|
||||||
import translate from 'Utilities/String/translate';
|
import translate from 'Utilities/String/translate';
|
||||||
import styles from './EditApplicationModalContent.css';
|
import styles from './EditApplicationModalContent.css';
|
||||||
|
|
||||||
@@ -38,6 +39,7 @@ function EditApplicationModalContent(props) {
|
|||||||
onSavePress,
|
onSavePress,
|
||||||
onTestPress,
|
onTestPress,
|
||||||
onDeleteApplicationPress,
|
onDeleteApplicationPress,
|
||||||
|
onAdvancedSettingsPress,
|
||||||
...otherProps
|
...otherProps
|
||||||
} = props;
|
} = props;
|
||||||
|
|
||||||
@@ -149,6 +151,12 @@ function EditApplicationModalContent(props) {
|
|||||||
</Button>
|
</Button>
|
||||||
}
|
}
|
||||||
|
|
||||||
|
<AdvancedSettingsButton
|
||||||
|
advancedSettings={advancedSettings}
|
||||||
|
onAdvancedSettingsPress={onAdvancedSettingsPress}
|
||||||
|
showLabel={false}
|
||||||
|
/>
|
||||||
|
|
||||||
<SpinnerErrorButton
|
<SpinnerErrorButton
|
||||||
isSpinning={isTesting}
|
isSpinning={isTesting}
|
||||||
error={saveError}
|
error={saveError}
|
||||||
@@ -188,7 +196,8 @@ EditApplicationModalContent.propTypes = {
|
|||||||
onModalClose: PropTypes.func.isRequired,
|
onModalClose: PropTypes.func.isRequired,
|
||||||
onSavePress: PropTypes.func.isRequired,
|
onSavePress: PropTypes.func.isRequired,
|
||||||
onTestPress: PropTypes.func.isRequired,
|
onTestPress: PropTypes.func.isRequired,
|
||||||
onDeleteApplicationPress: PropTypes.func
|
onDeleteApplicationPress: PropTypes.func,
|
||||||
|
onAdvancedSettingsPress: PropTypes.func.isRequired
|
||||||
};
|
};
|
||||||
|
|
||||||
export default EditApplicationModalContent;
|
export default EditApplicationModalContent;
|
||||||
|
@@ -2,7 +2,13 @@ import PropTypes from 'prop-types';
|
|||||||
import React, { Component } from 'react';
|
import React, { Component } from 'react';
|
||||||
import { connect } from 'react-redux';
|
import { connect } from 'react-redux';
|
||||||
import { createSelector } from 'reselect';
|
import { createSelector } from 'reselect';
|
||||||
import { saveApplication, setApplicationFieldValue, setApplicationValue, testApplication } from 'Store/Actions/settingsActions';
|
import {
|
||||||
|
saveApplication,
|
||||||
|
setApplicationFieldValue,
|
||||||
|
setApplicationValue,
|
||||||
|
testApplication,
|
||||||
|
toggleAdvancedSettings
|
||||||
|
} from 'Store/Actions/settingsActions';
|
||||||
import createProviderSettingsSelector from 'Store/Selectors/createProviderSettingsSelector';
|
import createProviderSettingsSelector from 'Store/Selectors/createProviderSettingsSelector';
|
||||||
import EditApplicationModalContent from './EditApplicationModalContent';
|
import EditApplicationModalContent from './EditApplicationModalContent';
|
||||||
|
|
||||||
@@ -23,7 +29,8 @@ const mapDispatchToProps = {
|
|||||||
setApplicationValue,
|
setApplicationValue,
|
||||||
setApplicationFieldValue,
|
setApplicationFieldValue,
|
||||||
saveApplication,
|
saveApplication,
|
||||||
testApplication
|
testApplication,
|
||||||
|
toggleAdvancedSettings
|
||||||
};
|
};
|
||||||
|
|
||||||
class EditApplicationModalContentConnector extends Component {
|
class EditApplicationModalContentConnector extends Component {
|
||||||
@@ -56,6 +63,10 @@ class EditApplicationModalContentConnector extends Component {
|
|||||||
this.props.testApplication({ id: this.props.id });
|
this.props.testApplication({ id: this.props.id });
|
||||||
};
|
};
|
||||||
|
|
||||||
|
onAdvancedSettingsPress = () => {
|
||||||
|
this.props.toggleAdvancedSettings();
|
||||||
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
||||||
@@ -67,6 +78,7 @@ class EditApplicationModalContentConnector extends Component {
|
|||||||
onTestPress={this.onTestPress}
|
onTestPress={this.onTestPress}
|
||||||
onInputChange={this.onInputChange}
|
onInputChange={this.onInputChange}
|
||||||
onFieldChange={this.onFieldChange}
|
onFieldChange={this.onFieldChange}
|
||||||
|
onAdvancedSettingsPress={this.onAdvancedSettingsPress}
|
||||||
/>
|
/>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@@ -82,7 +94,8 @@ EditApplicationModalContentConnector.propTypes = {
|
|||||||
setApplicationFieldValue: PropTypes.func,
|
setApplicationFieldValue: PropTypes.func,
|
||||||
saveApplication: PropTypes.func,
|
saveApplication: PropTypes.func,
|
||||||
testApplication: PropTypes.func,
|
testApplication: PropTypes.func,
|
||||||
onModalClose: PropTypes.func.isRequired
|
onModalClose: PropTypes.func.isRequired,
|
||||||
|
toggleAdvancedSettings: PropTypes.func.isRequired
|
||||||
};
|
};
|
||||||
|
|
||||||
export default connect(createMapStateToProps, mapDispatchToProps)(EditApplicationModalContentConnector);
|
export default connect(createMapStateToProps, mapDispatchToProps)(EditApplicationModalContentConnector);
|
||||||
|
@@ -16,6 +16,8 @@
|
|||||||
"Added": "Added",
|
"Added": "Added",
|
||||||
"AddedToDownloadClient": "Release added to client",
|
"AddedToDownloadClient": "Release added to client",
|
||||||
"AddingTag": "Adding tag",
|
"AddingTag": "Adding tag",
|
||||||
|
"AdvancedSettingsHiddenClickToShow": "Advanced settings hidden, click to show",
|
||||||
|
"AdvancedSettingsShownClickToHide": "Advanced settings shown, click to hide",
|
||||||
"Age": "Age",
|
"Age": "Age",
|
||||||
"Album": "Album",
|
"Album": "Album",
|
||||||
"All": "All",
|
"All": "All",
|
||||||
@@ -183,7 +185,6 @@
|
|||||||
"Grabs": "Grabs",
|
"Grabs": "Grabs",
|
||||||
"Health": "Health",
|
"Health": "Health",
|
||||||
"HealthNoIssues": "No issues with your configuration",
|
"HealthNoIssues": "No issues with your configuration",
|
||||||
"HiddenClickToShow": "Hidden, click to show",
|
|
||||||
"HideAdvanced": "Hide Advanced",
|
"HideAdvanced": "Hide Advanced",
|
||||||
"History": "History",
|
"History": "History",
|
||||||
"HistoryCleanup": "History Cleanup",
|
"HistoryCleanup": "History Cleanup",
|
||||||
@@ -414,7 +415,6 @@
|
|||||||
"ShowAdvanced": "Show Advanced",
|
"ShowAdvanced": "Show Advanced",
|
||||||
"ShowSearch": "Show Search",
|
"ShowSearch": "Show Search",
|
||||||
"ShowSearchHelpText": "Show search button on hover",
|
"ShowSearchHelpText": "Show search button on hover",
|
||||||
"ShownClickToHide": "Advanced settings shown, click to hide",
|
|
||||||
"Shutdown": "Shutdown",
|
"Shutdown": "Shutdown",
|
||||||
"Size": "Size",
|
"Size": "Size",
|
||||||
"Sort": "Sort",
|
"Sort": "Sort",
|
||||||
|
Reference in New Issue
Block a user