templates/base_security.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <title>Inserjeune COMORES</title>
  5.     <meta charset="utf-8">
  6.     <meta name="description" content="Taux d’insertion professionnelle des jeunes diplômés de l’enseignement technique et de la formation professionnelle et de la satisfaction des entreprises">
  7.     <meta name="robots" content="index, follow">
  8.     <meta name="keywords" content="oif, ifef, inserjeune, insertion, enseignement technique, formation professionnelle, satisfaction entreprise, offre emploi, geolocalisation, diplômés, établissements de formation, enrôlement, réseau de partenaires">
  9.     <meta content="ie=edge" http-equiv="x-ua-compatible">
  10.     <meta content="template language" name="keywords">
  11.     <meta content="Tamerlan Soziev" name="author">
  12.     <meta content="Admin dashboard html template" name="description">
  13.     <meta content="width=device-width, initial-scale=1" name="viewport">
  14.      <link href="/build/images/favicon.png" rel="shortcut icon"> 
  15.     <link href="apple-touch-icon.png" rel="apple-touch-icon">
  16.     <link href="http://fast.fonts.net/cssapi/175a63a1-3f26-476a-ab32-4e21cbdb8be2.css" rel="stylesheet">
  17.     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
  18.     <script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
  19.     {% block stylesheets %}{{ encore_entry_link_tags('newApp') }}{% endblock %}
  21.     <style>
  22.         /* FOND D'ÉCRAN */
  23.         body {
  24.             background-image: url('{{ asset('build/images/pinsuprem/bg-pattern.png') }}') !important;
  25.             background-size: cover !important;
  26.             background-position: center !important;
  27.             background-repeat: no-repeat !important;
  28.             background-attachment: fixed !important;
  29.         }
  30.         
  31.         /* CENTRER LA FENÊTRE DE CONNEXION */
  32.         .all-wrapper {
  33.             display: flex;
  34.             justify-content: center;
  35.             align-items: center;
  36.             min-height: 100vh;
  37.             width: 100%;
  38.         }
  39.         
  40.         .auth-box-w {
  41.             margin: 20px auto;
  42.             position: relative;
  43.             z-index: 1;
  44.             width: 100%;
  45.             max-width: 500px;
  46.         }
  47.     </style>
  48. </head>
  49. <body class="auth-wrapper">
  50. <div class="all-wrapper with-pattern">
  51.     {% block body %}
  52.         <h1 hidden>{{ 'referencement.base_security' | trans }}</h1>
  53.         <div class="auth-box-w">
  54.             <div id="loginHeader" class="logo-w" style="padding: 25px 3px 0 30px; margin: auto ; display: flex; justify-content: space-around;">
  55.                 <a href="#"><img alt="" src="{{ asset('build/images/pinsuprem/logo_ifef.jpg') }}" width="135"></a>
  56.                 <a href="#"><img alt="" src="{{ asset('build/images/pinsuprem/logo_oif.png') }}" width="160"></a>
  57.                 <button id="buttonSelectLang" class="btn btn-primary" style="height: 40px; margin: 30px auto 10px auto">{{ 'menu.language' | trans }}</button>
  58.             </div>
  60.             <ul id="selectLang" hidden="" class="list-unstyled" style="display: flex; flex-direction: row; justify-content: space-around;">
  61.                 <li value="lang_fr"><a href="{{ app.request.getBaseURL() }}/fr/login"> {{ 'menu.french' | trans }} <img src="{{ asset('build/images/icon/country/fr.png') }}" alt="French"></a></li>
  62.                 <li value="lang_en"><a href="{{ app.request.getBaseURL() }}/en/login"> {{ 'menu.english' | trans }} <img src="{{ asset('build/images/icon/country/en.png') }}" alt="English"></a></li>
  63.                 <li value="lang_es"><a href="{{ app.request.getBaseURL() }}/es/login"> {{ 'menu.spanish' | trans }} <img src="{{ asset('build/images/icon/country/es.png') }}" alt="Spanish"></a></li>
  64.                 <li value="lang_pt"><a href="{{ app.request.getBaseURL() }}/pt/login"> {{ 'menu.portuguese' | trans }} <img src="{{ asset('build/images/icon/country/pt.png') }}" alt="Portuguese"></a></li>
  65.             </ul>
  66.             {% block fos_user_title %}
  67.             {% endblock fos_user_title %}
  69.             {% if app.session.flashBag.has('danger') == true %}
  70.                 <div class="alert alert-danger alert-dismissible" role="alert" stype="font-size: 10px">
  71.                     <button type="button" class="close" data-dismiss="alert" aria-label="Close">
  72.                         <span aria-hidden="true">&times;</span>
  73.                     </button>
  74.                     {% for message in app.session.flashbag.get('danger') %}
  75.                         <p class="text-center w-100 mb-0">{{ message }}</p>
  76.                     {% endfor %}
  77.                 </div>
  78.             {% endif %}
  80.             {% if app.session.flashBag.has('warning') == true %}
  81.                 <div class="alert alert-warning alert-dismissible" role="alert" stype="font-size: 10px">
  82.                     <button type="button" class="close" data-dismiss="alert" aria-label="Close">
  83.                         <span aria-hidden="true">&times;</span>
  84.                     </button>
  85.                     {% for message in app.session.flashbag.get('warning') %}
  86.                         <p class="text-center w-100 mb-0">{{ message }}</p>
  87.                     {% endfor %}
  88.                 </div>
  89.             {% endif %}
  90.             {% if app.session.flashBag.has('success') == true %}
  91.                 <div class="alert alert-success alert-dismissible" role="alert" stype="font-size: 10px">
  92.                     <button type="button" class="close" data-dismiss="alert" aria-label="Close">
  93.                         <span aria-hidden="true">&times;</span>
  94.                     </button>
  95.                     {% for message in app.session.flashbag.get('success') %}
  96.                         <p class="text-center w-100 mb-0">{{ message }}</p>
  97.                     {% endfor %}
  98.                 </div>
  99.             {% endif %}
  101.             {% block fos_user_content %}
  102.             {% endblock fos_user_content %}
  103.         </div>
  104.     {% endblock %}
  105. </div>
  106. </body>
  107. {% block fos_user_script %}
  108. {% endblock %}
  109. {% block javascripts %}{{ encore_entry_script_tags('app') }}{% endblock %}
  110. <script>
  111.     $('#buttonSelectLang').on('click', function ()  {
  112.         if($('#selectLang').prop('hidden') == true) {
  113.             $('#selectLang').prop('hidden', false);
  114.         } else {
  115.             $('#selectLang').prop('hidden', true);
  116.         }
  117.     });
  119.     setTimeout(function() {
  120.         var alertDanger = document.querySelector('.alert-danger');
  121.         var alertSuccess = document.querySelector('.alert-success');
  122.         var alertWarning = document.querySelector('.alert-warning');
  123.     }, 5000);
  124. </script>
  125. </html>