#4303: add search function.

Oqtane.Client/Themes/BlazorTheme/Themes/Default.razor

@@ -9,7 +9,9 @@
 <div class="row flex-xl-nowrap gx-0">
     <div class="sidebar">
         <nav class="navbar">
-            <Logo /><Menu Orientation="Vertical" />
+            <Logo />
+            <Menu Orientation="Vertical" />
+            <Search CssClass="px-3" />
         </nav>
     </div>
 

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

@@ -0,0 +1,57 @@
+@namespace Oqtane.Themes.Controls
+@using System.Net
+@using Microsoft.AspNetCore.Http
+@inherits ThemeControlBase
+@inject IStringLocalizer<Search> Localizer
+@inject NavigationManager NavigationManager
+@inject IHttpContextAccessor HttpContext
+
+@if (_searchResultsPage != null)
+{
+    <span class="app-search @CssClass">
+        <form method="post" class="app-form-inline" @formname="SearchForm" @onsubmit="@PerformSearch" data-enhance>
+            <input type="hidden" name="@Constants.RequestVerificationToken" value="@SiteState.AntiForgeryToken" />
+            <input type="text" name="keywords" maxlength="50"
+                   class="form-control d-inline-block pe-5 shadow-none"
+                   @bind-value="_keywords"
+                   placeholder="@Localizer["SearchPlaceHolder"]"
+                   aria-label="Search" />
+            <button type="submit" class="btn btn-search" @onclick="PerformSearch">
+                <span class="oi oi-magnifying-glass align-middle"></span>
+            </button>
+        </form>
+    </span>
+}
+
+
+
+@code {
+    private const string SearchResultPagePath = "search-results";
+
+    private Page _searchResultsPage;
+    private string _keywords = "";
+
+    [Parameter]
+    public string CssClass { get; set; }
+
+    protected override void OnInitialized()
+    {
+        _searchResultsPage = PageState.Pages.FirstOrDefault(i => i.Path == SearchResultPagePath);
+    }
+
+    protected override void OnParametersSet()
+    {
+    }
+
+    private void PerformSearch()
+    {
+        var keywords = HttpContext.HttpContext.Request.Form["keywords"];
+        if (!string.IsNullOrEmpty(keywords) && _searchResultsPage != null)
+        {
+            var url = NavigateUrl(_searchResultsPage.Path, $"s={keywords}");
+            NavigationManager.NavigateTo(url);
+        }
+    }
+}
+
+

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

@@ -6,7 +6,12 @@
     <nav class="navbar navbar-dark bg-primary fixed-top">
         <Logo /><Menu Orientation="Horizontal" />
         <div class="controls ms-auto">
-            <div class="controls-group"><UserProfile ShowRegister="@_register" /> <Login ShowLogin="@_login" /> <ControlPanel LanguageDropdownAlignment="right" /></div>
+            <div class="controls-group">
+                <UserProfile ShowRegister="@_register" /> 
+                <Login ShowLogin="@_login" /> 
+                <Search CssClass="me-3" /> 
+                <ControlPanel LanguageDropdownAlignment="right" />
+            </div>
         </div>
     </nav>
     <div class="content">