74 lines
2.2 KiB
Plaintext
74 lines
2.2 KiB
Plaintext
<div class="flex flex-row mt-2">
|
|
<p class="ml-3 font-bold text-justify my-auto grow">@Question</p>
|
|
<div class="flex flex-row">
|
|
@if (_isYesSelected)
|
|
{
|
|
|
|
<MudIconButton @onclick="async () => await Yes()"
|
|
DisableElevation="true"
|
|
Class="bg-[--color-medicalhistory] rounded-full mx-3"
|
|
Icon="@Icons.Material.Filled.Check"
|
|
Variant="Variant.Filled"/>
|
|
}
|
|
else
|
|
{
|
|
|
|
<MudIconButton @onclick="async () => await Yes()"
|
|
DisableElevation="true"
|
|
Class="bg-white rounded-full mx-3"
|
|
Icon="@Icons.Material.Filled.Check"
|
|
Variant="Variant.Filled"/>
|
|
}
|
|
@if (_isNoSelected)
|
|
{
|
|
|
|
<MudIconButton @onclick="async () => await No()"
|
|
DisableElevation="true"
|
|
class="bg-[--color-medicalhistory] rounded-full"
|
|
Icon="@Icons.Material.Filled.Close"
|
|
Variant="Variant.Filled"/>
|
|
}
|
|
else
|
|
{
|
|
<MudIconButton @onclick="async () => await No()"
|
|
DisableElevation="true"
|
|
class="bg-white rounded-full"
|
|
Icon="@Icons.Material.Filled.Close"
|
|
Variant="Variant.Filled"/>
|
|
}
|
|
</div>
|
|
</div>
|
|
|
|
|
|
@code
|
|
{
|
|
|
|
[Parameter]
|
|
public string Answer { get; set; } = string.Empty;
|
|
|
|
[Parameter]
|
|
public EventCallback<string> AnswerChanged { get; set; }
|
|
|
|
[Parameter]
|
|
public string Question { get; set; } = string.Empty;
|
|
|
|
private bool _isYesSelected = false;
|
|
private bool _isNoSelected = false;
|
|
|
|
private async Task Yes()
|
|
{
|
|
Answer = "بله";
|
|
_isNoSelected = false;
|
|
_isYesSelected = true;
|
|
await AnswerChanged.InvokeAsync(Answer);
|
|
}
|
|
|
|
private async Task No()
|
|
{
|
|
Answer = "خیر";
|
|
_isNoSelected = true;
|
|
_isYesSelected = false;
|
|
await AnswerChanged.InvokeAsync(Answer);
|
|
}
|
|
}
|