ninegate/src/ninegate-1.0/src/Cadoles/CoreBundle/Resources/views/File/list.html.twig

{% extends '@CadolesCore/base.html.twig' %}

{% block localstyle %}
    #page-wrapper {
        min-height:0px !important;
    }

    .grid .grid-list .grid-item-logo {
        margin:0px;
    }

    .grid .grid-list .grid-item-title h2 {
        font-size: 14px;
        line-height: 18px;
        height: 18px
    }    

    .grid .grid-list .grid-item-title {
        padding:0px 0px 0px 5px;
        line-height: 10px;
    }

    .grid-item-title h2 {
        text-transform: initial !important;
    }

    

{% endblock %}

{% block pagewrapper %}

    <div id="explorer">
        <div class="btn-toolbar" role="toolbar" aria-label="Toolbar with button groups" style="margin-top:5px">
            {% if canupdate %}
                <div class="btn-group mr-2" role="group" aria-label="First group">
                    <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#mymodal" onClick="ModalLoad('mymodal','Téléchargez vos Fichiers','{{ path('cadoles_core_'~access~'_file_upload',{'id': directory,'type':'all','subdirectory':subdirectory}) }}');" title="Ajouter des fichiers">
                        <i class="fa fa-upload"></i>
                    </button>
                    <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#mymodal" onClick="ModalLoad('mymodal','Création Répertoire','{{ path('cadoles_core_'~access~'_file_subdirectory',{'id': directory,'type':'all','subdirectory':subdirectory}) }}');" title="Ajouter un Répertoire">
                        <i class="fa fa-folder-plus"></i>
                    </button>

                </div>
            {% endif %}

            <div class="btn-group mr-2" role="group" aria-label="Second group">
                {% if view=="small" %}
                    {%set action="list" %}
                {% else %}
                    {%set action="small" %}
                {% endif %}
                {% if not subdirectory is empty %}
                    <a href="{{ path('cadoles_core_'~access~'_file_list',{'directory':directory,'subdirectory':subdirectory,'view':action }) }}" type="button" class="btn btn-primary">
                {% else %}
                    <a href="{{ path('cadoles_core_'~access~'_file_list',{'directory':directory,'clear':true,'view':action }) }}" type="button" class="btn btn-primary">
                {% endif %}
                {% if view=="small" %}
                    <i class="fas fa-list"></i>
                {% else %}
                    <i class="fas fa-th"></i>
                {% endif %}
                </a>
                
                {% if sort=="name" %}
                    {%set action="date" %}
                {% else %}
                    {%set action="name" %}
                {% endif %}
                {% if not subdirectory is empty %}
                    <a href="{{ path('cadoles_core_'~access~'_file_list',{'directory':directory,'subdirectory':subdirectory,'sort':action }) }}" type="button" class="btn btn-primary">
                {% else %}
                    <a href="{{ path('cadoles_core_'~access~'_file_list',{'directory':directory,'clear':true,'sort':action }) }}" type="button" class="btn btn-primary">
                {% endif %}
                {% if sort=="name" %}
                    <i class="fas fa-sort-alpha-down"></i>
                {% else %}
                    <i class="fas fa-sort-numeric-down"></i>    
                {% endif %}
                </a>
            </div>
        </div>


        <div aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ path('cadoles_core_'~access~'_file_list',{'directory':directory, 'clear':true }) }}">Home</a></li>
                {% set sub = "" %}
                {% for parent in parents %}
                    {% if loop.index==1 %}
                        {% set sub = parent %}
                    {% else %}
                        {% set sub = sub~"/"~parent %}
                    {% endif %}
                    
                    <li class="breadcrumb-item"><a href="{{ path('cadoles_core_'~access~'_file_list',{'directory':directory,'subdirectory':sub }) }}">{{parent}}</a></li>
                {% endfor %}
                
                {% if not subdirectory is empty %}
                    <li class="breadcrumb-item"><a href="{{ path('cadoles_core_'~access~'_file_list',{'directory':directory,'subdirectory':subdirectory }) }}">{{dirname}}</a></li>
                {% endif %}

            </ol>
        </div>        
        
        <div class="grid clearfix">
            <div class="grid-sizer  grid-{{view}}"></div>
            <div class="grid-gutter-sizer"></div>           



            {% for dir in dirs %}
                <div class="grid-item grid-{{view}}">
                    <div class="grid-item-content">
                        {% if canadd %}
                                <a  style="cursor:pointer;" onClick="delFile('{{ directory }}','{{subdirectory}}','{{dir.name|e('js')|raw }}')" class="item-delete">
                                <i class="fa fa-trash" title="Supprimer le dossier"></i>
                            </a>
                        {% endif %}

                        {% if subdirectory is empty %}
                            {% set link = dir.name %}
                        {% else %}
                            {% set link = subdirectory~"/"~dir.name %}
                        {% endif %}
                        <a style="cursor:pointer" href="{{ path('cadoles_core_'~access~'_file_list',{'directory':directory,'subdirectory':link }) }}">
                            <div class="item-link clearfix">
                                <div class="grid-item-logo">
                                    <img class="grid-item-img" height="110" src="/{{ alias }}/bundles/cadolescore/images/files/dir.png">
                                </div>

                                <div class="grid-item-title">
                                    <h2>{{ dir.name }}</h2>{% if view=="list" %}<small>le {{ dir.date }}</small>{%endif%}
                                </div>                    
                            </div>
                        </a>
                    </div>
                </div>
            {% endfor %}

            {% for file in files %}
                <div class="grid-item grid-{{view}}">
                    <div class="grid-item-content">
                        {% if canadd %}
                                <a  style="cursor:pointer;" onClick="delFile('{{ directory }}','{{subdirectory}}','{{file.name|e('js')|raw }}')" class="item-delete">
                                <i class="fa fa-trash" title="Supprimer le fichier"></i>
                            </a>
                        {% endif %}

                        {% if file.minefamily=="text" or file.minefamily=="image" or file.minetype == "application/pdf" %}
                            <a style="cursor:pointer" onClick="showFrameitem('file-{{iddirectory}}-{{loop.index}}','{{ path('cadoles_core_'~access~'_file_view',{'directory':directory,'subdirectory':subdirectory,'filename':file.name }) }}')">
                        {% else %}
                            <a style="cursor:pointer" href="{{ path('cadoles_core_'~access~'_file_download',{'directory':directory,'subdirectory':subdirectory,'filename':file.name }) }}">
                        {% endif %}
                        <div class="item-link clearfix">
                            <div class="grid-item-logo">
                                {% if file.thumb is not empty %}
                                    <img class="grid-item-img" height="110" src="{{ file.thumb }}">
                                {% else %}
                                    <img class="grid-item-img" height="110" src="/{{ alias }}/bundles/cadolescore/images/files/_blank.png">
                                {% endif %}
                            </div>

                            <div class="grid-item-title">
                                <h2>{{ file.name }}</h2>{% if view=="list" %}<small>le {{ file.date }}</small>{%endif%}
                            </div>                    
                        </div>
                        </a>
                    </div>
                </div>
            {% endfor %}
        </div>
    </div>
{% endblock %}


{% block localjavascript %}
    var optiongrid={columnWidth: '.grid-sizer',itemSelector: '.grid-item', gutter: '.grid-gutter-sizer'};
    var formodalglobal;
    

    // Création des grilles d'items
    $('body').imagesLoaded(function() {
        var grid = $('.grid').masonry(optiongrid);        
        ajust();
    });

    $('document').ready(function(){
        if(inIframe()) {
            color=$("#frame-{{directory}}",window.parent.document).data("color");
        }
        else {
            color = "#{{ color["main"]}}";
        }
        $(".item-delete").css("color",color);
        $(".item-delete > i").css("color",color);
        $(".grid-item-title > h2").css("color",color);

        $('#mymodal').on('shown.bs.modal', function() { 
            $("#frame-{{directory}}",window.parent.document).height($("#mymodal").find(".modal-content").height()+80);
        });

        $('#mymodal').on('hide.bs.modal', function() { 
            $("#frame-{{directory}}",window.parent.document).height($("#page-wrapper").height() + 10);
        });

        
    });

    $(window).resize(function() {
        ajust();
    });  


    function ajust(formodal) {
        

        if(inIframe()) {
            if(!$("#frame-{{directory}}",window.parent.document).hasClass("notframeajust"))  {
                if($('#mymodal').hasClass('in')) {
                    $("#frame-{{directory}}",window.parent.document).height($("#mymodal").find(".modal-content").height()+80);
                }
                else {
                    $("#frame-{{directory}}",window.parent.document).height($("#page-wrapper").height() + 10);
                }
            }           
        }
    }

    // Supprimer un fichier 
    function delFile(directory,subdirectory,filename) {
        var r = confirm("Confirmez-vous la suppression de ce fichier ?");
        if (r == true) {        
            $.ajax({
                method: "POST",
                url: "{{ path('cadoles_core_'~access~'_file_delete') }}",
                data: {
                    directory:directory,
                    subdirectory:subdirectory,
                    filename:filename
                },
                success: function() {
                    location.reload();
                }            
            });        
        }
    }


    // Affichage des frames associés aux items de bureau
    function showFrameitem(id,url,forcereload) {
        if(inIframe()) {
            parent.showFrameitem(id,url,forcereload);
        }
        else {
            $("#explorer").hide();
            $("body").css("overflow-y","hidden");

            if($("#frameitem-"+id).length) {
                if(forcereload) {
                    $("#frameitem-"+id).attr("src",url);
                }
                $("#frameitem-"+id).show();
            }
            else {
                $("#explorer").before("<iframe id='frameitem-"+id+"' class='frameitem' src='"+url+"'></iframe>");
            }
        }
    }    
{% endblock %}