Fix: SideBarTreeView does not animate chevron #20

Author: sjefvanleeuwen

src/Blazor.AdminLte/SideBar/SideBarTreeView.razor

@@ -5,7 +5,7 @@
         <i class="nav-icon @Icon"></i>
         <p>
             @Title
-            <i class="right fas fa-angle-left"></i>
+            <i class="right fas @chevron"></i>
         </p>
     </a>
     <ul @ref="ul" class="nav nav-treeview">
@@ -26,13 +26,14 @@
     public MenuState MenuState { get; set; }
 
     private string menuState => MenuState.GetDescription<StyleAttribute>();
+    private string chevron { get; set; } = "fa-angle-left";
 
     private ElementReference ul { get; set; }
     private bool Visible { get; set; }
 
     private void OnClick()
     {
-        MenuState = MenuState == MenuState.Open ? MenuState.Open : MenuState.Closed;
+        MenuState = MenuState == MenuState.Open ? MenuState.Closed : MenuState.Open;
         JS.InvokeVoidAsync("toggleSideMenu", ul);
     }
 }

src/Blazor.AdminLte/wwwroot/js/interop.js

@@ -20,7 +20,7 @@ function pushMenu() {
     $('[data-toggle="push-menu"]').pushMenu('toggle')
 }
 
-function toggle() {
+function toggle(el) {
     $(el).toggle();
 }