Ajout du Twig sur les pages principales + Finalisation de home & analyses

Sources/composer.json

@@ -13,7 +13,9 @@
         "phpunit/phpunit": "*"
     },
     "scripts": {
-        "dev": "php -S localhost:8080 -t public -d display_errors=1 -d error_reporting=E_ALL"
+        "dev": "php -S localhost:8080 -t public -d display_errors=1 -d error_reporting=E_ALL",
+        "dev:console": "export APP_ENV=console && php public/index.php"
+
       }      
     
 }

Sources/config/config.php

@@ -1,34 +1,16 @@
 <?php
-function loadEnv($filePath) {
-    if (!file_exists($filePath)) {
-        return false;
-    }
 
-    $lines = file($filePath, FILE_IGNORE_NEW_LINES | FILE_SKIP_EMPTY_LINES);
-    if ($lines === false) {
-        return false;
-    }
 
-    foreach ($lines as $line) {
-        // Skip comments
-        if (strpos(trim($line), '#') === 0) {
-            continue;
-        }
 
-        list($key, $value) = explode('=', $line, 2);
+// const DB_HOST = $_ENV['DB_HOST'] ?? 'localhost';
-        $_ENV[trim($key)] = trim($value);
+// const DB_DATABASE = $_ENV['DB_DATABASE'] ?? 'heartTrack';
-    }
+// const DB_USER = $_ENV['DB_USER'] ?? 'toto';
+// const DB_PASSWORD = $_ENV['DB_PASSWORD'] ?? 'achanger';
+// const APP_ENV = $_ENV['APP_ENV'] ?? 'development';
+const DB_HOST ='localhost';
+const DB_DATABASE =  'heartTrack';
+const DB_USER = 'toto';
+const DB_PASSWORD =  'achanger';
+const APP_ENV = 'development';
 
-    return true;
+const DSN = "mysql:host=" . DB_HOST . ";dbname=" . DB_DATABASE;
-}
-
-// Load the .env file
-loadEnv(__DIR__ . '/.env');
-
-const DB_HOST = isset($_ENV['DB_HOST']) ? $_ENV['DB_HOST'] : 'localhost';
-const DB_DATABASE = isset($_ENV['DB_DATABASE']) ? $_ENV['DB_DATABASE'] : 'heartTrack';
-const DB_USER = isset($_ENV['DB_USER']) ? $_ENV['DB_USER'] : 'toto';
-const DB_PASSWORD = isset($_ENV['DB_PASSWORD']) ? $_ENV['DB_PASSWORD'] : 'achanger';
-const APP_ENV = isset($_ENV['APP_ENV']) ? $_ENV['APP_ENV'] : 'development';
-
-const dsn = "mysql:host=" . DB_HOST . ";dbname=" . DB_DATABASE;

Sources/public/cache/5b/5bc0e8ef8e32784683a7fb0c0cd7dac5ae2d23645dfed7e530701e6f074e938d.php

@@ -0,0 +1,71 @@
+<?php
+
+use Twig\Environment;
+use Twig\Error\LoaderError;
+use Twig\Error\RuntimeError;
+use Twig\Extension\SandboxExtension;
+use Twig\Markup;
+use Twig\Sandbox\SecurityError;
+use Twig\Sandbox\SecurityNotAllowedTagError;
+use Twig\Sandbox\SecurityNotAllowedFilterError;
+use Twig\Sandbox\SecurityNotAllowedFunctionError;
+use Twig\Source;
+use Twig\Template;
+
+/* /home/home.html.twig */
+class __TwigTemplate_af3d9cd9f4ff4c44106fba71564d7af6059a69449e652f694cd80b0b5e237d82 extends Template
+{
+    private $source;
+    private $macros = [];
+
+    public function __construct(Environment $env)
+    {
+        parent::__construct($env);
+
+        $this->source = $this->getSourceContext();
+
+        $this->blocks = [
+            'title' => [$this, 'block_title'],
+        ];
+    }
+
+    protected function doGetParent(array $context)
+    {
+        // line 1
+        return "base.html.twig";
+    }
+
+    protected function doDisplay(array $context, array $blocks = [])
+    {
+        $macros = $this->macros;
+        $this->parent = $this->loadTemplate("base.html.twig", "/home/home.html.twig", 1);
+        $this->parent->display($context, array_merge($this->blocks, $blocks));
+    }
+
+    // line 3
+    public function block_title($context, array $blocks = [])
+    {
+        $macros = $this->macros;
+        echo "Accueil - HearthTrack";
+    }
+
+    public function getTemplateName()
+    {
+        return "/home/home.html.twig";
+    }
+
+    public function isTraitable()
+    {
+        return false;
+    }
+
+    public function getDebugInfo()
+    {
+        return array (  46 => 3,  35 => 1,);
+    }
+
+    public function getSourceContext()
+    {
+        return new Source("", "/home/home.html.twig", "/home/www/anpinagot/public_html/sae/Web/Sources/src/app/views/Templates/home/home.html.twig");
+    }
+}

Sources/public/cache/91/91ed632db2bca31efa1b520c5bd9292b443aa4a14dbeca5a86235676d2337cf1.php

@@ -0,0 +1,214 @@
+<?php
+
+use Twig\Environment;
+use Twig\Error\LoaderError;
+use Twig\Error\RuntimeError;
+use Twig\Extension\SandboxExtension;
+use Twig\Markup;
+use Twig\Sandbox\SecurityError;
+use Twig\Sandbox\SecurityNotAllowedTagError;
+use Twig\Sandbox\SecurityNotAllowedFilterError;
+use Twig\Sandbox\SecurityNotAllowedFunctionError;
+use Twig\Source;
+use Twig\Template;
+
+/* home.html */
+class __TwigTemplate_16e6c0dcab0136c1f1e8ae28198d95d31cd5a976b1114c0dd185f5b3a7465074 extends Template
+{
+    private $source;
+    private $macros = [];
+
+    public function __construct(Environment $env)
+    {
+        parent::__construct($env);
+
+        $this->source = $this->getSourceContext();
+
+        $this->parent = false;
+
+        $this->blocks = [
+        ];
+    }
+
+    protected function doDisplay(array $context, array $blocks = [])
+    {
+        $macros = $this->macros;
+        // line 1
+        echo "<!DOCTYPE html>
+<html lang=\"fr\">
+    <head>
+        <meta charset=\"utf-8\" />
+        <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\" />
+        <meta name=\"viewport\" content=\"width=device-width, initial-scale=1, shrink-to-fit=no\" />
+        <meta name=\"description\" content=\"Accueil\" />
+        <meta name=\"author\" content=\"PINAGOT Antoine\" />
+        <title>Accueil - HeartTrack</title>
+        <link href=\"https://cdn.jsdelivr.net/npm/simple-datatables@7.1.2/dist/style.min.css\" rel=\"stylesheet\" />
+        <link href=\"../css/styles.css\" rel=\"stylesheet\" />
+        <script src=\"https://use.fontawesome.com/releases/v6.3.0/js/all.js\" crossorigin=\"anonymous\"></script>
+    </head>
+    <body class=\"sb-nav-fixed\">
+        <nav class=\"sb-topnav navbar navbar-expand navbar-dark bg-dark\">
+            <!-- Navbar Brand-->
+            <img class=\"navbar-brand ps-3\" src=\"../../../public/assets/img/logo.png\">
+            <!-- Sidebar Toggle-->
+            <button class=\"btn btn-link btn-sm order-1 order-lg-0 me-4 me-lg-0\" id=\"sidebarToggle\" href=\"#!\"><i class=\"fas fa-bars\"></i></button>
+            <!-- Navbar Search-->
+            <form class=\"d-none d-md-inline-block form-inline ms-auto me-0 me-md-3 my-2 my-md-0\">
+                <div class=\"input-group\">
+                    <input class=\"form-control\" type=\"text\" placeholder=\"Rechercher...\" aria-label=\"Rechercher...\" aria-describedby=\"btnNavbarSearch\" />
+                    <button class=\"btn btn-primary\" id=\"btnNavbarSearch\" type=\"button\"><i class=\"fas fa-search\"></i></button>
+                </div>
+            </form>
+            <!-- Navbar-->
+            <ul class=\"navbar-nav ms-auto ms-md-0 me-3 me-lg-4\">
+                <li class=\"nav-item dropdown\">
+                    <a class=\"nav-link dropdown-toggle\" id=\"navbarDropdown\" href=\"#\" role=\"button\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\"><i class=\"fas fa-user fa-fw\"></i></a>
+                    <ul class=\"dropdown-menu dropdown-menu-end\" aria-labelledby=\"navbarDropdown\">
+                        <li><a class=\"dropdown-item\" href=\"#!\">Profile</a></li>
+                        <li><a class=\"dropdown-item\" href=\"#!\">Paramètres</a></li>
+                        <li><hr class=\"dropdown-divider\" /></li>
+                        <li><a class=\"dropdown-item\" href=\"#!\">Déconnexion</a></li>
+                    </ul>
+                </li>
+            </ul>
+        </nav>
+        <div id=\"layoutSidenav\">
+            <div id=\"layoutSidenav_nav\">
+                <nav class=\"sb-sidenav accordion sb-sidenav-dark\" id=\"sidenavAccordion\">
+                    <div class=\"sb-sidenav-menu\">
+                        <div class=\"nav\">
+                            <div class=\"sb-sidenav-menu-heading\">Menu</div>
+                            <a class=\"nav-link\" href=\"home.html\">
+                                <div class=\"sb-nav-link-icon\"><img src=\"assets/img/house.png\"></div>
+                                Accueil
+                            </a>
+                            <div class=\"sb-sidenav-menu-heading\">Activités</div>
+                            <a class=\"nav-link\" href=\"exercice.html\">
+                                <div class=\"sb-nav-link-icon\"><img src=\"assets/img/sprinter.png\"></div>
+                                Exercices
+                            </a>
+                            <a class=\"nav-link\" href=\"analyze.html\">
+                                <div class=\"sb-nav-link-icon\"><i class=\"fas fa-chart-area\"></i></div>
+                                Analyses
+                            </a>
+                            <div class=\"sb-sidenav-menu-heading\">Social</div>
+                            <a class=\"nav-link\" href=\"friend.html\">
+                                <div class=\"sb-nav-link-icon\"><img src=\"assets/img/group.png\"></div>
+                                Amis
+                            </a>
+                            <a class=\"nav-link\" href=\"coaching.html\">
+                                <div class=\"sb-nav-link-icon\"><img src=\"assets/img/coaching.png\"></div>
+                                Coaching
+                            </a>
+                            <a class=\"nav-link\" href=\"mail.html\">
+                                <div class=\"sb-nav-link-icon\"><img src=\"assets/img/letter.png\"></div>
+                                Messagerie
+                            </a>
+                        </div>
+                    </div>
+                    <div class=\"sb-sidenav-footer\">
+                        <div class=\"small\">Connecté en tant que:</div>
+                        {user}
+                    </div>
+                </nav>
+            </div>
+            <div id=\"layoutSidenav_content\">
+                <main>
+                    <div class=\"container-fluid px-4\">
+                        <h1 class=\"mt-4\">Accueil</h1>
+                        <ol class=\"breadcrumb mb-4\">
+                            <li class=\"breadcrumb-item active\">Vue d'ensemble</li>
+                        </ol>
+                        <div class=\"row\">
+                            <div class=\"col-7\">
+                                <div class=\"card mb-4\">
+                                    <div class=\"card-header\">
+                                        <i class=\"fas fa-chart-area me-1\"></i>
+                                        Stastiques globales
+                                    </div>
+                                    <div class=\"card-body\">
+                                        <canvas id=\"myAreaChart\" width=\"100%\" height=\"40\"></canvas>
+                                    </div>
+                                </div>
+                            </div>
+                            
+                            <div class=\"col-5\">
+                                <div class=\"card mb-4\">
+                                    <div class=\"card-header\">
+                                        <i class=\"fas fa-chart-bar me-1\"></i>
+                                        Résumé quotidien
+                                    </div>
+                                    <div class=\"card-body\">
+                                        
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class=\"row\">
+                            <div class=\"col-5\">
+                                <div class=\"card mb-4\">
+                                    <div class=\"card-header\">
+                                        <i class=\"fas fa-chart-bar me-1\"></i>
+                                        Liste d'amis
+                                    </div>
+                                    <div class=\"card-body\">
+                                        
+                                    </div>
+                                </div>
+                            </div>
+                            <div class=\"col-7\">
+                                <div class=\"card mb-4\">
+                                    <div class=\"card-header\">
+                                        <i class=\"fas fa-chart-bar me-1\"></i>
+                                        Messagerie
+                                    </div>
+                                    <div class=\"card-body\">
+                                        
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </main>
+                <footer class=\"py-4 bg-light mt-auto\">
+                    <div class=\"container-fluid px-4\">
+                        <div class=\"d-flex align-items-center justify-content-between small\">
+                            <div class=\"text-muted\">Copyright &copy; HeartTrack 2023</div>
+                            <div>
+                                <a href=\"#\">Politique de confidentialité</a>
+                                &middot;
+                                <a href=\"#\">Termes &amp; Conditions d'utilisations</a>
+                            </div>
+                        </div>
+                    </div>
+                </footer>
+            </div>
+        </div>
+        <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js\" crossorigin=\"anonymous\"></script>
+        <script src=\"js/scripts.js\"></script>
+        <script src=\"https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.min.js\" crossorigin=\"anonymous\"></script>
+        <script src=\"assets/demo/chart-area-demo.js\"></script>
+        <script src=\"assets/demo/chart-bar-demo.js\"></script>
+        <script src=\"https://cdn.jsdelivr.net/npm/simple-datatables@7.1.2/dist/umd/simple-datatables.min.js\" crossorigin=\"anonymous\"></script>
+        <script src=\"js/datatables-simple-demo.js\"></script>
+    </body>
+</html>
+";
+    }
+
+    public function getTemplateName()
+    {
+        return "home.html";
+    }
+
+    public function getDebugInfo()
+    {
+        return array (  37 => 1,);
+    }
+
+    public function getSourceContext()
+    {
+        return new Source("", "home.html", "/home/www/anpinagot/public_html/sae/Web/Sources/src/app/views/Templates/home.html");
+    }
+}

Sources/public/cache/af/af77fa2c4f895eb102ea6a9a177443b83a42e92cd6656af629572e4d9a7be1d0.php

@@ -0,0 +1,215 @@
+<?php
+
+use Twig\Environment;
+use Twig\Error\LoaderError;
+use Twig\Error\RuntimeError;
+use Twig\Extension\SandboxExtension;
+use Twig\Markup;
+use Twig\Sandbox\SecurityError;
+use Twig\Sandbox\SecurityNotAllowedTagError;
+use Twig\Sandbox\SecurityNotAllowedFilterError;
+use Twig\Sandbox\SecurityNotAllowedFunctionError;
+use Twig\Source;
+use Twig\Template;
+
+/* base.html.twig */
+class __TwigTemplate_83f313b86da35998a96ccc25fa02176c3fca11644e117af297089ca4a85f55ab extends Template
+{
+    private $source;
+    private $macros = [];
+
+    public function __construct(Environment $env)
+    {
+        parent::__construct($env);
+
+        $this->source = $this->getSourceContext();
+
+        $this->parent = false;
+
+        $this->blocks = [
+            'title' => [$this, 'block_title'],
+            'stylesheets' => [$this, 'block_stylesheets'],
+            'javascripts' => [$this, 'block_javascripts'],
+            'menu' => [$this, 'block_menu'],
+            'body' => [$this, 'block_body'],
+            'script' => [$this, 'block_script'],
+        ];
+    }
+
+    protected function doDisplay(array $context, array $blocks = [])
+    {
+        $macros = $this->macros;
+        // line 1
+        echo "<!DOCTYPE html>
+<html lang=\"fr \">
+<head>
+    <meta charset=\"UTF-8\">
+    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">
+    <title>";
+        // line 6
+        $this->displayBlock('title', $context, $blocks);
+        echo "</title>
+
+    ";
+        // line 8
+        $this->displayBlock('stylesheets', $context, $blocks);
+        // line 12
+        echo "    
+    ";
+        // line 13
+        $this->displayBlock('javascripts', $context, $blocks);
+        // line 16
+        echo "</head>
+<body class=\"sb-nav-fixed\">
+    ";
+        // line 18
+        $this->displayBlock('menu', $context, $blocks);
+        // line 85
+        echo "
+    ";
+        // line 86
+        $this->displayBlock('body', $context, $blocks);
+        // line 87
+        echo "
+    ";
+        // line 88
+        $this->displayBlock('script', $context, $blocks);
+        // line 97
+        echo "</body>
+</html>";
+    }
+
+    // line 6
+    public function block_title($context, array $blocks = [])
+    {
+        $macros = $this->macros;
+    }
+
+    // line 8
+    public function block_stylesheets($context, array $blocks = [])
+    {
+        $macros = $this->macros;
+        // line 9
+        echo "        <link href=\"../css/styles.css\" rel=\"stylesheet\" />
+        <link href=\"https://cdn.jsdelivr.net/npm/simple-datatables@7.1.2/dist/style.min.css\" rel=\"stylesheet\" />
+    ";
+    }
+
+    // line 13
+    public function block_javascripts($context, array $blocks = [])
+    {
+        $macros = $this->macros;
+        // line 14
+        echo "        <script src=\"https://use.fontawesome.com/releases/v6.3.0/js/all.js\" crossorigin=\"anonymous\"></script>
+    ";
+    }
+
+    // line 18
+    public function block_menu($context, array $blocks = [])
+    {
+        $macros = $this->macros;
+        // line 19
+        echo "    <nav class=\"sb-topnav navbar navbar-expand navbar-dark bg-dark\">
+            <!-- Navbar Brand-->
+            <img class=\"navbar-brand ps-3\" src=\"../../../public/assets/img/logo.png\">
+            <!-- Sidebar Toggle-->
+            <button class=\"btn btn-link btn-sm order-1 order-lg-0 me-4 me-lg-0\" id=\"sidebarToggle\" href=\"#!\"><i class=\"fas fa-bars\"></i></button>
+            <!-- Navbar Search-->
+            <form class=\"d-none d-md-inline-block form-inline ms-auto me-0 me-md-3 my-2 my-md-0\">
+                <div class=\"input-group\">
+                    <input class=\"form-control\" type=\"text\" placeholder=\"Rechercher...\" aria-label=\"Rechercher...\" aria-describedby=\"btnNavbarSearch\" />
+                    <button class=\"btn btn-primary\" id=\"btnNavbarSearch\" type=\"button\"><i class=\"fas fa-search\"></i></button>
+                </div>
+            </form>
+            <!-- Navbar-->
+            <ul class=\"navbar-nav ms-auto ms-md-0 me-3 me-lg-4\">
+                <li class=\"nav-item dropdown\">
+                    <a class=\"nav-link dropdown-toggle\" id=\"navbarDropdown\" href=\"#\" role=\"button\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\"><i class=\"fas fa-user fa-fw\"></i></a>
+                    <ul class=\"dropdown-menu dropdown-menu-end\" aria-labelledby=\"navbarDropdown\">
+                        <li><a class=\"dropdown-item\" href=\"#!\">Profile</a></li>
+                        <li><a class=\"dropdown-item\" href=\"#!\">Paramètres</a></li>
+                        <li><hr class=\"dropdown-divider\" /></li>
+                        <li><a class=\"dropdown-item\" href=\"#!\">Déconnexion</a></li>
+                    </ul>
+                </li>
+            </ul>
+        </nav>
+        <div id=\"layoutSidenav\">
+            <div id=\"layoutSidenav_nav\">
+                <nav class=\"sb-sidenav accordion sb-sidenav-dark\" id=\"sidenavAccordion\">
+                    <div class=\"sb-sidenav-menu\">
+                        <div class=\"nav\">
+                            <div class=\"sb-sidenav-menu-heading\">Menu</div>
+                            <a class=\"nav-link\" href=\"home.html\">
+                                <div class=\"sb-nav-link-icon\"><img src=\"assets/img/house.png\"></div>
+                                Accueil
+                            </a>
+                            <div class=\"sb-sidenav-menu-heading\">Activités</div>
+                            <a class=\"nav-link\" href=\"exercice.html\">
+                                <div class=\"sb-nav-link-icon\"><img src=\"assets/img/sprinter.png\"></div>
+                                Exercices
+                            </a>
+                            <a class=\"nav-link\" href=\"analyze.html\">
+                                <div class=\"sb-nav-link-icon\"><i class=\"fas fa-chart-area\"></i></div>
+                                Analyses
+                            </a>
+                            <div class=\"sb-sidenav-menu-heading\">Social</div>
+                            <a class=\"nav-link\" href=\"friend.html\">
+                                <div class=\"sb-nav-link-icon\"><img src=\"assets/img/group.png\"></div>
+                                Amis
+                            </a>
+                            <a class=\"nav-link\" href=\"coaching.html\">
+                                <div class=\"sb-nav-link-icon\"><img src=\"assets/img/coaching.png\"></div>
+                                Coaching
+                            </a>
+                            <a class=\"nav-link\" href=\"mail.html\">
+                                <div class=\"sb-nav-link-icon\"><img src=\"assets/img/letter.png\"></div>
+                                Messagerie
+                            </a>
+                        </div>
+                    </div>
+                    <div class=\"sb-sidenav-footer\">
+                        <div class=\"small\">Connecté en tant que:</div>
+                        {user}
+                    </div>
+                </nav>
+            </div>
+    ";
+    }
+
+    // line 86
+    public function block_body($context, array $blocks = [])
+    {
+        $macros = $this->macros;
+    }
+
+    // line 88
+    public function block_script($context, array $blocks = [])
+    {
+        $macros = $this->macros;
+        // line 89
+        echo "    <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js\" crossorigin=\"anonymous\"></script>
+    <script src=\"js/scripts.js\"></script>
+    <script src=\"https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.min.js\" crossorigin=\"anonymous\"></script>
+    <script src=\"assets/demo/chart-area-demo.js\"></script>
+    <script src=\"assets/demo/chart-bar-demo.js\"></script>
+    <script src=\"https://cdn.jsdelivr.net/npm/simple-datatables@7.1.2/dist/umd/simple-datatables.min.js\" crossorigin=\"anonymous\"></script>
+    <script src=\"js/datatables-simple-demo.js\"></script>
+    ";
+    }
+
+    public function getTemplateName()
+    {
+        return "base.html.twig";
+    }
+
+    public function getDebugInfo()
+    {
+        return array (  191 => 89,  187 => 88,  181 => 86,  112 => 19,  108 => 18,  103 => 14,  99 => 13,  93 => 9,  89 => 8,  83 => 6,  78 => 97,  76 => 88,  73 => 87,  71 => 86,  68 => 85,  66 => 18,  62 => 16,  60 => 13,  57 => 12,  55 => 8,  50 => 6,  43 => 1,);
+    }
+
+    public function getSourceContext()
+    {
+        return new Source("", "base.html.twig", "/home/www/anpinagot/public_html/sae/Web/Sources/src/app/views/Templates/base.html.twig");
+    }
+}

Sources/public/index.php

@@ -1,5 +1,9 @@
 <?php
-require '../vendor/autoload.php';
+require_once __DIR__ . '/../vendor/autoload.php';
-if ('development') {
+require_once __DIR__ . '/../config/config.php';
-    require('index.html');
+if (APP_ENV === 'console') {
-}
+    require_once __DIR__ . '/../src/console/Console.php';
+}
+elseif (APP_ENV === 'development') {
+    require_once __DIR__ . DIRECTORY_SEPARATOR . '../src/app/home.php';
+}

Sources/public/js/datatables-simple-demo.js

@@ -0,0 +1,9 @@
+window.addEventListener('DOMContentLoaded', event => {
+    // Simple-DataTables
+    // https://github.com/fiduswriter/Simple-DataTables/wiki
+
+    const datatablesSimple = document.getElementById('datatablesSimple');
+    if (datatablesSimple) {
+        new simpleDatatables.DataTable(datatablesSimple);
+    }
+});

Sources/public/js/scripts.js

@@ -0,0 +1,26 @@
+/*!
+    * Start Bootstrap - SB Admin v7.0.7 (https://startbootstrap.com/template/sb-admin)
+    * Copyright 2013-2023 Start Bootstrap
+    * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-sb-admin/blob/master/LICENSE)
+    */
+    // 
+// Scripts
+// 
+
+window.addEventListener('DOMContentLoaded', event => {
+
+    // Toggle the side navigation
+    const sidebarToggle = document.body.querySelector('#sidebarToggle');
+    if (sidebarToggle) {
+        // Uncomment Below to persist sidebar toggle between refreshes
+        // if (localStorage.getItem('sb|sidebar-toggle') === 'true') {
+        //     document.body.classList.toggle('sb-sidenav-toggled');
+        // }
+        sidebarToggle.addEventListener('click', event => {
+            event.preventDefault();
+            document.body.classList.toggle('sb-sidenav-toggled');
+            localStorage.setItem('sb|sidebar-toggle', document.body.classList.contains('sb-sidenav-toggled'));
+        });
+    }
+
+});

Sources/src/app/home.php

@@ -0,0 +1,9 @@
+<?php
+
+    
+    $loader = new \Twig\Loader\FilesystemLoader(__DIR__.'/views/Templates');
+    $twig = new \Twig\Environment($loader);
+
+    $template=$twig->load('./page/analyze.html.twig');
+    $template->display();
+?>

Sources/src/app/views/Templates/base.html.twig

@@ -0,0 +1,108 @@
+<!DOCTYPE html>
+<html lang="fr ">
+    <head>
+        <meta charset="utf-8" />
+        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
+        <meta name="description" content="Accueil" />
+        <meta name="author" content="PINAGOT Antoine" />
+        <title>{% block title %}{% endblock %}</title>
+        <link href="https://cdn.jsdelivr.net/npm/simple-datatables@7.1.2/dist/style.min.css" rel="stylesheet" />
+        <link href="/css/styles.css" rel="stylesheet" />
+        <script src="https://use.fontawesome.com/releases/v6.3.0/js/all.js" crossorigin="anonymous"></script>
+    </head>
+<body class="sb-nav-fixed">
+    <nav class="sb-topnav navbar navbar-expand navbar-dark bg-dark">
+            <!-- Navbar Brand-->
+            <img class="navbar-brand ps-3" src="/assets/img/logo.png">
+            <!-- Sidebar Toggle-->
+            <button class="btn btn-link btn-sm order-1 order-lg-0 me-4 me-lg-0" id="sidebarToggle" href="#!"><i class="fas fa-bars"></i></button>
+            <!-- Navbar Search-->
+            <form class="d-none d-md-inline-block form-inline ms-auto me-0 me-md-3 my-2 my-md-0">
+                <div class="input-group">
+                    <input class="form-control" type="text" placeholder="Rechercher..." aria-label="Rechercher..." aria-describedby="btnNavbarSearch" />
+                    <button class="btn btn-primary" id="btnNavbarSearch" type="button"><i class="fas fa-search"></i></button>
+                </div>
+            </form>
+            <!-- Navbar-->
+            <ul class="navbar-nav ms-auto ms-md-0 me-3 me-lg-4">
+                <li class="nav-item dropdown">
+                    <a class="nav-link dropdown-toggle" id="navbarDropdown" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"><i class="fas fa-user fa-fw"></i></a>
+                    <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown">
+                        <li><a class="dropdown-item" href="#!">Profile</a></li>
+                        <li><a class="dropdown-item" href="#!">Paramètres</a></li>
+                        <li><hr class="dropdown-divider" /></li>
+                        <li><a class="dropdown-item" href="#!">Déconnexion</a></li>
+                    </ul>
+                </li>
+            </ul>
+        </nav>
+        <div id="layoutSidenav">
+            <div id="layoutSidenav_nav">
+                <nav class="sb-sidenav accordion sb-sidenav-dark" id="sidenavAccordion">
+                    <div class="sb-sidenav-menu">
+                        <div class="nav">
+                            <div class="sb-sidenav-menu-heading">Menu</div>
+                            <a class="nav-link" href="/home.html.twig">
+                                <div class="sb-nav-link-icon"><img src="/assets/img/house.png"></div>
+                                Accueil
+                            </a>
+                            <div class="sb-sidenav-menu-heading">Activités</div>
+                            <a class="nav-link" href="/exercice.html.twig">
+                                <div class="sb-nav-link-icon"><img src="/assets/img/sprinter.png"></div>
+                                Exercices
+                            </a>
+                            <a class="nav-link" href="analyze.html">
+                                <div class="sb-nav-link-icon"><i class="fas fa-chart-area"></i></div>
+                                Analyses
+                            </a>
+                            <div class="sb-sidenav-menu-heading">Social</div>
+                            <a class="nav-link" href="/friend.html.twig">
+                                <div class="sb-nav-link-icon"><img src="/assets/img/group.png"></div>
+                                Amis
+                            </a>
+                            <a class="nav-link" href="/coaching.html.twig">
+                                <div class="sb-nav-link-icon"><img src="/assets/img/coaching.png"></div>
+                                Coaching
+                            </a>
+                            <a class="nav-link" href="/mail.html.twig">
+                                <div class="sb-nav-link-icon"><img src="/assets/img/letter.png"></div>
+                                Messagerie
+                            </a>
+                        </div>
+                    </div>
+                    <div class="sb-sidenav-footer">
+                        <div class="small">Connecté en tant que:</div>
+                        {% block user %} {% endblock %}
+                    </div>
+                </nav>
+            </div>
+            <div id="layoutSidenav_content">
+                <main>
+                    {% block body %}{% endblock %}
+                </main>
+                <footer class="py-4 bg-light mt-auto">
+                    <div class="container-fluid px-4">
+                        <div class="d-flex align-items-center justify-content-between small">
+                            <div class="text-muted">Copyright &copy; HeartTrack 2023</div>
+                            <div>
+                                <a href="#">Politique de confidentialité</a>
+                                &middot;
+                                <a href="#">Termes &amp; Conditions d'utilisations</a>
+                            </div>
+                        </div>
+                    </div>
+                </footer>
+            </div>
+        </div>
+        {% block script %}
+        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
+        <script src="js/scripts.js"></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.min.js" crossorigin="anonymous"></script>
+        <script src="assets/demo/chart-area-demo.js"></script>
+        <script src="assets/demo/chart-bar-demo.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/simple-datatables@7.1.2/dist/umd/simple-datatables.min.js" crossorigin="anonymous"></script>
+        <script src="js/datatables-simple-demo.js"></script>
+        {% endblock %}
+    </body>
+</html>

Sources/src/app/views/Templates/error/401.html.twig

@@ -0,0 +1,7 @@
+{% extends "errorbase.html.twig" %}
+
+{% block title %}401 ERROR{% endblock %}
+
+{% block nb %}<h1 class="display-1">401</h1>{% endblock %}
+{% block name %}Accès interdit{% endblock %}
+{% block descr %}L'accès est cette ressource est interdite.{% endblock %}

Sources/src/app/views/Templates/error/404.html.twig

@@ -0,0 +1,6 @@
+{% extends "errorbase.html.twig" %}
+
+{% block title %}404 ERROR{% endblock %}
+
+{% block nb %}<img class="mb-4 img-error" src="assets/img/error-404-monochrome.svg"/>{% endblock %}
+{% block descr %}La requête n'a pas été trouvé.{% endblock %}

Sources/src/app/views/Templates/errorbase.html.twig

@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="fr">
+    <head>
+        <meta charset="utf-8" />
+        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
+        <meta name="description" content="Erreur 401 - Accès interdit" />
+        <meta name="author" content="PINAGOT Antoine" />
+        <title>{% block title %}{% endblock %}</title>
+        <link href="css/styles.css" rel="stylesheet" />
+        <script src="https://use.fontawesome.com/releases/v6.3.0/js/all.js" crossorigin="anonymous"></script>
+    </head>
+    <body>
+        <div id="layoutError">
+            <div id="layoutError_content">
+                <main>
+                    <div class="container">
+                        <div class="row justify-content-center">
+                            <div class="col-lg-6">
+                                <div class="text-center mt-4">
+                                    {% block nb %}{% endblock %}
+                                    <p class="lead">{% block name %}{% endblock %}</p>
+                                    <p>{% block descr %}{% endblock %}</p>
+                                    <a href="home.html">
+                                        <i class="fas fa-arrow-left me-1"></i>
+                                        Retour à l'accueil
+                                    </a>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </main>
+            </div>
+            <div id="layoutError_footer">
+                <footer class="py-4 bg-light mt-auto">
+                    <div class="container-fluid px-4">
+                        <div class="d-flex align-items-center justify-content-between small">
+                            <div class="text-muted">Copyright &copy; HeartTrack 2023</div>
+                            <div>
+                                <a href="#">Politique de confidentialité</a>
+                                &middot;
+                                <a href="#">Termes &amp; Conditions d'utilisations</a>
+                            </div>
+                        </div>
+                    </div>
+                </footer>
+            </div>
+        </div>
+        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
+        <script src="js/scripts.js"></script>
+    </body>
+</html>

Sources/src/app/views/Templates/page/analyze.html.twig

@@ -0,0 +1,148 @@
+{% extends "base.html.twig" %}
+
+{% block title %}Analyses - HearthTrack{% endblock %}
+
+{% block user %}Abdul Admin{% endblock %}
+
+{% block body %}
+<div class="container-fluid px-4">
+    <h1 class="mt-4">Analyses</h1>
+        <ol class="breadcrumb mb-4">
+            <li class="breadcrumb-item"><a href="home.html">Accueil</a></li>
+            <li class="breadcrumb-item active">Analyses</li>
+        </ol>
+                             <div class="card-body">
+                            <div class="datatable-container">                                
+                            	<table id="datatablesSimple" class="datatable-table">
+                                    <thead>
+                                        <tr>
+                                            <th>Date</th>
+                                            <th>Type</th>
+                                            <th>BMP</th>
+                                            <th>KM/H</th>
+                                            <th>Distance</th>
+                                            <th></th>
+                                        </tr>
+                                    </thead>
+                                    <tfoot>
+                                        <tr>
+                                            <th>Date</th>
+                                            <th>Type</th>
+                                            <th>BPM</th>
+                                            <th>KM/H</th>
+                                            <th>Distance</th>
+                                            </tr><tr></tr>
+                                        
+                                    </tfoot>
+                                    <tbody>
+                                        <tr>
+                                            <td>2023/11/03</td>
+                                            <td>Nage</td>
+                                            <td>116</td>
+                                            <td>3.0</td>
+                                            <td>600 m</td>
+                                            <td><a href="#about">En savoir plus</a></td>
+                                        </tr>
+                                        <tr>
+                                            <td>2023/11/03</td>
+                                            <td>Nage</td>
+                                            <td>116</td>
+                                            <td>3.0</td>
+                                            <td>600 m</td>
+                                            <td><a href="#about">En savoir plus</a></td>
+                                        </tr>
+                                        <tr>
+                                            <td>2023/11/03</td>
+                                            <td>Nage</td>
+                                            <td>116</td>
+                                            <td>3.0</td>
+                                            <td>600 m</td>
+                                            <td><a href="#about">En savoir plus</a></td>
+                                        </tr>
+                                        <tr>
+                                            <td>2023/11/03</td>
+                                            <td>Nage</td>
+                                            <td>116</td>
+                                            <td>3.0</td>
+                                            <td>600 m</td>
+                                            <td><a href="#about">En savoir plus</a></td>
+                                        </tr>
+                                        <tr>
+                                            <td>2023/11/03</td>
+                                            <td>Nage</td>
+                                            <td>116</td>
+                                            <td>3.0</td>
+                                            <td>600 m</td>
+                                            <td><a href="#about">En savoir plus</a></td>
+                                        </tr>
+                                        <tr>
+                                            <td>2023/11/03</td>
+                                            <td>Nage</td>
+                                            <td>116</td>
+                                            <td>3.0</td>
+                                            <td>600 m</td>
+                                            <td><a href="#about">En savoir plus</a></td>
+                                        </tr>
+                                        <tr>
+                                            <td>2023/11/03</td>
+                                            <td>Nage</td>
+                                            <td>116</td>
+                                            <td>3.0</td>
+                                            <td>600 m</td>
+                                            <td><a href="#about">En savoir plus</a></td>
+                                        </tr>
+                                        <tr>
+                                            <td>2023/11/03</td>
+                                            <td>Nage</td>
+                                            <td>116</td>
+                                            <td>3.0</td>
+                                            <td>600 m</td>
+                                            <td><a href="#about">En savoir plus</a></td>
+                                        </tr>
+                                        <tr>
+                                            <td>2023/11/03</td>
+                                            <td>Nage</td>
+                                            <td>116</td>
+                                            <td>3.0</td>
+                                            <td>600 m</td>
+                                            <td><a href="#about">En savoir plus</a></td>
+                                        </tr>
+                                        <tr>
+                                            <td>2023/11/03</td>
+                                            <td>Nage</td>
+                                            <td>116</td>
+                                            <td>3.0</td>
+                                            <td>600 m</td>
+                                            <td><a href="#about">En savoir plus</a></td>
+                                        </tr>
+                                        <tr>
+                                            <td>2023/11/03</td>
+                                            <td>Nage</td>
+                                            <td>116</td>
+                                            <td>3.0</td>
+                                            <td>600 m</td>
+                                            <td><a href="#about">En savoir plus</a></td>
+                                        </tr>
+                                        <tr>
+                                            <td>2023/11/03</td>
+                                            <td>Nage</td>
+                                            <td>116</td>
+                                            <td>3.0</td>
+                                            <td>600 m</td>
+                                            <td><a href="#about">En savoir plus</a></td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                        </div>
+                </div>
+          </div>
+    </div>
+{% endblock %}
+
+{% block script %}
+		<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
+        <script src="js/scripts.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/simple-datatables@7.1.2/dist/umd/simple-datatables.min.js" crossorigin="anonymous"></script>
+        <script src="js/datatables-simple-demo.js"></script>
+{% endblock %}

Sources/src/app/views/Templates/page/coaching.html.twig

@@ -0,0 +1,5 @@
+{% extends "base.html.twig" %}
+
+{% block title %}Coaching - HearthTrack{% endblock %}
+
+{% block user %}Abdul Admin{% endblock %}

Sources/src/app/views/Templates/page/exercice.html.twig

@@ -0,0 +1,5 @@
+{% extends "base.html.twig" %}
+
+{% block title %}Exercices - HearthTrack{% endblock %}
+
+{% block user %}Abdul Admin{% endblock %}

Sources/src/app/views/Templates/page/friend.html.twig

@@ -0,0 +1,5 @@
+{% extends "base.html.twig" %}
+
+{% block title %}Amis - HearthTrack{% endblock %}
+
+{% block user %}Abdul Admin{% endblock %}

Sources/src/app/views/Templates/page/home.html.twig

@@ -0,0 +1,63 @@
+{% extends "base.html.twig" %}
+
+{% block title %}Accueil - HearthTrack{% endblock %}
+
+{% block user %}Abdul Admin{% endblock %}
+
+{% block body %}
+<div class="container-fluid px-4">
+                        <h1 class="mt-4">Accueil</h1>
+                        <ol class="breadcrumb mb-4">
+                            <li class="breadcrumb-item active">Vue d'ensemble</li>
+                        </ol>
+                        <div class="row">
+                            <div class="col-7">
+                                <div class="card mb-4">
+                                    <div class="card-header">
+                                        <i class="fas fa-chart-area me-1"></i>
+                                        Stastiques globales
+                                    </div>
+                                    <div class="card-body">
+                                        <canvas id="myAreaChart" width="100%" height="40"></canvas>
+                                    </div>
+                                </div>
+                            </div>
+                            
+                            <div class="col-5">
+                                <div class="card mb-4">
+                                    <div class="card-header">
+                                        <i class="fas fa-chart-bar me-1"></i>
+                                        Résumé quotidien
+                                    </div>
+                                    <div class="card-body">
+                                        
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="row">
+                            <div class="col-5">
+                                <div class="card mb-4">
+                                    <div class="card-header">
+                                        <i class="fas fa-chart-bar me-1"></i>
+                                        Liste d'amis
+                                    </div>
+                                    <div class="card-body">
+                                        
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="col-7">
+                                <div class="card mb-4">
+                                    <div class="card-header">
+                                        <i class="fas fa-chart-bar me-1"></i>
+                                        Messagerie
+                                    </div>
+                                    <div class="card-body">
+                                        
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+{% endblock %}

Sources/src/app/views/Templates/page/mail.html.twig

@@ -0,0 +1,5 @@
+{% extends "base.html.twig" %}
+
+{% block title %}Messagerie - HearthTrack{% endblock %}
+
+{% block user %}Abdul Admin{% endblock %}

Sources/src/app/views/analyze.html

@@ -121,7 +121,18 @@
                                 Liste des analyses
                             </div>
                             <div class="card-body">
-                                <table id="datatablesSimple">
+                            <div class="datatable-container">
+                                <div class="datatable-top">
+                                <div class="datatable-dropdown">
+                                        <label>
+                                            <select class="datatable-selector"><option value="5">5</option><option value="10" selected="">10</option><option value="15">15</option><option value="20">20</option><option value="25">25</option></select> entries per page
+                                        </label>
+                                    </div>
+                                <div class="datatable-search">
+                                    <input class="datatable-input" placeholder="Search..." type="search" title="Search within table" aria-controls="datatablesSimple">
+                                </div>
+                                </div>
+                                <table id="datatablesSimple" class="datatable-table">
                                     <thead>
                                         <tr>
                                             <th>Date</th>
@@ -603,6 +614,7 @@
                                 </table>
                             </div>
                         </div>
+                        </div>
                     </div>
                 </main>
                 <footer class="py-4 bg-light mt-auto">

Sources/vendor/composer/installed.php

@@ -3,7 +3,7 @@
         'name' => 'hearttrack/package',
         'pretty_version' => 'dev-master',
         'version' => 'dev-master',
-        'reference' => '2f397a4db4dd0ee0d94dbdadc55a42d8eadc2318',
+        'reference' => '03e37247f2bc193deb0684e154c42c29a7fc9ea2',
         'type' => 'library',
         'install_path' => __DIR__ . '/../../',
         'aliases' => array(),
@@ -22,7 +22,7 @@
         'hearttrack/package' => array(
             'pretty_version' => 'dev-master',
             'version' => 'dev-master',
-            'reference' => '2f397a4db4dd0ee0d94dbdadc55a42d8eadc2318',
+            'reference' => '03e37247f2bc193deb0684e154c42c29a7fc9ea2',
             'type' => 'library',
             'install_path' => __DIR__ . '/../../',
             'aliases' => array(),