Beanz/flatpress
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

File Manager only show images and attachs. FileUpload namefile fixed.

Browse Source
This commit is contained in:
Francisco 2020-09-14 12:45:42 +01:00
parent 1398ca35ac
commit 6259440e34
4 changed files with 97 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
admin/adminAjaxOperations.php
View File

@ -3,13 +3,22 @@
$AjaxFunctionMap = []; $AjaxFunctionMap = [];
$AjaxFunctionListMediaDirectory = function($route) { /* Just for testing */ define('ROOT_CONTENT', [
['attachs', true],
['images', true]
]);
$AjaxFunctionListMediaDirectory = function($route) {
$newRoute = FP_CONTENT . $route; $newRoute = FP_CONTENT . $route;
$dirContent = scandir($newRoute); $dirContent = scandir($newRoute);
if(!$dirContent) { if(!$dirContent) {
throw new Exception('Error when trying to access the folder'.$newRoute); throw new Exception('Error when trying to access the folder'.$newRoute);
} }
$result = []; $result = [];
if(!strlen($route)) { // Root. We show only images and attachs dir
checkIfDirAndAttachsDirExists();
return ROOT_CONTENT;
}
for($i = 2; $i < sizeof($dirContent); ++$i) { // Result = [[dir1, true], [file1, false], [file2, false]] ... for($i = 2; $i < sizeof($dirContent); ++$i) { // Result = [[dir1, true], [file1, false], [file2, false]] ...
array_push($result, []); array_push($result, []);
array_push($result[$i - 2], $dirContent[$i]); array_push($result[$i - 2], $dirContent[$i]);
@ -18,6 +27,15 @@ $AjaxFunctionListMediaDirectory = function($route) { /* Just for testing */
return $result; return $result;
}; };
function checkIfDirAndAttachsDirExists() {
if (!file_exists(IMAGES_DIR)) {
fs_mkdir(IMAGES_DIR);
}
if (!file_exists(ATTACHS_DIR)) {
fs_mkdir(ATTACHS_DIR);
}
}
$AjaxFunctionMap['ListMediaDirectory'] = $AjaxFunctionListMediaDirectory; $AjaxFunctionMap['ListMediaDirectory'] = $AjaxFunctionListMediaDirectory;
?> ?>

31
admin/panels/uploader/admin.uploader.tpl
View File

@ -26,38 +26,38 @@
<div class="col-lg-6 mb-4"> <div class="col-lg-6 mb-4">
<div class="input-group mb-3"> <div class="input-group mb-3">
<div class="input-group-prepend"> <div class="input-group-prepend">
<span class="input-group-text ti-folder"></span> <span class="input-group-text ti-folder" id="inputGroupFileAddon01"></span>
</div> </div>
<div class="custom-file"> <div class="custom-file">
<input type="file" class="custom-file-input" name="upload[]" /> <input type="file" class="custom-file-input" id="inputGroupFile01" aria-describedby="inputGroupFileAddon01">
<label class="custom-file-label" for="inputGroupFile01">{$panelstrings.choose_file}</label> <label class="custom-file-label" for="inputGroupFile01" id="inputGroupFile01Label">Choose file</label>
</div> </div>
</div> </div>
<div class="input-group mb-3"> <div class="input-group mb-3">
<div class="input-group-prepend"> <div class="input-group-prepend">
<span class="input-group-text ti-folder"></span> <span class="input-group-text ti-folder" id="inputGroupFileAddon02"></span>
</div> </div>
<div class="custom-file"> <div class="custom-file">
<input type="file" class="custom-file-input" name="upload[]" /> <input type="file" class="custom-file-input" id="inputGroupFile02" aria-describedby="inputGroupFileAddon02">
<label class="custom-file-label" for="inputGroupFile01">{$panelstrings.choose_file}</label> <label class="custom-file-label" for="inputGroupFile02">Choose file</label>
</div> </div>
</div> </div>
<div class="input-group mb-3"> <div class="input-group mb-3">
<div class="input-group-prepend"> <div class="input-group-prepend">
<span class="input-group-text ti-folder"></span> <span class="input-group-text ti-folder" id="inputGroupFileAddon03"></span>
</div> </div>
<div class="custom-file"> <div class="custom-file">
<input type="file" class="custom-file-input" name="upload[]" /> <input type="file" class="custom-file-input" id="inputGroupFile03" aria-describedby="inputGroupFileAddon03">
<label class="custom-file-label" for="inputGroupFile01">{$panelstrings.choose_file}</label> <label class="custom-file-label" for="inputGroupFile03">Choose file</label>
</div> </div>
</div> </div>
<div class="input-group mb-3"> <div class="input-group mb-3">
<div class="input-group-prepend"> <div class="input-group-prepend">
<span class="input-group-text ti-folder"></span> <span class="input-group-text ti-folder" id="inputGroupFileAddon04"></span>
</div> </div>
<div class="custom-file"> <div class="custom-file">
<input type="file" class="custom-file-input" name="upload[]" /> <input type="file" class="custom-file-input" id="inputGroupFile04" aria-describedby="inputGroupFileAddon04">
<label class="custom-file-label" for="inputGroupFile01">{$panelstrings.choose_file}</label> <label class="custom-file-label" for="inputGroupFile04">Choose file</label>
</div> </div>
</div> </div>
</div> </div>
@ -109,3 +109,10 @@
</div> </div>
{/html_form} {/html_form}
{literal}
<script>
/* This event to change name to namesfiles */
startUploadEvent();
</script>
{/literal}

47
admin/res/admin.js
View File

@ -31,22 +31,47 @@ function mobile_open_button() {
} }
// End Responsive functions // End Responsive functions
/* Functions of uploaderFiles */
/* This function is called in the admin.uploader.tpl */
function startUploadEvent() {
document.querySelector('.custom-file-input').addEventListener('change', function(e){ /* Change namefile when user select it */
const currentInputFileID = e.srcElement.id;
const fileName = document.getElementById(currentInputFileID).files[0].name;
const nextSibling = e.target.nextElementSibling
nextSibling.innerText = fileName
});
}
/* Functions of FileManager */
let mediaManagerRoute = ''; let mediaManagerRoute = '';
let insertSCEditorFunction; let currentPromiseResolve;
let currentPromiseReject; // Called in Ajax errors
function openMediaManagerAndGetMediaUrl(callback) {
return new Promise(function(resolvePromise, rejectPromise) {
currentPromiseResolve = resolvePromise;
currentPromiseReject = rejectPromise;
open_media_manager();
}).then(function(value) {
$('#flatpress-files-modal').modal('hide');
callback(value);
}).catch(function(err) {
$('#flatpress-files-modal').modal('hide');
console.log(err);
});
}
/* Functions of FileManager */
// Open the botton // Open the botton
function open_media_manager(insertSCEditor) { function open_media_manager() {
insertSCEditorFunction = insertSCEditor;
mediaManagerRoute = ''; mediaManagerRoute = '';
$('#flatpress-files-modal').modal('show'); $('#flatpress-files-modal').modal('show');
$.post('ajax.php', {Operation : 'ListMediaDirectory', Arguments : mediaManagerRoute}, function(data) { $.post('ajax.php', {Operation : 'ListMediaDirectory', Arguments : mediaManagerRoute}, function(data) {
data = JSON.parse(data); data = JSON.parse(data);
if(data.result) { if(data.result) {
showDirectory(data.content); showDirectory(data.content); // data.content = Array of pairs: dirname + isdirectory
} else { } else {
//throw new Error(data.content); currentPromiseReject(data.content);
} }
}); });
} }
@ -58,6 +83,7 @@ function showDirectory(DirectoryList) {
let currentMediaDirectoryLI = document.createElement('li'); let currentMediaDirectoryLI = document.createElement('li');
currentMediaDirectoryLI.innerHTML = ".."; currentMediaDirectoryLI.innerHTML = "..";
currentMediaDirectoryLI.onclick = () => openNewDirectory('..'); currentMediaDirectoryLI.onclick = () => openNewDirectory('..');
writeLiContent(currentMediaDirectoryLI, '..', true);
mediaDirectoryULDOM.appendChild(currentMediaDirectoryLI); mediaDirectoryULDOM.appendChild(currentMediaDirectoryLI);
} }
for(let i = 0; i < DirectoryList.length; ++i) { for(let i = 0; i < DirectoryList.length; ++i) {
@ -110,6 +136,7 @@ function openNewDirectory(DirectoryName) {
if(data.result) { if(data.result) {
showDirectory(data.content); showDirectory(data.content);
} else { } else {
currentPromiseReject(data.content);
//throw new Error(data.content); //throw new Error(data.content);
} }
}); });
@ -164,7 +191,7 @@ FUNCTION_BY_FILE_FORMAT.set(IMAGE, function(imageURL) {
}); });
FUNCTION_BY_FILE_FORMAT.set(FILE, function(fileURL) { FUNCTION_BY_FILE_FORMAT.set(FILE, function(fileURL) {
changeMediaPreviewContent('<p>No file preview</p>'); changeMediaPreviewContent('<p class="text-center">No file preview</p>');
}); });
function changeMediaPreviewContent(content) { function changeMediaPreviewContent(content) {
@ -182,11 +209,13 @@ function insertMediaInSceditor() {
const fileType = detectTypeFile(selectedFile); const fileType = detectTypeFile(selectedFile);
switch(fileType) { switch(fileType) {
case IMAGE: { case IMAGE: {
insertSCEditorFunction('[img]' + selectedURL + selectedFile + '[/img]') //insertSCEditorFunction('[img]' + selectedURL + selectedFile + '[/img]')
currentPromiseResolve('[img]' + selectedURL + selectedFile + '[/img]');
break; break;
} }
default: { /* Other files = url link */ default: { /* Other files = url link */
insertSCEditorFunction('[url=' + selectedURL + selectedFile + ']' + selectedFile +'[/url]') currentPromiseResolve('[url=' + selectedURL + selectedFile + ']' + selectedFile +'[/url]');
//insertSCEditorFunction('[url=' + selectedURL + selectedFile + ']' + selectedFile +'[/url]')
} }
} }
} }

5
admin/res/sceditor/plugins/flatPressFileManager.js
View File

@ -17,7 +17,10 @@ sceditor.command.set('flatPressFileManager', {
An a open bootstrap modal function An a open bootstrap modal function
The modal html is in the .tpl file, where sceditor is included The modal html is in the .tpl file, where sceditor is included
*/ */
open_media_manager(this.insert); const insertIntoSceditor = this.insert;
openMediaManagerAndGetMediaUrl(function(value) {
insertIntoSceditor(value);
});
}, },
tooltip: 'Open FlatPress File Manager', tooltip: 'Open FlatPress File Manager',
}); });