style : pages edit

Multiplayer_Php
Yvan CALATAYUD 1 year ago
parent 2ff45ba88b
commit 0501d628d9

@ -12,17 +12,21 @@
<DataAnnotationsValidator /> <DataAnnotationsValidator />
<ValidationSummary /> <ValidationSummary />
<div class="row mb-2"> <div class="row mb-3">
<label for="username"> <div class="col-5 text-end">
@Localizer["Username"] : <label for="username" class="col-form-label">@Localizer["Username"] :</label>
<InputText id="username" @bind-Value="administratorModel.Username" /> </div>
</label> <div class="col-7">
<InputText id="username" @bind-Value="administratorModel.Username" class="form-control"/>
</div>
</div> </div>
<div class="row mb-2"> <div class="row mb-3">
<label for="hashedPassword"> <div class="col-5 text-end">
@Localizer["HashedPassword"] : <label for="hashedPassword" class="col-form-label">@Localizer["HashedPassword"] :</label>
<InputText id="hashedPassword" @bind-Value="administratorModel.HashedPassword" /> </div>
</label> <div class="col-7">
<InputText id="hashedPassword" @bind-Value="administratorModel.HashedPassword" class="form-control" />
</div>
</div> </div>
<button type="submit" class="btn btn-success mb-2">@Localizer["Submit"]</button> <button type="submit" class="btn btn-success mb-2">@Localizer["Submit"]</button>

@ -12,12 +12,14 @@
<DataAnnotationsValidator /> <DataAnnotationsValidator />
<ValidationSummary /> <ValidationSummary />
<p> <div class="row mb-3">
<label for="name"> <div class="col-4 text-end">
@Localizer["Name"] : <label for="name" class="col-form-label">@Localizer["Name"] : </label>
<InputText id="name" @bind-Value="chapterModel.Name" /> </div>
</label> <div class="col-8">
</p> <InputText id="name" @bind-Value="chapterModel.Name" class="form-control" />
</div>
</div>
<button type="submit" class="btn btn-success mb-2">@Localizer["Submit"]</button> <button type="submit" class="btn btn-success mb-2">@Localizer["Submit"]</button>
</EditForm> </EditForm>

@ -11,17 +11,21 @@
<DataAnnotationsValidator /> <DataAnnotationsValidator />
<ValidationSummary /> <ValidationSummary />
<div class="row mb-2"> <div class="row mb-3">
<label for="nickname"> <div class="col-5 text-end">
@Localizer["Nickname"] : <label for="nickname" class="col-form-label">@Localizer["Nickname"] :</label>
<InputText id="nickname" @bind-Value="playerModel.Nickname" /> </div>
</label> <div class="col-7">
<InputText id="nickname" @bind-Value="playerModel.Nickname" class="form-control" />
</div>
</div> </div>
<div class="row mb-2" <div class="row mb-3">
<label for="hashedPassword"> <div class="col-5 text-end">
@Localizer["HashedPassword"] : <label for="hashedPassword" class="col-form-label">@Localizer["HashedPassword"] :</label>
<InputText id="hashedPassword" @bind-Value="playerModel.HashedPassword" /> </div>
</label> <div class="col-7">
<InputText id="hashedPassword" @bind-Value="playerModel.HashedPassword" class="form-control" />
</div>
</div> </div>
<button type="submit" class="btn btn-success">@Localizer["Submit"]</button> <button type="submit" class="btn btn-success">@Localizer["Submit"]</button>

@ -1,47 +1,60 @@
@page "/editQuestion/{Id:int}" @page "/editQuestion/{Id:int}"
<h3>@Localizer["Title"]</h3>
<BackButton RedirectionPage="/questions"></BackButton>
<EditForm Model="@question" OnValidSubmit="@HandleValidSubmit"> <div class="container text-center">
<DataAnnotationsValidator /> <div class="border border-dark p-4 d-inline-block">
<ValidationSummary /> <h3>@Localizer["Title"]</h3>
<p>
<label for="content">
@Localizer["Content"] :
<InputText id="content" @bind-Value="question.Content" />
</label>
</p>
<p>
<label for="idChapter">
@Localizer["Chapter"] :
<InputSelect id="idChapter" @bind-Value="question.IdChapter">
@if (chapters != null)
{
foreach (var chapter in chapters)
{
<option value="@chapter.Id">@chapter.Name</option>
}
}
</InputSelect>
</label>
</p>
@foreach (var index in Enumerable.Range(0, answers.Count)) <EditForm Model="@question" OnValidSubmit="@HandleValidSubmit">
{ <DataAnnotationsValidator />
var answer = answers[index]; <ValidationSummary />
var checkbox = checkboxs[index]; <div class="row mb-3">
<div class="col-4 text-end">
<label for="content" class="col-form-label">@Localizer["Content"] :</label>
</div>
<div class="col-8">
<InputText id="content" @bind-Value="question.Content" class="form-control" />
</div>
</div>
<div class="row mb-3">
<div class="col-4 text-end">
<label for="idChapter" class="col-form-label">@Localizer["Chapter"] :</label>
</div>
<div class="col-8">
<InputSelect id="idChapter" @bind-Value="question.IdChapter" class="form-select">
@if (chapters != null)
{
foreach (var chapter in chapters)
{
<option value="@chapter.Id">@chapter.Name</option>
}
}
</InputSelect>
</div>
</div>
<p> @foreach (var index in Enumerable.Range(0, answers.Count))
<label for="@($"answer{answer.Id}")"> {
@Localizer["Answers"]@(index + 1) : var answer = answers[index];
<InputText id="@($"answer{answer.Id}")" @bind-Value="answer.Content" /> var checkbox = checkboxs[index];
</label>
<label for="@($"checkbox{checkbox.Id}")">
<input type="radio" name="radio" id="@($"checkbox{checkbox.Id}")" checked="@checkbox.IsCorrect" @onchange="() => SetCorrectAnswer(checkbox.Id)" /> @Localizer["Correct"]
</label>
</p>
}
<button type="submit">@Localizer["Submit"]</button>
</EditForm>
<div class="row mb-3">
<div class="col-4 text-end">
<label for="@($"answer{answer.Id}")" class="col-form-label">@Localizer["Answers"]@(index + 1) :</label>
</div>
<div class="col-5">
<InputText id="@($"answer{answer.Id}")" @bind-Value="answer.Content" class="form-control" />
</div>
<div class="col-3">
<label for="@($"checkbox{checkbox.Id}")" class="form-check-label">
<input type="radio" name="radio" id="@($"checkbox{checkbox.Id}")" checked="@checkbox.IsCorrect" @onchange="() => SetCorrectAnswer(checkbox.Id)" class="form-check-input" /> @Localizer["Correct"]
</label>
</div>
</div>
}
<button type="submit" class="btn btn-success">@Localizer["Submit"]</button>
</EditForm>
</div>
</div>

Loading…
Cancel
Save