Add simple header for IsPrimaryNavEnabled==false (#802)

Author: reakaleek

src/Elastic.Markdown/Slices/HtmlWriter.cs

@@ -100,6 +100,7 @@ private async Task<string> RenderLayout(MarkdownFile markdown, MarkdownDocument
 
 		var slice = Index.Create(new IndexViewModel
 		{
+			DocSetName = DocumentationSet.Name,
 			Title = markdown.Title ?? "[TITLE NOT SET]",
 			Description = markdown.YamlFrontMatter?.Description ?? descriptionGenerator.GenerateDescription(document),
 			TitleRaw = markdown.TitleRaw ?? "[TITLE NOT SET]",

src/Elastic.Markdown/Slices/Index.cshtml

@@ -4,6 +4,7 @@
 @functions {
 	public LayoutViewModel LayoutModel => new()
 	{
+		DocSetName = Model.DocSetName,
 		Title = $"Elastic Documentation: {Model.Title}",
 		Description = Model.Description,
 		PageTocItems = Model.PageTocItems.Where(i => i is { Level: 2 or 3 }).ToList(),

src/Elastic.Markdown/Slices/Layout/_Header.cshtml

@@ -1,8 +1,25 @@
 @inherits RazorSlice<LayoutViewModel>
-
-<div id="elastic-nav"></div>
-<script src="https://www.elastic.co/elastic-nav.js"></script>
 @if (Model.Features.IsPrimaryNavEnabled)
 {
+	<div id="elastic-nav"></div>
+	<script src="https://www.elastic.co/elastic-nav.js"></script>
  	@await RenderPartialAsync(_SecondaryNav.Create(Model))
 }
+else
+{
+	<header class="sticky top-0 z-50 bg-blue-developer text-white text-lg font-semibold h-(--offset-top) flex items-center px-6">
+		<div class="container mx-auto">
+			<div class="flex justify-between items-center">
+				<label role="button" class="md:hidden cursor-pointer" for="pages-nav-hamburger">
+					<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-8">
+						<path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25H12"/>
+					</svg>
+				</label>
+				<a href="@Model.Link("/")" class="flex items-center gap-2">
+					<img src="@Model.Static("logo-elastic-glyph-color.svg")" alt="" width="32" height="32">
+					@Model.DocSetName
+				</a>
+			</div>
+		</div>
+	</header>
+}

src/Elastic.Markdown/Slices/_ViewModels.cs

@@ -10,6 +10,7 @@ namespace Elastic.Markdown.Slices;
 
 public class IndexViewModel
 {
+	public required string DocSetName { get; init; }
 	public required string Title { get; init; }
 	public required string Description { get; init; }
 	public required string TitleRaw { get; init; }
@@ -32,6 +33,8 @@ public class IndexViewModel
 
 public class LayoutViewModel
 {
+	public required string DocSetName { get; init; }
+
 	/// Used to identify the navigation for the current compilation
 	/// We want to reset users sessionStorage every time this changes to invalidate
 	/// the guids that no longer exist