mirror/php-web-maker
1
0
Fork 0
mirror of https://github.com/chinchang/web-maker.git synced 2025-06-07 18:14:57 +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) { function dragOverHandler(e) {
if (file.isFolder) { if (file.isFolder) {
e.preventDefault(); e.preventDefault();
// e.stopPropagation();
e.currentTarget.classList.add('is-being-dragged-over'); e.currentTarget.classList.add('is-being-dragged-over');
e.currentTarget.style.outline = '1px dashed'; e.currentTarget.style.outline = '1px dashed';
} }
@ -119,6 +120,7 @@ function File({
} }
} }
function dropHandler(e) { function dropHandler(e) {
e.stopPropagation();
if (file.isFolder) { if (file.isFolder) {
e.preventDefault(); e.preventDefault();
onFileDrop(e.dataTransfer.getData('text/plain'), file); onFileDrop(e.dataTransfer.getData('text/plain'), file);
@ -284,6 +286,18 @@ export class SidePane extends Component {
fileBeingRenamed: file 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() { render() {
const { files, onFileSelect, selectedFile, onRemoveFile } = this.props; const { files, onFileSelect, selectedFile, onRemoveFile } = this.props;
const moreProps = { const moreProps = {
@ -295,7 +309,11 @@ export class SidePane extends Component {
}; };
return ( 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"> <div class="flex jc-sb" style="padding: 5px 4px">
Files Files
<div class="flex flex-v-center"> <div class="flex flex-v-center">