Skip to main contentAzure DevOps
infsoft-dev
/
WPE Libraries
/
Repos
/
Commits
/
Sign in to your account
Sign in
WPE Libraries
Overview
ReposFilesCommitsBranchesTagsPull requests
Pipelines
Add click tracking to buttons
Browse Files
d0ef4252
Josef König
committed Jun 13, 2024
main
succeeded
Files
Details
36 changed files
WPE.App.Shared.BaseComponents
Pages
Buttons
ButtonAction.razor
ButtonCategory.razor
ButtonCircleInterlaced32.razor
ButtonCircleInterlaced40.razor
ButtonCircleLayout40.razor
ButtonCircleOutline32.razor
ButtonCircleShadow40.razor
ButtonCircleTransparent32.razor
ButtonCircleTransparent40.razor
ButtonDay.razor
ButtonGhost.razor
ButtonInputField.razor
ButtonLocation.razor
ButtonPill.razor
ButtonPrimary.razor
ButtonPrimaryFullscreen.razor
ButtonScrollHorizontal.razor
ButtonSecondary.razor
ButtonSecondaryFullscreen.razor
ButtonSquare36.razor
ButtonSquareInterlaced32.razor
ButtonSquareTransparent24.razor
ButtonSquareTransparent32.razor
ButtonSquareTransparent34.razor
ButtonSquareTransparent40.razor
ButtonSwitch.razor
ButtonTabbar.razor
ButtonText.razor
ButtonToggleSwitch.razor
ButtonTransparentBlur.razor
ButtonVoucher.razor
ButtonWhite.razor
Card
Card_Button.razor
Card_InfoButton.razor
Components
TrackedStyleComponent.razor
+
WPE.App.Shared.BaseComponents.csproj
ButtonAction.razor
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonAction.razor-4+10
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonAction.razor
View
Add comment 1 Minus  @using Infsoft.WPE.App.Shared.BaseComponents.Models.General
Add comment 2 1 @using Infsoft.WPE.App.Shared.BaseComponents.Models.Text;
Add comment 3 2 @using Infsoft.WPE.App.Shared.BaseComponents.Pages.Animations
Add comment 4 3 @using Infsoft.WPE.App.Shared.BaseComponents.Pages.Text
Add comment 4 Plus  @using Infsoft.WPE.App.Shared.BaseComponents.Pages.Components
Add comment 5
Add comment 6 Minus  @inherits StyledComponent
Add comment 6 Plus  @inherits TrackedStyleComponent
Add comment 7
Add comment 8 @{
Add comment 9 string btnText = Pending ? PendingText : Text;
Add comment 18 }
Add comment 19
Add comment 20 @* Figma Component: button/action *@
Add comment 21 Minus  <div class="@btnClass" Style="@Style" @onclick="Click" @onmouseenter="() => ToggleMouseOverButton(true)" @onmouseleave="() => ToggleMouseOverButton(false)">
Add comment 21 Plus  <div class="@btnClass" Style="@Style" @onclick="ClickAction" @onmouseenter="() => ToggleMouseOverButton(true)" @onmouseleave="() => ToggleMouseOverButton(false)">
Add comment 22 @if (Pending)
Add comment 23 {
Add comment 24 <BubbleLoading />
Add comment 50 [Parameter]
Add comment 51 public EventCallback Click { get; set; }
Add comment 52
Add comment 53 Plus   private async Task ClickAction()
Add comment 54 Plus   {
Add comment 55 Plus   await base.TrackClick(Pending ? PendingText : Text);
Add comment 56 Plus   await Click.InvokeAsync();
Add comment 57 Plus   }
Add comment 58 Plus  
Add comment 53 59 private bool MouseOverButton = false;
Add comment 54 60
Add comment 55 Minus   public void ToggleMouseOverButton(bool mouseOver)
Add comment 61 Plus   private void ToggleMouseOverButton(bool mouseOver)
Add comment 56 62 {
Add comment 57 63 MouseOverButton = mouseOver;
Add comment 58 64 this.StateHasChanged();
ButtonCategory.razor
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonCategory.razor-1+11
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonCategory.razor
View
Add comment 1 Plus  @using Infsoft.WPE.App.Shared.BaseComponents.Pages.Components
Add comment 2 Plus  
Add comment 3 Plus  @inherits TrackedStyleComponent
Add comment 4 Plus  
Add comment 1 5 @{
Add comment 2 6 string btnClass = "btn-category";
Add comment 3 7 btnClass += Active ? " active" : "";
Add comment 4 8 }
Add comment 5 9
Add comment 6 Minus  <div class="@btnClass" @onclick="Click">
Add comment 10 Plus  <div class="@btnClass" @onclick="ClickAction">
Add comment 7 11 <i class="icon-@Icon" />
Add comment 8 12 <span>@Text</span>
Add comment 9 13 </div>
Add comment 20 24
Add comment 21 25 [Parameter]
Add comment 22 26 public EventCallback Click { get; set; }
Add comment 27 Plus  
Add comment 28 Plus   private async Task ClickAction()
Add comment 29 Plus   {
Add comment 30 Plus   await base.TrackClick(Text);
Add comment 31 Plus   await Click.InvokeAsync();
Add comment 32 Plus   }
Add comment 23 33 }
Add comment 24 34
ButtonCircleInterlaced32.razor
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonCircleInterlaced32.razor-4+5
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonCircleInterlaced32.razor
View
Add comment 1 Minus  @using Infsoft.WPE.App.Shared.BaseComponents.Models.General;
Add comment 1 Plus  @using Infsoft.WPE.App.Shared.BaseComponents.Pages.Components
Add comment 2 Plus  
Add comment 3 Plus  @inherits TrackedStyleComponent
Add comment 4 Plus  
Add comment 2 5 @{
Add comment 3 6 string btnClass = "btn-circle";
Add comment 4 7 btnClass += Active ? " active" : " inactive";
Add comment 20 23 [Parameter]
Add comment 21 24 public bool Active { get; set; } = true;
Add comment 22 25
Add comment 23 Minus   [Parameter]
Add comment 24 Minus   public ComponentMode Mode { get; set; } = ComponentMode.Light;
Add comment 25 Minus  
Add comment 26 private void OnClick()
Add comment 27 {
Add comment 28 if (!Active) return;
Add comment 29
Add comment 30 Plus   _ = base.TrackClick($"Icon only");
Add comment 30 31 _ = Click.InvokeAsync();
Add comment 31 32 }
Add comment 32 33 }
ButtonCircleInterlaced40.razor
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonCircleInterlaced40.razor-3+4
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonCircleInterlaced40.razor
View
Add comment 1 @using Infsoft.WPE.App.Shared.BaseComponents.Models.General;
Add comment 2 Plus  @using Infsoft.WPE.App.Shared.BaseComponents.Pages.Components
Add comment 3 Plus  
Add comment 4 Plus  @inherits TrackedStyleComponent
Add comment 2 5
Add comment 3 6 @{
Add comment 4 7 string btnClass = "btn-circle";
Add comment 21 24 [Parameter]
Add comment 22 25 public bool Active { get; set; } = true;
Add comment 23 26
Add comment 24 Minus   [Parameter]
Add comment 25 Minus   public ComponentMode Mode { get; set; } = ComponentMode.Light;
Add comment 26 Minus  
Add comment 27 private void OnClick()
Add comment 28 {
Add comment 29 if (!Active) return;
Add comment 30
Add comment 31 Plus   _ = base.TrackClick("Icon only");
Add comment 31 32 _ = Click.InvokeAsync();
Add comment 32 33 }
Add comment 33 34 }
ButtonCircleLayout40.razor
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonCircleLayout40.razor-1+4
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonCircleLayout40.razor
View
Add comment 1 Minus  @using Infsoft.WPE.App.Shared.BaseComponents.Models.General;
Add comment 1 Plus  @using Infsoft.WPE.App.Shared.BaseComponents.Pages.Components
Add comment 2 Plus  
Add comment 3 Plus  @inherits TrackedStyleComponent
Add comment 2 4
Add comment 3 5 @{
Add comment 4 6 string btnClass = "btn-circle";
Add comment 19 21
Add comment 20 22 private void OnClick()
Add comment 21 23 {
Add comment 24 Plus   _ = base.TrackClick("Icon only");
Add comment 22 25 _ = Click.InvokeAsync();
Add comment 23 26 }
Add comment 24 27 }
ButtonCircleOutline32.razor
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonCircleOutline32.razor+5
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonCircleOutline32.razor
View
Add comment 1 Plus  @using Infsoft.WPE.App.Shared.BaseComponents.Pages.Components
Add comment 2 Plus  
Add comment 3 Plus  @inherits TrackedStyleComponent
Add comment 4 Plus  
Add comment 1 5 @{
Add comment 2 6 string btnClass = "btn-circle";
Add comment 3 7 btnClass += Active ? " active" : " inactive";
Add comment 22 26 {
Add comment 23 27 if (!Active) return;
Add comment 24 28
Add comment 29 Plus   _ = base.TrackClick("Icon only");
Add comment 25 30 _ = Click.InvokeAsync();
Add comment 26 31 }
Add comment 27 32 }
ButtonCircleShadow40.razor
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonCircleShadow40.razor
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonCircleShadow40.razor
View
ButtonCircleTransparent32.razor
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonCircleTransparent32.razor
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonCircleTransparent32.razor
View
ButtonCircleTransparent40.razor
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonCircleTransparent40.razor
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonCircleTransparent40.razor
View
ButtonDay.razor
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonDay.razor
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonDay.razor
View
ButtonGhost.razor
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonGhost.razor
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonGhost.razor
View
ButtonInputField.razor
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonInputField.razor
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonInputField.razor
View
ButtonLocation.razor
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonLocation.razor
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonLocation.razor
View
ButtonPill.razor
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonPill.razor
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonPill.razor
View
ButtonPrimary.razor
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonPrimary.razor
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonPrimary.razor
View
ButtonPrimaryFullscreen.razor
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonPrimaryFullscreen.razor
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonPrimaryFullscreen.razor
View
ButtonScrollHorizontal.razor
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonScrollHorizontal.razor
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonScrollHorizontal.razor
View
ButtonSecondary.razor
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonSecondary.razor
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonSecondary.razor
View
ButtonSecondaryFullscreen.razor
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonSecondaryFullscreen.razor
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonSecondaryFullscreen.razor
View
ButtonSquare36.razor
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonSquare36.razor
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonSquare36.razor
View
ButtonSquareInterlaced32.razor
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonSquareInterlaced32.razor
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonSquareInterlaced32.razor
View
ButtonSquareTransparent24.razor
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonSquareTransparent24.razor
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonSquareTransparent24.razor
View
ButtonSquareTransparent32.razor
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonSquareTransparent32.razor
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonSquareTransparent32.razor
View
ButtonSquareTransparent34.razor
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonSquareTransparent34.razor
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonSquareTransparent34.razor
View
ButtonSquareTransparent40.razor
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonSquareTransparent40.razor
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonSquareTransparent40.razor
View
ButtonSwitch.razor
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonSwitch.razor
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonSwitch.razor
View
ButtonTabbar.razor
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonTabbar.razor
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonTabbar.razor
View
ButtonText.razor
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonText.razor
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonText.razor
View
ButtonToggleSwitch.razor
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonToggleSwitch.razor
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonToggleSwitch.razor
View
ButtonTransparentBlur.razor
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonTransparentBlur.razor
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonTransparentBlur.razor
View
ButtonVoucher.razor
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonVoucher.razor
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonVoucher.razor
View
ButtonWhite.razor
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonWhite.razor
/WPE.App.Shared.BaseComponents/Pages/Buttons/ButtonWhite.razor
View
Card_Button.razor
/WPE.App.Shared.BaseComponents/Pages/Card/Card_Button.razor
/WPE.App.Shared.BaseComponents/Pages/Card/Card_Button.razor
View
Card_InfoButton.razor
/WPE.App.Shared.BaseComponents/Pages/Card/Card_InfoButton.razor
/WPE.App.Shared.BaseComponents/Pages/Card/Card_InfoButton.razor
View
TrackedStyleComponent.razor
/WPE.App.Shared.BaseComponents/Pages/Components/TrackedStyleComponent.razor
/WPE.App.Shared.BaseComponents/Pages/Components/TrackedStyleComponent.razor
View
WPE.App.Shared.BaseComponents.csproj
/WPE.App.Shared.BaseComponents/WPE.App.Shared.BaseComponents.csproj
/WPE.App.Shared.BaseComponents/WPE.App.Shared.BaseComponents.csproj
View