Added DialogService to manage dialog z-indexes

1 files changed, 35 insertions, 4 deletions

diff --git a/Pages/Component/Dialog.razor b/Pages/Component/Dialog.razor
index f479368..e71ddc6 100644
--- a/Pages/Component/Dialog.razor
+++ b/Pages/Component/Dialog.razor
@@ -1,6 +1,8 @@
-@implements IDialog
+@inject IDialogService dialogService
+@implements IDialog
+@implements IDisposable
 
-<div style="@(heightStyle + visiblilityStyle)">
+<div @onclick=Bump style="@(style)">
     @if(Title is not null) {
         <p>@Title</p>
         <hr/>
@@ -24,20 +26,49 @@
         get => visible;
         set {
             visible = value;
+            if(value)
+                Bump();
             StateHasChanged();
         }
     }
 
-    public void Show() => Visible = true;
-    public void Hide() => Visible = false;
+    public int? ZIndex {
+        get => zIndex;
+        set {
+            zIndex = value;
+            StateHasChanged();
+        }
+    }
 
     private bool visible = false;
 
+    private int? zIndex;
+
     private string? height;
 
+    protected override void OnInitialized() =>
+       dialogService.Register(this);
+
+    public void Show() => Visible = true;
+    public void Hide() => Visible = false;
+
+    private void Bump() =>
+        dialogService.BumpZIndex(this);
+
+    private string style =>
+        zIndexStyle +
+        heightStyle +
+        visiblilityStyle;
+
+    private string zIndexStyle =>
+        zIndex is null ? "display:none;" : $"z-index:{zIndex};";
+
     private string heightStyle =>
         $"{(height is null ? "" : $"max-height:{height};")}";
 
     private string visiblilityStyle =>
         Visible ? "opacity:1;visibility:visible;" : "opacity:0;visibility:hidden;";
+
+    public void Dispose() =>
+        dialogService.Unregister(this);
 }