michael.reber/rclone-webui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

clicking on a remote now changes the remote of the active browser

Browse Source
This commit is contained in:
controlol 2021-11-03 19:34:57 +01:00
parent 714381d24c
commit 18b20c2c60
1 changed files with 10 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/fileBrowserMenu.jsx
View File

@ -25,7 +25,7 @@ class FileBrowserMenu extends Component {
loading: [false, false], loading: [false, false],
errMessage: "", errMessage: "",
dualBrowser: false, dualBrowser: false,
activeBrowser: -1 activeBrowser: 0
} }
} }
@ -117,7 +117,7 @@ class FileBrowserMenu extends Component {
} }
switchBrowserMode = () => { switchBrowserMode = () => {
if (this.state.dualBrowser) return this.setState({ activeBrowser: -1, dualBrowser: false }) if (this.state.dualBrowser) return this.setState({ activeBrowser: 0, dualBrowser: false })
return this.setState({ activeBrowser: 1, dualBrowser: true }) return this.setState({ activeBrowser: 1, dualBrowser: true })
} }
@ -125,20 +125,19 @@ class FileBrowserMenu extends Component {
if (this.state.dualBrowser) this.setState({ activeBrowser }) if (this.state.dualBrowser) this.setState({ activeBrowser })
} }
setRemote = (brIndex, remoteName) => { setRemote = remoteName => {
let { browserFs, currentPath } = this.state let { browserFs, currentPath, activeBrowser } = this.state
browserFs[brIndex] = remoteName browserFs[activeBrowser] = remoteName
this.setState({ browserFs, currentPath }) this.setState({ browserFs, currentPath })
setTimeout(() => { setTimeout(() => {
this.getFiles(brIndex, "/") this.getFiles(activeBrowser, "/")
}, 50) }, 50)
} }
renderRemoteButtons = brIndex => { renderRemoteButtons = () => {
assert( brIndex === 0 || brIndex === 1, {brIndex})
return this.props.remotes.map(v => ( return this.props.remotes.map(v => (
<Button key={v.name} onClick={() => this.setRemote(brIndex, v.name)}> { v.name } </Button> <Button key={v.name} onClick={() => this.setRemote(v.name)}> { v.name } </Button>
)) ))
} }
@ -152,7 +151,7 @@ class FileBrowserMenu extends Component {
<FileBrowsersContainer> <FileBrowsersContainer>
<FileBrowserRemotes> <FileBrowserRemotes>
{ this.renderRemoteButtons(0) } { this.renderRemoteButtons() }
<FileBrowserSettings> <FileBrowserSettings>
<BrowserSettingButton onClick={this.switchBrowserMode}> <BrowserSettingButton onClick={this.switchBrowserMode}>
@ -180,7 +179,7 @@ class FileBrowserMenu extends Component {
updateFiles={path => this.getFiles(1, path)} updateFiles={path => this.getFiles(1, path)}
currentPath={currentPath[1]} currentPath={currentPath[1]}
loading={loading[1]} loading={loading[1]}
active={activeBrowser === 1} active={activeBrowser === 1 && dualBrowser}
/> />
} }
</FileBrowserWrapper> </FileBrowserWrapper>