src/StartPlatz/Bundle/AlphaBundle/Resources/views/Default/anonym.html.twig line 1

Open in your IDE?
  1. {% extends "@StartPlatzStyleBundle/Bootstrap4/base.sp-connect.with-sections.html.twig" %}
  2. {% set currentPath = app.request.get('_route') %}
  4. {% block title %}
  5.     Login - STARTPLATZ
  6. {% endblock %}
  8. {% block additionalHead %}
  9.     {% include "@StartPlatzStyle/CSS/_sp-connect.version-2021-winter.html.twig" %}
  10.     <style>
  11.         {# leave this css here #}
  12.         body {
  13.             padding: 0 0 0 0;
  14.             margin: 0 0 0 0;
  15.             height: auto;
  16.             min-height:100vh;
  17.             width:100%;
  18.             display:flex; flex-direction:column; justify-content:center;
  19.             background-image: url("https://res.cloudinary.com/startplatz/image/upload/v1624055511/login_assets/Background_4.svg");
  20.             background-position: center;
  21.             background-repeat: no-repeat;
  22.             background-size: cover;
  23.         }
  24.     </style>
  25. {% endblock %}
  27. {% block content %}
  28.     {# pc view #}
  29.     <section class="body">
  30.         <div class="container px-lg-5">
  31.             <section class="row justify-content-center align-content-center px-2 mb-3 mb-md-0 px-lg-5 ">
  32.                 <div class="col-12 shadow rounded-lg p-lg-5 m-lg-0 px-md-5 py-md-3">
  34.                     {{ form_start(loginForm, {action: path('login_password_check') ~ '#login', attr: {class: 'form-horizontal'}}) }}
  35.                     {{ form_errors(loginForm) }}
  36.                     {% for flashMessage in app.session.flashbag.get('notice') %}
  37.                         <div class="row d-flex justify-content-center">
  38.                             <div class="col-md-12">
  39.                                 <div class="alert {% if 'SUCCESS' in flashMessage %}alert-success{% elseif 'ERROR' in flashMessage  %}alert-danger{% else %}alert-default{% endif %}" role="alert">{{ flashMessage|raw }}</div>
  40.                             </div>
  41.                         </div>
  42.                         {% endfor %}
  44.                     <section class="row rounded-lg px-lg-4 justify-content-center">
  45.                             <div class="col-12 col-lg-4">
  46.                                 <div class="row justify-content-md-center">
  47.                                     <div class="col-md-12 mt-2 mb-lg-4 ml-lg-0 pl-lg-0 mt-lg-0 pt-lg-0  ">
  48.                                         <a class="homebtnLogin " href="https://www.startplatz.de">
  49.                                             <svg xmlns="http://www.w3.org/2000/svg" width="42" height="42" fill="currentColor"
  50.                                                  class="bi bi-house-fill p-0 m-0" viewBox="0 0 16 16">
  51.                                                 <path fill-rule="evenodd" d="m8 3.293 6 6V13.5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 13.5V9.293l6-6zm5-.793V6l-2-2V2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5z"/>
  52.                                                 <path fill-rule="evenodd" d="M7.293 1.5a1 1 0 0 1 1.414 0l6.647 6.646a.5.5 0 0 1-.708.708L8 2.207 1.354 8.854a.5.5 0 1 1-.708-.708L7.293 1.5z"/>
  53.                                             </svg>
  54.                                         </a>
  55.                                     </div>
  57.                                     <div class="col-md-12 my-3 mt-lg-5 p-lg-0  p-md-0 text-center">
  58.                                         <img class="iconClass" src="https://res.cloudinary.com/startplatz/image/upload/v1624055539/login_assets/STARTPLATZ_Logo_wei%C3%9F_1.svg">
  59.                                         <h4 class="titleClass text-white mt-lg-2" style="font-family: 'Source Sans Pro', sans-serif;">SP-Connect Login</h4>
  60.                                     </div>
  62.                                 </div>
  64.                             </div>
  65.                             <div class="col-12 col-lg-8 bg-white rounded-lg">
  66.                                 {# login form #}
  67.                                     <form>
  68.                                         <p class="text-center pt-4">
  69.                                             Welcome to the internal area of STARTPLATZ <br>  Please log in to continue
  70.                                         </p>
  72.                                         <div class="row px-3">
  73.                                             <div class="form-group col-12">
  74.                                                 <label for="exampleInputEmail1">Your Email </label>
  75.                                                 {{ form_widget(loginForm.username, {'attr': {'class': 'form-control bg-light shadow-sm'}}) }}
  76.                                             </div>
  77.                                             <div class="form-group col-12 py-0">
  78.                                                 <label for="inputPassword1">Your Password</label>
  79.                                                 {{ form_widget(loginForm.password, {label: 'Dein Passwort', 'attr': {'class': 'form-control bg-light shadow-sm'}}) }}
  80.                                             </div>
  81.                                             <a class="ml-3 mt-1 mb-3">
  82.                                                 {{ form_row(loginForm.login, {label: 'Login', 'attr': {'class': 'form-control btn btn-success greenConnectButton border-0'}}) }}
  83.                                             </a>
  84.                                             <div class="col-12">
  85.                                                 <p>
  86.                                                     Forgot your password?
  87.                                                     <a  class="btn btn-sm btn-outline-dark mx-1 py-0 px-2"
  88.                                                         data-toggle="collapse" href="#showMagicLink"
  89.                                                         aria-controls="showMagicLink">
  90.                                                         click here
  91.                                                     </a>
  92.                                                 </p>
  94.                                             </div>
  95.                                         </div>
  96.                                     </form>
  98.                                     {# reset form #}
  99.                                     <form class="collapse bg-light rounded-lg mx-lg-2"
  100.                                           id="showMagicLink"
  101.                                           name="magicLink"
  102.                                           action="{{ path('login_magic_link') }}"
  103.                                           method="post"
  104.                                           novalidate
  105.                                           data-on-ajax-success="toSuccessToast|addToast"
  106.                                           data-on-submit="validateForm"
  107.                                           data-on-valid="sendForm"
  108.                                           data-on-invalid="showFormValidation">
  109.                                         <input type="hidden" name="magic_link_form" value="1">
  110.                                         <div class="form-group row justify-content-center">
  111.                                             <div class="col-12 px-2">
  112.                                                 <p class="pl-3 pt-3">
  113.                                                     <i class="fas fa-thumbs-up"></i>
  114.                                                     Please enter your e-mail address so we can send you a link to reset your password.
  115.                                                 </p>
  116.                                             </div>
  118.                                             <div class="col-7">
  119.                                                 <input type="email" class="form-control" id="email" name="email">
  120.                                             </div>
  122.                                             <div class="col-4">
  123.                                                 <div class="form-group">
  124.                                                     <input type="hidden" name="targetPath" value="{{ path('x_home') }}">
  125.                                                     <button type="submit" class="btn btn-success border-0 greenConnectButton">Send link</button>
  126.                                                 </div>
  127.                                             </div>
  128.                                         </div>
  129.                                     </form>
  131.                                     {{ form_rest(loginForm) }}
  132.                                     {{ form_end(loginForm) }}
  133.                             </div>
  134.                         </section>
  136.                 </div>
  137.             </section>
  138.         </div>
  139.     </section>
  141. {% endblock %}
  143. {% block help_button %}
  144. {% endblock %}