From bcce62f28e25d7b67132d0ad8b695593be4f4c48 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Matija=20Ko=C5=BEelj?= <matija.kozelj@tompit.net>
Date: Thu, 16 Mar 2023 13:56:28 +0100
Subject: [PATCH] Upgrade modal use cases and functions Add modal types

---
 .../MainLayout.razor                          |  1 +
 .../Components/ModalDialog.razor              | 40 +++++++++----------
 .../Components/ModalDialog.razor.cs           | 32 ++++++++++++++-
 .../Models/Modal/ModalEvent.cs                |  2 +
 .../Models/Modal/ModalOptions.cs              |  6 ++-
 .../Services/ModalDialogService.cs            | 22 +++++++++-
 6 files changed, 79 insertions(+), 24 deletions(-)

diff --git a/src/Connected.Components.Showcase.Runner/MainLayout.razor b/src/Connected.Components.Showcase.Runner/MainLayout.razor
index 8dd7695..f70f81e 100644
--- a/src/Connected.Components.Showcase.Runner/MainLayout.razor
+++ b/src/Connected.Components.Showcase.Runner/MainLayout.razor
@@ -1,4 +1,5 @@
 @inherits LayoutComponentBase
+@namespace Connected.Components.Showcase.Runner
 
 <ModalDialog/>
 
diff --git a/src/Connected.Components/Components/ModalDialog.razor b/src/Connected.Components/Components/ModalDialog.razor
index 74bf5df..41be3cf 100644
--- a/src/Connected.Components/Components/ModalDialog.razor
+++ b/src/Connected.Components/Components/ModalDialog.razor
@@ -1,25 +1,25 @@
 @using Connected.Models.Modal;
 @if (IsVisible)
 {
-    <div class="modal fade show" @onclick="@CloseIfEnabled" @onkeydown="@(e => CheckEscape(e))" tabindex="-1" @ref="@root">
-        <div class="modal-dialog modal-dialog-scrollable modal-dialog-centered">
-                <div class="modal-content" @onclick="PreventClose">
-                    @if (!ModalOptions.NoHeader)
-                    {
-                        <div class="modal-header">
-                            <h3 class="modal-title">@Title</h3>
-                        </div>
-                    }
-                    <div class="modal-body">
-                        @Content
-                    </div>
-                    <div class="modal-footer">
-                        @foreach (ModalButton button in buttons)
-                        {
-                            <button type="button" class="btn @button.GetButtonClass" @onclick="@(()=>CloseModal(button))">@button.ButtonText</button>
-                        }
-                    </div>
-                </div>
+   <div class="@ClassList" @onclick="@CloseIfEnabled" @onkeydown="@(e => CheckEscape(e))" tabindex="-1" @ref="@root">
+      <div class="modal-dialog modal-dialog-scrollable modal-dialog-centered">
+         <div class="modal-content" @onclick="PreventClose">
+            @if (!ModalOptions.NoHeader)
+            {
+               <div class="modal-header">
+                  <h3 class="modal-title">@Title</h3>
+               </div>
+            }
+            <div class="modal-body">
+               @Content
             </div>
-        </div>
+            <div class="modal-footer">
+               @foreach (ModalButton button in buttons)
+               {
+                  <button type="button" class="btn @button.GetButtonClass" @onclick="@(()=>CloseModal(button))">@button.ButtonText</button>
+               }
+            </div>
+         </div>
+      </div>
+   </div>
 }
\ No newline at end of file
diff --git a/src/Connected.Components/Components/ModalDialog.razor.cs b/src/Connected.Components/Components/ModalDialog.razor.cs
index 0bc8114..0bcef56 100644
--- a/src/Connected.Components/Components/ModalDialog.razor.cs
+++ b/src/Connected.Components/Components/ModalDialog.razor.cs
@@ -1,7 +1,10 @@
-using Connected.Models.Modal;
+using Connected.Enums;
+using Connected.Models.Modal;
 using Connected.Services;
+using Connected.Utilities;
 using Microsoft.AspNetCore.Components;
 using Microsoft.AspNetCore.Components.Web;
+using System.Reflection;
 
 namespace Connected.Components;
 public partial class ModalDialog : IDisposable
@@ -18,6 +21,33 @@ public partial class ModalDialog : IDisposable
 
 	protected ModalOptions? ModalOptions { get; set; }
 
+	[Parameter]
+	public string? Class { get; set; }
+
+	private CssBuilder ClassList
+	{
+		get
+		{
+			return new CssBuilder()
+				.AddClass(Type)
+				.AddClass("fade")
+				.AddClass("show")				
+				.AddClass(Class);
+		}
+	}
+
+	private string Type
+	{
+		get
+		{
+			var type = Helper.GetEnumDescription(ModalOptions?.Type ?? ModalType.Default);
+
+			if (!string.IsNullOrWhiteSpace(type))
+				type = $"-{type}";
+
+			return $"modal{type}";
+		}
+	}
 
 	protected override void OnInitialized()
 	{
diff --git a/src/Connected.Components/Models/Modal/ModalEvent.cs b/src/Connected.Components/Models/Modal/ModalEvent.cs
index d0af9b1..3372b8b 100644
--- a/src/Connected.Components/Models/Modal/ModalEvent.cs
+++ b/src/Connected.Components/Models/Modal/ModalEvent.cs
@@ -9,4 +9,6 @@ public class Event
 		this.Delegate = Delegate;
 		args = Args;
 	}
+
+	public static Event Empty => new Event(null, null);
 }
diff --git a/src/Connected.Components/Models/Modal/ModalOptions.cs b/src/Connected.Components/Models/Modal/ModalOptions.cs
index efba56e..d92bfc6 100644
--- a/src/Connected.Components/Models/Modal/ModalOptions.cs
+++ b/src/Connected.Components/Models/Modal/ModalOptions.cs
@@ -1,10 +1,14 @@
-namespace Connected.Models.Modal;
+using Connected.Enums;
+
+namespace Connected.Models.Modal;
 public class ModalOptions
 {
 	public bool DisableEscKey { get; set; } = false;
 	public bool DisableBackdropClick { get; set; } = false;
 	public bool NoHeader { get; set; } = false;
 
+	public ModalType Type { get; set; } = ModalType.Default;
+
 	public ModalOptions()
 	{ 
 	}
diff --git a/src/Connected.Components/Services/ModalDialogService.cs b/src/Connected.Components/Services/ModalDialogService.cs
index 581050b..3304c21 100644
--- a/src/Connected.Components/Services/ModalDialogService.cs
+++ b/src/Connected.Components/Services/ModalDialogService.cs
@@ -1,6 +1,7 @@
 using Connected.Models.Modal;
 using Microsoft.AspNetCore.Components;
 using System.ComponentModel;
+using System.Diagnostics.CodeAnalysis;
 
 namespace Connected.Services;
 public class ModalDialogService
@@ -14,6 +15,25 @@ public class ModalDialogService
 		OnShow?.Invoke(title, body, buttons, options);
 	}
 
+	public void ShowDialog<T>(string title, RenderFragment<T> content, T model, List<ModalButton>? buttons = null, ModalOptions? options = null)
+	{
+		var body = content(model);
+
+		OnShow?.Invoke(title, body, buttons ?? new(), options ?? new());
+	}
+
+	public void ShowDialog<[DynamicallyAccessedMembers(DynamicallyAccessedMemberTypes.All)] TComponent, TModel>(string title, TModel model, List<ModalButton>? buttons = null, ModalOptions? options = null) where TComponent : Microsoft.AspNetCore.Components.IComponent where TModel : class
+	{
+		RenderFragment<TModel> fragment = (model) => __builder =>
+		{
+			__builder.OpenComponent<TComponent>(0);
+			__builder.AddAttribute(1, "Model", model);
+			__builder.CloseComponent();			
+		};
+
+		OnShow?.Invoke(title, fragment(model), buttons ?? new(), options ?? new());
+	}
+
 	public void ShowDialog(string title, MarkupString content, List<ModalButton> buttons, ModalOptions options)
 	{
 		var body = new RenderFragment(x => x.AddContent(1, content));
@@ -30,6 +50,4 @@ public class ModalDialogService
 	{
 		OnClose?.Invoke();
 	}
-
-
 }