Add datagrid + fake data

WF-WebAdmin/WF-WebAdmin/Model/Quiz.cs

@@ -1,12 +1,14 @@
-namespace WF_WebAdmin.Model;
+namespace WF_WebAdmin.Model
-
-public class Quiz
 {
-    public int Id { get; set; }
+    public class Quiz
-    public string Question { get; set; }
+    {
-    public string AnswerA { get; set; }
+        public int Id { get; set; }
-    public string AnswerB { get; set; }
+        public string Question { get; set; }
-    public string AnswerC { get; set; }
+        public string AnswerA { get; set; }
-    public string AnswerD { get; set; }
+        public string AnswerB { get; set; }
-    public string CAnswer { get; set; }
+        public string AnswerC { get; set; }
+        public string AnswerD { get; set; }
+        public string CAnswer { get; set; }
+        public string UserProposition { get; set; }
+    }
 }

WF-WebAdmin/WF-WebAdmin/Pages/Quiz.razor

@@ -1,4 +0,0 @@
-@page "/Quiz"
-
-
-<h3>Quiz</h3>

WF-WebAdmin/WF-WebAdmin/Pages/ValidQuiz.razor

@@ -3,9 +3,26 @@
 
 <h3> Quiz à valider </h3>
 
-@if (quizzes is null)
+@if (quizzes == null)
 {
-    <p>
+    <p> Chargement des quiz ... </p>
-        Chargement des quiz 
+}
-    </p>
+else
+{
+    <p> Quizs en attente de validation : </p>
+    
+    <DataGrid TItem="Quiz"
+              Data="@quizzes"
+              PageSize="int.MaxValue"
+              Responsive>
+        <DataGridColumn TItem="Quiz" Field="@nameof(Quiz.Id)" Caption="#" />
+        <DataGridColumn TItem="Quiz" Field="@nameof(Quiz.Question)" Caption="Question" />
+        <DataGridColumn TItem="Quiz" Field="@nameof(Quiz.AnswerA)" Caption="Answer A" />
+        <DataGridColumn TItem="Quiz" Field="@nameof(Quiz.AnswerB)" Caption="Answer B" />
+        <DataGridColumn TItem="Quiz" Field="@nameof(Quiz.AnswerC)" Caption="Answer C" />
+        <DataGridColumn TItem="Quiz" Field="@nameof(Quiz.AnswerD)" Caption="Answer D" />
+        <DataGridColumn TItem="Quiz" Field="@nameof(Quiz.CAnswer)" Caption="Correct Answer" />
+        <DataGridColumn TItem="Quiz" Field="@nameof(Quiz.UserProposition)" Caption="User Proposition" />
+    </DataGrid>
+    
 }

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

@@ -1,11 +1,24 @@
-using Npgsql;
+using Blazorise.DataGrid;
+using Microsoft.AspNetCore.Components;
 using WF_WebAdmin.Model;
 
 namespace WF_WebAdmin.Pages
-
 {
     public partial class ValidQuiz
     {
-        private List<Quiz> quizzes;
+        private Quiz[] quizzes;
+        private int totalQuizzes;
+
+        [Inject]
+        public HttpClient Http { get; set; }
+
+        [Inject]
+        public NavigationManager NavigationManager { get; set; }
+
+        protected override async Task OnInitializedAsync()
+        {
+            quizzes = await Http.GetFromJsonAsync<Quiz[]>($"{NavigationManager.BaseUri}fake-dataQuiz.json");
+        }
+
     }
 }

WF-WebAdmin/WF-WebAdmin/Program.cs

@@ -18,6 +18,7 @@ builder.Services.AddHttpClient();
 builder.Services
    .AddBlazorise()
    .AddBootstrapProviders()
+   .AddHttpClient()
    .AddFontAwesomeIcons();
 
 var app = builder.Build();

WF-WebAdmin/WF-WebAdmin/Service/QuizService.cs

@@ -0,0 +1,25 @@
+using WF_WebAdmin.Model;
+
+namespace WF_WebAdmin.Service;
+
+public class QuizService
+{
+    public List<Quiz> GetQuizToConfirm()
+    {
+        var res = new List<Quiz>();
+        
+        return res;
+    }
+
+    public bool AddQuiz(Quiz quiz)
+    {
+        var res = false;
+        return res;
+    }
+
+    public bool RemoveQuiz(Quiz quiz)
+    {
+        var res = false;
+        return res;
+    }
+}

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

@@ -20,11 +20,6 @@
                 <span class="oi oi-plus" aria-hidden="true"></span> Accueil
             </NavLink>
         </div>
-        <div class="nav-item px-3">
-            <NavLink class="nav-link" href="Quiz">
-                <span class="oi oi-plus" aria-hidden="true"></span> Quiz
-            </NavLink>
-        </div>
         <div class="nav-item px-3">
             <NavLink class="nav-link" href="ValidQuote">
                 <span class="oi oi-list-rich" aria-hidden="true"></span> Validation de citations

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

@@ -1,10 +1,282 @@
 [
   {
-    "id_quiz": 1,
+    "id": 1,
-    "nb_quest": 4
+    "question": "Voluptate nulla laborum pariatur excepteur consequat officia ea esse ut nisi amet non.",
+    "answerA": "sit ullamco",
+    "answerB": "deserunt reprehenderit",
+    "answerC": "cupidatat deserunt",
+    "answerD": "ullamco aliqua",
+    "cAnswer": "B",
+    "userProposition": "Lori Myers"
   },
   {
-    "id_quiz": 2,
+    "id": 2,
-    "nb_quest": 5
+    "question": "Ea elit esse minim aute aliquip cillum amet cupidatat fugiat exercitation.",
+    "answerA": "ullamco excepteur",
+    "answerB": "aliquip occaecat",
+    "answerC": "incididunt duis",
+    "answerD": "sunt dolor",
+    "cAnswer": "A",
+    "userProposition": "Louella Robinson"
+  },
+  {
+    "id": 3,
+    "question": "Aute commodo est proident sunt nulla est cillum eiusmod est voluptate dolore sit aliqua incididunt.",
+    "answerA": "reprehenderit mollit",
+    "answerB": "laboris consectetur",
+    "answerC": "cillum deserunt",
+    "answerD": "deserunt fugiat",
+    "cAnswer": "B",
+    "userProposition": "Richmond Joyner"
+  },
+  {
+    "id": 4,
+    "question": "Fugiat duis excepteur non amet tempor deserunt ut occaecat cupidatat eiusmod et amet enim.",
+    "answerA": "amet aute",
+    "answerB": "excepteur ad",
+    "answerC": "laboris veniam",
+    "answerD": "veniam in",
+    "cAnswer": "B",
+    "userProposition": "Brady Patrick"
+  },
+  {
+    "id": 5,
+    "question": "Occaecat minim velit dolor est ad ut irure eu labore velit in dolore exercitation.",
+    "answerA": "eu aliqua",
+    "answerB": "labore ipsum",
+    "answerC": "labore reprehenderit",
+    "answerD": "anim excepteur",
+    "cAnswer": "C",
+    "userProposition": "Mavis Boone"
+  },
+  {
+    "id": 6,
+    "question": "Non laboris adipisicing anim fugiat labore excepteur tempor elit in.",
+    "answerA": "in excepteur",
+    "answerB": "nostrud dolor",
+    "answerC": "nisi aliqua",
+    "answerD": "sint nisi",
+    "cAnswer": "C",
+    "userProposition": "Douglas Dejesus"
+  },
+  {
+    "id": 7,
+    "question": "Lorem proident exercitation elit fugiat do amet aute labore consectetur pariatur consequat.",
+    "answerA": "eiusmod nulla",
+    "answerB": "eu id",
+    "answerC": "proident tempor",
+    "answerD": "amet proident",
+    "cAnswer": "A",
+    "userProposition": "Mia Peterson"
+  },
+  {
+    "id": 8,
+    "question": "Incididunt magna commodo laborum do incididunt commodo proident non cillum magna elit irure voluptate.",
+    "answerA": "laborum fugiat",
+    "answerB": "laboris est",
+    "answerC": "in ea",
+    "answerD": "duis ullamco",
+    "cAnswer": "A",
+    "userProposition": "Juliet Fox"
+  },
+  {
+    "id": 9,
+    "question": "Qui labore fugiat sint Lorem ut minim in ex dolor.",
+    "answerA": "et deserunt",
+    "answerB": "labore sit",
+    "answerC": "in eiusmod",
+    "answerD": "amet incididunt",
+    "cAnswer": "C",
+    "userProposition": "Earnestine Poole"
+  },
+  {
+    "id": 10,
+    "question": "Voluptate pariatur ipsum magna sint Lorem adipisicing.",
+    "answerA": "sint velit",
+    "answerB": "non culpa",
+    "answerC": "nisi ut",
+    "answerD": "excepteur labore",
+    "cAnswer": "B",
+    "userProposition": "Alexis Cross"
+  },
+  {
+    "id": 11,
+    "question": "In labore sunt est cupidatat cillum.",
+    "answerA": "ut ad",
+    "answerB": "non deserunt",
+    "answerC": "do officia",
+    "answerD": "ut nostrud",
+    "cAnswer": "C",
+    "userProposition": "Brooks Martinez"
+  },
+  {
+    "id": 12,
+    "question": "Irure occaecat sit laborum nulla ea dolore et aliqua sunt Lorem enim esse.",
+    "answerA": "excepteur occaecat",
+    "answerB": "pariatur in",
+    "answerC": "reprehenderit excepteur",
+    "answerD": "laborum adipisicing",
+    "cAnswer": "D",
+    "userProposition": "Shields Roth"
+  },
+  {
+    "id": 13,
+    "question": "Laboris sint in sit exercitation nisi id cillum ex ea culpa fugiat in cupidatat.",
+    "answerA": "labore mollit",
+    "answerB": "in veniam",
+    "answerC": "labore eiusmod",
+    "answerD": "consequat veniam",
+    "cAnswer": "B",
+    "userProposition": "Carmella Chase"
+  },
+  {
+    "id": 14,
+    "question": "Proident dolor Lorem anim proident laborum sint minim sit laborum aliquip.",
+    "answerA": "velit exercitation",
+    "answerB": "voluptate esse",
+    "answerC": "occaecat cupidatat",
+    "answerD": "enim adipisicing",
+    "cAnswer": "D",
+    "userProposition": "Johns Solomon"
+  },
+  {
+    "id": 15,
+    "question": "Do magna dolore enim laborum consequat reprehenderit nisi consequat nostrud.",
+    "answerA": "proident do",
+    "answerB": "labore minim",
+    "answerC": "in elit",
+    "answerD": "in irure",
+    "cAnswer": "A",
+    "userProposition": "Alana Moore"
+  },
+  {
+    "id": 16,
+    "question": "Culpa anim id elit dolore veniam.",
+    "answerA": "ipsum nisi",
+    "answerB": "officia voluptate",
+    "answerC": "in excepteur",
+    "answerD": "ullamco non",
+    "cAnswer": "B",
+    "userProposition": "Russo Rios"
+  },
+  {
+    "id": 17,
+    "question": "Ea est consectetur exercitation aute ut mollit pariatur irure aute adipisicing dolore.",
+    "answerA": "fugiat elit",
+    "answerB": "pariatur nulla",
+    "answerC": "exercitation ipsum",
+    "answerD": "exercitation laboris",
+    "cAnswer": "A",
+    "userProposition": "Bobbi Lara"
+  },
+  {
+    "id": 18,
+    "question": "Laborum consectetur incididunt ad fugiat fugiat proident culpa mollit laborum.",
+    "answerA": "elit duis",
+    "answerB": "amet aute",
+    "answerC": "culpa nostrud",
+    "answerD": "do pariatur",
+    "cAnswer": "D",
+    "userProposition": "Lewis Mullins"
+  },
+  {
+    "id": 19,
+    "question": "Culpa anim aliquip mollit non labore.",
+    "answerA": "labore incididunt",
+    "answerB": "laborum non",
+    "answerC": "sunt laborum",
+    "answerD": "est sunt",
+    "cAnswer": "B",
+    "userProposition": "Mccray Mccoy"
+  },
+  {
+    "id": 20,
+    "question": "Ex exercitation deserunt aute cillum dolor.",
+    "answerA": "proident magna",
+    "answerB": "pariatur exercitation",
+    "answerC": "ipsum veniam",
+    "answerD": "culpa quis",
+    "cAnswer": "C",
+    "userProposition": "Moss Jefferson"
+  },
+  {
+    "id": 21,
+    "question": "Do mollit aute dolore anim id non aliqua.",
+    "answerA": "ipsum aute",
+    "answerB": "irure ex",
+    "answerC": "ex duis",
+    "answerD": "ipsum cupidatat",
+    "cAnswer": "B",
+    "userProposition": "Roth Valdez"
+  },
+  {
+    "id": 22,
+    "question": "Commodo sunt reprehenderit tempor sit ut ea Lorem esse minim elit et sunt sint qui.",
+    "answerA": "et do",
+    "answerB": "officia culpa",
+    "answerC": "et commodo",
+    "answerD": "irure tempor",
+    "cAnswer": "D",
+    "userProposition": "Adrienne Carpenter"
+  },
+  {
+    "id": 23,
+    "question": "Excepteur cupidatat ut sit commodo magna elit.",
+    "answerA": "pariatur tempor",
+    "answerB": "proident non",
+    "answerC": "velit elit",
+    "answerD": "pariatur fugiat",
+    "cAnswer": "D",
+    "userProposition": "Mcknight Cain"
+  },
+  {
+    "id": 24,
+    "question": "Laborum eu nisi consequat voluptate in laboris cillum in aute sint excepteur aliqua Lorem in.",
+    "answerA": "pariatur in",
+    "answerB": "voluptate qui",
+    "answerC": "et cillum",
+    "answerD": "adipisicing id",
+    "cAnswer": "D",
+    "userProposition": "Gay Barlow"
+  },
+  {
+    "id": 25,
+    "question": "Laborum ullamco occaecat excepteur deserunt nostrud dolor.",
+    "answerA": "magna labore",
+    "answerB": "ullamco veniam",
+    "answerC": "reprehenderit irure",
+    "answerD": "magna dolore",
+    "cAnswer": "B",
+    "userProposition": "Hannah Battle"
+  },
+  {
+    "id": 26,
+    "question": "Commodo in amet laboris Lorem et qui anim ea ullamco dolor dolor commodo.",
+    "answerA": "amet nulla",
+    "answerB": "laborum mollit",
+    "answerC": "amet in",
+    "answerD": "irure amet",
+    "cAnswer": "D",
+    "userProposition": "Dawson Mcpherson"
+  },
+  {
+    "id": 27,
+    "question": "Veniam non consectetur sit cillum.",
+    "answerA": "aliqua cupidatat",
+    "answerB": "nostrud culpa",
+    "answerC": "anim ullamco",
+    "answerD": "adipisicing et",
+    "cAnswer": "A",
+    "userProposition": "Reeves Love"
+  },
+  {
+    "id": 28,
+    "question": "Ullamco laboris voluptate nostrud commodo Lorem enim ad ipsum.",
+    "answerA": "id aute",
+    "answerB": "aliquip incididunt",
+    "answerC": "duis elit",
+    "answerD": "mollit ad",
+    "cAnswer": "B",
+    "userProposition": "Michael Holmes"
   }
 ]