Newer
Older
pre-www / src / layout / partials / cookie-banner.twig
@EcosistemaWebIuav EcosistemaWebIuav 25 days ago 4 KB feat: cookie banner
<div id="cookiebanner-overlay"></div>
<div id="cookiebanner" class="cookiebanner">
    <div id="cookiebanner-init-panel">
        <p><strong>Cookies</strong></p>
        <p>Questo sito utilizza i cookies per le statistiche e per agevolare la navigazione: maggiori informazioni sono disponibili nella pagina <a href="#">informativa sulla privacy</a>.</p>
    </div>
    <div id="cookiebanner-custom-panel" class="hidden">
        <p><strong>Utilizzo dei cookie</strong></p>
        <p>Questo sito utilizza alcuni cookie tecnici indispensabili per il suo funzionamento e vorrebbe utilizzare altri cookie utili a migliorarne la fruizione: questi ultimi possono essere attivati solo previo consenso esplicito.</p>
        <div class="cookiebanner__cookies">

            <div class="block-accordion block-accordion--sm">
                <div class="block-accordion__inner" data-accordion>
                    <button data-accordion-title aria-expanded="false" aria-controls="cookies-necessary" id="cookies-necessary">Cookie indispensabili</button>
                    <span class="cookiebanner-necessary-icon"></span>
                    <div data-accordion-content id="cookies-necessary" role="region" aria-labelledby="cookies-necessary" style="display:none">
                        <p>Si tratta di alcuni cookie tecnici indispensabili per il funzionamento del sito che non possono essere disabilitati.</p>
                        <table>
                            <thead>
                                <tr>
                                    <th>Nome</th>
                                    <th>Dominio</th>
                                    <th>Durata</th>
                                    <th>Descrizione</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for cookie in site.global.cookies.necessary %}
                                    <tr>
                                        {% for value in cookie %}
                                            <td>{{value}}</td>
                                        {% endfor %}
                                    </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    </div>
                </div>

                <div class="block-accordion__inner" data-accordion>
                    <button data-accordion-title aria-expanded="false" aria-controls="cookies-necessary" id="cookies-necessary">Cookie non indispensabili</button>
                    <label class="input-toggle">
                        <input type="checkbox" name="" id="">
                        <span></span>
                    </label>
                    <div data-accordion-content id="cookies-necessary" role="region" aria-labelledby="cookies-necessary" style="display:none">
                        <p>Si tratta di cookie finalizzati a raccogliere informazioni sulle modalità di fruizione del sito, sul browser impiegato, sulla provenienza del visitatore, ecc..</p>
                        <table>
                            <thead>
                                <tr>
                                    <th>Nome</th>
                                    <th>Dominio</th>
                                    <th>Durata</th>
                                    <th>Descrizione</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for cookie in site.global.cookies.analytical %}
                                    <tr>
                                        {% for value in cookie %}
                                            <td>{{value}}</td>
                                        {% endfor %}
                                    </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    </div>
                </div>

            </div>
        </div>
        
        <p><strong>Ulteriori informazioni</strong></p>
        <p>Per informazioni sulla privacy policy dell’Università visita questa pagina.</p>

    </div>
    <div class="cookiebanner__btns">
        <div>
            <button type="button" data-cookiebanner-consent id="cookiebanner-consent">Accetta tutti</button>
            <button type="button" data-cookiebanner-consent id="cookiebanner-necessary-consent">Accetta solo indispensabili</button>
        </div>
        <button type="button" data-cookiebanner-consent id="cookiebanner-custom-consent" class="hidden">Accetta selezionati</button>
        <button type="button" id="cookiebanner-custom">Personalizza</button>
    </div>
</div>