first commit
This commit is contained in:
96
templates/Home/home.html.twig
Normal file
96
templates/Home/home.html.twig
Normal file
@ -0,0 +1,96 @@
|
||||
{% extends "base.html.twig" %}
|
||||
|
||||
{% block body %}
|
||||
<div class="float-end">
|
||||
<button id="addfolder" onClick="showFolder()" type="button" class="btn btn_link" data-toggle="modal" data-target="#folder">
|
||||
<i class="fa fa-folder-plus fa-2x fa-fw"></i>
|
||||
</button>
|
||||
|
||||
<a class="btn btn_link btn-modal" data-modalid="mymodallarge" data-modalurl="{{ path('app_home_upload',{folder:infolder}) }}">
|
||||
<i class="fa fa-upload fa-2x fa-fw"></i>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div style="font-size:180%">
|
||||
{% for folder in tree %}
|
||||
{% if not loop.first %} / {%endif%}
|
||||
<a href='{{path("app_home",{folder:folder.folder})}}'>{{folder.name}}</a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
<ul class="list-group mt-3">
|
||||
{% for folder in folders %}
|
||||
<li class="list-group-item">
|
||||
<a href='{{path("app_home",{folder:(infolder~"/"~folder)})}}'>
|
||||
<i class="fa-solid fa-folder fa-fw fa-2x"></i>
|
||||
<span style="font-size:180%">{{folder}}</span>
|
||||
</a>
|
||||
<span class="btn_link btn-action float-end">
|
||||
<a onClick="showFile('{{folder}}')"><i class="fa-solid fa-pencil fa-fw"></i></a>
|
||||
<a href='{{path("app_home_delete",{folder:infolder,file:(infolder~"/"~folder)})}}'><i class="fa-solid fa-trash fa-fw"></i></a>
|
||||
</span>
|
||||
</li>
|
||||
{%endfor%}
|
||||
|
||||
{% for file in files %}
|
||||
<li class="list-group-item">
|
||||
<a href='{{path("app_home_download",{file:(infolder~"/"~file)})}}' target="_blank">
|
||||
<i class="fa-solid fa-file fa-fw fa-2x"></i>
|
||||
<span style="font-size:180%">{{file}}</span>
|
||||
</a>
|
||||
<span class="btn_link btn-action float-end">
|
||||
<a onClick="showFile('{{file}}')"><i class="fa-solid fa-pencil fa-fw"></i></a>
|
||||
<a href='{{path("app_home_delete",{folder:infolder,file:(infolder~"/"~file)})}}'><i class="fa-solid fa-trash fa-fw"></i></a>
|
||||
</span>
|
||||
|
||||
</li>
|
||||
{%endfor%}
|
||||
</ul>
|
||||
|
||||
<div id="folder" class="modal" tabindex="-1">
|
||||
<div class="modal-dialog modal-lg">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h4 class="modal-title">Création Répertoire</h4>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
{{ form_start(formfolder) }}
|
||||
|
||||
{{ form_end(formfolder) }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="file" class="modal" tabindex="-1">
|
||||
<div class="modal-dialog modal-lg">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h4 class="modal-title">Modification</h4>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
{{ form_start(formfile) }}
|
||||
{{ form_end(formfile) }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
{% block localscript %}
|
||||
<script>
|
||||
function showFolder() {
|
||||
$('#folder').modal('show');
|
||||
$('#folder_name').focus();
|
||||
}
|
||||
|
||||
function showFile(file) {
|
||||
$('#file').modal('show');
|
||||
$('#file_oldname').val(file);
|
||||
$('#file_name').val(file);
|
||||
$('#file_name').focus();
|
||||
}
|
||||
</script>
|
||||
{% endblock %}
|
57
templates/Home/upload.html.twig
Normal file
57
templates/Home/upload.html.twig
Normal file
@ -0,0 +1,57 @@
|
||||
{% extends "base.html.twig" %}
|
||||
|
||||
{% block encoretags %}
|
||||
{{ encore_entry_link_tags('dropzone') }}
|
||||
{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<a class="btn btn-secondary" onClick="closeModal();">Annuler</a>
|
||||
|
||||
<form
|
||||
action="{{ oneup_uploader_endpoint('sftp') }}"
|
||||
class="dropzone"
|
||||
id="mydropzone"
|
||||
data-maxFiles="0"
|
||||
|
||||
style="margin-top:10px">
|
||||
</form>
|
||||
{% endblock %}
|
||||
|
||||
{% block localscript %}
|
||||
{{ encore_entry_script_tags('dropzone') }}
|
||||
|
||||
<script>
|
||||
function dropzoneinit( elmt ) {
|
||||
var totalFiles = 0;
|
||||
var completeFiles = 0;
|
||||
|
||||
elmt.on("sending", function(file, xhr, formData) {
|
||||
formData.append("folder", "{{ folder }}");
|
||||
});
|
||||
|
||||
elmt.on("addedfile", function (file) {
|
||||
totalFiles += 1;
|
||||
});
|
||||
|
||||
elmt.on("removed file", function (file) {
|
||||
totalFiles -= 1;
|
||||
});
|
||||
|
||||
elmt.on("complete", function (file) {
|
||||
completeFiles += 1;
|
||||
if (completeFiles === totalFiles) {
|
||||
console.log("completed");
|
||||
closeModal();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function dropzonesuccess( file, response ) {
|
||||
closeModal();
|
||||
}
|
||||
|
||||
function closeModal() {
|
||||
parent.location.reload();
|
||||
}
|
||||
</script>
|
||||
{% endblock %}
|
Reference in New Issue
Block a user