let html = (
<div className="FileManager">
<PanelWrapper style={{flexDirection: 'column'}}>
- {self.props.files && self.props.files.id && buildList(self, self.props.files) }
+ <Panel className="addFileSection" style={{backgroundColor: 'transparent'}} no-corners>
+ <div className="inputSection">
+ <TextInput placeholder="some/path" value={this.props.newPathName} label="create a new directory" onChange={FileManagerActions.newPathNameUpdated} />
+ <Button label="Create" onClick={FileManagerActions.createDirectory} />
+ </div>
+ </Panel>
+ {self.props.files && self.props.files.id && buildList(self, self.props.files) }
</PanelWrapper>
</div>
)
function contentFolder(context, folder, path, key, inputState, updateFn, sendDownloadFileRequst, deleteFn) {
let type = context.props.type;
let id = context.props.item.id;
- const onboardDropZone = createDropZone.bind(this, FileManagerUploadDropZone.ACTIONS.onboard, '.ComposerAppAddFile.' + path.replace('/', '-'), type, id, path);
+ const onboardDropZone = createDropZone.bind(this, FileManagerUploadDropZone.ACTIONS.onboard, '.ComposerAppAddFile.' + path.replace(/\//g, '-'), type, id, path);
return (
<Panel title={path} key={key} itemClassName="nested" no-corners>
<div className="folder">
<div className="inputSection">
<label className="sqTextInput" style={{flexDirection: 'row', alignItems:'center'}}>
<span>Upload File</span>
- <Button className={'ComposerAppAddFile ' + path.replace('/', '-')} label="BROWSE"/>
+ <Button className={'ComposerAppAddFile ' + path.replace(/\//g, '-')} label="BROWSE"/>
</label>
</div>
)