You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Connected.Components/Components/Rating/Rating.razor.cs

196 lines
4.8 KiB

using Connected.Annotations;
using Connected.Utilities;
using Microsoft.AspNetCore.Components;
using Microsoft.AspNetCore.Components.Web;
namespace Connected.Components;
public partial class Rating : UIComponent
{
/// <summary>
/// Space separated class names
/// </summary>
protected string ClassName =>
new CssBuilder("")
.AddClass($"mud-rating-root")
.AddClass(Class)
.Build();
/// <summary>
/// User class names for RatingItems, separated by space
/// </summary>
[Parameter]
[Category(CategoryTypes.Rating.Appearance)]
public string RatingItemsClass { get; set; }
/// <summary>
/// User styles for RatingItems.
/// </summary>
[Parameter]
[Category(CategoryTypes.Rating.Appearance)]
public string RatingItemsStyle { get; set; }
/// <summary>
/// Input name. If not initialized, name will be random guid.
/// </summary>
[Parameter]
[Category(CategoryTypes.Rating.Behavior)]
public string Name { get; set; } = Guid.NewGuid().ToString();
/// <summary>
/// Max value and how many elements to click will be generated. Default: 5
/// </summary>
[Parameter]
[Category(CategoryTypes.Rating.Behavior)]
public int MaxValue { get; set; } = 5;
/// <summary>
/// Selected or hovered icon. Default @Icons.Material.Star
/// </summary>
[Parameter]
[Category(CategoryTypes.Rating.Appearance)]
public string FullIcon { get; set; } = Icons.Material.Filled.Star;
/// <summary>
/// Non selected item icon. Default @Icons.Material.StarBorder
/// </summary>
[Parameter]
[Category(CategoryTypes.Rating.Appearance)]
public string EmptyIcon { get; set; } = Icons.Material.Filled.StarBorder;
/// <summary>
/// The color of the component. It supports the theme colors.
/// </summary>
[Parameter]
[Category(CategoryTypes.Rating.Appearance)]
public ThemeColor Color { get; set; } = ThemeColor.Default;
/// <summary>
/// The Size of the icons.
/// </summary>
[Parameter]
[Category(CategoryTypes.Rating.Appearance)]
public Size Size { get; set; } = Size.Medium;
/// <summary>
/// If true, disables ripple effect.
/// </summary>
[Parameter]
[Category(CategoryTypes.Rating.Appearance)]
public bool DisableRipple { get; set; }
/// <summary>
/// If true, the controls will be disabled.
/// </summary>
[Parameter]
[Category(CategoryTypes.Rating.Behavior)]
public bool Disabled { get; set; }
/// <summary>
/// If true, the ratings will show without interactions.
/// </summary>
[Parameter]
[Category(CategoryTypes.Rating.Behavior)]
public bool ReadOnly { get; set; }
/// <summary>
/// Fires when SelectedValue changes.
/// </summary>
[Parameter] public EventCallback<int> SelectedValueChanged { get; set; }
/// <summary>
/// Selected value. This property is two-way bindable.
/// </summary>
[Parameter]
[Category(CategoryTypes.Rating.Data)]
public int SelectedValue
{
get => _selectedValue;
set
{
if (_selectedValue == value)
return;
_selectedValue = value;
SelectedValueChanged.InvokeAsync(_selectedValue);
}
}
private int _selectedValue = 0;
/// <summary>
/// Fires when hovered value change. Value will be null if no rating item is hovered.
/// </summary>
[Parameter] public EventCallback<int?> HoveredValueChanged { get; set; }
internal int? HoveredValue
{
get => _hoveredValue;
set
{
if (_hoveredValue == value)
return;
_hoveredValue = value;
HoveredValueChanged.InvokeAsync(value);
}
}
private int? _hoveredValue = null;
internal bool IsRatingHover => HoveredValue.HasValue;
private void HandleItemClicked(int itemValue)
{
SelectedValue = itemValue;
if (itemValue == 0)
{
HoveredValue = null;
}
}
internal void HandleItemHovered(int? itemValue) => HoveredValue = itemValue;
private void IncreaseValue(int val)
{
if ((SelectedValue == MaxValue && val > 0) || (SelectedValue == 0 && val < 0))
{
}
else
{
SelectedValue += val;
}
}
protected internal void HandleKeyDown(KeyboardEventArgs obj)
{
if (Disabled || ReadOnly)
{
return;
}
switch (obj.Key)
{
case "ArrowRight":
if (obj.ShiftKey == true)
{
IncreaseValue(MaxValue - SelectedValue);
}
else
{
IncreaseValue(1);
}
break;
case "ArrowLeft":
if (obj.ShiftKey == true)
{
IncreaseValue(-SelectedValue);
}
else
{
IncreaseValue(-1);
}
break;
}
}
}