Merge pull request #5905 from sbwalker/dev

allow menu component to be extensible

Oqtane.Client/Themes/Controls/Theme/Menu.razor

@@ -1,20 +1,33 @@
-@namespace Oqtane.Themes.Controls
+@namespace Oqtane.Themes.Controls
 
-@switch (Orientation)
+@if (ComponentType != null)
 {
-    case "Horizontal":
+    <DynamicComponent Type="@ComponentType"></DynamicComponent>
-        <MenuHorizontal/>
-        break;
-    default: // Vertical
-    {
-        <MenuVertical/>
-        break;
-    }
 }
 
 @code{
-
     [Parameter]
     public string Orientation { get; set; }
 
+    [Parameter]
+    public string MenuType { get; set; }
+
+    public Type ComponentType { get; set; }
+
+    protected override void OnInitialized()
+    {
+        if (string.IsNullOrEmpty(MenuType) && !string.IsNullOrEmpty(Orientation))
+        {
+            if (Orientation == "Horizontal")
+            {
+                MenuType = "Oqtane.Themes.Controls.MenuHorizontal, Oqtane.Client";
+            }
+            else
+            {
+                MenuType = "Oqtane.Themes.Controls.MenuVertical, Oqtane.Client";
+            }
+        }
+
+        ComponentType = Type.GetType(MenuType);
+    }
 }

Oqtane.Client/Themes/OqtaneTheme/Themes/Default.razor

@@ -4,7 +4,8 @@
 
 <main role="main">
     <nav class="navbar navbar-dark bg-primary fixed-top">
-        <Logo UseSiteNameAsFallback="true" /><Menu Orientation="Horizontal" />
+        <Logo UseSiteNameAsFallback="true" />
+        <Menu MenuType="Oqtane.Themes.Controls.MenuHorizontal, Oqtane.Client" />
         <div class="controls ms-auto">
             <div class="controls-group">
                 <Search CssClass="me-3 text-center bg-primary" />