mirror of https://github.com/xevidos/codiad.git
320 lines
9.8 KiB
JavaScript
Executable File
320 lines
9.8 KiB
JavaScript
Executable File
/*
|
|
* Copyright (c) Codiad & Andr3as, distributed
|
|
* as-is and without warranty under the MIT License.
|
|
* See http://opensource.org/licenses/MIT for more information.
|
|
* This information must remain intact.
|
|
*/
|
|
|
|
(function(global, $){
|
|
|
|
var codiad = global.codiad,
|
|
scripts = document.getElementsByTagName('script'),
|
|
path = scripts[scripts.length-1].src.split('?')[0],
|
|
curpath = path.split('/').slice(0, -1).join('/')+'/',
|
|
instance = null;
|
|
|
|
$(function() {
|
|
codiad.Drag.init();
|
|
});
|
|
|
|
codiad.Drag = {
|
|
|
|
path: curpath,
|
|
files: [],
|
|
template: "",
|
|
|
|
init: function() {
|
|
var _this = this;
|
|
instance = this;
|
|
var fn = function(){
|
|
//Drag
|
|
$('#file-manager a:not(#project-root)').draggable({
|
|
opacity: 0.85,
|
|
revert: true,
|
|
start: _this.start,
|
|
stop: _this.stop,
|
|
zIndex: 100
|
|
});
|
|
//Drop
|
|
$('.directory').droppable({
|
|
accept : "#file-manager a:not(#project-root)",
|
|
drop : _this.drop,
|
|
over : _this.over,
|
|
out : _this.out
|
|
});
|
|
};
|
|
amplify.subscribe('filemanager.onIndex', function(obj){
|
|
setTimeout(fn, 250);
|
|
setTimeout(function(){
|
|
//Reopen closed files
|
|
$.each(instance.files, function(i, item){
|
|
codiad.filemanager.openFile(item, false);
|
|
});
|
|
instance.files = [];
|
|
}, 250);
|
|
});
|
|
amplify.subscribe('filemanager.onCreate', function(obj){
|
|
setTimeout(fn, 250);
|
|
});
|
|
amplify.subscribe('filemanager.onPaste', function(obj){
|
|
setTimeout(fn, 250);
|
|
});
|
|
amplify.subscribe('filemanager.onUpload', function(obj){
|
|
setTimeout(fn, 250);
|
|
});
|
|
//File drop
|
|
var apply = function() {
|
|
$('#file-manager').append(_this.template);
|
|
$('#drag_append').droppable({
|
|
accept : "#file-manager a.file",
|
|
drop : _this.appendDrop,
|
|
over : _this.over,
|
|
out : _this.out
|
|
});
|
|
$('#drag_insert').droppable({
|
|
accept : "#file-manager a.file",
|
|
drop : _this.insertDrop,
|
|
over : _this.over,
|
|
out : _this.out
|
|
});
|
|
};
|
|
$.get(this.path + 'template.html', function(html){
|
|
_this.template = html;
|
|
apply();
|
|
});
|
|
amplify.subscribe('filemanager.onIndex', function(obj){
|
|
if (obj.path == $('#project-root').attr('data-path')) {
|
|
setTimeout(function(){
|
|
apply();
|
|
}, 100);
|
|
}
|
|
});
|
|
},
|
|
|
|
//////////////////////////////////////////////////////////
|
|
//
|
|
// Start dragging
|
|
//
|
|
//////////////////////////////////////////////////////////
|
|
start: function() {
|
|
if (codiad.editor.getActive() !== null && instance.__editEnabled()) {
|
|
$('#dragdrop').show();
|
|
}
|
|
},
|
|
|
|
//////////////////////////////////////////////////////////
|
|
//
|
|
// Stop dragging
|
|
//
|
|
//////////////////////////////////////////////////////////
|
|
stop: function() {
|
|
$('#dragdrop').hide();
|
|
$('#dragdrop .drop_over').removeClass('drop_over');
|
|
},
|
|
|
|
//////////////////////////////////////////////////////////
|
|
//
|
|
// Drop item
|
|
//
|
|
// Parameters:
|
|
//
|
|
// event - {Event} - Check for more details
|
|
// ui - {Object} - http://api.jqueryui.com/droppable/
|
|
//
|
|
//////////////////////////////////////////////////////////
|
|
drop: function(event, ui) {
|
|
var dest = $(this).attr('data-path');
|
|
var source = $(ui.draggable).attr('data-path');
|
|
var target = dest + instance.getName(source);
|
|
//Close file(s) if open and save it/them for reopening
|
|
if (instance.isDir(ui.draggable)) {
|
|
$.each(codiad.active.sessions, function(i, item){
|
|
if (instance.startsWith(i,source)) {
|
|
codiad.active.save(i);
|
|
codiad.active.close(i);
|
|
instance.files.push(i.replace(source, target));
|
|
}
|
|
});
|
|
} else {
|
|
if (codiad.active.isOpen(source)) {
|
|
codiad.active.save(source);
|
|
codiad.active.close(source);
|
|
instance.files.push(target);
|
|
}
|
|
}
|
|
instance.move(source, dest, ui.draggable);
|
|
instance.out();
|
|
},
|
|
|
|
//////////////////////////////////////////////////////////
|
|
//
|
|
// Item over
|
|
//
|
|
// Parameters:
|
|
//
|
|
// event - {Event} - Check for more details
|
|
// ui - {Object} - http://api.jqueryui.com/droppable/
|
|
//
|
|
//////////////////////////////////////////////////////////
|
|
over: function(event, ui) {
|
|
$(this).addClass('drop_over');
|
|
},
|
|
|
|
//////////////////////////////////////////////////////////
|
|
//
|
|
// Item out
|
|
//
|
|
// Parameters:
|
|
//
|
|
// event - {Event} - Check for more details
|
|
// ui - {Object} - http://api.jqueryui.com/droppable/
|
|
//
|
|
//////////////////////////////////////////////////////////
|
|
out: function(event, ui) {
|
|
$(this).removeClass('drop_over');
|
|
},
|
|
|
|
//////////////////////////////////////////////////////////
|
|
//
|
|
// Move item
|
|
//
|
|
// Parameters:
|
|
//
|
|
// source - {String} - Dropping item path
|
|
// dest - {String} - Dropping zone path
|
|
// element - {jQuery} - Dropped item
|
|
//
|
|
//////////////////////////////////////////////////////////
|
|
move: function(source, dest, element) {
|
|
$.getJSON(this.path+"controller.php?action=move&source="+source+"&dest="+dest, function(json){
|
|
codiad.message[json.status](json.message);
|
|
if (json.status == "success") {
|
|
element.context.parentElement.remove();
|
|
codiad.filemanager.rescan(codiad.project.getCurrent());
|
|
}
|
|
});
|
|
},
|
|
|
|
//////////////////////////////////////////////////////////
|
|
//
|
|
// Is file or directory
|
|
//
|
|
// Parameters:
|
|
//
|
|
// element - {jQuery} - Item
|
|
//
|
|
//////////////////////////////////////////////////////////
|
|
isDir: function(element) {
|
|
if ($(element).hasClass('directory')) {
|
|
return true;
|
|
} else {
|
|
return false;
|
|
}
|
|
},
|
|
|
|
//////////////////////////////////////////////////////////
|
|
//
|
|
// Get name
|
|
//
|
|
// Parameters:
|
|
//
|
|
// path - {String} - File path
|
|
//
|
|
//////////////////////////////////////////////////////////
|
|
getName: function(path) {
|
|
return path.substring(path.lastIndexOf("/"));
|
|
},
|
|
|
|
//////////////////////////////////////////////////////////
|
|
//
|
|
// Starts string with something
|
|
//
|
|
// Parameters:
|
|
//
|
|
// string - {String} - String to search in
|
|
// needle - {String} - Needle to search for
|
|
//
|
|
//////////////////////////////////////////////////////////
|
|
startsWith: function(string, needle) {
|
|
if (string.indexOf(needle) === 0) {
|
|
return true;
|
|
} else {
|
|
return false;
|
|
}
|
|
},
|
|
|
|
//////////////////////////////////////////////////////////
|
|
//
|
|
// Drop item to append it to current file
|
|
//
|
|
// Parameters:
|
|
//
|
|
// event - {Event} - Check for more details
|
|
// ui - {Object} - http://api.jqueryui.com/droppable/
|
|
//
|
|
//////////////////////////////////////////////////////////
|
|
appendDrop: function(event, ui) {
|
|
var path = $(ui.draggable).attr('data-path');
|
|
instance.__edit(path, "append");
|
|
},
|
|
|
|
//////////////////////////////////////////////////////////
|
|
//
|
|
// Drop item to insert it
|
|
//
|
|
// Parameters:
|
|
//
|
|
// event - {Event} - Check for more details
|
|
// ui - {Object} - http://api.jqueryui.com/droppable/
|
|
//
|
|
//////////////////////////////////////////////////////////
|
|
insertDrop: function(event, ui) {
|
|
var path = $(ui.draggable).attr('data-path');
|
|
instance.__edit(path, "insert");
|
|
},
|
|
|
|
//////////////////////////////////////////////////////////
|
|
//
|
|
// Load content of dropped file and insert it
|
|
//
|
|
// Parameters:
|
|
//
|
|
// path - {String} - Path of dropped file
|
|
// type - {String} - Type of action: insert or append content
|
|
//
|
|
//////////////////////////////////////////////////////////
|
|
__edit: function(path, type) {
|
|
$.getJSON(instance.path + 'controller.php?action=getContent&path=' + path, function(result){
|
|
if (result.status == "success") {
|
|
var active = codiad.editor.getActive();
|
|
if (active === null) {
|
|
codiad.message.error("No Open Files");
|
|
return false;
|
|
}
|
|
if (type == "append") {
|
|
active.navigateFileEnd();
|
|
}
|
|
active.insert(result.content);
|
|
codiad.message.success("Content " + type + "ed");
|
|
} else {
|
|
codiad.message.error(result.message);
|
|
}
|
|
});
|
|
},
|
|
|
|
//////////////////////////////////////////////////////////
|
|
//
|
|
// Wheater dragging to insert file content is enabled or not
|
|
//
|
|
//////////////////////////////////////////////////////////
|
|
__editEnabled: function() {
|
|
var setting = localStorage.getItem('codiad.plugin.drag.insert');
|
|
if (setting === null) {
|
|
return false;
|
|
} else if (setting === "true") {
|
|
return true;
|
|
}
|
|
return false;
|
|
}
|
|
};
|
|
})(this, jQuery); |