IntenseWebs/mattermost
3
0
Fork 0
mirror of https://github.com/mattermost/mattermost.git synced 2025-02-25 18:55:24 -06:00
Code Issues Packages Projects Releases Wiki Activity

Added handlers for dragging and dropping files onto the center pane or RHS

Browse Source
This commit is contained in:
Reed Garmsen
2015-08-06 20:07:14 -07:00
parent eb3ca46982
commit 9bbeef208f
2 changed files with 44 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
web/react/components/file_upload.jsx
View File

@@ -84,7 +84,45 @@ module.exports = React.createClass({
var inputDiv = this.refs.input.getDOMNode();
var self = this;
<<<<<<< HEAD
document.addEventListener('paste', function(e) {
=======
$('body').on('dragover', '.app__content', function(e) {
e.preventDefault();
e.stopPropagation();
//e.target.style
console.log("HERE!: drag center");
});
$('body').on('dragover', '.sidebar--right', function(e) {
e.preventDefault();
e.stopPropagation();
//e.target.style
console.log("HERE!: drag right");
});
$('body').on('dragenter', '.app__content', function(e) {
e.preventDefault();
e.stopPropagation();
//e.target.style
console.log("HERE!: dragenter center");
});
$('body').on('dragenter', '.sidebar--right', function(e) {
e.preventDefault();
e.stopPropagation();
//e.target.style
console.log("HERE!: dragenter right");
});
$('body').on('drop', '.app__content', function(e) {
if (e.originalEvent.dataTransfer)
e.preventDefault();
console.log("HERE!: drop center");
});
$('body').on('drop', '.sidebar--right', function(e) {
e.preventDefault();
console.log("HERE!: drop right");
});
document.addEventListener("paste", function(e) {
>>>>>>> Added handlers for dragging and dropping files onto the center pane or RHS
var textarea = $(inputDiv.parentNode.parentNode).find('.custom-textarea')[0];
if (textarea !== e.target && !$.contains(textarea, e.target)) {

6
web/react/components/post_list.jsx
View File

@@ -125,6 +125,12 @@ module.exports = React.createClass({
}
});
//$('body').on('drop drag')
/*window.document.addEventListener("drop", function(e) {
e.preventDefault();
var centerPostList = $(inputDiv.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode).find('.post-list')[0];
console.log("HERE!: " + centerPostList);
});*/
},
componentDidUpdate: function() {
this.resize();