recuperation push

WF-WebAdmin/WF-WebAdmin/Pages/Accueil.cs

@@ -1,4 +1,6 @@
-using Microsoft.AspNetCore.Components;
+using Blazored.LocalStorage;
+using Blazorise.DataGrid;
+using Microsoft.AspNetCore.Components;
 using WF_WebAdmin.Model;
 
 

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

@@ -5,35 +5,40 @@
 
 <h1>Accueil</h1>
 
+<h2>Sitation du jour</h2>
+
+@*
+<div class="QuoteDiv">
+    <img class="imgQuote" src="@quote.ImgPath" />
+    <p class="idQuote"><strong>Identifiant de la citation :</strong>@quote.Id </p>
+    <p class="contentQuote"><strong>Citation:</strong>@quote.Content</p>
+    <p class="CaracterQuote"><strong>Personnage :</strong> @quote.Charac</p>
+    <p class="SourceQuote"><strong>Source :</strong> @quote.TitleSrc</p>
+    <p class="langueQuote"><strong>Langue :</strong> @quote.Langue</p>
+    <p class="UserPropositionQuote">@quote.UserProposition a proposé cette citation</p>
+    <button>Suprimé la citation</button>
+</div>
+*@
+
 <button>Mettre une citation aléatoire</button>
 
+
 @if (quotes != null)
 {
-    <table class="table">
+    <h3>Citations non validées</h3>
-        <thead>
+    <p>Citations en attente de validation:</p>
-            <tr>
+
-                <th>Id</th>
-                <th>Content</th>
-                <th>Charactére</th>
-                <th>Title Source</th>
-                <th>Like</th>
-                <th>Langue</th>
-                <th>Date Source</th>
-            </tr>
-        </thead>
-        <tbody>
     @foreach (var quote in quotes)
     {
-                <tr>
+        <div class="QuoteDiv">
-                    <td>@quote.Id</td>
+            <img class="imgQuote" src="@quote.ImgPath" />
-                    <td>@quote.Content</td>
+            <p class="idQuote"><strong>Identifiant de la citation :</strong>@quote.Id </p>
-                    <td>@quote.Charac</td>
+            <p class="contentQuote"><strong>Citation:</strong>@quote.Content</p>
-                    <td>@quote.TitleSrc</td>
+            <p class="CaracterQuote"><strong>Personnage :</strong> @quote.Charac</p>
-                    <td>@quote.Like</td>
+            <p class="SourceQuote"><strong>Source :</strong> @quote.TitleSrc</p>
-                    <td>@quote.Langue</td>
+            <p class="langueQuote"><strong>Langue :</strong> @quote.Langue</p>
-                    <td>@quote.DateSrc.ToShortDateString()</td>
+            <p class="UserPropositionQuote">@quote.UserProposition a proposé cette citation</p>
-                </tr>
+            <button>Suprimé la citation</button>
+        </div>
     }
-        </tbody>
-    </table>
 }

WF-WebAdmin/WF-WebAdmin/Pages/_Layout.cshtml

@@ -28,5 +28,6 @@
     </div>
 
     <script src="_framework/blazor.server.js"></script>
+
 </body>
 </html>

WF-WebAdmin/WF-WebAdmin/Program.cs

@@ -1,3 +1,4 @@
+using Blazored.LocalStorage;
 using Microsoft.AspNetCore.Components;
 using Microsoft.AspNetCore.Components.Web;
 using WF_WebAdmin.Data;
@@ -11,6 +12,8 @@ builder.Services.AddSingleton<WeatherForecastService>();
 
 builder.Services.AddHttpClient();
 
+builder.Services.AddBlazoredLocalStorage();
+
 var app = builder.Build();
 
 // Configure the HTTP request pipeline.

WF-WebAdmin/WF-WebAdmin/WF-WebAdmin.csproj

@@ -7,4 +7,11 @@
     <RootNamespace>WF_WebAdmin</RootNamespace>
   </PropertyGroup>
 
+  <ItemGroup>
+    <PackageReference Include="Blazored.LocalStorage" Version="4.5.0" />
+    <PackageReference Include="Blazorise.Bootstrap" Version="1.7.2" />
+    <PackageReference Include="Blazorise.DataGrid" Version="1.7.2" />
+    <PackageReference Include="Blazorise.Icons.FontAwesome" Version="1.7.2" />
+  </ItemGroup>
+
 </Project>

WF-WebAdmin/WF-WebAdmin/wwwroot/fake-dataQuote.json

@@ -1,20 +1,20 @@
 [
   {
     "Id": 1,
-    "Content": "coucou",
+    "Content": "'Dans le monde il n’y a pas d’un côté le bien et le mal, il y a une part de lumière et d’ombre en chacun de nous. Ce qui compte c’est celle que l’on choisit de montrer dans nos actes, ça c’est ce que l’on est vraiment.'",
-    "Charac": "moi",
+    "Charac": "Sirius Black",
-    "ImgPath": "img",
+    "ImgPath": "https://tse2.mm.bing.net/th/id/OIP.MMpXBB5RDRYQm05FJmevGAHaKl?w=137&h=195&c=7&r=0&o=5&pid=1.7",
-    "TitleSrc": "G4",
+    "TitleSrc": "Harry Potter et L’ordre du Phoenix",
     "DateSrc": "2001-01-01",
     "Like": 20,
     "Langue": "fr"
   },
   {
     "Id": 2,
-    "Content": "boujour",
+    "Content": "'Une autre citation'",
-    "Charac": "toi",
+    "Charac": "Un personnage",
-    "ImgPath": "img",
+    "ImgPath": "https://tse2.mm.bing.net/th/id/OIP.zR4rzkK7q2wCcNwZd6jjegHaIC?w=163&h=180&c=7&r=0&o=5&pid=1.7",
-    "TitleSrc": "G4",
+    "TitleSrc": "Un super film",
     "DateSrc": "2002-02-02",
     "Like": 0,
     "Langue": "fr"