app/Resources/FOSUserBundle/views/Resetting/request_content.html.twig line 1

Open in your IDE?
  1. {% extends "FOSUserBundle::secondLayoutUser.html.twig" %}
  3. {# Bloc ajouté #}
  4. {% block boilerBoxCSS %}
  5.    {{ parent() }}
  6.    <style>
  7.    body{
  8.        padding-left: 0;
  9.    }
  10.    .btn--main{
  11.        margin: 3vh 0;
  12.    }
  13.    </style>
  14. {% endblock boilerBoxCSS %}
  15. {# finblock ajouté #}
  18. {% block mainBody %}
  19. <!--<main class="main-box main-box--login">
  20.     <div class="watermark watermark--big">
  21.         <img src="{{ asset('bundles/lciboilerbox/images/img/logoIBC.svg') }}" alt="logo IBC" class="watermark__logo watermark--big__logo">
  22.         <p class="watermark__baseline watermark--big__baseline">
  23.             <span>INDUSTRIAL</span>
  24.             <span>BOILER</span>
  25.             <span>CONTROL</span>
  26.         </p>
  27.     </div>
  28.     <form action="{{ path('lci_user_resetting_send_email') }}" method="POST" class="login">
  29.         <h1 class="login__title">Mot de passe oublié ?</h1>
  30.         <p class="login__infos">
  31.             Saisissez votre identifiant.</br>
  32.             Vous recevrez un mail de réinitialisation.
  33.         </p>
  34.         <fieldset class="login__fieldset">
  35.             <input type="text" id="username" name="username" required="required" />
  36.             <label for="username">{# {{ 'resetting.request.username'|trans({}, 'FOSUserBundle') }} #}Identifiant ou mail</label>
  37.             <p class="login__error">Veuillez renseigner un identifiant valide</p>
  38.         </fieldset>
  39.         {% if invalid_username is defined %}
  40.             <p>{{ 'resetting.request.invalid_username'|trans({'%username%': invalid_username}, 'FOSUserBundle') }}</p>
  41.         {% endif %}
  42.         <button type="submit"{#  value="{{ 'resetting.request.submit'|trans({}, 'FOSUserBundle') }}" #} class="btn btn--main"/>Réinitialiser</button>
  43.     </form>
  44.     <a class="link" href="{{ path('fos_user_security_logout') }}">retour</a>
  45. </main>-->
  47. <main class="login login--forgotten">
  48.     {# Illustration #}
  49.     <section class="login__side">
  50.         <div class="login__watermark">
  51.             <div class="watermark">
  52.                 <img src="{{ asset('bundles/lciboilerbox/images/img/logoIBC.svg') }}"
  53.                     class="watermark__img"
  54.                     alt="logo Industrial Boiler Control"/>
  55.                 <p class="watermark__baseline">
  56.                     <span>INDUSTRIAL</span>
  57.                     <span>BOILER</span>
  58.                     <span>CONTROL</span>
  59.                 </p>
  60.             </div>
  61.             <hr>
  62.             <p class="watermark__boilerbox"><span>BoilerBox&#8239<span></p>
  63.         </div>
  64.         {# Image finale, en cours de création #}
  65.         <!--<img src="{{asset('bundles/lciboilerbox/images/login/forgotten.jpg')}}" alt="Mot de passe oublié"/> -->
  66.         {# Icône ? en attendant l'image finale #}
  67.         <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 308 308" >
  68.             <g>
  69.                 <path d="M186.41,92.7c-7.62-6.68-18.33-10.02-32.13-10.02c-13.67,0-24.46,3.52-32.37,10.56
  70.                     c-7.91,7.04-11.93,16.78-12.06,29.23h0.17c0.25,7.52,6.4,13.54,13.98,13.54s13.73-6.02,13.98-13.54h0.19
  71.                     c0.13-5.22,1.64-9.31,4.54-12.28c2.9-2.97,6.75-4.45,11.57-4.45c10.16,0,15.23,5.51,15.23,16.53c0,3.65-0.98,7.13-2.93,10.42
  72.                     s-5.88,7.56-11.77,12.81c-5.89,5.25-9.95,10.57-12.16,15.98c-2.21,5.41-3.32,12.68-3.32,21.8h0.05c0,0.05-0.01,0.09-0.01,0.14
  73.                     c0,6.97,5.59,12.62,12.49,12.62c6.9,0,12.49-5.65,12.49-12.62c0-0.09-0.01-0.17-0.01-0.26l0.38-5.84
  74.                     c0.72-6.39,3.55-11.96,8.5-16.71l7.91-7.53c6.18-6,10.51-11.45,12.99-16.37c2.47-4.92,3.71-10.15,3.71-15.69
  75.                     C197.84,108.81,194.03,99.38,186.41,92.7z"/>
  76.                 <path d="M152.33,206.21c-4.62,0-8.42,1.41-11.38,4.23c-2.96,2.82-4.44,6.41-4.44,10.76c0,4.28,1.45,7.82,4.35,10.61
  77.                     c2.9,2.79,6.72,4.19,11.47,4.19c4.75,0,8.58-1.39,11.47-4.19c2.9-2.79,4.35-6.33,4.35-10.61c0-4.35-1.48-7.93-4.44-10.76
  78.                     C160.74,207.62,156.95,206.21,152.33,206.21z"/>
  79.                 <path d="M307.97,150.79C305.99,54.12,214.93-20.68,113.54,5.15c-47.1,12-96.16,60.92-108.28,107.99
  80.                     c-11.69,45.41-3.17,88.75,18.46,122.99l0.29,0.27l-12.45,61.58c-0.57,2.83,1.89,5.33,4.73,4.81l66.5-12.25
  81.                     c21.32,11.14,45.56,17.46,71.29,17.44C239.97,307.96,309.72,236.67,307.97,150.79z M249.76,247.74
  82.                     c-25.75,26.29-60.38,40.64-97.19,40.26c-34.48-0.36-67.67-14.11-92.31-38.23C33.97,224,19.63,189.37,20.01,152.57
  83.                     c0.36-34.48,14.11-67.67,38.24-92.31C84,33.97,118.63,19.63,155.43,20.01c34.48,0.36,67.67,14.11,92.31,38.24
  84.                     c26.29,25.75,40.64,60.38,40.26,97.19C287.64,189.91,273.89,223.1,249.76,247.74z"/>
  85.             </g>
  86.         </svg>
  87.     </section>
  88.     {# Formulaire de réinitialisation #}
  89.     <section class="login__wrapper">
  90.         {# Logo IBC et BoilerBox #}
  91.         <h2 class="login__catchphrase">Mot de passe oublié ?</h2>
  92.         <h3 class="login__instruction">
  93.             Saissisez votre identifiant.</br>
  94.             Vous recevrez un mail de réinitialisation
  95.         </h3>
  96.         <form action="{{ path('lci_user_resetting_send_email') }}" method="POST" class="login__form">
  97.             <label class="login__form__label" for="username">
  98.                 <input type="text" id="username" name="username" class="login__form__input"/>
  99.                 <svg class="login__form__icon" viewBox="0 0 18 18">
  100.                     <g>
  101.                         <path d="M9,0C4.1,0,0,4.1,0,9c0,2.9,1.4,5.6,3.6,7.2c0.8-2.7,2.8-4.5,5.4-4.5s4.8,1.9,5.4,4.5
  102.                             C16.5,14.6,18,12,18,9 C18,4.1,13.9,0,9,0z
  103.                             M9,10.4c-1.7,0-3-1.4-3-3s1.3-3,3-3s3,1.3,3,3S10.6,10.4,9,10.4z"/>
  104.                     </g>
  105.                 </svg>
  106.                 <span class="login__form__placeholder">Identifiant</span>
  107.             </label>
  108.             {% if invalid_username is defined %}
  109.                 <p>{{ 'resetting.request.invalid_username'|trans({'%username%': invalid_username}, 'FOSUserBundle') }}</p>
  110.             {% endif %}
  111.             <button type="submit" class="btn btn--main">Réinitialiser</button>
  112.         </form>
  113.         <footer class="login__footer" style="display:flex;">
  114.             <a href="{{ path('fos_user_security_logout') }}" class="icon__link">
  115.                 <span class="round-icon round-icon--back"></span>retour
  116.             </a>
  117.         </footer>
  118.     </section>
  119. </main>
  121. {% endblock mainBody %}
  123. {% block javascript %}
  124.     <script type='text/javascript'>
  125.     function initInput(){
  126.         $('#identifiant').val("");
  127.         $('#password').val("");
  128.     }
  129.     window.onload = initInput;
  131.     {# $('.login input').on('blur', function checkInput(){
  132.         // Si les saisies ne sont pas au bon format
  133.         if ($(this).val().length > 0 && $(this).val().length < 3 || $(this).val().length > 0 && $(this).val().length > 25) {
  134.             $(this).siblings('label').addClass('js-inputFilled');
  135.             // Ajout des lignes "saisie non valide"
  136.             $(this).addClass('error');
  137.             $(this).nextAll('p').eq(0).addClass("visible");
  138.         // Maintien en position du label quand l'input est rempli
  139.         } else if ($(this).val()) {
  140.             $(this).siblings('label').addClass('js-inputFilled');
  141.         // Reintialisation position label si input vide
  142.         } else {
  143.             $(this).siblings('label').removeClass('js-inputFilled');
  144.             $(this).removeClass('error');
  145.         }
  146.     });
  147.     // Réinitialisation des inputs au focus
  148.     $('.login input').on('focus', function resetInput(){
  149.         $(this).removeClass('error');
  150.         $(this).nextAll('p').eq(0).removeClass("visible");
  151.     }); #}
  152.     </script>
  154. {% endblock javascript %}