Connected/Connected.Components
14
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Refactor ButtonBase, remove styling properties and rename per specs

Browse Source
This commit is contained in:
Matija Koželj 2022-12-27 11:00:20 +01:00
parent 52a577df0d
commit c33820a8a7
1 changed files with 25 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

59
src/Connected.Components/Components/Button/ButtonBase.cs
View File

@ -1,57 +1,38 @@
using System.Windows.Input;
using Connected.Annotations;
using Microsoft.AspNetCore.Components;
using Microsoft.AspNetCore.Components.Web;
using static System.String;
namespace Connected.Components;
public abstract class ButtonBase : UIComponent
{
#region EventCallbacks
/// <summary>
/// Button click event.
/// </summary>
[Parameter]
public EventCallback<MouseEventArgs> OnClick { get; set; }
public EventCallback<MouseEventArgs> Clicked { get; set; }
#endregion
#region Content placeholders
/// <summary>
/// Potential activation target for this button. This enables RenderFragments with user-defined
/// buttons which will automatically activate the intended functionality.
/// </summary>
[CascadingParameter]
protected IActivatable Activateable { get; set; }
protected IActivatable? Activateable { get; set; }
#endregion
/// <summary>
/// The HTML element that will be rendered in the root by the component
/// By default, is a button
/// </summary>
[Parameter]
public string HtmlTag { get; set; } = "button";
#region Styling properties
#endregion
#region Behavior properties
/// <summary>
/// The button Type (Button, Submit, Refresh)
/// </summary>
[Parameter]
public ButtonType ButtonType { get; set; }
/// <summary>
/// If true, the button will be disabled.
/// </summary>
[Parameter]
public bool Disabled { get; set; }
/// <summary>
/// The higher the number, the heavier the drop-shadow. 0 for no shadow.
/// </summary>
[Parameter]
public int Elevation { set; get; } = 0;
/// <summary>
/// If true, disables ripple effect.
/// </summary>
[Parameter]
public bool CanRipple { get; set; }
/// <summary>
/// Command executed when the user clicks on an element.
/// </summary>
@ -64,20 +45,30 @@ public abstract class ButtonBase : UIComponent
[Parameter]
public object? CommandParameters { get; set; }
protected async Task OnClickHandler(MouseEventArgs e)
/// <summary>
/// If true, the button will be disabled.
/// </summary>
[Parameter]
public bool Disabled { get; set; }
#endregion
/// <summary>
/// The HTML element that will be rendered in the root by the component
/// By default, is a button
/// </summary>
protected string HtmlTag => ButtonType.ToString().ToLower();
protected async Task OnClick(MouseEventArgs e)
{
if (Disabled)
return;
await OnClick.InvokeAsync(e);
if (Clicked.HasDelegate)
await Clicked.InvokeAsync(e);
if (Command?.CanExecute(CommandParameters) ?? false)
Command.Execute(CommandParameters);
Activateable?.Activate(this, e);
}
protected ElementReference _elementReference;
public ValueTask FocusAsync() => _elementReference.FocusAsync();
}