Store-centric UI (#3091)

* Update layout structure and header

* Implement store selector

* Simplify homepage

* Update layout

* Use dropdown for store selector

* Hide global nav in store context

* Horizontal section nav

* Remove outer section and container from content views

* Update nav

* Set store context for invoice and payment request lists

* Test fixes

* Persist menu collapse state on client-side

* MainNav as view component

* Update app routes to incorporate store context

* Test fixes

* Display ticker for altcoins build only

* Plugins nav

* Incorporate category for active page as well

* Update invoice icon

* Add apps list to nav

* Add store context to app type controllers

* Incorporate id for active page as well

* Test fixes

* AppsController cleanup

* Nav: Display only apps for the current store

* Remove leftover from merge

* Nav styles optimization

* Left-align content container

* Increase sidebar padding on desktop

* Use min-width for store selector menu

* Store settings nav update

* Update app and payment request routes

* Test fixes

* Refactor MainNav component to use StoresController

* Set store context for invoice actions

* Cleanups

* Remove CurrentStore checks

The response will be "Access denied" in case the CookieAuthorizationHandler cannot resolve the store.

* Remove unnecessary store context setters

* Test fix

BTCPayServer/Components/StoreSelector/Default.cshtml

@@ -0,0 +1,20 @@
+@model BTCPayServer.Components.StoreSelector.StoreSelectorViewModel
+@addTagHelper *, BundlerMinifier.TagHelpers
+
+<div id="StoreSelector">
+    <div id="StoreSelectorDropdown" class="dropdown only-for-js">
+        <button id="StoreSelectorToggle" class="btn btn-secondary dropdown-toggle rounded-pill @(Model.CurrentStoreId == null ? "text-secondary" :"")" type="button" data-bs-toggle="dropdown" aria-expanded="false">@(Model.CurrentStoreId == null ? "Select Store" : Model.CurrentDisplayName)</button>
+        <ul id="StoreSelectorMenu" class="dropdown-menu" aria-labelledby="StoreSelectorToggle">
+            @foreach (var option in Model.Options)
+            {
+                <li><a asp-controller="Stores" asp-action="PaymentMethods" asp-route-storeId="@option.Value" class="dropdown-item@(option.Selected ? " active" : "")" id="StoreSelectorMenuItem-@option.Value">@option.Text</a></li>
+            }
+            <li><hr class="dropdown-divider"></li>
+            <li><a asp-controller="UserStores" asp-action="CreateStore" class="dropdown-item" id="StoreSelectorMenuItem-Create">Create Store</a></li>
+        </ul>
+    </div>
+    <noscript>
+        <span class="h5 mb-0 me-2">@Model.CurrentDisplayName</span>
+        <a asp-controller="UserStores" asp-action="ListStores">Stores</a>
+    </noscript>
+</div>

BTCPayServer/Components/StoreSelector/StoreSelector.cs

@@ -0,0 +1,48 @@
+using System.Linq;
+using System.Threading.Tasks;
+using BTCPayServer.Data;
+using BTCPayServer.Services.Stores;
+using Microsoft.AspNetCore.Identity;
+using Microsoft.AspNetCore.Mvc;
+using Microsoft.AspNetCore.Mvc.Rendering;
+using NBitcoin.Secp256k1;
+
+namespace BTCPayServer.Components.StoreSelector
+{
+    public class StoreSelector : ViewComponent
+    {
+        private const string RootName = "Global";
+        private readonly StoreRepository _storeRepo;
+        private readonly UserManager<ApplicationUser> _userManager;
+
+        public StoreSelector(StoreRepository storeRepo, UserManager<ApplicationUser> userManager)
+        {
+            _storeRepo = storeRepo;
+            _userManager = userManager;
+        }
+
+        public async Task<IViewComponentResult> InvokeAsync()
+        {
+            var userId = _userManager.GetUserId(UserClaimsPrincipal);
+            var stores = await _storeRepo.GetStoresByUserId(userId);
+            var currentStore = ViewContext.HttpContext.GetStoreData();
+            var options = stores
+                .Select(store => new SelectListItem
+                {
+                    Text = store.StoreName,
+                    Value = store.Id,
+                    Selected = store.Id == currentStore?.Id
+                })
+                .ToList();
+            
+            var vm = new StoreSelectorViewModel
+            {
+                Options = options,
+                CurrentStoreId = currentStore?.Id,
+                CurrentDisplayName = currentStore?.StoreName ?? RootName
+            };
+            
+            return View(vm);
+        }
+    }
+}

BTCPayServer/Components/StoreSelector/StoreSelectorViewModel.cs

@@ -0,0 +1,12 @@
+using System.Collections.Generic;
+using Microsoft.AspNetCore.Mvc.Rendering;
+
+namespace BTCPayServer.Components.StoreSelector
+{
+    public class StoreSelectorViewModel
+    {
+        public List<SelectListItem> Options { get; set; }
+        public string CurrentStoreId { get; set; }
+        public string CurrentDisplayName { get; set; }
+    }
+}