Files
jsmr/JSMR.UI.Blazor/Components/Chip.razor

100 lines
2.4 KiB
Plaintext

@using JSMR.UI.Blazor.Enums
@if (string.IsNullOrWhiteSpace(Url))
{
<div class="@GetClasses()" @onclick="@OnClickAsync">
@if (Graphic != null)
{
<Icon Graphic="@Graphic.Value" Varient="@(IconVarient ?? Enums.IconVarient.None)" Color="@Color"></Icon>
}
<span>@ChildContent</span>
</div>
}
else
{
<a class="@GetClasses()" href="@Url" target="@Target">
@if (Graphic != null)
{
<Icon Graphic="@Graphic.Value" Varient="@(IconVarient ?? Enums.IconVarient.None)" Color="@Color"></Icon>
}
<span>@ChildContent</span>
</a>
}
@code {
[Parameter]
public RenderFragment? ChildContent { get; set; }
[Parameter]
public Graphic? Graphic { get; set; }
[Parameter]
public IconVarient? IconVarient { get; set; }
[Parameter]
public ColorVarient Color { get; set; } = ColorVarient.Primary;
[Parameter]
public ElementVarient Varient { get; set; } = ElementVarient.None;
[Parameter]
public ToneVarient Tone { get; set; } = ToneVarient.None;
[Parameter]
public string? Url { get; set; }
[Parameter]
public string? Target { get; set; }
[Parameter]
public EventCallback Click { get; set; }
private string GetClasses()
{
string color = Color.ToString().ToLower();
List<string> classNames =
[
$"j-chip",
$"color-{color}"
];
switch (Varient)
{
case ElementVarient.Filled:
classNames.Add($"varient-filled");
//classNames.Add($"background-color-{color}");
break;
case ElementVarient.Outlined:
classNames.Add($"varient-outlined");
//classNames.Add($"border-color-{color}");
break;
}
switch (Tone)
{
case ToneVarient.Solid:
classNames.Add($"tone-solid");
break;
case ToneVarient.Tint:
classNames.Add($"tone-tint");
break;
}
if (Click.HasDelegate || string.IsNullOrWhiteSpace(Url) == false)
{
classNames.Add("is-clickable");
}
return string.Join(" ", classNames);
}
private async Task OnClickAsync()
{
if (Click.HasDelegate)
{
await Click.InvokeAsync();
}
}
}