Improved SideBarMenu View and Item to preserve state

Author: Bukk94

src/Blazor.AdminLte/SideBar/SideBarMenuItem.razor

@@ -32,14 +32,20 @@
     {
         // Subscribe to the event
         nav.LocationChanged += LocationChanged;
+        
+        // Manually invoke location change to set state when user access URL directly
+        // and to preserve highlight state when use refresh the page
+        LocationChanged(this, null);
+        
         base.OnInitialized();
     }
 
     void LocationChanged(object sender, LocationChangedEventArgs e)
     {
         if (new Uri(nav.Uri).PathAndQuery.Trim('/') != Link.Trim('/'))
             return;
-        Mediator.Send(new SideBarState.SelectMenuItemAction() { Id = Id }); ;
+        
+        Mediator.Send(new SideBarState.SelectMenuItemAction { Id = Id }); ;
     }
 
     void IDisposable.Dispose()

src/Blazor.AdminLte/SideBar/SideBarTreeView.razor

@@ -11,7 +11,7 @@
             }
         </p>
     </a>
-    <ul @ref="ul" class="nav nav-treeview" @onclick="SetActive">
+    <ul @ref="ul" class="nav nav-treeview">
         @Items
     </ul>
 </li>
@@ -25,24 +25,51 @@
     [Parameter]
     public RenderFragment Items { get; set; }
 
+    [Parameter]
+    public bool IsActive
+    {
+        get => _isActive;
+        set
+        {
+            if (value)
+                SetActive();
+            else
+                SetInactive();
+        }
+    }
+
+    private bool _isActive;
     private MenuState _menuState { get; set; }
 
     private MenuState MenuState {
-        get {
-            return _menuState;
-        } set {
+        get => _menuState;
+        set {
             if (_menuState == value)
                 return;
+            
             JS.InvokeVoidAsync("toggleSideMenu", ul);
             _menuState = value;
         }
     }
 
     public void SetActive()
     {
-       // JS.InvokeVoidAsync("activateSideMenu", menu);
+        if (_isActive)
+            return;
+        
+        _isActive = true;
+        MenuState = MenuState.Open;
     }
 
+    public void SetInactive()
+    {
+        if (!_isActive)
+            return;
+        
+        _isActive = false;
+        MenuState = MenuState.Closed;
+    }
+    
     private string menuState => MenuState.GetDescription<StyleAttribute>();
 
     private ElementReference ul { get; set; }
@@ -52,9 +79,4 @@
     {
         MenuState = MenuState == MenuState.Open ? MenuState.Closed : MenuState.Open;
     }
-
-    protected override void OnAfterRender(bool firstRender)
-    {
-        base.OnAfterRender(firstRender);
-    }
 }