Page gestion quiz + ajout quiz admin (ne pas aller sur les page elle font planter le site pour l'instant)
Kevin MONDEJAR
3 months ago
parent
bfc54acd19
commit
2f32bb42ee
@ -0,0 +1,58 @@
|
||||
@using WF_WebAdmin.Model;
|
||||
|
||||
@page "/add"
|
||||
|
||||
<h3>Ajouter un quiz</h3>
|
||||
|
||||
|
||||
<EditForm Model="@QuizModel" OnValidSubmit="@HandleValidSubmit">
|
||||
<DataAnnotationsValidator />
|
||||
<ValidationSummary />
|
||||
|
||||
<p>
|
||||
<label for="display-quest">
|
||||
Question:
|
||||
<InputText id="display-quest" @bind-Value="QuizModel.Question" />
|
||||
</label>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<label for="display-a">
|
||||
Réponse A:
|
||||
<InputText id="display-a" @bind-Value="QuizModel.AnswerA" />
|
||||
</label>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<label for="display-b">
|
||||
Réponse B:
|
||||
<InputText id="display-b" @bind-Value="QuizModel.AnswerB" />
|
||||
</label>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<label for="display-c">
|
||||
Réponse B:
|
||||
<InputText id="display-c" @bind-Value="QuizModel.AnswerB" />
|
||||
</label>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<label for="display-d">
|
||||
Réponse B:
|
||||
<InputText id="display-d" @bind-Value="QuizModel.AnswerB" />
|
||||
</label>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<label for="ra">
|
||||
Bonne réponse:
|
||||
<input type="radio" @onchange="@(e => OnCAwnserChange("A", e.Value))" /> A
|
||||
<input type="radio" @onchange="@(e => OnCAwnserChange("B", e.Value))" /> B
|
||||
<input type="radio" @onchange="@(e => OnCAwnserChange("C", e.Value))" /> C
|
||||
<input type="radio" @onchange="@(e => OnCAwnserChange("D", e.Value))" /> D
|
||||
</label>
|
||||
</p>
|
||||
|
||||
<button type="submit">Submit</button>
|
||||
</EditForm>
|
||||
@ -0,0 +1,69 @@
|
||||
@using WF_WebAdmin.Model
|
||||
@page "/modifquiz"
|
||||
|
||||
<PageTitle>Gestion des quiz</PageTitle>
|
||||
|
||||
<h3>Gestion des quiz</h3>
|
||||
|
||||
<div>
|
||||
<NavLink class="btn btn-primary" href="Add" Match="NavLinkMatch.All">
|
||||
<i class="fa fa-plus"></i> Ajouter
|
||||
</NavLink>
|
||||
</div>
|
||||
|
||||
<DataGrid TItem="Quiz"
|
||||
Data="@quiz"
|
||||
PageSize="@MaxValue"
|
||||
ReadData="@OnReadData"
|
||||
TotalItems="@totalItem"
|
||||
ShowPager
|
||||
Responsive>
|
||||
|
||||
<DataGridColumn TItem="Quiz" Field="@nameof(Quiz.Id)" Caption="Id"/>
|
||||
<DataGridColumn TItem="Quiz" Field="@nameof(Quiz.Question)" Caption="Rep A" />
|
||||
<DataGridColumn TItem="Quiz" Field="@nameof(Quiz.AnswerA)" Caption="Rep A" />
|
||||
<DataGridColumn TItem="Quiz" Field="@nameof(Quiz.AnswerB)" Caption="Rep B" />
|
||||
<DataGridColumn TItem="Quiz" Field="@nameof(Quiz.AnswerC)" Caption="Rep C" />
|
||||
<DataGridColumn TItem="Quiz" Field="@nameof(Quiz.AnswerD)" Caption="Rep D" />
|
||||
<DataGridColumn TItem="Quiz" Field="@nameof(Quiz.CAnswer)" Caption="Bonne Rep" />
|
||||
<DataGridColumn TItem="Quiz" Field="@nameof(Quiz.Id)" Caption="Action">
|
||||
<DisplayTemplate>
|
||||
<button type="button" class="btn btn-primary" @onclick="() => OnEditButtonClicked(context)"><i class="fa fa-edit"></i> Editer</button>
|
||||
<button type="button" class="btn btn-primary" @onclick="() => OnDelete(context)"><i class="fa fa-trash"></i> Supprimer</button>
|
||||
</DisplayTemplate>
|
||||
</DataGridColumn>
|
||||
</DataGrid>
|
||||
|
||||
@if (showEditQuiz && selectedQuiz != null)
|
||||
{
|
||||
<div class="divPopup">
|
||||
<div class="contentPopup">
|
||||
<p>Modifier les informations de l'utilisateur :</p>
|
||||
<label>Question:</label>
|
||||
<input type="text" @bind="selectedQuiz.Question"/>
|
||||
<label>Rep A:</label>
|
||||
<input type="text" @bind="selectedQuiz.AnswerA" />
|
||||
<label>Rep B:</label>
|
||||
<input type="text" @bind="selectedQuiz.AnswerB" />
|
||||
<label>Rep C:</label>
|
||||
<input type="text" @bind="selectedQuiz.AnswerC" />
|
||||
<label>Rep D:</label>
|
||||
<input type="text" @bind="selectedQuiz.AnswerD" />
|
||||
<label>Bonne Rep:</label>
|
||||
<input type="text" @bind="selectedQuiz.CAnswer" />
|
||||
<button @onclick="EditQuiz">Sauvegarder </button>
|
||||
<button @onclick="ClosePopup">Annuler</button>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
|
||||
@if (showPopupDelete)
|
||||
{
|
||||
<div class="divPopup">
|
||||
<div class="contentPopup">
|
||||
<p>Êtes-vous sûr de vouloir supprimer ce quiz ?</p>
|
||||
<button @onclick="RemoveQuote">Confirmer</button>
|
||||
<button @onclick="ClosePopup">Annuler</button>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
@ -0,0 +1,83 @@
|
||||
using Blazorise.DataGrid;
|
||||
using Microsoft.AspNetCore.Components;
|
||||
using WF_WebAdmin.Model;
|
||||
using WF_WebAdmin.Service;
|
||||
|
||||
namespace WF_WebAdmin.Pages
|
||||
{
|
||||
public partial class ModifQuiz
|
||||
{
|
||||
private Quiz[] quiz;
|
||||
|
||||
private int MaxValue = 5;
|
||||
|
||||
private int totalItem;
|
||||
|
||||
private bool showEditQuiz = false;
|
||||
|
||||
private Quiz? selectedQuiz;
|
||||
|
||||
private bool showPopupDelete = false;
|
||||
|
||||
private int page = 1;
|
||||
|
||||
[Inject]
|
||||
public IQuizService QuizService { get; set; }
|
||||
|
||||
private async Task OnReadData(DataGridReadDataEventArgs<Quiz> e)
|
||||
{
|
||||
if (e.CancellationToken.IsCancellationRequested)
|
||||
{
|
||||
return;
|
||||
}
|
||||
|
||||
var response = await QuizService.getSommeQuiz(e.PageSize, e.Page);
|
||||
|
||||
if (!e.CancellationToken.IsCancellationRequested)
|
||||
{
|
||||
totalItem = await QuizService.getNbQuiz();
|
||||
quiz = response.ToArray();
|
||||
page = e.Page;
|
||||
}
|
||||
}
|
||||
|
||||
private void OnEditButtonClicked(Quiz quiz)
|
||||
{
|
||||
if (quiz == null) return;
|
||||
selectedQuiz = quiz;
|
||||
showEditQuiz = true;
|
||||
}
|
||||
|
||||
private void ClosePopup()
|
||||
{
|
||||
showEditQuiz = false;
|
||||
showPopupDelete = false;
|
||||
selectedQuiz = null;
|
||||
}
|
||||
|
||||
private async Task EditQuiz()
|
||||
{
|
||||
await QuizService.updateQuiz(selectedQuiz);
|
||||
selectedQuiz = null;
|
||||
ClosePopup();
|
||||
}
|
||||
|
||||
private void OnDelete(Quiz q)
|
||||
{
|
||||
selectedQuiz = q;
|
||||
showPopupDelete = true;
|
||||
}
|
||||
|
||||
private async void RemoveQuote()
|
||||
{
|
||||
if (selectedQuiz != null)
|
||||
{
|
||||
await QuizService.removeQuiz(selectedQuiz.Id);
|
||||
selectedQuiz = null;
|
||||
var response = await QuizService.getSommeQuiz(MaxValue, page);
|
||||
quiz = response.ToArray();
|
||||
}
|
||||
showPopupDelete= false;
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
Reference in new issue