From 516c4f337eed85aaf658cebf354071753ea31351 Mon Sep 17 00:00:00 2001 From: markosteger Date: Thu, 9 Mar 2023 12:44:10 +0100 Subject: [PATCH] Grid, GridRow, GridRowContent --- .gitignore | 5 ++ .../Pages/Democomp.razor | 13 +++-- .../Program.cs | 20 -------- .../Components/Grid.razor | 5 ++ .../Components/Grid.razor.cs | 41 ++++++++++++++++ .../Components/GridRow.razor | 23 +++++++++ .../Components/GridRow.razor.cs | 48 +++++++++++++++++++ .../Components/GridRowContent.razor | 3 ++ .../Components/GridRowContent.razor.cs | 46 ++++++++++++++++++ .../Models/Alert/AlertOptions.cs | 21 ++++++++ 10 files changed, 202 insertions(+), 23 deletions(-) delete mode 100644 src/Connected.Components.Showcase.Runner/Program.cs create mode 100644 src/Connected.Components/Components/Grid.razor create mode 100644 src/Connected.Components/Components/Grid.razor.cs create mode 100644 src/Connected.Components/Components/GridRow.razor create mode 100644 src/Connected.Components/Components/GridRow.razor.cs create mode 100644 src/Connected.Components/Components/GridRowContent.razor create mode 100644 src/Connected.Components/Components/GridRowContent.razor.cs create mode 100644 src/connected.components/Models/Alert/AlertOptions.cs diff --git a/.gitignore b/.gitignore index 7ae34d7..d7f1dd6 100644 --- a/.gitignore +++ b/.gitignore @@ -431,3 +431,8 @@ FodyWeavers.xsd **.Runner/** **.DS_Store +/src/Connected.Components/Models/Alert/AlertOptions.cs +/src/Connected.Components/Components/DatePicker.razor.cs +/src/Connected.Components/Components/FormWizard.razor +/src/Connected.Components/Components/FormWizard.razor.cs +/src/Connected.Components.Showcase.Runner/Program.cs diff --git a/src/Connected.Components.Showcase.Runner/Pages/Democomp.razor b/src/Connected.Components.Showcase.Runner/Pages/Democomp.razor index 99153f9..691567e 100644 --- a/src/Connected.Components.Showcase.Runner/Pages/Democomp.razor +++ b/src/Connected.Components.Showcase.Runner/Pages/Democomp.razor @@ -906,12 +906,12 @@ - -
+
@@ -922,7 +922,7 @@ ssss
- +
@@ -1119,6 +1119,13 @@ NavClosed = string.IsNullOrWhiteSpace(NavClosed) ? "show" : ""; } + private string ModalShown { get; set; } = ""; + + private void ToggleModal() + { + ModalShown = string.IsNullOrWhiteSpace(ModalShown) ? "show" : ""; + } + private string NextSlide { get; set; } = ""; diff --git a/src/Connected.Components.Showcase.Runner/Program.cs b/src/Connected.Components.Showcase.Runner/Program.cs deleted file mode 100644 index 370ca59..0000000 --- a/src/Connected.Components.Showcase.Runner/Program.cs +++ /dev/null @@ -1,20 +0,0 @@ -using Connected.Components.Showcase.Runner; -using Microsoft.AspNetCore.Components.Web; -using Microsoft.AspNetCore.Components.WebAssembly.Hosting; -using Connected.Services; - -internal class Program -{ - private static async global::System.Threading.Tasks.Task Main(string[] args) - { - var builder = WebAssemblyHostBuilder.CreateDefault(args); - builder.RootComponents.Add("#app"); - builder.RootComponents.Add("head::after"); - - builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) }); - - builder.Services.AddModalDialogService(); - - await builder.Build().RunAsync(); - } -} \ No newline at end of file diff --git a/src/Connected.Components/Components/Grid.razor b/src/Connected.Components/Components/Grid.razor new file mode 100644 index 0000000..42bb7aa --- /dev/null +++ b/src/Connected.Components/Components/Grid.razor @@ -0,0 +1,5 @@ + +
+ @ChildContent +
+ diff --git a/src/Connected.Components/Components/Grid.razor.cs b/src/Connected.Components/Components/Grid.razor.cs new file mode 100644 index 0000000..563db2a --- /dev/null +++ b/src/Connected.Components/Components/Grid.razor.cs @@ -0,0 +1,41 @@ +using Connected.Utilities; +using Microsoft.AspNetCore.Components; + +namespace Connected.Components; +public partial class Grid: ComponentBase +{ + public List Rows { get; set; } = new(); + + [Parameter] + public RenderFragment? ChildContent { get; set; } + + [Parameter] + public bool Dense { get; set; } = true; + + [Parameter] + public bool ContainsImage { get; set; } = true; + + [Parameter] + public bool ShowSelect { get; set; } = true; + + [Parameter] + public bool Collapsable { get; set; } = true; + + [Parameter] + public string Class { get; set; } = string.Empty; + + private string GridClass + { + get + { + return new CssBuilder("data-grid") + .AddClass("dense", Dense) + .AddClass("image", ContainsImage) + .AddClass("select", ShowSelect) + .AddClass("collapse", Collapsable) + .AddClass(Class) + .Build(); + } + } + +} diff --git a/src/Connected.Components/Components/GridRow.razor b/src/Connected.Components/Components/GridRow.razor new file mode 100644 index 0000000..9ae4eb6 --- /dev/null +++ b/src/Connected.Components/Components/GridRow.razor @@ -0,0 +1,23 @@ + +
+
+ +
+ +
+ +
+ + +
+ @ChildContent +
+ +
+ +
+
+ diff --git a/src/Connected.Components/Components/GridRow.razor.cs b/src/Connected.Components/Components/GridRow.razor.cs new file mode 100644 index 0000000..d49f501 --- /dev/null +++ b/src/Connected.Components/Components/GridRow.razor.cs @@ -0,0 +1,48 @@ +using Connected.Utilities; +using Microsoft.AspNetCore.Components; + +namespace Connected.Components; +public partial class GridRow : ComponentBase +{ + + [CascadingParameter] + public Grid Parent { get; set; } + + public List Children { get; set; } + + [Parameter] + public RenderFragment? ChildContent { get; set; } + + [Parameter] + public bool CollapsedItemShown { get; set; } = false; + + private void ToggleNav() + { + CollapsedItemShown = !CollapsedItemShown; + } + + [Parameter] + public string Class { get; set; } = string.Empty; + + [Parameter] + public GridRowTemplate? Template { get; set; } = null; + + private string GridRowClass + { + get + { + return new CssBuilder("data-grid-row-content") + .AddClass("show",CollapsedItemShown) + .AddClass(Class) + .Build(); + } + } + + protected override async Task OnInitializedAsync() + { + if (Parent.Rows is null) Parent.Rows = new(); + Parent.Rows.Add(this); + await base.OnInitializedAsync(); + } + +} \ No newline at end of file diff --git a/src/Connected.Components/Components/GridRowContent.razor b/src/Connected.Components/Components/GridRowContent.razor new file mode 100644 index 0000000..db07431 --- /dev/null +++ b/src/Connected.Components/Components/GridRowContent.razor @@ -0,0 +1,3 @@ +
+ @ChildContent +
diff --git a/src/Connected.Components/Components/GridRowContent.razor.cs b/src/Connected.Components/Components/GridRowContent.razor.cs new file mode 100644 index 0000000..7f07735 --- /dev/null +++ b/src/Connected.Components/Components/GridRowContent.razor.cs @@ -0,0 +1,46 @@ +using Connected.Utilities; +using Microsoft.AspNetCore.Components; + +namespace Connected.Components; +public partial class GridRowContent : ComponentBase +{ + [CascadingParameter] + public GridRow? Parent { get; set; } + + /// + /// Text shown inside the button + /// Options: any string variable + /// Default: string.Empty + /// + [Parameter] + public RenderFragment? ChildContent { get; set; } + + /// + /// Disabled or enabled. + /// Default: false + /// + [Parameter] + public bool Collapsable { get; set; } = false; + + private string GeneratedRowContentClass + { + get + { + return new CssBuilder("row") + .AddClass("collapsed", Collapsable) + .AddClass("show", (Collapsable ? Parent?.CollapsedItemShown : false)) + .Build(); + } + } + + protected override async Task OnInitializedAsync() + { + if (Parent is not null) + { + if (Parent.Children is null) Parent.Children = new(); + Parent.Children.Add(this); + } + await base.OnInitializedAsync(); + } +} + diff --git a/src/connected.components/Models/Alert/AlertOptions.cs b/src/connected.components/Models/Alert/AlertOptions.cs new file mode 100644 index 0000000..0251f65 --- /dev/null +++ b/src/connected.components/Models/Alert/AlertOptions.cs @@ -0,0 +1,21 @@ +namespace Connected.Models.Alert; +public class AlertOptions +{ + Severity Severity { get; set; } = Severity.Info; + public bool ShowHeader { get; set; } = true; + public bool Cancelable { get; set; } = true; + + public AlertOptions() + { + Severity = Severity.Info; + ShowHeader = true; + Cancelable = true; + } + + public AlertOptions(Severity severity, bool showHeader, bool cancelable) + { + Severity = severity; + ShowHeader = showHeader; + Cancelable = cancelable; + } +}