templates/security/login.html.twig line 1

Open in your IDE?
  2. <!DOCTYPE html>
  3. <html class="loading" lang="en" data-textdirection="ltr">
  4. <!-- BEGIN: Head-->
  6. <head>
  7.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  8.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  9.     <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
  10.     <meta name="description" content="">
  11.     <meta name="keywords" content="">
  12.     <meta name="author" content="SFM">
  13.      <title class="title_app">{% block title %} {% trans %}COSAP - Login{% endtrans %} {% endblock %}</title>
  14.      <link rel="shortcut icon" type="image/x-icon" href="{{ asset('template/images/icon_cosap.png') }}" >
  15.    <link rel="stylesheet" type="text/css" href="{{ asset('template/assets/css/font-google.css') }}">
  17.     <!-- BEGIN: Vendor CSS-->
  18.     <link rel="stylesheet" type="text/css" href="{{ asset('template/app-assets/vendors/css/vendors.min.css') }}">
  19.     <link rel="stylesheet" type="text/css" href="{{ asset('template/app-assets/vendors/css/forms/icheck/icheck.css') }}">
  20.     <link rel="stylesheet" type="text/css" href="{{ asset('template/app-assets/vendors/css/forms/icheck/custom.css') }}">
  21.     <!-- END: Vendor CSS-->
  22.     <!-- BEGIN: Theme CSS-->
  23.     <link rel="stylesheet" type="text/css" href="{{ asset('template/app-assets/css/bootstrap.css') }}">
  24.     <link rel="stylesheet" type="text/css" href="{{ asset('template/app-assets/css/bootstrap-extended.css') }}">
  25.     <link rel="stylesheet" type="text/css" href="{{ asset('template/app-assets/css/colors.css') }}">
  26.     <link rel="stylesheet" type="text/css" href="{{ asset('template/app-assets/css/components.css') }}">
  27.     <!-- END: Theme CSS-->
  30.     <!-- BEGIN: Page CSS-->
  31.     <link rel="stylesheet" type="text/css" href="{{ asset('template/app-assets/css/core/menu/menu-types/vertical-menu.css') }}">
  32.     <link rel="stylesheet" type="text/css" href="{{ asset('template/app-assets/css/core/colors/palette-gradient.css') }}">
  33.     <link rel="stylesheet" type="text/css" href="{{ asset('template/app-assets/css/pages/login-register.css') }}">
  34.     <!-- END: Page CSS-->
  36.     <link rel="stylesheet" type="text/css" href="{{ asset('template/assets/css/style.css') }}">
  39. </head>
  40. <!-- END: Head-->
  42. <!-- BEGIN: Body-->
  44. <body class="vertical-layout vertical-menu 1-column blank-page blank-page" data-open="click" data-menu="vertical-menu" data-col="1-column">
  45.     <img src="{{ asset('template/icons/loading.gif')}}" class="body_loading d-none"/>
  46.     <!-- BEGIN: Content-->
  47.     <div class="app-content content">
  48.         <div class="content-wrapper">
  49.             <div class="content-header row"></div>
  50.             <div class="content-body">
  51.                 <section class="flexbox-container">
  52.                     <div class="col-12 d-flex align-items-center justify-content-center">
  53.                         <div class="col-lg-4 col-md-8 col-10 box-shadow-2 p-0">
  54.                             <div class="card border-grey border-lighten-3 m-0">
  56.                                 {% if manyLoginAttempts is defined and manyLoginAttempts %}
  58.                                     <div class="card-header border-0">
  60.                                         <div class="card-title text-center">
  61.                                             <div class="pb-1">
  62.                                                 <img src="{{ asset('template/images/logo_login.png') }}" style="max-width: 60%; height: auto" >
  63.                                             </div>
  64.                                         </div>
  66.                                     </div>
  68.                                     <div class="card-content">
  69.                                         <div class="card-content">
  70.                                             <div class="card-body pt-0">
  71.                                                 <div class="alert alert-danger alert-2x clearfix">
  72.                                                     <i class="fa fa-lock fa-fw fa-3x fa-border fa-pull-right"></i>
  73.                                                     <p style="font-weight:bold;">{{ message }}</p>
  74.                                                     <p style="font-weight:bold;">{% trans %}Essayer dans{% endtrans %} {{ time_left_to_connect }} {% trans %}minutes{% endtrans %}</p>
  75.                                                 </div>
  76.                                             </div>
  77.                                         </div>
  78.                                     </div>
  80.                                     <div class="card-footer">
  81.                                         <div class="">
  82.                                             <p class="clearfix blue-grey lighten-2 text-sm-center mb-0 px-2"><span class=" d-block d-md-inline-block">Copyright &copy; {{ 'now' | date('Y') }} <a class="text-bold-800 grey darken-2" href="https://www.sfmtechnologies.com" target="_blank">{% trans %}SFM Technologies{% endtrans %} </a></span></p>
  83.                                         </div>
  84.                                     </div>
  86.                                 {% else %}
  88.                                     <div class="card-header border-0">
  89.                                         <!-- message erreur reset pwd -->
  90.                                         {% if username is defined and username is not empty %}
  91.                                             <div class="alert alert-danger mb-20" style="margin-bottom: 40px;">
  92.                                                 <button type="button" class="close" data-dismiss="alert" aria-label="Close" style="margin-top:-2px;" > <i class="fa fa-close" style="font-size:17px;"></i></button>
  93.                                                 <p class="p-0 m-0">{% trans %}Aucun compte ne correspond à{% endtrans %} <strong>{{ username }}</strong></p>
  94.                                             </div>
  95.                                         {% endif %}
  96.                                         {% for flash_message in app.session.flashBag.get('warning') %}
  97.                                             <div class="alert alert-warning  alert-rounded">
  98.                                                 <button type="button" class="close" data-dismiss="alert" aria-label="Close" style="margin-top:-2px;" > <i class="fa fa-close" style="font-size:17px;"></i></button>
  99.                                                 <i class="fa fa-info-circle"></i> {{ flash_message }}
  100.                                             </div>
  101.                                         {% endfor %}
  102.                                         <!-- message erreur reset pwd -->
  103.                                         <!-- message erreur expired session -->
  104.                                         {% for flash_message in app.session.flashBag.get('info') %}
  105.                                             <div class="alert alert-info  alert-rounded">
  106.                                                 <button type="button" class="close" data-dismiss="alert" aria-label="Close" style="margin-top:-2px;" > <i class="fa fa-close" style="font-size:17px;"></i></button>
  107.                                                 <i class="fa fa-info-circle"></i> {{ flash_message }}
  108.                                             </div>
  109.                                         {% endfor %}
  110.                                         <!-- message erreur login -->
  111.                                         {% if error is defined and error %}
  112.                                             <div class="alert alert-danger alert-dismissible" role="alert" style="opacity:0.8">
  113.                                                 <button type="button" class="close" data-dismiss="alert" aria-label="Close" style="margin-top:-2px;" > <i class="fa fa-close" style="font-size:17px;"></i></button>
  114.                                                 <strong style="font-weight: bold; padding-right:10px;"> {% trans %}Erreur{% endtrans %} ! </strong> {{ error.messageKey|trans(error.messageData, 'security') }}
  115.                                             </div>
  116.                                         {% endif %}
  118.                                         <div class="card-title text-center">
  119.                                             <div class="pb-1">
  120.                                                 <img src="{{ asset('template/images/logo_login.png') }}" style="max-width: 30%; height: auto" >
  121.                                             </div>
  122.                                         </div>
  123.                                         {% block subtitle %}
  124.                                             <h6 class="card-subtitle line-on-side text-muted text-center font-small-3"> <span><strong>{% trans %} Connectez vous {% endtrans %}</strong> {% trans %} à votre compte{% endtrans %}</span></h6>
  125.                                         {% endblock %}
  126.                                     </div>
  127.                                     {% block content %}
  128.                                         <div class="card-content">
  129.                                                 <div class="card-body pt-0">
  130.                                                     <form role="form" action="{{ path('fos_user_security_check') }}" method="post" class="login-form form-horizontal">
  131.                                                         <input type="hidden" name="_csrf_token" value="{{csrf_token('authenticate')}}" >
  132.                                                         <fieldset class="form-group position-relative has-icon-left mb-0">
  133.                                                             <input type="text" name="_username" value="{{ last_username }}" class="form-control form-control-lg" id="user-name" placeholder="{% trans %}Nom utilisateur ou Adresse e-mail{% endtrans %}" autofocus>
  134.                                                             <div class="form-control-position">
  135.                                                                 <i class="ft-user"></i>
  136.                                                             </div>
  137.                                                         </fieldset>
  138.                                                         <br>
  139.                                                         <fieldset class="form-group position-relative has-icon-left">
  140.                                                             <input type="password" name="_password" class="form-control form-control-lg" id="user-password" placeholder="{% trans %}Entrer un mot de passe{% endtrans %}">
  141.                                                             <div class="form-control-position">
  142.                                                                 <i class="fa fa-key"></i>
  143.                                                             </div>
  144.                                                         </fieldset>
  145.                                                         <div class="form-group row">
  146.                                                             <div class="col-sm-6 col-12 text-center text-sm-left">
  147.                                                                 <fieldset>
  148.                                                                     <input type="checkbox" id="remember-me" name="_remember_me" class="chk-remember" value="on">
  149.                                                                     <label for="remember-me"> {% trans %}Se souvenir de moi{% endtrans %}</label>
  150.                                                                 </fieldset>
  151.                                                             </div>
  152.                                                             <div class="col-sm-6 col-12 text-center text-sm-right"><a href="{{ path('back_resetting_request') }}" class="card-link">{% trans %}Mot de passe oublié{% endtrans %} ?</a></div>
  153.                                                         </div>
  154.                                                         <button type="submit" class="btn btn-outline-primary btn-lg btn-block" id="confirm_login"><i class="ft-unlock"></i> {% trans %}Login{% endtrans %}</button>
  155.                                                     </form>
  156.                                                 </div>
  157.                                         </div>
  158.                                     {% endblock %}
  160.                                     <div class="card-footer">
  161.                                         <div class="">
  162.                                             <p class="clearfix blue-grey lighten-2 text-sm-center mb-0 px-2"><span class=" d-block d-md-inline-block">Copyright &copy; {{ 'now' | date('Y') }} <a class="text-bold-800 grey darken-2" href="https://www.sfmtechnologies.com" target="_blank">SFM Technologies </a></span></p>
  163.                                         </div>
  164.                                     </div>
  165.                                 {% endif %}
  166.                             </div>
  167.                         </div>
  168.                     </div>
  169.                 </section>
  171.             </div>
  172.         </div>
  173.     </div>
  174.     <!-- END: Content-->
  177.     <!-- BEGIN: Vendor JS-->
  178.     <script src="{{ asset('template/app-assets/vendors/js/vendors.min.js') }}"></script>
  179.     <!-- BEGIN Vendor JS-->
  181.     <!-- BEGIN: Page Vendor JS-->
  182.     <script src="{{ asset('template/app-assets/vendors/js/forms/icheck/icheck.min.js') }}"></script>
  183.     <script src="{{ asset('template/app-assets/vendors/js/forms/validation/jqBootstrapValidation.js') }}"></script>
  184.     <!-- END: Page Vendor JS-->
  186.     <!-- BEGIN: Page JS-->
  187.     <script src="{{ asset('template/app-assets/js/scripts/forms/form-login-register.js') }}"></script>
  188.     <!-- END: Page JS-->
  190.     <!-- BEGIN: Theme JS-->
  191.     <script src="{{ asset('template/app-assets/js/core/app-menu.js') }}"></script>
  192.     <script src="{{ asset('template/app-assets/js/core/app.js') }}"></script>
  193.     <!-- END: Theme JS-->
  195.     <link rel="stylesheet" type="text/css" href="{{ asset('template/app-assets/vendors/css/extensions/toastr.css') }}">
  196.     <link rel="stylesheet" type="text/css" href="{{ asset('template/app-assets/css/plugins/extensions/toastr.css') }}">
  197.     <script src="{{ asset('template/app-assets/vendors/js/extensions/toastr.min.js') }}"></script>
  198.     <script src="{{ asset('template/app-assets/js/scripts/extensions/toastr.js') }}"></script>
  200.     <script type="text/javascript">
  202.         {% for flash_message in app.session.flashBag.get('info') %}
  204.             toastr.info('{{ flash_message }}', {positionClass: 'toast-top-center', containerId: 'toast-top-center'});
  206.         {% endfor %}
  208.         $(document).on("click","#confirm_login",function(e){
  210.             if(!$("#user-password").val()){
  211.                 e.preventDefault();
  213.                 toastr.info("Le champ mot de passe ne doit pas être vide !", {positionClass: 'toast-top-center', containerId: 'toast-top-center'});
  215.             }
  217.             if(!$("#user-name").val()){
  218.                 e.preventDefault();
  220.                 toastr.info("Vous devez entrer un nom utilisateur ou une adresse mail valide !", {positionClass: 'toast-top-center', containerId: 'toast-top-center'});
  221.             }
  223.         });
  225.         $('form').on('submit',function(){
  227.             var self = $(this);
  229.             var button = self.find('input[type="submit"], button');
  231.             button.attr('disabled','disabled');
  233.             $(".body_loading").removeClass("d-none");
  235.             $("body").css("opacity",0.4);
  237.         });
  239.     </script>
  241.     <script>
  243.         jQuery("#reset-form #fos_user_resetting_form_plainPassword_first").parent().addClass("form-group");
  245.         jQuery("#reset-form #fos_user_resetting_form_plainPassword_first").addClass("form-control");
  247.         jQuery("#reset-form #fos_user_resetting_form_plainPassword_second").addClass("form-control");
  249.         jQuery("#reset-form ul").addClass("text-danger").css({"position":"absolute", "top":"-40px", "left":"-35px","font-weight":"bold"});
  251.     </script>
  252. </body>
  253. <!-- END: Body-->
  255. </html>