mirror/php-web-maker
1
0
Fork 0
mirror of https://github.com/chinchang/web-maker.git synced 2025-06-07 10:06:08 +02:00
Code Issues Releases Wiki Activity

allow drop in root folder

Browse Source
This commit is contained in:
Kushagra Gour 2018-10-13 00:55:40 +05:30
parent 7bf42d21af
commit 9df492da9c
1 changed files with 19 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/SidePane.jsx
View File

@ -108,6 +108,7 @@ function File({
function dragOverHandler(e) {
if (file.isFolder) {
e.preventDefault();
// e.stopPropagation();
e.currentTarget.classList.add('is-being-dragged-over');
e.currentTarget.style.outline = '1px dashed';
}
@ -119,6 +120,7 @@ function File({
}
}
function dropHandler(e) {
e.stopPropagation();
if (file.isFolder) {
e.preventDefault();
onFileDrop(e.dataTransfer.getData('text/plain'), file);
@ -284,6 +286,18 @@ export class SidePane extends Component {
fileBeingRenamed: file
});
}
dragOverHandler(e) {
e.preventDefault();
}
dropHandler(e) {
e.preventDefault();
this.props.onFileDrop(e.dataTransfer.getData('text/plain'), {
children: this.props.files
});
// e.currentTarget.style.outline = null;
}
render() {
const { files, onFileSelect, selectedFile, onRemoveFile } = this.props;
const moreProps = {
@ -295,7 +309,11 @@ export class SidePane extends Component {
};
return (
<div class="sidebar">
<div
class="sidebar"
onDragOver={this.dragOverHandler.bind(this)}
onDrop={this.dropHandler.bind(this)}
>
<div class="flex jc-sb" style="padding: 5px 4px">
Files
<div class="flex flex-v-center">