jcloud_frontend/legal/user-consent/it/index.html

<!DOCTYPE html>
<html lang="it">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="jcloud-consent-version" content="d7a1c10b59b544c8a82b93a23d8f0323">
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <title>Consenso</title>
        <style>
            :root {
                --primary-color: #328cef;
                --darker-than-primary-color: #106acd;
            }
            body {
                display: flex;
                justify-content: center;
                align-items: center;
                height: 100vh;
                margin: 0;
                font-family: sans-serif;
            }
            main {
                border: 1px solid #ccc;
                border-radius: 30px;
                overflow: auto;
                height: 90vh;
                width: 80vh;
            }
            h1 {
                margin: 0;
            }
            .content {
                margin: 30px;
            }
            #consent-list {
                list-style-type: disc;
                margin: 50px;
                padding: 0;
            }
            #consent-form {
                display: flex;
                justify-content: right;
                gap: 20px;
                margin: 30px;
            }
            button {
                padding: 10px 20px;
                font-size: 16px;
                border: none;
                border-radius: 8px;
                cursor: pointer;
            }
            #consent {
                background-color: var(--primary-color);
                color: white;
            }
            #consent:hover {
                background-color: var(--darker-than-primary-color);
            }
            #decline {
                background-color: transparent;
                color: #555;
            }
            #decline:hover {
                background-color: transparent;
            }
            #version {
                margin: 20px;
                text-align: right;
            }
            @media (max-width: 768px) {
                main {
                    width: 100vw;
                    height: 100vh;
                    border-radius: 0;
                    border: none;
                }
                #consent-list {
                    margin: 30px;
                }
                #consent-form {
                    flex-direction: column;
                    align-items: center;
                    gap: 5px;
                }
            }
        </style>
    </head>
    <body>
        <main>
            <div class="content">
                <div id="version"><<CONSENT-VERSION>></div>
                <h1>Prima di Continuare</h1>
                <article>
                    <p>
                        Utilizzando questo sito web, accetti quanto segue:
                        <ul id="consent-list">
                            <li>
                                <h2>Registrazione dei Log</h2>
                                <p>
                                    jCloud registra i log di tutti gli accessi al sito web e all'API. Questi log contengono informazioni come l'indirizzo IP, il timestamp, il metodo HTTP, la risorsa richiesta, il codice di stato HTTP, lo user agent, la lingua dell'utente, il tempo di risposta e la versione del server. Dopo 30 giorni, i log vengono anonimizzati mascherando gli ultimi 8 bit dell'indirizzo IP.<br/>
                                    <h3>Scopo di ciascun dato</h3>
                                    <ul>
                                        <li>
                                            <strong>Indirizzo IP:</strong> Serve a identificare la fonte del traffico, rilevare potenziali minacce alla sicurezza e revocare l'accesso in caso di utilizzo improprio.
                                        </li>
                                        <li>
                                            <strong>Timestamp:</strong> Permette di tracciare l'orario esatto di un accesso, utile per analizzare eventuali attacchi e per rilevare tempestivamente inefficienze o sovraccarichi.
                                        </li>
                                        <li>
                                            <strong>Metodo HTTP e Risorsa Richiesta:</strong> La memorizzazione del metodo HTTP e della risorsa richiesta aiuta a comprendere i modelli di utilizzo e, sulla base di essi, a migliorare il sito web e l'API.
                                        </li>
                                        <li>
                                            <strong>Codice di Stato HTTP:</strong> Consente di valutare l'usabilità del sito web e dell'API (ad esempio link errati che generano codici di errore) e di migliorarla, monitorando al contempo l'affidabilità dei servizi.
                                        </li>
                                        <li>
                                            <strong>Tempo di Risposta:</strong> Misurato per monitorare le prestazioni del sito web e dell'API e per individuare eventuali colli di bottiglia che potrebbero compromettere l'esperienza utente.
                                        </li>
                                        <li>
                                            <strong>User-Agent:</strong> Utilizzato per garantire la compatibilità del sito web e dell'API con diversi browser e sistemi operativi e per ottimizzare l'esperienza dell'utente.
                                        </li>
                                        <li>
                                            <strong>Lingua dell'Utente:</strong> Memorizzata per migliorare la localizzazione e l'internazionalizzazione del sito web e dell'API.
                                        </li>
                                        <li>
                                            <strong>Versione del Server:</strong> Registrata per identificare eventuali problemi specifici di alcune versioni e facilitare la manutenzione e l'aggiornamento del software del server.
                                        </li>
                                    </ul>
                                </p>
                            </li>
                            <li>
                                <h2>Cookie Memorizzati nel Browser</h2>
                                <p>
                                    Per garantire il corretto funzionamento del sito, jCloud memorizza dei cookie nel tuo browser.<br/>
                                    <h3>Cookie memorizzati e loro scopi:</h3>
                                    <ul>
                                        <li>
                                            <strong>"User":</strong> Contiene l'utente attualmente connesso. Se hai selezionato l'opzione "Rimani connesso" al login, scade dopo 20 giorni; altrimenti, alla fine della sessione. Necessario per identificarti durante la sessione e consentire l'accesso ai tuoi dati.
                                        </li>
                                        <li>
                                            <strong>"Auth":</strong> Contiene un token usato per autenticare le tue richieste all'API. Se hai selezionato "Rimani connesso", scade dopo 20 giorni; altrimenti, alla fine della sessione. Necessario per autenticare le richieste e consentire l'accesso ai tuoi dati.
                                        </li>
                                        <li>
                                            <strong>"signed_in":</strong> Indica se sei connesso. Se hai selezionato "Rimani connesso", scade dopo 20 giorni; altrimenti, alla fine della sessione. Necessario per un’esperienza utente senza interruzioni.
                                        </li>
                                        <li>
                                            <strong>"user_consent":</strong> Memorizza il consenso fornito. Scade dopo 365 giorni. Necessario per assicurare che tu sia informato sulle pratiche di raccolta dei dati e che abbia fornito il consenso.
                                        </li>
                                    </ul>
                                </p>
                            </li>
                        </ul>
                    </p>
                </article>
                <form action="https://jcloud-services.ddns.net:1024/consent" method="POST" id="consent-form">
                    <input type="hidden" name="redirect_uri" id="redirect-uri" />
                    <button type="button" id="decline">Rifiuta e torna indietro</button>
                    <button type="submit" id="consent">Acconsenti e continua</button>
                </form>
            </div>
        </main>
        <script>
            'use strict';
            const url = new URL(window.location.href);
            const search = Object.fromEntries(url.searchParams.entries());
            for (let key in search) {
                const input = document.createElement('input');
                input.type = 'hidden';
                input.name = key;
                input.value = search[key];
                document.querySelector('form').appendChild(input);
            };
            document.querySelector('#redirect-uri').value = 'https://jcloud-services.ddns.net' + url.pathname + url.hash;
            document.querySelector('#decline').addEventListener('click', function () {
                window.history.back();
            });
        </script>
    </body>
</html>