add templates for account

config/packages/framework.yaml

@@ -1,7 +1,8 @@
 # see https://symfony.com/doc/current/reference/configuration/framework.html
 framework:
     secret: '%env(APP_SECRET)%'
-    #csrf_protection: true
+    ide: 'myide://open?url=file://%%f&line=%%l'
+    csrf_protection: true
     http_method_override: false
 
     # Enables session support. Note that the session will ONLY be started if you read or write from it.
@@ -22,3 +23,4 @@ when@test:
         test: true
         session:
             storage_factory_id: session.storage.factory.mock_file
+

config/packages/security.yaml

@@ -1,43 +1,52 @@
 security:
-    # https://symfony.com/doc/current/security.html#registering-the-user-hashing-passwords
+  # https://symfony.com/doc/current/security.html#registering-the-user-hashing-passwords
-    password_hashers:
+  password_hashers:
-        Symfony\Component\Security\Core\User\PasswordAuthenticatedUserInterface: 'auto'
+    Symfony\Component\Security\Core\User\PasswordAuthenticatedUserInterface: 'auto'
-    # https://symfony.com/doc/current/security.html#loading-the-user-the-user-provider
+  # https://symfony.com/doc/current/security.html#loading-the-user-the-user-provider
-    providers:
+  providers:
-        # used to reload user from session & other features (e.g. switch_user)
+    # used to reload user from session & other features (e.g. switch_user)
-        app_user_provider:
+    app_user_provider:
-            entity:
+      entity:
-                class: App\Entity\User
+        class: App\Entity\User
-                property: email
+        property: email
-    firewalls:
+  firewalls:
-        dev:
+    dev:
-            pattern: ^/(_(profiler|wdt)|css|images|js)/
+      pattern: ^/(_(profiler|wdt)|css|images|js)/
-            security: false
+      security: false
-        main:
+    main:
-            lazy: true
+      lazy: true
-            provider: app_user_provider
+      provider: app_user_provider
 
-            # activate different ways to authenticate
-            # https://symfony.com/doc/current/security.html#the-firewall
 
-            # https://symfony.com/doc/current/security/impersonating_user.html
+# activate different ways to authenticate
-            # switch_user: true
+# https://symfony.com/doc/current/security.html#the-firewall
 
-    # Easy way to control access for large sections of your site
+# https://symfony.com/doc/current/security/impersonating_user.html
-    # Note: Only the *first* access control that matches will be used
+      switch_user: true
-    access_control:
+      form_login:
-        # - { path: ^/admin, roles: ROLE_ADMIN }
+        login_path: app_login
-        # - { path: ^/profile, roles: ROLE_USER }
+        check_path: app_login
+        enable_csrf: true
+      logout:
+        path: app_logout
+        # where to redirect after logout
+        # target: app_any_route
+
+  # Easy way to control access for large sections of your site
+  # Note: Only the *first* access control that matches will be used
+  access_control:
+    - { path: ^/admin, roles: ROLE_ADMIN }
+    - { path: ^/profile, roles: ROLE_USER }
 
 when@test:
-    security:
+  security:
-        password_hashers:
+    password_hashers:
-            # By default, password hashers are resource intensive and take time. This is
+      # By default, password hashers are resource intensive and take time. This is
-            # important to generate secure password hashes. In tests however, secure hashes
+      # important to generate secure password hashes. In tests however, secure hashes
-            # are not important, waste resources and increase test times. The following
+      # are not important, waste resources and increase test times. The following
-            # reduces the work factor to the lowest possible values.
+      # reduces the work factor to the lowest possible values.
-            Symfony\Component\Security\Core\User\PasswordAuthenticatedUserInterface:
+      Symfony\Component\Security\Core\User\PasswordAuthenticatedUserInterface:
-                algorithm: auto
+        algorithm: auto
-                cost: 4 # Lowest possible value for bcrypt
+        cost: 4 # Lowest possible value for bcrypt
-                time_cost: 3 # Lowest possible value for argon
+        time_cost: 3 # Lowest possible value for argon
-                memory_cost: 10 # Lowest possible value for argon
+        memory_cost: 10 # Lowest possible value for argon

src/Controller/AccountController.php

@@ -0,0 +1,18 @@
+<?php
+
+namespace App\Controller;
+
+use Symfony\Bundle\FrameworkBundle\Controller\AbstractController;
+use Symfony\Component\HttpFoundation\Response;
+use Symfony\Component\Routing\Annotation\Route;
+
+class AccountController extends AbstractController
+{
+    #[Route('/account', name: 'app_account')]
+    public function index(): Response
+    {
+        return $this->render('account/index.html.twig', [
+            'controller_name' => 'AccountController',
+        ]);
+    }
+}

src/Controller/IndexController.php

@@ -0,0 +1,18 @@
+<?php
+
+namespace App\Controller;
+
+use Symfony\Bundle\FrameworkBundle\Controller\AbstractController;
+use Symfony\Component\HttpFoundation\Response;
+use Symfony\Component\Routing\Annotation\Route;
+
+class IndexController extends AbstractController
+{
+    #[Route('/', name: 'app_index')]
+    public function index(): Response
+    {
+        return $this->render('index/index.html.twig', [
+            'controller_name' => 'IndexController',
+        ]);
+    }
+}

src/Controller/SecurityController.php

@@ -0,0 +1,32 @@
+<?php
+
+namespace App\Controller;
+
+use Symfony\Bundle\FrameworkBundle\Controller\AbstractController;
+use Symfony\Component\HttpFoundation\Response;
+use Symfony\Component\Routing\Annotation\Route;
+use Symfony\Component\Security\Http\Authentication\AuthenticationUtils;
+
+class SecurityController extends AbstractController
+{
+    #[Route(path: '/login', name: 'app_login')]
+    public function login(AuthenticationUtils $authenticationUtils): Response
+    {
+        // get the login error if there is one
+        $error = $authenticationUtils->getLastAuthenticationError();
+
+        // last username entered by the user
+        $lastUsername = $authenticationUtils->getLastUsername();
+
+        return $this->render('security/login.html.twig', [
+            'last_username' => $lastUsername,
+            'error' => $error,
+        ]);
+    }
+
+    #[Route(path: '/logout', name: 'app_logout')]
+    public function logout(): void
+    {
+        throw new \LogicException('This method can be blank - it will be intercepted by the logout key on your firewall.');
+    }
+}

src/Repository/UserRepository.php

@@ -40,28 +40,4 @@ class UserRepository extends ServiceEntityRepository implements PasswordUpgrader
         $this->getEntityManager()->flush();
     }
 
-//    /**
-//     * @return User[] Returns an array of User objects
-//     */
-//    public function findByExampleField($value): array
-//    {
-//        return $this->createQueryBuilder('u')
-//            ->andWhere('u.exampleField = :val')
-//            ->setParameter('val', $value)
-//            ->orderBy('u.id', 'ASC')
-//            ->setMaxResults(10)
-//            ->getQuery()
-//            ->getResult()
-//        ;
-//    }
-
-//    public function findOneBySomeField($value): ?User
-//    {
-//        return $this->createQueryBuilder('u')
-//            ->andWhere('u.exampleField = :val')
-//            ->setParameter('val', $value)
-//            ->getQuery()
-//            ->getOneOrNullResult()
-//        ;
-//    }
 }

templates/account/index.html.twig

@@ -0,0 +1,43 @@
+{% extends 'base.html.twig' %}
+
+{% block title %}Votre compte{% endblock %}
+
+{% block body %}
+    <style>
+			.example-wrapper {
+				margin: 1em auto;
+				max-width: 800px;
+				width: 95%;
+				font: 18px/1.5 sans-serif;
+			}
+
+			.example-wrapper code {
+				background: #F5F5F5;
+				padding: 2px 6px;
+			}
+    </style>
+    <div class="example-wrapper">
+        <div id="account">
+
+            <h1>
+                Mon compte
+            </h1>
+            <p>
+                Coucou!
+            </p>
+            <menu>
+                Un menu
+                <ul>
+                    <li>un choix</li>
+                    <li>un autre</li>
+                    <li>un bidule</li>
+                </ul>
+            </menu>
+            <footer>
+                <p>
+                    <a href="{{ path('app_logout') }}">Logout</a>
+                </p>
+            </footer>
+        </div>
+    </div>
+{% endblock body %}

templates/account_nop/index.html.twig

@@ -0,0 +1,43 @@
+{% extends 'base.html.twig' %}
+
+{% block title %}Votre compte{% endblock %}
+
+{% block body %}
+    <style>
+			.example-wrapper {
+				margin: 1em auto;
+				max-width: 800px;
+				width: 95%;
+				font: 18px/1.5 sans-serif;
+			}
+
+			.example-wrapper code {
+				background: #F5F5F5;
+				padding: 2px 6px;
+			}
+    </style>
+    <div class="example-wrapper">
+        <div id="account">
+
+            <h1>
+                Mon compte
+            </h1>
+            <p>
+                Coucou!
+            </p>
+            <menu>
+                Un menu
+                <ul>
+                    <li>un choix</li>
+                    <li>un autre</li>
+                    <li>un bidule</li>
+                </ul>
+            </menu>
+            <footer>
+                <p>
+                    <a href="{{ path('app_logout') }}">Logout</a>
+                </p>
+            </footer>
+        </div>
+    </div>
+{% endblock body %}

templates/base.html.twig

@@ -1,19 +1,23 @@
 <!DOCTYPE html>
-<html>
+<html lang="fr">
-    <head>
+<head>
-        <meta charset="UTF-8">
+    <meta charset="UTF-8">
-        <title>{% block title %}Welcome!{% endblock %}</title>
+    <title>{% block title %}Bienvenu!{% endblock %}</title>
-        <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text></svg>">
+    <link rel="icon"
-        {# Run `composer require symfony/webpack-encore-bundle` to start using Symfony UX #}
+          href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text></svg>">
-        {% block stylesheets %}
+    {# Run `composer require symfony/webpack-encore-bundle` to start using Symfony UX #}
-            {{ encore_entry_link_tags('app') }}
+    {% block stylesheets %}
-        {% endblock %}
+        {{ encore_entry_link_tags('app') }}
+    {% endblock %}
 
-        {% block javascripts %}
+    {% block javascripts %}
-            {{ encore_entry_script_tags('app') }}
+        {{ encore_entry_script_tags('app') }}
-        {% endblock %}
+    {% endblock %}
-    </head>
+</head>
-    <body>
+<body>
+    <div id="main_content">
+        {% import 'nav' %}
         {% block body %}{% endblock %}
-    </body>
+    </div>
+</body>
 </html>

templates/common/nav.html.twig

@@ -0,0 +1,14 @@
+<div id="nav_menu">
+    <nav>
+        {% if app.user %}
+            <div class="mb-3">
+                You are logged in as
+                <a href="{{path('account')}}">Account</a>
+                {{ app.user.userIdentifier }}, <a href="{{ path('app_logout') }}">Logout</a>
+            </div>
+        {% else %}
+            <a href="{{path('login')}}">Login</a>
+        {% endif %}
+        <a href="{{path('admin')}}">Admin</a>
+    </nav>
+</div>

templates/index/index.html.twig

@@ -0,0 +1,20 @@
+{% extends 'base.html.twig' %}
+
+{% block title %}Hello IndexController!{% endblock %}
+
+{% block body %}
+<style>
+    .example-wrapper { margin: 1em auto; max-width: 800px; width: 95%; font: 18px/1.5 sans-serif; }
+    .example-wrapper code { background: #F5F5F5; padding: 2px 6px; }
+</style>
+
+<div class="example-wrapper">
+    <h1>Hello {{ controller_name }}! ✅</h1>
+
+    This friendly message is coming from:
+    <ul>
+        <li>Your controller at <code><a href="{{ '/home/poule/encrypted/stockage-syncable/www/development/html/sf-with-users/userlands/src/Controller/IndexController.php'|file_link(0) }}">src/Controller/IndexController.php</a></code></li>
+        <li>Your template at <code><a href="{{ '/home/poule/encrypted/stockage-syncable/www/development/html/sf-with-users/userlands/templates/index/index.html.twig'|file_link(0) }}">templates/index/index.html.twig</a></code></li>
+    </ul>
+</div>
+{% endblock %}

templates/security/login.html.twig

@@ -0,0 +1,46 @@
+{% extends 'base.html.twig' %}
+
+{% block title %}Log in!{% endblock %}
+
+{% block body %}
+    <form method="post">
+        {% if error %}
+            <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
+        {% endif %}
+
+        {% if app.user %}
+            <div class="mb-3">
+                You are logged in as {{ app.user.userIdentifier }}, <a href="{{ path('app_logout') }}">Logout</a>
+            </div>
+        {% endif %}
+
+        <h1 class="h3 mb-3 font-weight-normal">Please sign in</h1>
+        <label for="username">Email</label>
+        <input type="email" value="{{ last_username }}" name="_username" id="username" class="form-control" autocomplete="email" required autofocus>
+        <label for="password">Password</label>
+        <input type="password" name="_password" id="password" class="form-control" autocomplete="current-password" required>
+
+        <input type="hidden" name="_csrf_token"
+               value="{{ csrf_token('authenticate') }}"
+        >
+
+        {#
+            Uncomment this section and add a remember_me option below your firewall to activate remember me functionality.
+            See https://symfony.com/doc/current/security/remember_me.html
+
+            <div class="checkbox mb-3">
+                <label>
+                    <input type="checkbox" name="_remember_me"> Remember me
+                </label>
+            </div>
+        #}
+        {#
+        If you want to control the URL the user is redirected to on success
+        #}
+        <input type="hidden" name="_target_path" value="/account">
+
+        <button class="btn btn-lg btn-primary" type="submit">
+            Sign in
+        </button>
+    </form>
+{% endblock %}