diff --git a/src/App.js b/src/App.js index 780b5e5..3e3447f 100644 --- a/src/App.js +++ b/src/App.js @@ -102,6 +102,9 @@ class App extends IPCContainer { const noConsoleSupported = this.props.LocationsLookup[selectedVersion] && this.props.LocationsLookup[selectedVersion].no_console_supported; + const remoteSupported = this.props.LocationsLookup[selectedVersion] && + this.props.LocationsLookup[selectedVersion].supports_remote; + const showConfig = !missingDependencies && this.props.DisplayConfiguration && !this.props.RebootRequired && @@ -124,7 +127,7 @@ class App extends IPCContainer { const infoDisplay = this.createModalConditionally(this.props.DisplayInfo, , true); const rebootDisplay = this.createModalConditionally(this.props.RebootRequired, ); - const configDisplay = this.createModalConditionally(showConfig, ); + const configDisplay = this.createModalConditionally(showConfig, ); const dependencyDisplay = this.createModalConditionally(showDependencies, ); const downloadDisplay = this.createModalConditionally(this.props.DownloadActive, ); const errorDisplay = this.createModalConditionally(this.props.DisplayError, , true); @@ -138,7 +141,7 @@ class App extends IPCContainer { let key = 0; mainContent.push((
+ style={{'paddingBottom': '8px'}}>
@@ -146,11 +149,10 @@ class App extends IPCContainer { if (allowMount) { mainContent.push(( -
-
)); } } diff --git a/src/components/ReleaseVersionDisplay/ReleaseVersionDisplay.js b/src/components/ReleaseVersionDisplay/ReleaseVersionDisplay.js index 9106a18..5106de4 100644 --- a/src/components/ReleaseVersionDisplay/ReleaseVersionDisplay.js +++ b/src/components/ReleaseVersionDisplay/ReleaseVersionDisplay.js @@ -107,7 +107,7 @@ export default connect(mapStateToProps, mapDispatchToProps)(props => { } return ( - + columns / 3} rowSpan={4} text={'Release'} diff --git a/src/components/UI/Grid/Grid.js b/src/components/UI/Grid/Grid.js index 3eec900..9782c45 100644 --- a/src/components/UI/Grid/Grid.js +++ b/src/components/UI/Grid/Grid.js @@ -3,14 +3,6 @@ import './Grid.css'; import GridComponent from './GridComponent/GridComponent'; export default class extends Component { - constructor(props) { - super(props); - window.addEventListener("resize", this.updateSizeAsync); - this.checkSizeInterval = setInterval(()=> { - this.updateSize() - }, 2000); - } - checkSizeInterval; state = { @@ -58,6 +50,10 @@ export default class extends Component { }; componentDidMount() { + window.addEventListener("resize", this.updateSizeAsync); + this.checkSizeInterval = setInterval(()=> { + this.updateSize() + }, 2000); this.updateSizeAsync(); } @@ -108,15 +104,18 @@ export default class extends Component { .filter(i => i !== null); } - const style = { + let style = { style: { gridTemplateColumns: '4px '.repeat(dimensions.columns).trim(), gridTemplateRows: '4px '.repeat(dimensions.rows).trim(), gridAutoColumns: '4px', - gridAutoRows: '4px' + gridAutoRows: '4px', } }; - + if (this.props.noScroll) { + style['style'].overflowX = 'visible'; + style['style'].overflowY = 'visible'; + } return (
{ + if (item.advanced && + item.remote && + this.props.remoteSupported && + (item.label !== 'IsRemoteMount')) { + const isRemoteMount = JSON.parse(itemList.find(s=>s.label === 'IsRemoteMount').value); + const enableRemoteMount = JSON.parse(itemList.find(s=>s.label === 'EnableRemoteMount').value); + return (item.label === 'RemoteHostNameOrIp') ? + isRemoteMount : + (item.label === 'EnableRemoteMount') ? + !isRemoteMount : + enableRemoteMount; + } + return false; + }; + render() { let confirmSave = null; if ((this.state.ChangedItems.length > 0) || this.state.ChangedObjectLookup) { @@ -228,7 +244,7 @@ class Configuration extends IPCContainer { const configurationItems = this.state.ItemList .map((k, i) => { return ( - ((this.state.ShowAdvanced && k.advanced) || !k.advanced) ? + (!k.advanced || (this.state.ShowAdvanced && k.advanced)) ? this.handleItemChanged(e, i)} grouping={'Settings'} @@ -249,7 +265,7 @@ class Configuration extends IPCContainer { { this.state.ObjectLookup[key].map((k, i) => { return ( - ((this.state.ShowAdvanced && k.advanced) || !k.advanced) ? + (!k.advanced || (this.state.ShowAdvanced && k.advanced && !k.remote) || this.showRemoteConfigItem(k, this.state.ObjectLookup[key])) ? this.handleObjectItemChanged(e, key, i)} grouping={key}