account infos

assets/styles/_account.scss

@@ -0,0 +1,6 @@
+#account_main{
+  menu{
+    width: 10rem;
+    padding: 1rem;
+  }
+}

assets/styles/app.scss

@@ -1,6 +1,7 @@
 @import 'variables';
 @import 'global';
 @import 'nav';
+@import 'account';
 @import 'forms';
 @import 'clickables';
 

templates/account/base.html.twig

@@ -5,8 +5,12 @@
 
 {% block body %}
     <div id="account_main">
-    {% include 'account/nav.html.twig' %}
-    {% block account_body %}{% endblock %}
+        <div id="account_nav">
+            {% include 'account/nav.html.twig' %}
+        </div>
+        <div id="account_main_content">
+            {% block account_body %}{% endblock %}
+        </div>
     </div>
 
 {% endblock body %}

templates/account/index.html.twig

@@ -9,8 +9,13 @@
         <h1>
             Mon compte
         </h1>
+        <a href="{{ app_account }}">modifier mes informations</a>
         <p>
-            Coucou!
+            Coucou {{ app.user.email }}!
+        </p>
+        <p>
+            Votre description:
+            {{ app.user.description }}
         </p>
 
         <footer>

templates/account/nav.html.twig

@@ -1,6 +1,11 @@
 <menu>
     {#    Navigation de l'espace utilisateur #}
     <ul>
+        <li>
+            <a href="{{ path('app_account') }}">
+            Tableau de bord
+            </a>
+        </li>
         <li>
             <a href="{{ path('app_account_history') }}">
             Historique

templates/common/nav.html.twig

@@ -1,17 +1,18 @@
 <div id="nav_menu">
-    <nav><div class="mb-3">
-            <a href="{{path('app_index')}}">Accueil</a>
-        {% if app.user %}
+    <nav>
+        <div class="mb-3">
+            <a href="{{ path('app_index') }}">Accueil</a>
+            {% if app.user %}
 
                 You are logged in as
-                <a class="account-link" href="{{path('app_account')}}">{{ app.user.userIdentifier }}</a>
+                <a class="account-link" href="{{ path('app_account') }}">{{ app.user.userIdentifier }}</a>
                 , <a href="{{ path('app_logout') }}">Logout</a>
 
-        {% else %}
-            <a href="{{path('app_login')}}">{{ 'user.login'|trans }}</a>
-            <a href="{{path('app_register')}}">Register</a>
-        {% endif %}
+            {% else %}
+                <a href="{{ path('app_login') }}">{{ 'user.login'|trans }}</a>
+                <a href="{{ path('app_register') }}">Register</a>
+            {% endif %}
         </div>
-{#        <a href="{{path('admin')}}">Admin</a>#}
+        {#        <a href="{{path('admin')}}">Admin</a> #}
     </nav>
 </div>