90 lines
3.5 KiB
PHP
90 lines
3.5 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="{{ app()->getLocale() }}">
|
|
<head>
|
|
|
|
@include('vendor.elfinder.common_scripts')
|
|
@include('vendor.elfinder.common_styles')
|
|
|
|
<!-- TinyMCE Popup class (REQUIRED) -->
|
|
<script type="text/javascript" src="{{ asset($dir.'/js/tiny_mce_popup.js') }}"></script>
|
|
|
|
<script type="text/javascript">
|
|
var FileBrowserDialogue = {
|
|
init: function() {
|
|
// Here goes your code for setting your custom things onLoad.
|
|
},
|
|
mySubmit: function (URL) {
|
|
var win = tinyMCEPopup.getWindowArg('window');
|
|
|
|
// pass selected file path to TinyMCE
|
|
win.document.getElementById(tinyMCEPopup.getWindowArg('input')).value = URL;
|
|
|
|
// are we an image browser?
|
|
if (typeof(win.ImageDialog) != 'undefined') {
|
|
// update image dimensions
|
|
if (win.ImageDialog.getImageData) {
|
|
win.ImageDialog.getImageData();
|
|
}
|
|
// update preview if necessary
|
|
if (win.ImageDialog.showPreviewImage) {
|
|
win.ImageDialog.showPreviewImage(URL);
|
|
}
|
|
}
|
|
|
|
// close popup window
|
|
tinyMCEPopup.close();
|
|
}
|
|
}
|
|
|
|
tinyMCEPopup.onInit.add(FileBrowserDialogue.init, FileBrowserDialogue);
|
|
|
|
$().ready(function() {
|
|
var theme = 'default';
|
|
|
|
var elf = $('#elfinder').elfinder({
|
|
// set your elFinder options here
|
|
@if($locale)
|
|
lang: '{{ $locale }}', // locale
|
|
@endif
|
|
customData: {
|
|
_token: '{{ csrf_token() }}'
|
|
},
|
|
url : '{{ route("elfinder.connector") }}', // connector URL
|
|
soundPath: '{{ Basset::getUrl(base_path("vendor/studio-42/elfinder/sounds")) }}',
|
|
getFileCallback: function(file) { // editor callback
|
|
FileBrowserDialogue.mySubmit(file.url); // pass selected file path to TinyMCE
|
|
},
|
|
themes: {
|
|
default : 'https://cdn.jsdelivr.net/gh/RobiNN1/elFinder-Material-Theme/manifests/material-gray.json',
|
|
dark : 'https://cdn.jsdelivr.net/gh/RobiNN1/elFinder-Material-Theme/manifests/material-default.json',
|
|
},
|
|
theme: theme
|
|
},
|
|
function(fm, extraObj) {
|
|
fm.bind('open', function() {
|
|
setElFinderColorMode();
|
|
});
|
|
}).elfinder('instance');
|
|
|
|
function isElfinderInDarkMode() {
|
|
return typeof window.parent?.colorMode !== 'undefined' && window.parent.colorMode.result === 'dark';
|
|
}
|
|
|
|
function setElFinderColorMode() {
|
|
theme = isElfinderInDarkMode() ? 'dark' : 'default';
|
|
|
|
let instance = $('#elfinder').elfinder('instance');
|
|
instance.changeTheme(theme).storage('theme', theme);
|
|
}
|
|
});
|
|
</script>
|
|
|
|
</head>
|
|
<body>
|
|
|
|
<!-- Element where elFinder will be created (REQUIRED) -->
|
|
<div id="elfinder"></div>
|
|
|
|
</body>
|
|
</html>
|