BlockStorage/repertory-ui
Archived
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Layout changes

Browse Source
This commit is contained in:
sgraves76
2020-12-11 22:04:12 -06:00
parent 0ddddec220
commit ac8a9cf938
3 changed files with 9 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/containers/Configuration/Configuration.js
View File

@@ -363,7 +363,7 @@ class Configuration extends IPCContainer {
this.props.DisplayConfiguration) + ' Configuration '} this.props.DisplayConfiguration) + ' Configuration '}
</h1> </h1>
<div style={{overflowY: 'auto', height: '90%'}}> <div style={{overflowY: 'auto', height: '90%'}}>
{this.props.MState.Mounted ? <Button {this.props.MState.Mounted && (configurationItems.length > 0) ? <Button
buttonStyles={{width: 'auto', height: 'auto', marginLeft: 'auto', marginRight: '4px'}} buttonStyles={{width: 'auto', height: 'auto', marginLeft: 'auto', marginRight: '4px'}}
clicked={() => { clicked={() => {
this.props.displayPinnedManager(true); this.props.displayPinnedManager(true);

1
src/containers/PinnedManager/PinnedManager.css
View File

@@ -9,6 +9,7 @@
} }
.PinnedManagerItems { .PinnedManagerItems {
height: 70%;
padding: var(--default_spacing); padding: var(--default_spacing);
overflow-x: auto; overflow-x: auto;
overflow-y: auto; overflow-y: auto;

13
src/containers/PinnedManager/PinnedManager.js
View File

@@ -108,7 +108,7 @@ export default connect(mapStateToProps, mapDispatchToProps)(class extends IPCCon
); );
} }
createFile = (name, pinned, idx, total, item_idx) => { createFile = (name, path, pinned, idx, total, item_idx) => {
const style = {textAlign: 'left'} const style = {textAlign: 'left'}
if (item_idx + 1 !== total) { if (item_idx + 1 !== total) {
style.marginBottom = '2px'; style.marginBottom = '2px';
@@ -118,7 +118,7 @@ export default connect(mapStateToProps, mapDispatchToProps)(class extends IPCCon
<CheckBox checked={pinned} <CheckBox checked={pinned}
changed={() => { changed={() => {
const items = JSON.parse(JSON.stringify(this.state.items)); const items = JSON.parse(JSON.stringify(this.state.items));
items[item_idx].meta.pinned = !items[item_idx].meta.pinned; const pinned = items[item_idx].meta.pinned = !items[item_idx].meta.pinned;
this.setState({ this.setState({
items items
}, () => { }, () => {
@@ -127,8 +127,8 @@ export default connect(mapStateToProps, mapDispatchToProps)(class extends IPCCon
Remote: this.props.DisplayRemoteConfiguration, Remote: this.props.DisplayRemoteConfiguration,
S3: this.props.DisplayS3Configuration, S3: this.props.DisplayS3Configuration,
Version: this.props.version, Version: this.props.version,
Path: items[item_idx].path, Path: path,
Pinned: items[item_idx].meta.pinned, Pinned: pinned,
}); });
}); });
}} }}
@@ -159,13 +159,14 @@ export default connect(mapStateToProps, mapDispatchToProps)(class extends IPCCon
style={{cursor: 'pointer'}}>X</a> style={{cursor: 'pointer'}}>X</a>
</div> </div>
<h1 style={{width: '100%', textAlign: 'center'}}>{'Pinned File Manager'}</h1> <h1 style={{width: '100%', textAlign: 'center'}}>{'Pinned File Manager'}</h1>
<div className={'PinnedManagerActiveDirectory'}><b>{this.state.active_directory}</b></div> <div className={'PinnedManagerActiveDirectory'}><b>&nbsp;{this.state.active_directory}</b>
</div>
<div className={'PinnedManagerItems'}> <div className={'PinnedManagerItems'}>
{ {
this.state.items.map((i, k) => { this.state.items.map((i, k) => {
return i.directory ? return i.directory ?
this.createDirectory(i.name, i.path, idx++, this.state.items.length, k) : this.createDirectory(i.name, i.path, idx++, this.state.items.length, k) :
this.createFile(i.name, i.meta.pinned, idx++, this.state.items.length, k); this.createFile(i.name, i.path, i.meta.pinned, idx++, this.state.items.length, k);
}) })
} }
</div> </div>