WF-WebAdmin/WF-WebAdmin/Model/Commentary.cs

@@ -2,8 +2,8 @@
 {
     public class Commentary
     {
-        public int Id { get; set; }
-        public int IdUser { get; set; }
+        //public int Id { get; set; }
+        //public int IdUser { get; set; }
         public string Text {  get; set; }
         public DateTime DateCreation { get; set; }
     }

WF-WebAdmin/WF-WebAdmin/Pages/Accueil.razor

@@ -1,4 +1,4 @@
-@page "/"
+@page "/Accueil"
 
 
 <PageTitle>Accueil</PageTitle>

WF-WebAdmin/WF-WebAdmin/Pages/DeleteUser.razor

@@ -31,9 +31,10 @@ else
 
             @if(user.Comments != null)
             {
+                <p class="titleComments"><strong>▶ Commentaire(s) posté(s) par @user.Name : </strong></p>
                 @foreach (var comment in user.Comments)
                 {
-                    <p class="commentaire"><strong>Commentaire (@comment.) :</strong> @comment.Text</p>
+                    <p class="comments">@comment.DateCreation.ToShortDateString() - @comment.Text</p>
                 }
             }
             else

WF-WebAdmin/WF-WebAdmin/Pages/Login.razor

@@ -0,0 +1,28 @@
+@page "/"
+<h1>▶ Connexion ◀</h1>
+
+    <div class="login">
+        @* <form method="post" action="{{ racine }}/validlogin"> *@
+            <p> <strong>Identifiant *</strong></p>
+            <input type="text" class="connexion" name="pseudo" id="pseudo" placeholder="Entrez votre pseudo" required />
+
+            <p> <strong> Mot de passe *</strong></p>
+            <input type="password" class="connexion" name="mdp" id="mdp" placeholder="Entrez votre mdp" required />
+
+            
+
+            <div class="buttonSubmitDiv">
+                <button class="buttonSudmite">Se Connecter</button>
+            </div>
+            
+        @* </form> *@
+    </div>
+
+
+@code {
+    private void ShowFullSite()
+    {
+        // Code pour afficher l'ensemble du menu
+        // Cela peut être un appel à une méthode ou un service qui change l'état de la visibilité du menu
+    }
+}

WF-WebAdmin/WF-WebAdmin/Pages/Login.razor.cs

@@ -0,0 +1,13 @@
+using Microsoft.AspNetCore.Components;
+using Microsoft.Extensions.Configuration.UserSecrets;
+using WF_WebAdmin.Model;
+
+
+
+namespace WF_WebAdmin.Pages
+{
+    public partial class Login
+    {
+
+    }
+}

WF-WebAdmin/WF-WebAdmin/Shared/NavMenu.razor

@@ -11,7 +11,13 @@
     <nav class="flex-column">
         <div class="nav-item px-3">
             <NavLink class="nav-link" href="" Match="NavLinkMatch.All">
-                <span class="oi oi-home" aria-hidden="true"></span> Accueil
+                <span class="oi oi-home" aria-hidden="true"></span> Login
+            </NavLink>
+        </div>
+
+        <div class="nav-item px-3">
+            <NavLink class="nav-link" href="Accueil">
+                <span class="oi oi-plus" aria-hidden="true"></span> Accueil
             </NavLink>
         </div>
         <div class="nav-item px-3">
@@ -57,3 +63,4 @@
         collapseNavMenu = !collapseNavMenu;
     }
 }
+

WF-WebAdmin/WF-WebAdmin/wwwroot/css/site.css

@@ -86,7 +86,7 @@ button {
     border-radius: 25px;
 }
 
-.pseudo, .mail, .idUser, .dateCrea, .idQuote, .contentQuote, .CaracterQuote, .SourceQuote, .langueQuote, .UserPropositionQuote {
+.pseudo, .mail, .idUser, .dateCrea, .idQuote, .contentQuote, .CaracterQuote, .SourceQuote, .langueQuote, .UserPropositionQuote, titleComments, comments {
     margin-left: 10px;
 }
 
@@ -122,3 +122,53 @@ button {
     width: 300px;
     text-align: center;
 }
+
+
+.buttonSubmitDiv {
+    text-align: center;
+}
+
+h1 {
+    text-align: center;
+    font-size: 32px;
+    margin-top: 10%;
+}
+
+p {
+    margin-top: 6%;
+    margin-bottom: 2%;
+    font-size: 20px;
+    font-family: "Lemon", serif;
+}
+
+.login {
+    width: 35vw;
+    margin-left: 30.5vw;
+    margin-top: 3vh;
+    border-radius: 25px;
+    padding: 2vw;
+    background-color: #cfcfcf;
+}
+
+
+/*Page login*/
+.buttonSudmite {
+    border: none;
+    padding: 2%;
+    margin-top: 5%;
+    border-radius: 25px;
+    width: 50%;
+    font-size: 1.25em;
+    background-color: white;
+}
+
+.connexion {
+    width: 94%;
+    height: 40px;
+    padding-left: 3%;
+    margin-left: 1%;
+    margin-top: -1%;
+    border-radius: 25px;
+    border: none;
+    font-size: 15px;
+}