templates/security/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="cs">
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>{% block title %}Autorizace{% endblock %}</title>
  8.     <link rel="icon" href="{{ asset('img/CP_favicon.png')}}">
  9.     <link href="https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700;800&display=swap" rel="stylesheet">
  10.     <link rel="stylesheet" href="{{ asset('assets/css/bootstrap.css') }}">
  11.     <link rel="stylesheet" href="{{ asset('assets/vendors/bootstrap-icons/bootstrap-icons.css') }}">
  12.     <link rel="stylesheet" href="{{ asset('assets/css/app.css') }}">
  13.     <link rel="stylesheet" href="{{ asset('assets/css/pages/auth.css') }}">
  14.     {% block stylesheets %}
  15.         {#{{ encore_entry_link_tags('app') }}#}
  16.     {% endblock %}
  18.         {#{{ encore_entry_script_tags('app') }}#}
  19.         
  20.         <script src="{{ asset('js/jquery-3.6.0.min.js') }}"></script>
  22.         <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
  23.         <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
  24.         <script>
  25.             $(window).on('load', function() {
  26.             // console.log(document.cookie);
  27.                 if (!document.cookie.includes('agreeGDPR=1'))
  28.                 {
  29.                     $('#modalGDPR').modal('show');
  30.                     // console.log('nebyl vysloven souhlas');
  31.                 }
  32.                 else
  33.                 {
  34.                     // console.log('Byl vysloven souhlas');
  35.                 }
  36.             });
  38.             function agree() {
  39.                 // console.log('Souhlasím');
  40.                 let date = new Date();
  41.                 let agreement = "agreeGDPR=1; expires="
  42.                 date = new Date(date.valueOf()+1000*60*60*24*365);
  43.                 document.cookie = agreement.concat(date.toUTCString());
  44.                 alert('Děkujeme');
  45.             }
  47.             function disagree() {
  48.                 // console.log('Nesouhlasím');
  49.                 alert('Musí být vysloven souhlas!');
  50.             }
  51.         </script>
  52.     {% block javascripts %}
  53.     {% endblock %}
  54. </head>
  56. <body>
  57. <div id="auth">
  59.     <div class="row h-100">
  60.         <div class="col-xl-6 col-md-12 col-12 h-100">
  61.             <div id="auth-left">
  62.                 <div class="auth-logo">
  63.                     <a href="{{ path('app_login') }}"><img src="{{ asset('img/Cest_prikaz_logo_1.png') }}" alt="Logo"></a>
  64.                 </div>
  65.                  {% block body %}{% endblock %}
  66.             </div>
  67.         </div>
  68.         <div class="col-xl-6 d-none d-lg-block">
  69.             <div id="auth-right">
  71.             </div>
  72.         </div>
  73.     </div>
  75. </div>
  77. <!-- Modal -->
  78.     <div class="modal fade" id="modalGDPR" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="modalGDPRLabel" aria-hidden="true">
  79.     <div class="modal-dialog">
  80.         <div class="modal-content">
  81.         <div class="modal-header">
  82.             <h5 class="modal-title" id="modalGDPRLabel">Souhlas se zpracováním osobních údajů</h5>
  83.         </div>
  84.         <div class="modal-body text-center">
  85.             <p>Je třeba souhlasit se zpracováním osobních údajů.</p>
  86.             <p><a href="{{ path('gdrp_agreement') }}">Celý text souhlasu je zde.</a></p>
  87.         </div>
  88.         <div class="modal-footer">
  89.             <button type="button" class="btn btn-secondary" id="disagree">Nesouhlasím</button>
  90.             <button type="button" class="btn btn-primary" data-bs-dismiss="modal" id="agree">Souhlasím</button>
  91.         </div>
  92.         </div>
  93.     </div>
  94.     </div>
  98. </body>
  99. <script>
  100.     var btnAgree = document.getElementById('agree');
  101.     var btnDisagree = document.getElementById('disagree');
  102.     btnAgree.addEventListener("click", agree);
  103.     btnDisagree.addEventListener("click", disagree);
  104. </script>
  105. </html>