app ldap connect

templates/Home/home.html.twig

@@ -15,6 +15,7 @@
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-6 h-6" style="width:25px; padding-right:5px">
             <path fill-rule="evenodd" d="M7.5 3.75A1.5 1.5 0 006 5.25v13.5a1.5 1.5 0 001.5 1.5h6a1.5 1.5 0 001.5-1.5V15a.75.75 0 011.5 0v3.75a3 3 0 01-3 3h-6a3 3 0 01-3-3V5.25a3 3 0 013-3h6a3 3 0 013 3V9A.75.75 0 0115 9V5.25a1.5 1.5 0 00-1.5-1.5h-6zm10.72 4.72a.75.75 0 011.06 0l3 3a.75.75 0 010 1.06l-3 3a.75.75 0 11-1.06-1.06l1.72-1.72H9a.75.75 0 010-1.5h10.94l-1.72-1.72a.75.75 0 010-1.06z" clip-rule="evenodd" />
             </svg>
+
             Login
         </a>
     {% endif %}
@@ -22,12 +23,17 @@
 
     {% if app.user %}
         <div class="card mt-5" style="max-width:600px; margin:auto;">
-            <div class="card-body">
-                <b>Avatar</b> = {{ app.user.avatar }}<br>
-                <b>login</b> = {{ app.user.username }}<br>
-                <b>firstname</b> = {{ app.user.firstname }}<br>
-                <b>lastname</b> = {{ app.user.lastname }}<br>
-                <b>email</b> = {{ app.user.email }}<br>
+            <div class="card-body d-flex">
+                <div>
+                    <img src="{{ asset('images/' ~ app.user.avatar)}}" style="height:100px; background-color: #212529"/>
+                </div>
+                
+                <div class="ps-3">
+                    <b>login</b> = {{ app.user.username }}<br>
+                    <b>firstname</b> = {{ app.user.firstname }}<br>
+                    <b>lastname</b> = {{ app.user.lastname }}<br>
+                    <b>email</b> = {{ app.user.email }}<br>
+                </div>
             </div>
         </div>
     {% endif %}

templates/Home/loginHYDRA.html.twig

@@ -30,8 +30,6 @@
 
 {% block localscript %}
 <script>
-    $(document).ready(function() {
-        $("#login_username").focus();
-    });
+    document.getElementById("login_username").focus();
 </script>
 {% endblock %}