wip

Megabit · Feb 18, 2024 · 6c93285 · 6c93285
1 parent 1270cf2
commit 6c93285
Show file tree

Hide file tree

Showing 38 changed files with 1,350 additions and 5 deletions.
diff --git a/Demos/Blazorise.Demo.FluentUI2/Program.cs b/Demos/Blazorise.Demo.FluentUI2/Program.cs
@@ -1,8 +1,11 @@
 #region Using directives
+using System;
+using System.Net.Http;
 using System.Threading.Tasks;
 using Blazorise.FluentUI2;
 using Blazorise.Icons.FluentUI;
 using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
+using Microsoft.Extensions.DependencyInjection;
 #endregion
 
 namespace Blazorise.Demo.FluentUI2;
@@ -19,8 +22,8 @@ public static async Task Main( string[] args )
             .AddFluentUIIcons();
 
         builder.RootComponents.Add<App>( "#app" );
-        var host = builder.Build();
+        builder.Services.AddScoped( sp => new HttpClient { BaseAddress = new Uri( builder.HostEnvironment.BaseAddress ) } );
 
-        await host.RunAsync();
+        await builder.Build().RunAsync();
     }
 }
diff --git a/Demos/Blazorise.Demo.Tailwind/Program.cs b/Demos/Blazorise.Demo.Tailwind/Program.cs
@@ -2,9 +2,8 @@
 using System;
 using System.Net.Http;
 using System.Threading.Tasks;
-using Blazorise.Tailwind;
 using Blazorise.Icons.FontAwesome;
-using Blazorise.RichTextEdit;
+using Blazorise.Tailwind;
 using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
 using Microsoft.Extensions.DependencyInjection;
 #endregion

diff --git a/Demos/Blazorise.Demo/Components/SideMenu.razor b/Demos/Blazorise.Demo/Components/SideMenu.razor
@@ -48,6 +48,7 @@
                         <BarDropdownItem To="tests/steps">Steps</BarDropdownItem>
                         <BarDropdownItem To="tests/tables">Tables</BarDropdownItem>
                         <BarDropdownItem To="tests/tabs">Tabs</BarDropdownItem>
+                        <BarDropdownItem To="tests/toasts">Toasts</BarDropdownItem>
                         <BarDropdownItem To="tests/tooltips">Tooltips</BarDropdownItem>
                         <BarDropdownItem To="tests/typography">Typography</BarDropdownItem>
                     </BarDropdownMenu>

diff --git a/Demos/Blazorise.Demo/Pages/Tests/ToastPage.razor b/Demos/Blazorise.Demo/Pages/Tests/ToastPage.razor
@@ -0,0 +1,78 @@
+@page "/tests/toasts";
+
+<Row>
+    <Column>
+        <Card Margin="Margin.Is4.OnY">
+            <CardHeader>
+                <CardTitle>Toast (Configuration)</CardTitle>
+            </CardHeader>
+            <CardBody>
+                <Row>
+                    <Column ColumnSize="ColumnSize.IsAuto">
+                        <Field>
+                            <FieldLabel>
+                                Animation
+                            </FieldLabel>
+                            <FieldBody>
+                                <Switch @bind-Checked="@animation">Animation</Switch>
+                            </FieldBody>
+                        </Field>
+                    </Column>
+                    <Column ColumnSize="ColumnSize.IsAuto">
+                        <Field>
+                            <FieldLabel>
+                                Animation Duration (ms)
+                            </FieldLabel>
+                            <FieldBody>
+                                <NumericEdit TValue="int" @bind-Value="animationDuration" />
+                            </FieldBody>
+                        </Field>
+                    </Column>
+                </Row>
+            </CardBody>
+        </Card>
+    </Column>
+</Row>
+
+<Row>
+    <Column>
+        <Card Margin="Margin.Is4.OnY">
+            <CardHeader>
+                <CardTitle>Modals (Default)</CardTitle>
+            </CardHeader>
+            <CardBody>
+                <CardText>
+                    A rendered modal with header, body, and set of actions in the footer.
+                </CardText>
+            </CardBody>
+            <CardBody>
+                <Button Color="Color.Primary" Clicked="@(()=>toastRef.Show())">
+                    Show Toast
+                </Button>
+            </CardBody>
+        </Card>
+    </Column>
+</Row>
+
+<ToastContainer>
+    <Toast @ref="toastRef" Animated="@animation" AnimationDuration="@animationDuration">
+        <ToastHeader>
+            <Span>Toast Header</Span>
+            <CloseButton Clicked="@HideToast" />
+        </ToastHeader>
+        <ToastBody>
+            Hello, world! This is a toast message.
+        </ToastBody>
+    </Toast>
+</ToastContainer>
+@code {
+    Toast toastRef;
+
+    private bool animation = true;
+    private int animationDuration = 300;
+
+    private Task HideToast()
+    {
+        return toastRef.Hide();
+    }
+}
diff --git a/Source/Blazorise.AntDesign/AntDesignClassProvider.cs b/Source/Blazorise.AntDesign/AntDesignClassProvider.cs
@@ -951,6 +951,26 @@ public override string OffcanvasFade( bool showing, bool hiding ) => showing
 
     #endregion
 
+    #region Toast
+
+    public override string Toast() => null;
+
+    public override string ToastPlacement( ToastPlacement placement, bool visible ) => null;
+
+    public override string ToastFade( bool showing, bool hiding ) => null;
+
+    public override string ToastVisible( bool visible ) => null;
+
+    public override string ToastHeader() => null;
+
+    public override string ToastBody() => null;
+
+    public override string ToastContainer() => null;
+
+    public override string ToastContainerPlacement( ToastPlacement placement, bool visible ) => null;
+
+    #endregion
+
     #region Pagination
 
     public override string Pagination() => "ant-pagination";

diff --git a/Source/Blazorise.AntDesign/AntDesignStyleProvider.cs b/Source/Blazorise.AntDesign/AntDesignStyleProvider.cs
@@ -65,4 +65,13 @@ public override string OffcanvasBackdropAnimationDuration( bool animated, int an
             : "transition-duration: unset";
 
     #endregion
+
+    #region Toast
+
+    public override string ToastAnimationDuration( bool animated, int animationDuration )
+        => animated
+            ? $"transition-duration: {animationDuration}ms"
+            : "transition-duration: unset";
+
+    #endregion
 }
diff --git a/Source/Blazorise.Bootstrap/BootstrapClassProvider.cs b/Source/Blazorise.Bootstrap/BootstrapClassProvider.cs
@@ -959,6 +959,30 @@ public override string OffcanvasFade( bool showing, bool hiding ) => showing
 
     #endregion
 
+    #region Toast
+
+    public override string Toast() => "toast";
+
+    public override string ToastPlacement( ToastPlacement placement, bool visible ) => null;
+
+    public override string ToastFade( bool showing, bool hiding ) => showing
+        ? "showing"
+        : hiding
+            ? "hiding"
+            : null;
+
+    public override string ToastVisible( bool visible ) => visible ? Show() : null;
+
+    public override string ToastHeader() => "toast-header";
+
+    public override string ToastBody() => "toast-body";
+
+    public override string ToastContainer() => "position-fixed bottom-0 right-0 p-3";
+
+    public override string ToastContainerPlacement( ToastPlacement placement, bool visible ) => null;
+
+    #endregion
+
     #region Pagination
 
     public override string Pagination() => "pagination";

diff --git a/Source/Blazorise.Bootstrap/BootstrapStyleProvider.cs b/Source/Blazorise.Bootstrap/BootstrapStyleProvider.cs
@@ -54,4 +54,13 @@ public override string OffcanvasBackdropAnimationDuration( bool animated, int an
             : "transition-duration: unset";
 
     #endregion
+
+    #region Toast
+
+    public override string ToastAnimationDuration( bool animated, int animationDuration )
+        => animated
+            ? $"transition-duration: {animationDuration}ms"
+            : "transition-duration: unset";
+
+    #endregion
 }
diff --git a/Source/Blazorise.Bootstrap5/Bootstrap5ClassProvider.cs b/Source/Blazorise.Bootstrap5/Bootstrap5ClassProvider.cs
@@ -952,6 +952,30 @@ public override string OffcanvasFade( bool showing, bool hiding ) => showing
 
     #endregion
 
+    #region Toast
+
+    public override string Toast() => "toast";
+
+    public override string ToastPlacement( ToastPlacement placement, bool visible ) => null;
+
+    public override string ToastFade( bool showing, bool hiding ) => showing
+        ? "showing"
+        : hiding
+            ? "hiding"
+            : null;
+
+    public override string ToastVisible( bool visible ) => visible ? Show() : null;
+
+    public override string ToastHeader() => "toast-header";
+
+    public override string ToastBody() => "toast-body";
+
+    public override string ToastContainer() => "position-fixed bottom-0 right-0 p-3";
+
+    public override string ToastContainerPlacement( ToastPlacement placement, bool visible ) => null;
+
+    #endregion
+
     #region Pagination
 
     public override string Pagination() => "pagination";

diff --git a/Source/Blazorise.Bootstrap5/Bootstrap5StyleProvider.cs b/Source/Blazorise.Bootstrap5/Bootstrap5StyleProvider.cs
@@ -54,4 +54,13 @@ public override string OffcanvasBackdropAnimationDuration( bool animated, int an
             : "transition-duration: unset";
 
     #endregion
+
+    #region Toast
+
+    public override string ToastAnimationDuration( bool animated, int animationDuration )
+        => animated
+            ? $"transition-duration: {animationDuration}ms"
+            : "transition-duration: unset";
+
+    #endregion
 }
diff --git a/Source/Blazorise.Bulma/BulmaClassProvider.cs b/Source/Blazorise.Bulma/BulmaClassProvider.cs
@@ -989,6 +989,26 @@ public override string OffcanvasFade( bool showing, bool hiding ) => showing
 
     #endregion
 
+    #region Toast
+
+    public override string Toast() => null;
+
+    public override string ToastPlacement( ToastPlacement placement, bool visible ) => null;
+
+    public override string ToastFade( bool showing, bool hiding ) => null;
+
+    public override string ToastVisible( bool visible ) => null;
+
+    public override string ToastHeader() => null;
+
+    public override string ToastBody() => null;
+
+    public override string ToastContainer() => null;
+
+    public override string ToastContainerPlacement( ToastPlacement placement, bool visible ) => null;
+
+    #endregion
+
     #region Pagination
 
     public override string Pagination() => "pagination-list";

diff --git a/Source/Blazorise.Bulma/BulmaStyleProvider.cs b/Source/Blazorise.Bulma/BulmaStyleProvider.cs
@@ -54,4 +54,13 @@ public override string OffcanvasBackdropAnimationDuration( bool animated, int an
             : "transition-duration: unset";
 
     #endregion
+
+    #region Toast
+
+    public override string ToastAnimationDuration( bool animated, int animationDuration )
+        => animated
+            ? $"transition-duration: {animationDuration}ms"
+            : "transition-duration: unset";
+
+    #endregion
 }
diff --git a/Source/Blazorise.FluentUI2/Providers/FluentUI2ClassProvider.cs b/Source/Blazorise.FluentUI2/Providers/FluentUI2ClassProvider.cs
@@ -1091,6 +1091,30 @@ public override string OffcanvasBackdropFade( bool showing, bool hiding ) => sho
 
     #endregion
 
+    #region Toast
+
+    public override string Toast() => "fui-Toast";
+
+    public override string ToastPlacement( ToastPlacement placement, bool visible ) => null;
+
+    public override string ToastFade( bool showing, bool hiding ) => showing
+        ? "fui-Toast-showing"
+        : hiding
+            ? "fui-Toast-hiding"
+            : null;
+
+    public override string ToastVisible( bool visible ) => visible ? "fui-Toast-show" : null;
+
+    public override string ToastHeader() => "fui-ToastHeader";
+
+    public override string ToastBody() => "fui-ToastBody";
+
+    public override string ToastContainer() => "fui-ToastContainer";
+
+    public override string ToastContainerPlacement( ToastPlacement placement, bool visible ) => null;
+
+    #endregion
+
     #region Pagination
 
     public override string Pagination() => "fui-Pagination";

diff --git a/Source/Blazorise.FluentUI2/Providers/FluentUI2StyleProvider.cs b/Source/Blazorise.FluentUI2/Providers/FluentUI2StyleProvider.cs
@@ -54,4 +54,13 @@ public override string OffcanvasBackdropAnimationDuration( bool animated, int an
             : "--durationGentle: 0ms";
 
     #endregion
+
+    #region Toast
+
+    public override string ToastAnimationDuration( bool animated, int animationDuration )
+        => animated
+            ? $"--durationGentle: {animationDuration}ms"
+            : "--durationGentle: 0ms";
+
+    #endregion
 }
diff --git a/Source/Blazorise.FluentUI2/Styles/blazorise.fluentui2.scss b/Source/Blazorise.FluentUI2/Styles/blazorise.fluentui2.scss
@@ -40,6 +40,7 @@
 @import "components/switch";
 @import "components/table";
 @import "components/tabs";
+@import "components/toast";
 @import "components/tooltip";
 @import "components/typography";