New: (UI) Show advanced settings toggle in application modal content

This commit is contained in:
Bogdan
2023-07-07 17:51:12 +03:00
parent e2e52746bb
commit 79fbb2d0d7
4 changed files with 29 additions and 7 deletions

View File

@@ -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

View File

@@ -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;

View File

@@ -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);

View File

@@ -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",