32 lines
917 B
Plaintext
32 lines
917 B
Plaintext
@if (Item != null)
|
|
{
|
|
<li @key="Item.Id">
|
|
<div class="row mb-2">
|
|
<div class="col-1" style="width: 30px;">
|
|
<input type="checkbox" class="form-check-input" style="vertical-align: middle" @bind-value="Item.IsCompleted" checked="@Item.IsCompleted"/>
|
|
</div>
|
|
<div class="col">
|
|
@if (Item.IsCompleted)
|
|
{
|
|
<input type="text" class="form-control border-0 text-decoration-line-through" style="vertical-align: middle" @bind-value="Item.Name" disabled/>
|
|
}
|
|
else
|
|
{
|
|
<input type="text" class="form-control border-0" style="vertical-align: middle" @bind-value="Item.Name"/>
|
|
}
|
|
</div>
|
|
<div class="col">
|
|
@if (Item.IsCompleted)
|
|
{
|
|
<text>Completed at: @Item.DateCompleted.ToLongDateString()</text>
|
|
}
|
|
</div>
|
|
</div>
|
|
</li>
|
|
}
|
|
|
|
@code {
|
|
[Parameter]
|
|
public ToDoItem? Item { get; set; }
|
|
|
|
} |