mirror of
https://github.com/Studio-42/elFinder.git
synced 2026-06-19 07:37:19 +00:00
Naoki Sawada
48576af671
* Refactor touch event binding in elfinder.js (#3762) for jquery 4.0 * Refactor name trimming in elFinder.resources.js (#3763) for jquery 4.0 * Replace jQuery methods with native JavaScript equivalents (#3764) for jquery 4.0 * Refactor command binding to use bind method (#3765) for jquery 4.0 * Refactor search input value handling and buttonset (#3766) for jquery 4.0 * Refactor function calls to use bind instead of proxy (#3767) for jquery 4.0 * Refactor text trimming method in parseUploadData (#3768) for jquery 4.0 * Fix mime trimming and whitespace handling (#3769) for jquery 4.0 * Refactor value trimming to use native trim method (#3772) for jquery 4.0 * Fix binding of 'make' method in mkfile.js (#3773) for jquery 4.0 * Fix binding of make function in mkdir command (#3774) for jquery 4.0 * Fix string trimming for translator names (#3775) for jquery 4.0 * Fix binding of mixin make function in edit.js (#3776) For jquery 4 * Refactor permission value trimming method (#3777) For jquery 4.0 * fix: to support jQuery 4.0.0 * update: use jQuery 4.0.0/jQueyUI 1.14.2 --------- Co-authored-by: Brian Stone <brianstone@hotmail.com.au>
304 lines
9.9 KiB
HTML
304 lines
9.9 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2">
|
|
<title>elFinder 2.1.x source version with PHP connector</title>
|
|
|
|
<!-- Section CSS -->
|
|
<!-- jQuery UI (REQUIRED) -->
|
|
<link rel="stylesheet" type="text/css" href="//code.jquery.com/ui/1.14.2/themes/smoothness/jquery-ui.css">
|
|
|
|
<!-- elfinder css -->
|
|
<link rel="stylesheet" href="css/commands.css" type="text/css">
|
|
<link rel="stylesheet" href="css/common.css" type="text/css">
|
|
<link rel="stylesheet" href="css/contextmenu.css" type="text/css">
|
|
<link rel="stylesheet" href="css/cwd.css" type="text/css">
|
|
<link rel="stylesheet" href="css/dialog.css" type="text/css">
|
|
<link rel="stylesheet" href="css/fonts.css" type="text/css">
|
|
<link rel="stylesheet" href="css/navbar.css" type="text/css">
|
|
<link rel="stylesheet" href="css/places.css" type="text/css">
|
|
<link rel="stylesheet" href="css/quicklook.css" type="text/css">
|
|
<link rel="stylesheet" href="css/statusbar.css" type="text/css">
|
|
<link rel="stylesheet" href="css/theme.css" type="text/css">
|
|
<link rel="stylesheet" href="css/toast.css" type="text/css">
|
|
<link rel="stylesheet" href="css/toolbar.css" type="text/css">
|
|
|
|
<!--
|
|
<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>
|
|
-->
|
|
|
|
<!-- Section JavaScript -->
|
|
<!-- jQuery and jQuery UI (REQUIRED) -->
|
|
<script src="//code.jquery.com/jquery-4.0.0.min.js" integrity="sha256-OaVG6prZf4v69dPg6PhVattBXkcOWQB62pdZ3ORyrao=" crossorigin="anonymous"></script>
|
|
<script src="//code.jquery.com/ui/1.14.2/jquery-ui.min.js" integrity="sha256-mblSWfbYzaq/f+4akyMhE6XELCou4jbkgPv+JQPER2M=" crossorigin="anonymous"></script>
|
|
|
|
<!-- elfinder core -->
|
|
<script src="js/elFinder.js"></script>
|
|
<script src="js/elFinder.version.js"></script>
|
|
<script src="js/jquery.elfinder.js"></script>
|
|
<script src="js/elFinder.mimetypes.js"></script>
|
|
<script src="js/elFinder.options.js"></script>
|
|
<script src="js/elFinder.options.netmount.js"></script>
|
|
<script src="js/elFinder.history.js"></script>
|
|
<script src="js/elFinder.command.js"></script>
|
|
<script src="js/elFinder.resources.js"></script>
|
|
|
|
<!-- elfinder dialog -->
|
|
<script src="js/jquery.dialogelfinder.js"></script>
|
|
|
|
<!-- elfinder default lang -->
|
|
<script src="js/i18n/elfinder.en.js"></script>
|
|
|
|
<!-- elfinder ui -->
|
|
<script src="js/ui/button.js"></script>
|
|
<script src="js/ui/contextmenu.js"></script>
|
|
<script src="js/ui/cwd.js"></script>
|
|
<script src="js/ui/dialog.js"></script>
|
|
<script src="js/ui/fullscreenbutton.js"></script>
|
|
<script src="js/ui/navbar.js"></script>
|
|
<script src="js/ui/navdock.js"></script>
|
|
<script src="js/ui/overlay.js"></script>
|
|
<script src="js/ui/panel.js"></script>
|
|
<script src="js/ui/path.js"></script>
|
|
<script src="js/ui/places.js"></script>
|
|
<script src="js/ui/searchbutton.js"></script>
|
|
<script src="js/ui/sortbutton.js"></script>
|
|
<script src="js/ui/stat.js"></script>
|
|
<script src="js/ui/toast.js"></script>
|
|
<script src="js/ui/toolbar.js"></script>
|
|
<script src="js/ui/tree.js"></script>
|
|
<script src="js/ui/uploadButton.js"></script>
|
|
<script src="js/ui/viewbutton.js"></script>
|
|
<script src="js/ui/workzone.js"></script>
|
|
|
|
<!-- elfinder commands -->
|
|
<script src="js/commands/archive.js"></script>
|
|
<script src="js/commands/back.js"></script>
|
|
<script src="js/commands/chmod.js"></script>
|
|
<script src="js/commands/colwidth.js"></script>
|
|
<script src="js/commands/copy.js"></script>
|
|
<script src="js/commands/cut.js"></script>
|
|
<script src="js/commands/download.js"></script>
|
|
<script src="js/commands/duplicate.js"></script>
|
|
<script src="js/commands/edit.js"></script>
|
|
<script src="js/commands/empty.js"></script>
|
|
<script src="js/commands/extract.js"></script>
|
|
<script src="js/commands/forward.js"></script>
|
|
<script src="js/commands/fullscreen.js"></script>
|
|
<script src="js/commands/getfile.js"></script>
|
|
<script src="js/commands/help.js"></script>
|
|
<script src="js/commands/hidden.js"></script>
|
|
<script src="js/commands/hide.js"></script>
|
|
<script src="js/commands/home.js"></script>
|
|
<script src="js/commands/info.js"></script>
|
|
<script src="js/commands/mkdir.js"></script>
|
|
<script src="js/commands/mkfile.js"></script>
|
|
<script src="js/commands/netmount.js"></script>
|
|
<script src="js/commands/open.js"></script>
|
|
<script src="js/commands/opendir.js"></script>
|
|
<script src="js/commands/opennew.js"></script>
|
|
<script src="js/commands/paste.js"></script>
|
|
<script src="js/commands/places.js"></script>
|
|
<script src="js/commands/preference.js"></script>
|
|
<script src="js/commands/quicklook.js"></script>
|
|
<script src="js/commands/quicklook.plugins.js"></script>
|
|
<script src="js/commands/reload.js"></script>
|
|
<script src="js/commands/rename.js"></script>
|
|
<script src="js/commands/resize.js"></script>
|
|
<script src="js/commands/restore.js"></script>
|
|
<script src="js/commands/rm.js"></script>
|
|
<script src="js/commands/search.js"></script>
|
|
<script src="js/commands/selectall.js"></script>
|
|
<script src="js/commands/selectinvert.js"></script>
|
|
<script src="js/commands/selectnone.js"></script>
|
|
<script src="js/commands/sort.js"></script>
|
|
<script src="js/commands/undo.js"></script>
|
|
<script src="js/commands/up.js"></script>
|
|
<script src="js/commands/upload.js"></script>
|
|
<script src="js/commands/view.js"></script>
|
|
|
|
<!-- elfinder 1.x connector API support (OPTIONAL) -->
|
|
<script src="js/proxy/elFinderSupportVer1.js"></script>
|
|
|
|
<!-- Extra contents editors (OPTIONAL) -->
|
|
<script src="js/extras/editors.default.js"></script>
|
|
|
|
<!-- GoogleDocs Quicklook plugin for GoogleDrive Volume (OPTIONAL) -->
|
|
<script src="js/extras/quicklook.googledocs.js"></script>
|
|
|
|
<style type="text/css">
|
|
body { font-family:arial, verdana, sans-serif;}
|
|
.button {
|
|
width: 100px;
|
|
position:relative;
|
|
display: -moz-inline-stack;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
zoom: 1;
|
|
*display: inline;
|
|
margin:0 3px 3px 0;
|
|
padding:1px 0;
|
|
text-align:center;
|
|
border:1px solid #ccc;
|
|
background-color:#eee;
|
|
margin:1em .5em;
|
|
padding:.3em .7em;
|
|
border-radius:5px;
|
|
-moz-border-radius:5px;
|
|
-webkit-border-radius:5px;
|
|
cursor:pointer;
|
|
}
|
|
/*
|
|
#dialog {
|
|
position:absolute;
|
|
left:50%;
|
|
top:1000px;
|
|
}
|
|
*/
|
|
</style>
|
|
|
|
<script>
|
|
$(document).ready(function() {
|
|
$('#finder').elfinder({
|
|
// requestType : 'post',
|
|
|
|
// url : 'php/connector.php',
|
|
url : 'php/connector.php',
|
|
// transport : new elFinderSupportVer1(),
|
|
// getFileCallback : function(files, fm) {
|
|
// console.log(files);
|
|
// },
|
|
handlers : {
|
|
select : function(event, elfinderInstance) {
|
|
var selected = event.data.selected;
|
|
|
|
if (selected.length) {
|
|
// console.log(elfinderInstance.file(selected[0]))
|
|
}
|
|
|
|
}
|
|
},
|
|
// handlers : {
|
|
// select : function(e) {
|
|
// console.log(e.data)
|
|
// }
|
|
// },
|
|
// onlyMimes : ['image', 'text/plain']
|
|
// sync : 20000,
|
|
lang : 'ru',
|
|
customData : {answer : 42},
|
|
// requestType : 'POST',
|
|
// rememberLastDir : false,
|
|
// ui : ['tree', 'toolbar'],
|
|
// ui : ['toolbar', 'path', 'stat'],
|
|
// commands : [],
|
|
// commandsOptions : {
|
|
// edit : {
|
|
// mimes : ['text/plain', 'text/html', 'text/javascript'],
|
|
// editors : [
|
|
// {
|
|
// mimes : ['text/html'],
|
|
// load : function(textarea) {
|
|
// tinyMCE.execCommand("mceAddControl", true, textarea.id);
|
|
// },
|
|
// close : function(textarea, instance) {
|
|
// tinyMCE.execCommand('mceRemoveControl', false, textarea.id);
|
|
// },
|
|
// save : function(textarea, editor) {
|
|
// textarea.value = tinyMCE.get(textarea.id).selection.getContent({format : 'html'});
|
|
// tinyMCE.execCommand('mceRemoveControl', false, textarea.id);
|
|
// }
|
|
//
|
|
// }
|
|
// ]
|
|
// }
|
|
// }
|
|
// uiOptions : {
|
|
// toolbar : [['help']],
|
|
// cwd : {
|
|
// listView : {
|
|
// // columns to be displayed
|
|
// // default settings are:
|
|
// // columns : ['perm', 'date', 'size', 'kind'],
|
|
// // extra columns can be displayed if your connector supports it:
|
|
// columns : ['perm', 'date', 'size', 'kind', 'owner'],
|
|
// // custom columns labels:
|
|
// columnsCustomName : {
|
|
// owner : 'Owner'
|
|
// }
|
|
// }
|
|
// }
|
|
})
|
|
|
|
// $('#finder2').elfinder({
|
|
// url : 'connectors/php/connector.php',
|
|
// width:650,
|
|
// lang : 'ru'
|
|
// })
|
|
|
|
// console.log(f1)
|
|
//
|
|
// setTimeout(function() {
|
|
// console.log($('#finder').elfinder('instance'))
|
|
// }, 2000)
|
|
|
|
// new elFinder($('<div/>'))
|
|
|
|
// var f2 = $('#asd').elfinder({
|
|
// url : 'connectors/php/connector.php',
|
|
// lang : 'ru'
|
|
// }).elfinder('instance')
|
|
|
|
$('#back').click(function(e) {
|
|
f1.exec('back')
|
|
})
|
|
$('#fwd').click(function(e) {
|
|
f1.exec('forward')
|
|
})
|
|
|
|
$('#dialog').click(function() {
|
|
var fm = $('<div/>').dialogelfinder({
|
|
url : 'php/connector.php',
|
|
lang : 'en',
|
|
width : 840,
|
|
destroyOnClose : true,
|
|
getFileCallback : function(files, fm) {
|
|
console.log(files);
|
|
},
|
|
commandsOptions : {
|
|
getfile : {
|
|
oncomplete : 'close',
|
|
folders : true
|
|
}
|
|
}
|
|
}).dialogelfinder('instance');
|
|
});
|
|
|
|
});
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div id="back" class="button">back</div>
|
|
<div id="fwd" class="button">forward</div>
|
|
<div id="dialog" class="button">dialog</div>
|
|
<!-- <div id="close" class="button">close</div>
|
|
<div id="dock" class="button">dock</div>
|
|
<div id="undock" class="button">undock</div>-->
|
|
<!-- <div style="width:670px; float:left"> -->
|
|
<div id="finder">finder <span>here</span></div>
|
|
<!-- </div> -->
|
|
<!-- <div style="width:670px; float:left">
|
|
<div id="finder2">finder</div>
|
|
</div> -->
|
|
<br clear="all"/>
|
|
<input type="text" value="123" />
|
|
<input type="text" value="456" />
|
|
|
|
<!-- <div><input type="text" id="i1"></div> -->
|
|
<!-- <div><input type="text" id="i2"></div> -->
|
|
|
|
</body>
|
|
</html>
|