mirror of
https://github.com/xevidos/codiad.git
synced 2024-11-10 21:26:35 +01:00
1211 lines
35 KiB
JavaScript
Executable File
1211 lines
35 KiB
JavaScript
Executable File
/*
|
|
* Copyright (c) Codiad & Kent Safranski (codiad.com), distributed
|
|
* as-is and without warranty under the MIT License. See
|
|
* [root]/license.txt for more. This information must remain intact.
|
|
*/
|
|
( function( global, $ ) {
|
|
|
|
var codiad = global.codiad;
|
|
|
|
$( window ).load( function() {
|
|
|
|
codiad.filemanager.init();
|
|
});
|
|
|
|
codiad.filemanager = {
|
|
|
|
auto_reload: false,
|
|
clipboard: '',
|
|
controller: 'components/filemanager/controller.php',
|
|
dialog: 'components/filemanager/dialog.php',
|
|
dialogUpload: 'components/filemanager/dialog_upload.php',
|
|
preview: null,
|
|
refresh_interval: null,
|
|
|
|
init: async function() {
|
|
|
|
this.noAudio = [
|
|
//Audio
|
|
'aac',
|
|
'aif',
|
|
'mp3',
|
|
'mp4',
|
|
'wav',
|
|
'ogg',
|
|
];
|
|
this.noFiles = [
|
|
//Files
|
|
'exe',
|
|
'pdf',
|
|
'zip',
|
|
'tar',
|
|
'tar.gz',
|
|
];
|
|
this.noImages = [
|
|
//Images
|
|
'ico',
|
|
'icon',
|
|
'jpg',
|
|
'jpeg',
|
|
'png',
|
|
'gif',
|
|
'bmp',
|
|
];
|
|
|
|
|
|
this.noOpen = this.noAudio.concat( this.noFiles, this.noImages ),
|
|
this.noBrowser = this.noAudio.concat( this.noImages ),
|
|
|
|
// Initialize node listener
|
|
this.nodeListener();
|
|
this.auto_reload = ( await codiad.settings.get_option( "codiad.filemanager.autoReloadPreview" ) == "true" );
|
|
|
|
amplify.subscribe( 'settings.save', async function() {
|
|
|
|
let option = ( await codiad.settings.get_option( "codiad.filemanager.autoReloadPreview" ) == "true" );
|
|
if( option != codiad.filemanager.auto_reload ) {
|
|
|
|
//codiad.auto_save.reload_interval();
|
|
window.location.reload( true );
|
|
}
|
|
});
|
|
|
|
/* Subscribe to know when a file become active. */
|
|
amplify.subscribe( 'active.onFocus', async function( path ) {
|
|
|
|
let _this = codiad.filemanager;
|
|
let editor = codiad.editor.getActive();
|
|
|
|
if( _this.auto_reload && editor !== null ) {
|
|
|
|
codiad.editor.getActive().addEventListener( "change", _this.refreshPreview );
|
|
}
|
|
});
|
|
|
|
// Load uploader
|
|
$.loadScript( "components/filemanager/upload_scripts/jquery.ui.widget.js", true );
|
|
$.loadScript( "components/filemanager/upload_scripts/jquery.iframe-transport.js", true );
|
|
$.loadScript( "components/filemanager/upload_scripts/jquery.fileupload.js", true );
|
|
},
|
|
|
|
//////////////////////////////////////////////////////////////////
|
|
// Context Menu
|
|
//////////////////////////////////////////////////////////////////
|
|
|
|
contextMenuShow: function( e, path, type, name ) {
|
|
let _this = this;
|
|
|
|
$( '#context-menu a, #context-menu hr' ).hide();
|
|
// Selective options
|
|
switch ( type ) {
|
|
case 'directory':
|
|
$( '#context-menu .directory-only, #context-menu .non-root, #context-menu .both' ).show();
|
|
break;
|
|
case 'file':
|
|
$( '#context-menu .file-only, #context-menu .non-root, #context-menu .both' ).show();
|
|
break;
|
|
case 'root':
|
|
$( '#context-menu .directory-only, #context-menu .root-only' ).show();
|
|
$( '#context-menu .non-root' ).hide();
|
|
break;
|
|
case 'editor':
|
|
$( '#context-menu .editor-only' ).show();
|
|
break;
|
|
}
|
|
|
|
if( codiad.project.isAbsPath( $( '#file-manager a[data-type="root"]' ).attr( 'data-path' ) ) ) {
|
|
$( '#context-menu .no-external' ).hide();
|
|
} else if( type == "editor" ) {
|
|
$( '#context-menu .no-external' ).hide();
|
|
} else {
|
|
$( '#context-menu .no-external' ).show();
|
|
}
|
|
// Show menu
|
|
var top = e.pageY;
|
|
if( top > $( window ).height() - $( '#context-menu' ).height() ) {
|
|
top -= $( '#context-menu' ).height();
|
|
}
|
|
if( top < 10 ) {
|
|
top = 10;
|
|
}
|
|
var max = $( window ).height() - top - 10;
|
|
|
|
$( '#context-menu' )
|
|
.css( {
|
|
'top': top + 'px',
|
|
'left': e.pageX + 'px',
|
|
'max-height': max + 'px'
|
|
})
|
|
.fadeIn( 200 )
|
|
.attr( 'data-path', path )
|
|
.attr( 'data-type', type )
|
|
.attr( 'data-name', name );
|
|
// Show faded 'paste' if nothing in clipboard
|
|
if( this.clipboard === '' ) {
|
|
$( '#context-menu a[content="Paste"]' )
|
|
.addClass( 'disabled' );
|
|
} else {
|
|
$( '#context-menu a[data-action="paste"]' )
|
|
.removeClass( 'disabled' );
|
|
}
|
|
// Hide menu
|
|
/**
|
|
* make sure that the user has moved their mouse far enough
|
|
* away from the context menu to warrant a close.
|
|
*/
|
|
$( '#file-manager, #editor-region' ).on( 'mousemove', codiad.filemanager.contextCheckMouse );
|
|
$( '#context-menu, #editor-region' ).on( 'paste', codiad.editor.paste );
|
|
|
|
/* Notify listeners. */
|
|
amplify.publish( 'context-menu.onShow', {
|
|
e: e,
|
|
path: path,
|
|
type: type
|
|
});
|
|
// Hide on click
|
|
$( '#context-menu a' )
|
|
.click( function() {
|
|
_this.contextMenuHide();
|
|
});
|
|
},
|
|
|
|
archive: function( path ) {
|
|
|
|
let _this = this;
|
|
|
|
$.get( _this.controller + '?action=archive&path=' + encodeURIComponent( path ), function( data ) {
|
|
|
|
console.log( data );
|
|
let response = codiad.jsend.parse( data );
|
|
parent = path.split( '/' );
|
|
parent.pop();
|
|
_this.rescan( parent.join( '/' ) );
|
|
console.log( response );
|
|
});
|
|
},
|
|
|
|
contextCheckMouse: function( e ) {
|
|
|
|
let offset = $( '#context-menu' ).offset();
|
|
let bottom = offset.top + $( '#context-menu' ).outerHeight( true ) + 20;
|
|
let left = offset.left - 20;
|
|
let right = offset.left + $( '#context-menu' ).outerWidth( true ) + 20;
|
|
let top = offset.top - 20;
|
|
|
|
if( ( e.clientX > right || e.clientX < left ) || ( e.clientY > bottom || e.clientY < top ) ) {
|
|
|
|
$( '#file-manager, #editor-region' ).off( 'mousemove', codiad.filemanager.contextCheckMouse );
|
|
$( '#context-menu, #editor-region' ).off( 'paste', codiad.editor.paste );
|
|
codiad.filemanager.contextMenuHide();
|
|
}
|
|
},
|
|
|
|
contextMenuHide: function() {
|
|
$( '#context-menu' )
|
|
.fadeOut( 200 );
|
|
$( '#file-manager a' )
|
|
.removeClass( 'context-menu-active' );
|
|
/* Notify listeners. */
|
|
amplify.publish( 'context-menu.onHide' );
|
|
},
|
|
|
|
//////////////////////////////////////////////////////////////////
|
|
// Copy to Clipboard
|
|
//////////////////////////////////////////////////////////////////
|
|
|
|
copyNode: function( path ) {
|
|
this.clipboard = path;
|
|
codiad.message.success( i18n( 'Copied to Clipboard' ) );
|
|
},
|
|
|
|
//////////////////////////////////////////////////////////////////
|
|
// Create Object
|
|
//////////////////////////////////////////////////////////////////
|
|
|
|
createNode: function( path, type ) {
|
|
codiad.modal.load( 250, this.dialog, {
|
|
action: 'create',
|
|
type: type,
|
|
path: path
|
|
});
|
|
$( '#modal-content form' )
|
|
.live( 'submit', function( e ) {
|
|
e.preventDefault();
|
|
var shortName = $( '#modal-content form input[name="object_name"]' )
|
|
.val();
|
|
var path = $( '#modal-content form input[name="path"]' )
|
|
.val();
|
|
var type = $( '#modal-content form input[name="type"]' )
|
|
.val();
|
|
var createPath = path + '/' + shortName;
|
|
$.get( codiad.filemanager.controller + '?action=create&path=' + encodeURIComponent( createPath ) + '&type=' + type, function( data ) {
|
|
var createResponse = codiad.jsend.parse( data );
|
|
if( createResponse != 'error' ) {
|
|
codiad.message.success( type.charAt( 0 )
|
|
.toUpperCase() + type.slice( 1 ) + ' Created' );
|
|
codiad.modal.unload();
|
|
// Add new element to filemanager screen
|
|
codiad.filemanager.createObject( path, createPath, type );
|
|
if( type == 'file' ) {
|
|
codiad.filemanager.openFile( createPath, true );
|
|
}
|
|
|
|
codiad.filemanager.rescan( path );
|
|
|
|
/* Notify listeners. */
|
|
amplify.publish( 'filemanager.onCreate', {
|
|
createPath: createPath,
|
|
path: path,
|
|
shortName: shortName,
|
|
type: type
|
|
});
|
|
}
|
|
});
|
|
});
|
|
},
|
|
|
|
//////////////////////////////////////////////////////////////////
|
|
// Create node in file tree
|
|
//////////////////////////////////////////////////////////////////
|
|
|
|
createObject: function( parent, path, type ) {
|
|
// NODE FORMAT: <li><a class="{type} {ext-file_extension}" data-type="{type}" data-path="{path}">{short_name}</a></li>
|
|
var parentNode = $( '#file-manager a[data-path="' + parent + '"]' );
|
|
if( !$( '#file-manager a[data-path="' + path + '"]' )
|
|
.length ) { // Doesn't already exist
|
|
if( parentNode.hasClass( 'open' ) && parentNode.hasClass( 'directory' ) ) { // Only append node if parent is open (and a directory)
|
|
var shortName = this.getShortName( path );
|
|
if( type == 'directory' ) {
|
|
var appendage = '<li><span class="none"></span><a class="directory" data-type="directory" data-path="' + path + '">' + shortName + '</a></li>';
|
|
} else {
|
|
var appendage = '<li><span class="none"></span><a class="file ext-' +
|
|
this.getExtension( shortName ) +
|
|
'" data-type="file" data-path="' +
|
|
path + '">' + shortName + '</a></li>';
|
|
}
|
|
if( parentNode.siblings( 'ul' )
|
|
.length ) { // UL exists, other children to play with
|
|
parentNode.siblings( 'ul' )
|
|
.append( appendage );
|
|
} else {
|
|
$( '<ul>' + appendage + '</ul>' )
|
|
.insertAfter( parentNode );
|
|
}
|
|
} else {
|
|
parentNode.parent().children( 'span' ).removeClass( 'none' );
|
|
parentNode.parent().children( 'span' ).addClass( 'plus' );
|
|
}
|
|
}
|
|
},
|
|
|
|
//////////////////////////////////////////////////////////////////
|
|
// Delete
|
|
//////////////////////////////////////////////////////////////////
|
|
|
|
deleteNode: function( path ) {
|
|
let _this = this;
|
|
codiad.modal.load( 400, this.dialog, {
|
|
action: 'delete',
|
|
path: path
|
|
});
|
|
$( '#modal-content form' )
|
|
.live( 'submit', function( e ) {
|
|
e.preventDefault();
|
|
$.get( _this.controller + '?action=delete&path=' + encodeURIComponent( path ), function( data ) {
|
|
|
|
console.log( data );
|
|
|
|
var deleteResponse = codiad.jsend.parse( data );
|
|
if( deleteResponse != 'error' ) {
|
|
var node = $( '#file-manager a[data-path="' + path + '"]' );
|
|
let parent_path = node.parent().parent().prev().attr( 'data-path' );
|
|
node.parent( 'li' ).remove();
|
|
// Close any active files
|
|
$( '#active-files a' )
|
|
.each( function() {
|
|
var curPath = $( this )
|
|
.attr( 'data-path' );
|
|
if( curPath.indexOf( path ) == 0 ) {
|
|
codiad.active.remove( curPath );
|
|
}
|
|
});
|
|
/* Notify listeners. */
|
|
amplify.publish( 'filemanager.onDelete', {
|
|
deletePath: path,
|
|
path: parent_path
|
|
});
|
|
}
|
|
codiad.modal.unload();
|
|
});
|
|
});
|
|
},
|
|
|
|
deleteInnerNode: function( path ) {
|
|
let _this = this;
|
|
codiad.modal.load( 400, this.dialog, {
|
|
action: 'delete',
|
|
path: path
|
|
});
|
|
$( '#modal-content form' )
|
|
.live( 'submit', function( e ) {
|
|
e.preventDefault();
|
|
$.get( _this.controller + '?action=deleteInner&path=' + encodeURIComponent( path ), function( data ) {
|
|
var deleteResponse = codiad.jsend.parse( data );
|
|
if( deleteResponse != 'error' ) {
|
|
var node = $( '#file-manager a[data-path="' + path + '"]' ).parent( 'ul' ).remove();
|
|
|
|
// Close any active files
|
|
$( '#active-files a' )
|
|
.each( function() {
|
|
var curPath = $( this )
|
|
.attr( 'data-path' );
|
|
if( curPath.indexOf( path ) == 0 ) {
|
|
codiad.active.remove( curPath );
|
|
}
|
|
});
|
|
|
|
//Rescan Folder
|
|
node.parent()
|
|
.find( 'a.open' )
|
|
.each( function() {
|
|
_this.rescanChildren.push( $( this )
|
|
.attr( 'data-path' ) );
|
|
});
|
|
|
|
/* Notify listeners. */
|
|
amplify.publish( 'filemanager.onDelete', {
|
|
deletePath: path + "/*",
|
|
path: path
|
|
});
|
|
}
|
|
codiad.modal.unload();
|
|
});
|
|
});
|
|
},
|
|
|
|
//////////////////////////////////////////////////////////////////
|
|
// Download
|
|
//////////////////////////////////////////////////////////////////
|
|
|
|
download: function( path ) {
|
|
var type = this.getType( path );
|
|
$( '#download' )
|
|
.attr( 'src', 'components/filemanager/download.php?path=' + encodeURIComponent( path ) + '&type=' + type );
|
|
},
|
|
|
|
//////////////////////////////////////////////////////////////////
|
|
// Return extension
|
|
//////////////////////////////////////////////////////////////////
|
|
|
|
getExtension: function( path ) {
|
|
return path.split( '.' )
|
|
.pop();
|
|
},
|
|
|
|
//////////////////////////////////////////////////////////////////
|
|
// Return the node name (sans path)
|
|
//////////////////////////////////////////////////////////////////
|
|
|
|
getShortName: function( path ) {
|
|
return path.split( '/' )
|
|
.pop();
|
|
},
|
|
|
|
//////////////////////////////////////////////////////////////////
|
|
// Return type
|
|
//////////////////////////////////////////////////////////////////
|
|
|
|
getType: function( path ) {
|
|
|
|
if( path.match( /\\/g ) ) {
|
|
|
|
path = path.replace( '\\', '\\\\' );
|
|
}
|
|
|
|
return $( '#file-manager a[data-path="' + path + '"]' ).attr( 'data-type' );
|
|
},
|
|
|
|
//////////////////////////////////////////////////////////////////
|
|
// Loop out all files and folders in directory path
|
|
//////////////////////////////////////////////////////////////////
|
|
|
|
indexFiles: [],
|
|
|
|
index: function( path, rescan ) {
|
|
|
|
let _this = this;
|
|
if( rescan === undefined ) {
|
|
|
|
rescan = false;
|
|
}
|
|
|
|
let node = $( '#file-manager a[data-path="' + path + '"]' );
|
|
let parentNode = node.parent();
|
|
|
|
if( node.hasClass( "directory" ) ) {
|
|
|
|
node.droppable({
|
|
accept: _this.object_accept,
|
|
drop: _this.object_drop,
|
|
over: _this.object_over,
|
|
out: _this.object_out
|
|
});
|
|
}
|
|
|
|
if( node.hasClass( 'open' ) && ! rescan ) {
|
|
|
|
node.parent( 'li' )
|
|
.children( 'ul' )
|
|
.slideUp( 300, function() {
|
|
$( this )
|
|
.remove();
|
|
node.removeClass( 'open' );
|
|
});
|
|
} else {
|
|
|
|
node.addClass( 'loading' );
|
|
$.get( this.controller + '?action=index&path=' + encodeURIComponent( path ), function( data ) {
|
|
|
|
node.addClass( 'open' );
|
|
let response = codiad.jsend.parse( data );
|
|
|
|
if( response != 'error' ) {
|
|
|
|
/* Notify listener */
|
|
_this.indexFiles = response.index;
|
|
amplify.publish( "filemanager.onIndex", {
|
|
path: path,
|
|
files: _this.indexFiles
|
|
});
|
|
|
|
let files = _this.indexFiles;
|
|
|
|
if( files.length > 0 ) {
|
|
|
|
let expanded = parentNode.children( 'span' ).hasClass( 'plus' );
|
|
|
|
if( expanded ) {
|
|
|
|
parentNode.children( 'span' ).removeClass( 'plus' ).addClass( 'minus' );
|
|
}
|
|
|
|
let display = 'display:none;';
|
|
let container = $( '<ul></ul>' );
|
|
|
|
if( rescan ) {
|
|
|
|
display = '';
|
|
}
|
|
|
|
container.css( "display", display );
|
|
|
|
$.each( files, function( index ) {
|
|
|
|
let ext = '';
|
|
let name = files[index].name.replace( path, '' );
|
|
let nodeClass = 'none';
|
|
let entry = $( "<li></li>" );
|
|
let span = $( "<span></span>" );
|
|
let link = $( "<a></a>" );
|
|
|
|
entry.draggable({
|
|
|
|
opacity: 0.85,
|
|
revert: true,
|
|
start: _this.object_start,
|
|
stop: _this.object_stop,
|
|
zIndex: 100
|
|
});
|
|
name = name.split( '/' ).join( ' ' );
|
|
|
|
if( files[index].type == 'file' ) {
|
|
|
|
ext = 'ext-' + name.split( '.' ).pop();
|
|
} else {
|
|
|
|
link.droppable({
|
|
accept: _this.object_accept,
|
|
drop: _this.object_drop,
|
|
over: _this.object_over,
|
|
out: _this.object_out
|
|
});
|
|
}
|
|
|
|
if( files[index].type == 'directory' && files[index].size > 0 ) {
|
|
|
|
if( expanded ) {
|
|
|
|
nodeClass = 'minus';
|
|
} else {
|
|
|
|
nodeClass = 'plus';
|
|
}
|
|
}
|
|
|
|
span.addClass( nodeClass );
|
|
|
|
link.addClass( files[index].type );
|
|
link.addClass( ext );
|
|
link.attr( "data-type", files[index].type );
|
|
link.attr( "data-path", files[index].name );
|
|
link.text( name );
|
|
|
|
entry.append( span, link );
|
|
container.append( entry );
|
|
});
|
|
|
|
if( rescan ) {
|
|
|
|
node.parent( 'li' ).children( 'ul' ).remove();
|
|
}
|
|
|
|
$( container ).insertAfter( node );
|
|
|
|
if( ! rescan ) {
|
|
|
|
node.siblings( 'ul' ).slideDown( 300 );
|
|
}
|
|
}
|
|
}
|
|
|
|
node.removeClass( 'loading' );
|
|
|
|
if( rescan && _this.rescanChildren.length > _this.rescanCounter ) {
|
|
|
|
_this.rescan( _this.rescanChildren[_this.rescanCounter++] );
|
|
} else {
|
|
|
|
_this.rescanChildren = [];
|
|
_this.rescanCounter = 0;
|
|
}
|
|
});
|
|
}
|
|
},
|
|
|
|
//////////////////////////////////////////////////////////////////
|
|
// Listen for dbclick events on nodes
|
|
//////////////////////////////////////////////////////////////////
|
|
|
|
nodeListener: function() {
|
|
|
|
let _this = this;
|
|
|
|
$( '#file-manager' ).on( 'selectstart', false );
|
|
|
|
$( '#file-manager span' )
|
|
.live( 'click', function() { // Open or Expand
|
|
if( $( this ).parent().children( "a" ).attr( 'data-type' ) == 'directory' ) {
|
|
_this.index( $( this ).parent().children( "a" )
|
|
.attr( 'data-path' ) );
|
|
} else {
|
|
_this.openFile( $( this ).parent().children( "a" )
|
|
.attr( 'data-path' ) );
|
|
}
|
|
if( !$( this ).hasClass( 'none' ) ) {
|
|
if( $( this ).hasClass( 'plus' ) ) {
|
|
$( this ).removeClass( 'plus' )
|
|
$( this ).addClass( 'minus' );
|
|
} else {
|
|
$( this ).removeClass( 'minus' )
|
|
$( this ).addClass( 'plus' );
|
|
}
|
|
}
|
|
});
|
|
$( '#file-manager a' )
|
|
.live( 'dblclick', function() { // Open or Expand
|
|
if( !codiad.editor.settings.fileManagerTrigger ) {
|
|
if( $( this )
|
|
.hasClass( 'directory' ) ) {
|
|
_this.index( $( this )
|
|
.attr( 'data-path' ) );
|
|
} else {
|
|
_this.openFile( $( this )
|
|
.attr( 'data-path' ) );
|
|
}
|
|
if( !$( this ).parent().children( "span" ).hasClass( 'none' ) ) {
|
|
if( $( this ).parent().children( "span" ).hasClass( 'plus' ) ) {
|
|
$( this ).parent().children( "span" ).removeClass( 'plus' )
|
|
$( this ).parent().children( "span" ).addClass( 'minus' );
|
|
} else {
|
|
$( this ).parent().children( "span" ).removeClass( 'minus' )
|
|
$( this ).parent().children( "span" ).addClass( 'plus' );
|
|
}
|
|
}
|
|
}
|
|
})
|
|
.live( 'click', function() { // Open or Expand
|
|
if( codiad.editor.settings.fileManagerTrigger ) {
|
|
if( $( this )
|
|
.hasClass( 'directory' ) ) {
|
|
_this.index( $( this )
|
|
.attr( 'data-path' ) );
|
|
} else {
|
|
_this.openFile( $( this )
|
|
.attr( 'data-path' ) );
|
|
}
|
|
if( !$( this ).parent().children( "span" ).hasClass( 'none' ) ) {
|
|
if( $( this ).parent().children( "span" ).hasClass( 'plus' ) ) {
|
|
$( this ).parent().children( "span" ).removeClass( 'plus' )
|
|
$( this ).parent().children( "span" ).addClass( 'minus' );
|
|
} else {
|
|
$( this ).parent().children( "span" ).removeClass( 'minus' )
|
|
$( this ).parent().children( "span" ).addClass( 'plus' );
|
|
}
|
|
}
|
|
}
|
|
})
|
|
.live( "contextmenu", function( e ) { // Context Menu
|
|
e.preventDefault();
|
|
_this.contextMenuShow( e, $( this )
|
|
.attr( 'data-path' ), $( this )
|
|
.attr( 'data-type' ), $( this )
|
|
.html() );
|
|
$( this )
|
|
.addClass( 'context-menu-active' );
|
|
});
|
|
},
|
|
|
|
object_accept: function( e, i ) {
|
|
|
|
return true;
|
|
},
|
|
|
|
object_drag: function( e, i ) {
|
|
|
|
},
|
|
|
|
object_drop: function( e, i ) {
|
|
|
|
let _this = codiad.filemanager;
|
|
let drag = i.helper[0];
|
|
let drop = e.target;
|
|
|
|
$( drop ).removeClass( "drag_over" );
|
|
|
|
console.log( drop );
|
|
console.log( drag );
|
|
|
|
let drop_path = $( drop ).attr( "data-path" );
|
|
let drag_path = $( drag ).children( "a" ).attr( "data-path" );
|
|
let path = drag_path;
|
|
let newPath = `${drop_path}/` + path.split( "/" ).pop();
|
|
|
|
_this.rename( path, newPath );
|
|
},
|
|
|
|
object_out: function( e, i ) {
|
|
|
|
let drag = i.helper[0];
|
|
let drop = e.target;
|
|
|
|
$( drop ).removeClass( "drag_over" );
|
|
},
|
|
|
|
object_over: function( e, i ) {
|
|
|
|
let drag = i.helper[0];
|
|
let drop = e.target;
|
|
|
|
$( drop ).addClass( "drag_over" );
|
|
},
|
|
|
|
object_start: function( e, i ) {
|
|
|
|
let drag = i.helper[0];
|
|
//$( object ).show();
|
|
},
|
|
|
|
object_stop: function( e, i ) {
|
|
|
|
let drag = i.helper[0];
|
|
//$( object ).hide();
|
|
|
|
},
|
|
|
|
|
|
//////////////////////////////////////////////////////////////////
|
|
// Open File
|
|
//////////////////////////////////////////////////////////////////
|
|
|
|
openFile: function( path, focus=true ) {
|
|
|
|
/* Notify listeners. */
|
|
amplify.publish( 'filemanager.onFileWillOpen', {
|
|
path: path
|
|
});
|
|
|
|
var node = $( '#file-manager a[data-path="' + path + '"]' );
|
|
var ext = this.getExtension( path );
|
|
|
|
if( $.inArray( ext.toLowerCase(), this.noOpen ) < 0 ) {
|
|
|
|
node.addClass( 'loading' );
|
|
$.get( this.controller + '?action=open&path=' + encodeURIComponent( path ), function( data ) {
|
|
|
|
var openResponse = codiad.jsend.parse( data );
|
|
if( openResponse != 'error' ) {
|
|
|
|
node.removeClass( 'loading' );
|
|
codiad.active.open( path, openResponse.content, openResponse.mtime, false, focus, openResponse.read_only );
|
|
}
|
|
});
|
|
} else {
|
|
|
|
if( ! codiad.project.isAbsPath( path ) ) {
|
|
|
|
if( $.inArray( ext.toLowerCase(), this.noBrowser ) < 0 ) {
|
|
|
|
this.download( path );
|
|
} else {
|
|
|
|
this.openInModal( path );
|
|
}
|
|
} else {
|
|
|
|
codiad.message.error( i18n( 'Unable to open file in Browser while using absolute path.' ) );
|
|
}
|
|
}
|
|
},
|
|
|
|
//////////////////////////////////////////////////////////////////
|
|
// Open in browser
|
|
//////////////////////////////////////////////////////////////////
|
|
|
|
openInBrowser: function( path ) {
|
|
|
|
let _this = this;
|
|
|
|
$.ajax( {
|
|
url: this.controller + '?action=open_in_browser&path=' + encodeURIComponent( path ),
|
|
success: function( data ) {
|
|
var openIBResponse = codiad.jsend.parse( data );
|
|
if( openIBResponse != 'error' ) {
|
|
|
|
_this.preview = window.open( openIBResponse.url, '_newtab' );
|
|
|
|
let editor = codiad.editor.getActive();
|
|
|
|
if( _this.auto_reload && editor !== null ) {
|
|
|
|
codiad.editor.getActive().addEventListener( "change", _this.refreshPreview );
|
|
}
|
|
|
|
|
|
}
|
|
},
|
|
async: false
|
|
});
|
|
},
|
|
|
|
openInModal: function( path ) {
|
|
|
|
let type = "";
|
|
var ext = this.getExtension( path ).toLowerCase();
|
|
|
|
if( this.noAudio.includes( ext ) ) {
|
|
|
|
type = 'music_preview';
|
|
} else if( this.noImages.includes( ext ) ) {
|
|
|
|
type = 'preview';
|
|
}
|
|
|
|
codiad.modal.load( 250, this.dialog, {
|
|
action: type,
|
|
path: path
|
|
});
|
|
},
|
|
|
|
//////////////////////////////////////////////////////////////////
|
|
// Paste
|
|
//////////////////////////////////////////////////////////////////
|
|
|
|
pasteNode: function( path ) {
|
|
let _this = this;
|
|
if( this.clipboard == '' ) {
|
|
codiad.message.error( i18n( 'Nothing in Your Clipboard' ) );
|
|
} else if( path == this.clipboard ) {
|
|
codiad.message.error( i18n( 'Cannot Paste Directory Into Itself' ) );
|
|
} else {
|
|
var shortName = _this.getShortName( _this.clipboard );
|
|
if( $( '#file-manager a[data-path="' + path + '/' + shortName + '"]' )
|
|
.length ) { // Confirm overwrite?
|
|
codiad.modal.load( 400, this.dialog, {
|
|
action: 'overwrite',
|
|
path: path + '/' + shortName
|
|
});
|
|
$( '#modal-content form' )
|
|
.live( 'submit', function( e ) {
|
|
e.preventDefault();
|
|
var duplicate = false;
|
|
if( $( '#modal-content form select[name="or_action"]' ).val() == 1 ) {
|
|
duplicate = true;
|
|
//console.log( 'Dup!' );
|
|
}
|
|
_this.processPasteNode( path, duplicate );
|
|
});
|
|
} else { // No conflicts; proceed...
|
|
_this.processPasteNode( path, false );
|
|
}
|
|
}
|
|
},
|
|
|
|
processPasteNode: function( path, duplicate ) {
|
|
let _this = this;
|
|
var shortName = this.getShortName( this.clipboard );
|
|
var type = this.getType( this.clipboard );
|
|
|
|
$.get( this.controller + '?action=duplicate&path=' +
|
|
encodeURIComponent( this.clipboard ) + '&destination=' +
|
|
encodeURIComponent( path + '/' + shortName ) + '&duplicate=' + encodeURIComponent( duplicate ),
|
|
function( data ) {
|
|
var pasteResponse = codiad.jsend.parse( data );
|
|
if( pasteResponse != 'error' ) {
|
|
_this.createObject( path, path + '/' + shortName, type );
|
|
codiad.modal.unload();
|
|
/* Notify listeners. */
|
|
amplify.publish( 'filemanager.onPaste', {
|
|
path: path,
|
|
shortName: shortName,
|
|
duplicate: duplicate
|
|
});
|
|
codiad.filemanager.rescan( path );
|
|
}
|
|
});
|
|
},
|
|
|
|
refreshPreview: function( event ) {
|
|
|
|
let _this = codiad.filemanager;
|
|
|
|
/**
|
|
* When reloading after every change, we encounter performance issues
|
|
* in the editor. Therefore, we implement the same logic as the
|
|
* auto_save module where we only reload after the user has finished
|
|
* changing their document.
|
|
*/
|
|
|
|
if( _this.refresh_interval !== null ) {
|
|
|
|
clearTimeout( _this.refresh_interval );
|
|
_this.refresh_interval = null;
|
|
}
|
|
_this.refresh_interval = setTimeout( function() {
|
|
|
|
if( _this.preview == null ) {
|
|
|
|
return;
|
|
}
|
|
|
|
try {
|
|
|
|
if( ( typeof _this.preview.location.reload ) == "undefined" ) {
|
|
|
|
_this.preview = null;
|
|
codiad.editor.getActive().removeEventListener( "change", _this.refreshPreview );
|
|
return;
|
|
}
|
|
_this.preview.location.reload( true );
|
|
} catch ( e ) {
|
|
|
|
console.log( e );
|
|
codiad.message.error( 'Please close your previously opened preview window.' );
|
|
_this.preview = null;
|
|
codiad.editor.getActive().removeEventListener( "change", _this.refreshPreview );
|
|
}
|
|
}, 500 );
|
|
},
|
|
|
|
rename: function( path, newPath ) {
|
|
|
|
let _this = this;
|
|
$.get( _this.controller, {
|
|
action: 'rename',
|
|
path: path,
|
|
destination: newPath
|
|
}, function( data ) {
|
|
|
|
let type = _this.getType( path );
|
|
let renameResponse = codiad.jsend.parse( data );
|
|
let renamedMessage = "";
|
|
let project = codiad.project.getCurrent();
|
|
|
|
if( renameResponse != 'error' ) {
|
|
|
|
if( type == undefined ) {
|
|
|
|
renamedMessage = 'Successfully Renamed'
|
|
} else {
|
|
|
|
renamedMessage = type.charAt( 0 ).toUpperCase() + type.slice( 1 ) + ' Renamed'
|
|
}
|
|
|
|
codiad.message.success( renamedMessage );
|
|
var node = $( '#file-manager a[data-path="' + path + '"]' );
|
|
// Change pathing and name for node
|
|
node.attr( 'data-path', newPath ).html( newPath.split( "/" ).pop() );
|
|
if( type == 'file' ) {
|
|
|
|
// Change icons for file
|
|
curExtClass = 'ext-' + _this.getExtension( path );
|
|
newExtClass = 'ext-' + _this.getExtension( newPath );
|
|
$( '#file-manager a[data-path="' + newPath + '"]' )
|
|
.removeClass( curExtClass )
|
|
.addClass( newExtClass );
|
|
} else {
|
|
|
|
// Change pathing on any sub-files/directories
|
|
_this.repathSubs( path, newPath );
|
|
}
|
|
// Change any active files
|
|
codiad.active.rename( path, newPath );
|
|
codiad.modal.unload();
|
|
|
|
let parent = path.split( '/' );
|
|
let newParent = newPath.split( '/' );
|
|
parent.pop();
|
|
newParent.pop();
|
|
|
|
codiad.filemanager.rescan( parent.join( '/' ) );
|
|
codiad.filemanager.rescan( newParent.join( '/' ) );
|
|
|
|
/* Notify listeners. */
|
|
amplify.publish( 'filemanager.onRename', {
|
|
path: path,
|
|
newPath: newPath,
|
|
project: project
|
|
});
|
|
}
|
|
});
|
|
},
|
|
|
|
//////////////////////////////////////////////////////////////////
|
|
// Rename
|
|
//////////////////////////////////////////////////////////////////
|
|
|
|
renameNode: function( path ) {
|
|
var shortName = this.getShortName( path );
|
|
var type = this.getType( path );
|
|
let _this = this;
|
|
codiad.modal.load( 250, this.dialog, {
|
|
action: 'rename',
|
|
path: path,
|
|
short_name: shortName,
|
|
type: type
|
|
});
|
|
$( '#modal-content form' )
|
|
.live( 'submit', function( e ) {
|
|
let project = codiad.project.getCurrent();
|
|
e.preventDefault();
|
|
var newName = $( '#modal-content form input[name="object_name"]' ).val();
|
|
// Build new path
|
|
var arr = path.split( '/' );
|
|
var temp = new Array();
|
|
for( i = 0; i < arr.length - 1; i++ ) {
|
|
temp.push( arr[i] )
|
|
}
|
|
var newPath = temp.join( '/' ) + '/' + newName;
|
|
_this.rename( path, newPath );
|
|
});
|
|
},
|
|
|
|
repathSubs: function( oldPath, newPath ) {
|
|
$( '#file-manager a[data-path="' + newPath + '"]' )
|
|
.siblings( 'ul' )
|
|
.find( 'a' )
|
|
.each( function() {
|
|
// Hit the children, hit 'em hard
|
|
var curPath = $( this )
|
|
.attr( 'data-path' );
|
|
var revisedPath = curPath.replace( oldPath, newPath );
|
|
$( this )
|
|
.attr( 'data-path', revisedPath );
|
|
});
|
|
},
|
|
|
|
rescanChildren: [],
|
|
rescanCounter: 0,
|
|
|
|
rescan: function( path ) {
|
|
let _this = this;
|
|
if( this.rescanCounter === 0 ) {
|
|
// Create array of open directories
|
|
node = $( '#file-manager a[data-path="' + path + '"]' );
|
|
node.parent().find( 'a.open' ).each( function() {
|
|
_this.rescanChildren.push( $( this ).attr( 'data-path' ) );
|
|
});
|
|
}
|
|
|
|
this.index( path, true );
|
|
},
|
|
|
|
//////////////////////////////////////////////////////////////////
|
|
// Save file
|
|
//////////////////////////////////////////////////////////////////
|
|
|
|
saveFile: function( path, content, callbacks, messages = true ) {
|
|
this.saveModifications( path, {
|
|
content: content
|
|
}, callbacks, messages );
|
|
},
|
|
|
|
saveModifications: function( path, data, callbacks, messages = true ) {
|
|
|
|
callbacks = callbacks || {};
|
|
let _this = this, action;
|
|
var notifySaveErr = function() {
|
|
|
|
codiad.message.error( i18n( 'File could not be saved' ) );
|
|
if( typeof callbacks.error === 'function' ) {
|
|
|
|
var context = callbacks.context || _this;
|
|
callbacks.error.apply( context, [data] );
|
|
}
|
|
}
|
|
let post = {
|
|
"data": JSON.stringify( data )
|
|
};
|
|
$.post( this.controller + '?action=modify&path=' + encodeURIComponent( path ), post, function( resp ) {
|
|
|
|
resp = $.parseJSON( resp );
|
|
if( resp.status == 'success' ) {
|
|
if( messages === true ) {
|
|
codiad.message.success( i18n( 'File saved' ) );
|
|
}
|
|
if( typeof callbacks.success === 'function' ) {
|
|
var context = callbacks.context || _this;
|
|
callbacks.success.call( context, resp.data.mtime );
|
|
}
|
|
} else {
|
|
if( resp.message == 'Client is out of sync' ) {
|
|
var reload = confirm(
|
|
"Server has a more updated copy of the file. Would " +
|
|
"you like to refresh the contents ? Pressing no will " +
|
|
"cause your changes to override the server's copy upon " +
|
|
"next save."
|
|
);
|
|
if( reload ) {
|
|
codiad.active.close( path );
|
|
codiad.active.removeDraft( path );
|
|
_this.openFile( path );
|
|
} else {
|
|
var session = codiad.editor.getActive().getSession();
|
|
session.serverMTime = null;
|
|
session.untainted = null;
|
|
}
|
|
//} else codiad.message.error( i18n( 'File could not be saved' ) );
|
|
} else codiad.message.error( i18n( resp.message ) );
|
|
|
|
if( typeof callbacks.error === 'function' ) {
|
|
|
|
var context = callbacks.context || _this;
|
|
callbacks.error.apply( context, [resp.data] );
|
|
}
|
|
}
|
|
}).error( notifySaveErr );
|
|
},
|
|
|
|
savePatch: function( path, patch, mtime, callbacks, alerts ) {
|
|
if( patch.length > 0 )
|
|
this.saveModifications( path, {
|
|
patch: patch,
|
|
mtime: mtime
|
|
}, callbacks, alerts );
|
|
else if( typeof callbacks.success === 'function' ) {
|
|
var context = callbacks.context || this;
|
|
callbacks.success.call( context, mtime );
|
|
}
|
|
},
|
|
|
|
/////////////////////////////////////////////////////////////////
|
|
// saveSearchResults
|
|
/////////////////////////////////////////////////////////////////
|
|
saveSearchResults: function( searchText, searchType, fileExtensions, searchResults ) {
|
|
var lastSearched = {
|
|
searchText: searchText,
|
|
searchType: searchType,
|
|
fileExtension: fileExtensions,
|
|
searchResults: searchResults
|
|
};
|
|
localStorage.setItem( "lastSearched", JSON.stringify( lastSearched ) );
|
|
},
|
|
|
|
//////////////////////////////////////////////////////////////////
|
|
// Search
|
|
//////////////////////////////////////////////////////////////////
|
|
|
|
search: function( path ) {
|
|
codiad.modal.load( 500, this.dialog, {
|
|
action: 'search',
|
|
path: path
|
|
});
|
|
codiad.modal.load_process.done( async function() {
|
|
var lastSearched = JSON.parse( await codiad.settings.get_option( "lastSearched" ) );
|
|
if( lastSearched ) {
|
|
$( '#modal-content form input[name="search_string"]' ).val( lastSearched.searchText );
|
|
$( '#modal-content form input[name="search_file_type"]' ).val( lastSearched.fileExtension );
|
|
$( '#modal-content form select[name="search_type"]' ).val( lastSearched.searchType );
|
|
if( lastSearched.searchResults != '' ) {
|
|
$( '#filemanager-search-results' ).slideDown().html( lastSearched.searchResults );
|
|
}
|
|
}
|
|
});
|
|
codiad.modal.hideOverlay();
|
|
let _this = this;
|
|
$( '#modal-content form' )
|
|
.live( 'submit', function( e ) {
|
|
$( '#filemanager-search-processing' )
|
|
.show();
|
|
e.preventDefault();
|
|
searchString = $( '#modal-content form input[name="search_string"]' )
|
|
.val();
|
|
fileExtensions = $( '#modal-content form input[name="search_file_type"]' )
|
|
.val();
|
|
searchFileType = $.trim( fileExtensions );
|
|
if( searchFileType != '' ) {
|
|
//season the string to use in find command
|
|
searchFileType = "\\(" + searchFileType.replace( /\s+/g, "\\|" ) + "\\)";
|
|
}
|
|
searchType = $( '#modal-content form select[name="search_type"]' )
|
|
.val();
|
|
$.post( _this.controller + '?action=search&path=' + encodeURIComponent( path ) + '&type=' + searchType, {
|
|
search_string: searchString,
|
|
search_file_type: searchFileType
|
|
}, function( data ) {
|
|
searchResponse = codiad.jsend.parse( data );
|
|
var results = '';
|
|
if( searchResponse != 'error' ) {
|
|
$.each( searchResponse.index, function( key, val ) {
|
|
// Cleanup file format
|
|
if( val['file'].substr( -1 ) == '/' ) {
|
|
val['file'] = val['file'].substr( 0, str.length - 1 );
|
|
}
|
|
val['file'] = val['file'].replace( '//', '/' );
|
|
// Add result
|
|
results += '<div><a onclick="codiad.filemanager.openFile(\'' + val['result'] + '\');setTimeout( function() { codiad.active.gotoLine(' + val['line'] + '); }, 500);codiad.modal.unload();">Line ' + val['line'] + ': ' + val['file'] + '</a></div>';
|
|
});
|
|
$( '#filemanager-search-results' )
|
|
.slideDown()
|
|
.html( results );
|
|
} else {
|
|
$( '#filemanager-search-results' )
|
|
.slideUp();
|
|
}
|
|
_this.saveSearchResults( searchString, searchType, fileExtensions, results );
|
|
$( '#filemanager-search-processing' )
|
|
.hide();
|
|
});
|
|
});
|
|
},
|
|
|
|
//////////////////////////////////////////////////////////////////
|
|
// Upload
|
|
//////////////////////////////////////////////////////////////////
|
|
|
|
uploadToNode: function( path ) {
|
|
codiad.modal.load( 500, this.dialogUpload, {
|
|
path: path
|
|
});
|
|
},
|
|
};
|
|
})( this, jQuery ); |