Loading Toast

kikipoulet · Sep 12, 2024 · 1f0de91 · 1f0de91
1 parent c27ea3e
commit 1f0de91
Show file tree

Hide file tree

Showing 7 changed files with 44 additions and 1 deletion.
diff --git a/SukiUI.Demo/Features/ControlsLibrary/Toasts/ToastsView.axaml b/SukiUI.Demo/Features/ControlsLibrary/Toasts/ToastsView.axaml
@@ -62,6 +62,14 @@
                                 Content="Show Toast" />
                     </suki:GroupBox>
                 </suki:GlassCard>
+
+                <suki:GlassCard>
+                    <suki:GroupBox Header="Loading Toast">
+                        <Button Margin="15,10,15,0"
+                                Command="{Binding ShowLoadingToastCommand}"
+                                Content="Show Toast" />
+                    </suki:GroupBox>
+                </suki:GlassCard>
                 <suki:GlassCard>
                     <suki:GroupBox Header="3 Info Toasts">
                         <Button Margin="15,10,15,0"

diff --git a/SukiUI.Demo/Features/ControlsLibrary/Toasts/ToastsViewModel.cs b/SukiUI.Demo/Features/ControlsLibrary/Toasts/ToastsViewModel.cs
@@ -63,6 +63,18 @@ private void ShowUpdatingToast()
     [RelayCommand]
     private void ShowErrorToast() => ShowTypeDemoToast(NotificationType.Error);
 
+    [RelayCommand]
+    private void ShowLoadingToast()
+    {
+        toastManager.CreateToast()
+            .WithTitle("Loading")
+            .WithLoadingState(true)
+            .WithContent(
+                $"This is a loading toast.")
+            .Dismiss().After(TimeSpan.FromSeconds(3))
+            .Dismiss().ByClicking()
+            .Queue();
+    }
     private void ShowTypeDemoToast(NotificationType toastType)
     {
         toastManager.CreateToast()

diff --git a/SukiUI/Controls/SukiToast.axaml b/SukiUI/Controls/SukiToast.axaml
@@ -99,7 +99,10 @@
                                           VerticalAlignment="Center"
                                           Data="{TemplateBinding Icon}"
                                           Foreground="White" />
-
+                                <Border IsVisible="{TemplateBinding LoadingState}" Background="{DynamicResource SukiCardBackground}">
+
+                                    <suki:WaveProgress IsTextVisible="False" Value="50" Height="35" Width="35"></suki:WaveProgress>
+                                </Border>
                             </Panel>
                         </Border>
                     </Border>

diff --git a/SukiUI/Controls/SukiToast.axaml.cs b/SukiUI/Controls/SukiToast.axaml.cs
@@ -42,6 +42,14 @@ public string Title
         get => GetValue(TitleProperty);
         set => SetValue(TitleProperty, value);
     }
+
+    public static readonly StyledProperty<bool> LoadingStateProperty = AvaloniaProperty.Register<SukiToast, bool>(nameof(LoadingState));
+
+    public bool LoadingState
+    {
+        get => GetValue(LoadingStateProperty);
+        set => SetValue(LoadingStateProperty, value);
+    }
 
     public static readonly StyledProperty<bool> CanDismissByClickingProperty = AvaloniaProperty.Register<SukiToast, bool>(nameof(CanDismissByClicking));
 

diff --git a/SukiUI/Toasts/FluentSukiToastBuilder.cs b/SukiUI/Toasts/FluentSukiToastBuilder.cs
@@ -33,6 +33,16 @@ public static SukiToastBuilder WithTitle(this SukiToastBuilder builder, string t
             return builder;
         }
 
+
+        /// <summary>
+        /// Show a loading Toast.
+        /// </summary>
+        public static SukiToastBuilder WithLoadingState(this SukiToastBuilder builder, bool state)
+        {
+            builder.SetLoadingState(state);
+            return builder;
+        }
+
         /// <summary>
         /// Gives the toast some content. This can be a ViewModel if desired - View will be located via the default location strategy.
         /// </summary>

diff --git a/SukiUI/Toasts/ISukiToast.cs b/SukiUI/Toasts/ISukiToast.cs
@@ -13,6 +13,7 @@ public interface ISukiToast
         object? Icon { get; set; }
         IBrush? Foreground { get; set; }
         bool CanDismissByClicking { get; set; }
+        bool LoadingState { get; set; }
         Action<ISukiToast>? OnDismissed { get; set; }
         Action<ISukiToast> OnClicked { get; set; }
         ObservableCollection<object> ActionButtons { get; }

diff --git a/SukiUI/Toasts/SukiToastBuilder.cs b/SukiUI/Toasts/SukiToastBuilder.cs
@@ -32,6 +32,7 @@ public ISukiToast Queue()
         public void SetContent(object? content) => Toast.Content = content;
 
         public void SetCanDismissByClicking(bool canDismiss) => Toast.CanDismissByClicking = canDismiss;
+        public void SetLoadingState(bool loading) => Toast.LoadingState = loading;
 
         public void SetType(NotificationType type)
         {