ninesurvey/src/ninesurvey-1.0/templates/Quest/quest.html.twig

{% extends 'base.html.twig' %}
{% block localstyle %}
    .questaction {
        min-width:100px;
    }

    .grid { margin-bottom:200px;}
    .gutter-sizer { width: 2%; }

    .grid-sizer,
    .grid-item { 
        width: 49%;
        
    }

    .grid-full { width: 100% }

    @media (max-width: 991px) {
        .grid-sizer, .grid-item { width: 100%; }
        .gutter-sizer { width: 0%; }
    }

{% endblock %}
{% block body %}
<h1 class="text-center">ENQUETES</h1>

<div class="container mt-4">
    <div class="row">
        <div class="col-md-6">
            <a href="{{ path('app_survey')}}" class="btn btn-block btn-primary mb-3" style="font-size:30px">
                Afficher mes sondages de dates
            </a>
        </div>

        <div class="col-md-6">
            <a href="{{ path('app_quest')}}" class="btn btn-block btn-success mb-3" style="font-size:30px">
                Afficher mes enquêtes
            </a>
        </div>

        <div class="col-md-12">
            <a href="{{ path('app_quest_submit')}}" class="btn btn-block btn-success mb-3" style="font-size:30px">
                Créer une nouvelle enquête
            </a>
        </div>
    </div>

    <div class="custom-control custom-switch text-right mb-3">
    <input type="checkbox" class="custom-control-input" id="switchactive" checked>
    <label class="custom-control-label" for="switchactive">Afficher que mes enquêtes</label>
    </div>

    <div class="grid" style="display:none">
        <div class="grid-sizer"></div>
        <div class="gutter-sizer"></div>

        {% for guest in questguests %}
            {% set class="" %}
            {% if app.user!=guest.quest.user %}
                {% set class="notmy" %}
            {% endif %}

            <div class="grid-item {{class}}">
                <div class="card mb-3">
                    <div class="card-header">
                        {{ guest.quest.title }}
                    </div>
                    <div class="card-body">
                        <a href="{{ path('app_quest_byuserkey',{key:guest.quest.id})}}" class="questaction btn btn-info btn-sm mr-1"><i class="fa fa-eye"></i> {% if guest.quest.status==0 %} Répondre{%else%} Visualiser{%endif%}</a>
                        {% if app.user==guest.quest.user %}
                        <a href="{{ path('app_quest_update',{id:guest.quest.id})}}" class="questaction btn btn-success btn-sm"><i class="fa fa-file"></i> Modifier</a>
                        <a href="{{ path('app_quest_result',{id:guest.quest.id})}}" class="questaction btn btn-success btn-sm"><i class="fas fa-trophy"></i> Résultat<br></a>

                        <a href="{{ path('app_quest_delete',{id:guest.quest.id})}}" class="btn btn-danger btn-sm float-right" data-method="delete" data-confirm="Êtes-vous sûr de vouloir supprimer cet enregistrement ?"><i class="fa fa-trash"></i></a>
                        {% else %}                       
                        <a href="{{ path('app_quest_byuserkey_result',{key:guest.quest.id})}}" class="questaction btn btn-success btn-sm"><i class="fas fa-trophy"></i> Résultat<br></a>
                        {% endif %}
                        <div class="row mt-2">
                            <div class="col-md-12">
                                <i class="fas fa-user"></i> Propriétaire<br>
                                <small>
                                    <div style="line-height:18px">
                                        - {{guest.quest.user.displayname}}<br>
                                    </div>
                                </small>
                                <br>

                                {% if app.user==guest.quest.user and not guest.quest.private %}
                                <i onclick="copyurl({{guest.quest.id}})" class="fas fa-link" style="cursor:pointer"></i> URL à transmettre par mail<br>
                                <small>
                                    <div onclick="copyurl({{guest.quest.id}})" id="url-{{guest.quest.id}}" style="line-height:18px; cursor:pointer">
                                        {{ url('app_quest_byquestkey',{'key':guest.quest.key})}}
                                    </div>
                                </small>
                                <br>
                                {% endif %}

                                <i class="fas fa-users"></i> Invités<br>
                                <small>
                                    <div style="line-height:18px">
                                        {% if not guest.quest.private %}
                                            Enquête Public<br>
                                        {% else %}
                                            Enquête Privé<br>
                                        {% endif %}
                                        {% if guest.quest.anonymous %}
                                            Enquête anonyme<br>
                                            
                                            {% set nbreponse=0 %}
                                            {% for otherguest in guest.quest.questguests %}
                                                {% if otherguest.questvotes is empty %}
                                                    {% set nbreponse=nbreponse+1 %}
                                                {% endif %}
                                            {% endfor %}
                                            Nombre de réponse = {{ nbreponse }}
                                        {% else %}
                                            {% for otherguest in guest.quest.questguests %}
                                                {% set colorguest="" %}
                                                {% if otherguest.questvotes is empty %}
                                                    {% set colorguest="color:red" %}
                                                {% endif %}
                                                - <span style="{{colorguest}}">{{ otherguest.email}}</span><br>
                                            {% endfor %}
                                        {% endif %}
                                    </div>
                                </small>
                            </div>                        
                        </div>

                        {% if app.user==guest.quest.user %}
                            {% if guest.quest.status==0 %} 
                                <bouton class="btn btn-danger btn-sm float-right" onClick="ModalLoad('mymodal','Clôturer','{{ path('app_quest_close',{id:guest.quest.id}) }}');"><i class="fas fa-paper-plane"></i> Clôturer l'enquête</bouton>
                            {% else %}
                                <bouton class="btn btn-success btn-sm float-right" onClick="ModalLoad('mymodal','Réouvrir','{{ path('app_quest_open',{id:guest.quest.id}) }}');"><i class="fas fa-lock-open"></i> Réouvrir l'enquête</bouton>
                            {% endif %}
                        {% endif %}
                    </div>
                </div>
            </div>
        {% endfor %}

        <div class="grid-item notmytitle grid-full mt-5"><h2>Mes Participations</h2></div>

    </div>
</div>
{% endblock %}

{% block localjavascript %}
    $(document).ready(function() {
        $(".notmy").detach().appendTo('.grid');
        $(".notmy").hide();
        $(".notmytitle").hide();
        $('.grid').masonry({
            itemSelector: '.grid-item',
            columnWidth: '.grid-sizer',
            gutter: '.gutter-sizer',
            percentPosition: true,
        });
        
    });

    $(".grid").show();

    function copyurl(id) {
        var copyText = $("#url-"+id);
        var url = copyText.text();

        copyToClipboard(copyText);
        
        $("#url-"+id).fadeOut( "slow" );
        $("#url-"+id).fadeIn( "slow" ).text(url);
    }

    function copyToClipboard(element) {
        var $temp = $("<input>");
        $("body").append($temp);
        $temp.val($(element).text()).select();
        document.execCommand("copy");
        $temp.remove();
    }    

    $('#switchactive').change(function() {
        if($(this).is(":checked"))  {
            $(".notmy").hide();
            $(".notmytitle").hide();
        }
        else {
            $(".notmy").show();
            $(".notmytitle").show();
        }
        
        $('.grid').masonry({
            itemSelector: '.grid-item',
            columnWidth: '.grid-sizer',
            gutter: '.gutter-sizer',
            percentPosition: true,
        });        
    });

{% endblock %}