New: 1.0.17

Client/SZUAbsolventenverein.Theme.Website.Client.csproj

@@ -1,8 +1,8 @@
 <Project Sdk="Microsoft.NET.Sdk.Razor">
 
   <PropertyGroup>
-    <TargetFramework>net9.0</TargetFramework>
+    <TargetFramework>net10.0</TargetFramework>
-    <Version>1.0.12</Version>
+    <Version>1.0.0</Version>
     <Authors>SZUAbsolventenverein</Authors>
     <Company>SZUAbsolventenverein</Company>
     <Description>[Description]</Description>
@@ -13,12 +13,14 @@
   </PropertyGroup>
 
   <ItemGroup>
-    <None Include="wwwroot\Themes\SZUAbsolventenverein.Theme.Website\icon.png" />
+    <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="10.0.1" />
+    <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.Authentication" Version="10.0.1" />
+    <PackageReference Include="Microsoft.Extensions.Localization" Version="10.0.1" />
   </ItemGroup>
 
   <ItemGroup>
-    <Reference Include="Oqtane.Client"><HintPath>..\..\oqtane.framework\Oqtane.Server\bin\Debug\net9.0\Oqtane.Client.dll</HintPath></Reference>
+    <Reference Include="Oqtane.Client"><HintPath>..\..\oqtane.framework\Oqtane.Server\bin\Debug\net10.0\Oqtane.Client.dll</HintPath></Reference>
-    <Reference Include="Oqtane.Shared"><HintPath>..\..\oqtane.framework\Oqtane.Server\bin\Debug\net9.0\Oqtane.Shared.dll</HintPath></Reference>
+    <Reference Include="Oqtane.Shared"><HintPath>..\..\oqtane.framework\Oqtane.Server\bin\Debug\net10.0\Oqtane.Shared.dll</HintPath></Reference>
   </ItemGroup>
 
   <PropertyGroup>

Client/ThemeInfo.cs

@@ -10,7 +10,7 @@ namespace SZUAbsolventenverein.Theme.Website
         public Oqtane.Models.Theme Theme => new Oqtane.Models.Theme
         {
             Name = "SZUAbsolventenverein Website",
-            Version = "1.0.13",
+            Version = "1.0.17",
             PackageName = "SZUAbsolventenverein.Theme.Website",
             ThemeSettingsType = "SZUAbsolventenverein.Theme.Website.ThemeSettings, SZUAbsolventenverein.Theme.Website.Client.Oqtane",
             ContainerSettingsType = "SZUAbsolventenverein.Theme.Website.ContainerSettings, SZUAbsolventenverein.Theme.Website.Client.Oqtane",

Client/Themes/MenuVertical.razor

@@ -1,16 +0,0 @@
-@namespace Oqtane.Themes.Controls
-@inherits MenuBase
-
-@if (MenuPages.Any())
-{
-    <span class="app-menu-toggler">
-        <button type="button" class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#Menu" aria-controls="Menu" aria-expanded="false" aria-label="Toggle Navigation">
-            <span class="navbar-toggler-icon"></span>
-        </button>
-    </span>
-    <div class="app-menu">
-        <div class="collapse navbar-collapse" id="Menu">
-            <MenuItemsVertical ParentPage="null" Pages="MenuPages" />
-        </div>
-    </div>
-}

Client/Themes/Theme1.razor

@@ -1,17 +1,108 @@
-@namespace SZUAbsolventenverein.Theme.Website
+@namespace SZUAbsolventenverein.Theme.Website
 @inherits ThemeBase
 @inject NavigationManager NavigationManager
 @inject ISettingService SettingService
 @implements IDisposable
 
 <main role="main">
-    <nav class="navbar navbar-dark bg-primary fixed-top">
+    <nav class="navbar navbar-dark bg-primary fixed-top app-navbar">
+    <!-- Logo links -->
+    <div class="d-flex align-items-center gap-2 app-navbar-left">
         <Logo />
-        <Menu Orientation="Horizontal" />
+    </div>
-        
+
-        <div class="controls ms-auto">
+    <!-- Versteckte Checkbox zum Steuern des Menüs (nur HTML, kein Blazor) -->
-            <div class="controls-group"><UserProfile ShowRegister="@_register" /> <Login ShowLogin="@_login" /> <ControlPanel ButtonClass="btn-outline-light" /></div>
+    <input type="checkbox" id="nav-toggle" class="nav-toggle" @bind="_navOpen" />
+
+    <!-- Burger-Icon, das die Checkbox toggelt -->
+    <label for="nav-toggle" class="nav-toggle-label">
+        <span></span>
+        <span></span>
+        <span></span>
+    </label>
+
+    <!-- Menü-Container, der per :checked ein-/ausgeblendet wird -->
+    <div class="app-menu">
+    <div class="app-menu-items">
+        @if (PageState?.Pages != null)
+        {
+            // Diese Seitennamen sollen NICHT im Menü erscheinen
+            var hiddenNames = new[]
+            {
+                "Login", "Register", "Reset", "Profile",
+                "Search", "Privacy", "Terms", "Not Found", "NotFound"
+            };
+
+            // Aktuelle Seite erkennen
+            var currentPath = new Uri(NavigationManager.Uri).AbsolutePath.Trim('/').ToLower();
+
+            @foreach (var page in PageState.Pages
+                .Where(p => p.ParentId == null
+                            && p.IsNavigation
+                            && !p.IsDeleted
+                            && !hiddenNames.Contains(p.Name)))
+            {
+                var pagePath = (page.Path ?? "").Trim('/').ToLower();
+                var isActive = currentPath == pagePath;
+                var children = PageState.Pages
+                    .Where(c => c.ParentId == page.PageId
+                                && c.IsNavigation
+                                && !c.IsDeleted
+                                && !hiddenNames.Contains(c.Name));
+                var hasChildren = children.Any();
+                // Prüfe ob ein Kind aktiv ist
+                var isChildActive = hasChildren && children.Any(c => currentPath == (c.Path ?? "").Trim('/').ToLower());
+                var activeClass = (isActive || isChildActive) ? "nav-link text-white active" : "nav-link text-white";
+                var wrapperClass = hasChildren ? "nav-item nav-item-dropdown" : "nav-item";
+
+                <div class="@wrapperClass">
+                    <div class="nav-link-row">
+                        <a class="@activeClass" href="@(@page.Path)">
+                            @(@page.Name)
+                        </a>
+                        @if (hasChildren)
+                        {
+                            <button class="dropdown-toggle-btn" onclick="var sub=this.closest('.nav-item-dropdown').querySelector('.app-submenu'); sub.classList.toggle('mobile-open'); this.querySelector('.dropdown-arrow').classList.toggle('open');">
+                                <span class="dropdown-arrow">▾</span>
+                            </button>
+                        }
+                    </div>
+
+                    @if (hasChildren)
+                    {
+                        <div class="app-submenu">
+                            @foreach (var child in children)
+                            {
+                                var childPath = (child.Path ?? "").Trim('/').ToLower();
+                                var isThisChildActive = currentPath == childPath;
+                                var childActiveClass = isThisChildActive ? "nav-link text-white active" : "nav-link text-white";
+
+                                <div class="nav-item">
+                                    <a class="@childActiveClass" href="@child.Path">
+                                        @child.Name
+                                    </a>
+                                </div>
+                            }
+                        </div>
+                    }
+                </div>
+            }
+        }
+    </div>
+
+    <!-- WICHTIG: Footer jetzt AUßERHALB von app-menu-items -->
+            <div class="app-menu-footer ">
+        <UserProfile ShowRegister="@_register" />
+        <Login ShowLogin="@_login" />
+    </div>
+</div>
+
+    <!-- Rechts: ControlPanel + User + Login -->
+    <div class="d-flex align-items-center gap-2 app-navbar-left">
+        <div class="d-flex align-items-center gap-2">
+            <ControlPanel/>
         </div>
+    </div>
 </nav>
     <div class="content">
         <div class="container">
@@ -96,20 +187,15 @@
         </div>
         <Pane Name="Bottom Full Width" />
     </div>
-
+    <CookieConsent />
-    <footer class="footer">
-        <div class="text text-center">
-            <p>Impressum | Datenschutz | AGB</p>
-        </div>
-    </footer>
 </main>
 
+
 @code {
     public override string Name => "Theme1";
 
     public override string Panes => PaneNames.Admin + ",Top Full Width,Top 100%,Left 50%,Right 50%,Left 33%,Center 33%,Right 33%,Left Outer 25%,Left Inner 25%,Right Inner 25%,Right Outer 25%,Left 25%,Center 50%,Right 25%,Left Sidebar 66%,Right Sidebar 33%,Left Sidebar 33%,Right Sidebar 66%,Bottom 100%,Bottom Full Width";
 
-    private bool _showDropdown = false;
     private bool _login = true;
     private bool _register = true;
     private bool _navOpen = false;

Client/Themes/ThemeSettings.razor

@@ -1,4 +1,4 @@
- ich pr@namespace SZUAbsolventenverein.Theme.Website
+@namespace SZUAbsolventenverein.Theme.Website
 @inherits ModuleBase
 @implements Oqtane.Interfaces.ISettingsControl
 @inject ISettingService SettingService

Client/wwwroot/Themes/SZUAbsolventenverein.Theme.Website/Theme.css

@@ -1,9 +1,21 @@
-/* ===========================
+/* ===========================
    Standard Layout
    =========================== */
 
 body {}
 
+/* Oqtane Control Panel / Bootstrap Overlays über dem Menü anzeigen */
+.offcanvas,
+.offcanvas-backdrop,
+.modal,
+.modal-backdrop {
+    z-index: 2000 !important;
+}
+
+.offcanvas.show {
+    z-index: 2001 !important;
+}
+
 /* Login-Button (Mobile + Desktop) */
 .app-menu-footer .btn-login,
 .app-menu-footer .login-btn,
@@ -17,73 +29,14 @@ body {}
     font-weight: 500 !important;
 }
 
-.navigation {
+/* Hover-Effekt */
-    max-width: 80vw; /* oder max-width: 100%;*/ 
+.app-menu-footer .btn-login:hover,
-    margin: 0 auto;
+.app-menu-footer .login-btn:hover,
-    position: fixed; 
+.app-menu-footer button:hover,
-    top: 0;
+.app-menu-footer a:hover {
-    z-index: 1000;
+    background-color: #f2f2f2 !important;
-    background-color: #bbb;
+    border-color: #bbb !important;
-    padding: 1rem 0;
+    color: #333 !important;
-    box-shadow: 0 2px 4px rgba(0,0,0,0.1); 
-    width: 80vw; /* Wichtig!*/
-    /*left: 50%; /* horizontale Zentrierung mit transform*/ 
-    /*transform: translateX(-50%);*/
-    border: 3px solid #75767B;
-    border-top: none;
-    border-bottom: none;
-}
-
-
-
-body {
-    padding-top: 100px; /* H<>he der fixierten Navigation kompensieren */
-}
-
-.app-logo .img-fluid {
-    max-height: 60px;
-}
-
-.app-menu {
-    display: flex;
-    gap: 1rem; 
-}
-
-.nav-item a {
-    color: black;
-    font-weight: normal;
-    text-decoration: none;
-}
-
-.nav-item a.active {
-    font-weight: bold;
-} 
-
-/* Footer */
-.footer {
-    background-color: #bbb;
-    padding: 1rem 0;
-    text-align: center;
-    border: 3px solid #75767B;
-    border-top: none;
-    border-bottom: none;
-    margin-top: auto;
-}
-
-
-.wrapper {
-    max-width: 80vw; /* max. 80% der Viewport-Breite */ 
-    margin: 0 auto; /* horizontal zentrieren */
-    display: flex;
-    flex-direction: column;
-    min-height: 100vh;
-}
-
-main.flex-fill {
-    flex: 1 0 auto; /* Flex-grow 1, flex-shrink 0, flex-basis auto */
-    display: flex;
-    flex-direction: column;
-    min-height: 0; /* Wichtig f<>r flexbox overflow*/
 }
 
 .content {
@@ -218,9 +171,60 @@ main.flex-fill {
     gap: 0.5rem;
 }
 
-/* Untermenü (Kinder-Seiten) etwas eingerückt */
+/* Dropdown-Wrapper: relative positioniert für absolutes Dropdown */
+.nav-item-dropdown {
+    position: relative;
+}
+
+/* Link + Toggle-Button nebeneinander */
+.nav-link-row {
+    display: flex;
+    align-items: center;
+    gap: 0;
+}
+
+/* Toggle-Button für Mobile */
+.dropdown-toggle-btn {
+    background: none;
+    border: none;
+    color: white;
+    cursor: pointer;
+    padding: 6px 8px;
+    font-size: 1rem;
+    line-height: 1;
+}
+
+/* Dropdown-Pfeil */
+.dropdown-arrow {
+    font-size: 0.8em;
+    opacity: 0.7;
+    display: inline-block;
+    transition: transform 0.2s ease;
+}
+
+/* Pfeil dreht sich wenn offen */
+.dropdown-arrow.open {
+    transform: rotate(180deg);
+}
+
+/* Untermenü: standardmäßig versteckt */
 .app-submenu {
-    margin-left: 1rem;
+    display: none;
+    position: absolute;
+    top: 100%;
+    left: 0;
+    min-width: 180px;
+    background-color: #9a9999;
+    border-radius: 6px;
+    padding: 0.5rem 0;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
+    z-index: 2000;
+    flex-direction: column;
+}
+
+/* Dropdown bei Hover öffnen */
+.nav-item-dropdown:hover > .app-submenu {
+    display: flex;
 }
 
 /* Nav-Items */
@@ -228,21 +232,42 @@ main.flex-fill {
     padding-bottom: 0.25rem;
 }
 
+/* Sub-Items im Dropdown: volle Breite */
+.app-submenu .nav-item {
+    padding: 0;
+    width: 100%;
+}
+
+.app-submenu .nav-link {
+    padding: 6px 16px;
+    border-radius: 0;
+    white-space: nowrap;
+    display: block;
+    width: 100%;
+}
+
+.app-submenu .nav-link:hover {
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
 /* Hover-/Active-Style für Links */
 .app-menu .nav-link {
     padding: 6px 12px;
     border-radius: 6px;
-    transition: background-color 0.2s ease, color 0.2s ease;
+    transition: background-color 0.2s ease, color 0.2s ease, font-weight 0.2s ease;
 }
 
+/* Hover: dunkler Hintergrund */
 .app-menu .nav-link:hover {
-    background-color: #4a4a4a;
+    background-color: rgba(0, 0, 0, 0.35);
     color: #ffffff !important;
 }
 
+/* Aktive Seite: dunkel + fett */
 .app-menu .nav-link.active {
-    background-color: #3b3b3b;
+    background-color: rgba(0, 0, 0, 0.45);
     color: #ffffff !important;
+    font-weight: 700;
 }
 
 
@@ -375,54 +400,34 @@ main.flex-fill {
         justify-content: right;
     }
 
-.hamburger {
-    width: 40px;
-    height: 28px;
-    position: relative;
-    cursor: pointer;
-}
 
-    .hamburger span {
+    /* Sidebar öffnen/schließen über Checkbox */
-        position: absolute;
+    .nav-toggle:checked~.app-menu {
-        left: 0;
+        transform: translateX(0);
-        width: 100%;
-        height: 4px;
-        background: #e5e7eb;
-        border-radius: 2px;
-        transition: transform 0.25s ease, opacity 0.25s ease;
     }
 
-        .hamburger span:nth-child(1) {
-            top: 0;
-        }
-
-        .hamburger span:nth-child(2) {
-            top: 12px;
-        }
-
-        .hamburger span:nth-child(3) {
-            bottom: 0;
-        }
-
-    /* Animation beim Klick (wird aktiv, wenn .active hinzugef<65>gt wird) */
-    .hamburger.active span:nth-child(1) {
-        transform: translateY(12px) rotate(45deg);
-    }
-
-    .hamburger.active span:nth-child(2) {
-        opacity: 0;
-    }
-
-    .hamburger.active span:nth-child(3) {
-        transform: translateY(-12px) rotate(-45deg);
-    }
-
-  
-
     .app-menu .nav-link {
         width: 100%;
         display: block;
         font-size: clamp(12px, 3.5vw, 15px);
     }
 
+    /* Mobile: Dropdown standardmäßig versteckt */
+    .app-submenu {
+        position: static !important;
+        min-width: unset !important;
+        box-shadow: none !important;
+        background-color: transparent !important;
+        padding: 0 !important;
+        padding-left: 1rem !important;
+        border-radius: 0 !important;
+        display: none !important;
+    }
+
+    /* Mobile: Dropdown nur öffnen wenn angeklickt */
+    .app-submenu.mobile-open {
+        display: flex !important;
+        flex-direction: column;
+    }
+
 }

Package/SZUAbsolventenverein.Theme.Website.Package.csproj

@@ -1,7 +1,7 @@
 <Project Sdk="Microsoft.NET.Sdk">
 
   <PropertyGroup>
-    <TargetFramework>net9.0</TargetFramework>
+    <TargetFramework>net10.0</TargetFramework>
     <GeneratePackageOnBuild>false</GeneratePackageOnBuild>
     <AccelerateBuildsInVisualStudio>false</AccelerateBuildsInVisualStudio>
     <PackageId>SZUAbsolventenverein.Theme.Website</PackageId>

Package/SZUAbsolventenverein.Theme.Website.nuspec

@@ -2,7 +2,7 @@
 <package xmlns="http://schemas.microsoft.com/packaging/2010/07/nuspec.xsd">
     <metadata>
         <id>SZUAbsolventenverein.Theme.Website</id>
-        <version>1.0.13</version>
+        <version>1.0.17</version>
         <authors>SZUAbsolventenverein</authors>
         <owners>SZUAbsolventenverein</owners>
         <title>Website</title>
@@ -16,7 +16,7 @@
         <releaseNotes></releaseNotes>
         <summary></summary>
         <dependencies>
-            <dependency id="Oqtane.Framework" version="6.1.1" />
+            <dependency id="Oqtane.Framework" version="10.0.3" />
         </dependencies>
     </metadata>
     <files>

Package/debug.sh

@@ -1,8 +1,10 @@
 #!/bin/bash
-
+set -x
 TargetFramework=$1
 ProjectName=$2
 
-cp -f "../Client/bin/Debug/$TargetFramework/$ProjectName$.Client.Oqtane.dll" "../../oqtane.framework/Oqtane.Server/bin/Debug/$TargetFramework/"
+whoami
-cp -f "../Client/bin/Debug/$TargetFramework/$ProjectName$.Client.Oqtane.pdb" "../../oqtane.framework/Oqtane.Server/bin/Debug/$TargetFramework/"
+
-cp -rf "../Server/wwwroot/"* "../../oqtane.framework/Oqtane.Server/wwwroot/"
+cp -f "../Client/bin/Debug/$TargetFramework/$ProjectName.Client.Oqtane.dll" "../../oqtane.framework/Oqtane.Server/bin/Debug/$TargetFramework/"
+cp -f "../Client/bin/Debug/$TargetFramework/$ProjectName.Client.Oqtane.pdb" "../../oqtane.framework/Oqtane.Server/bin/Debug/$TargetFramework/"
+cp -rf "../Client/wwwroot/"* "../../oqtane.framework/Oqtane.Server/wwwroot/"

Package/release.cmd

@@ -4,4 +4,4 @@ set ProjectName=%2
 
 if exist *.nupkg del *.nupkg
 dotnet build "..\Client\SZUAbsolventenverein.Theme.Website.Client.csproj" -c Release
-dotnet pack "%ProjectName%.Package.csproj" -p:NuspecFile="%ProjectName%.nuspec" -p:NuspecProperties="targetframework=%TargetFramework%;projectname=%ProjectName%" --no-build -o .
+dotnet pack "%ProjectName%.Package.csproj" -p:NuspecFile="%ProjectName%.nuspec" -p:NuspecProperties="targetframework=%TargetFramework%;projectname=%ProjectName%" --no-build -o .

Package/release.sh

@@ -2,6 +2,7 @@ TargetFramework=$1
 ProjectName=$2
 cd "$(dirname "$0")"
 
-rm -f *.nupkg
+
-dotnet build "../Client/SZUAbsolventenverein.Theme.Website.Client.csproj" -c Release
+find . -name *.nupkg -delete
-dotnet pack "${ProjectName}.Package.csproj" -p:NuspecFile="${ProjectName}.nuspec" -p:NuspecProperties="targetframework=${TargetFramework};projectname=${ProjectName}" --no-build -o .
+dotnet pack $ProjectName.nuspec "/p:targetframework=${TargetFramework};ProjectName=${ProjectName}"
+cp -f *.nupkg ../../oqtane.framework/Oqtane.Server/Packages/

SZUAbsolventenverein.Theme.Website.sln

@@ -1,34 +0,0 @@
-Microsoft Visual Studio Solution File, Format Version 12.00
-# Visual Studio Version 17
-VisualStudioVersion = 17.13.35825.156 d17.13
-MinimumVisualStudioVersion = 10.0.40219.1
-Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "Oqtane.Server", "..\oqtane.framework\Oqtane.Server\Oqtane.Server.csproj", "{3AB6FCC9-EFEB-4C0E-A2CF-8103914C5196}"
-EndProject
-Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "SZUAbsolventenverein.Theme.Website.Client", "Client\SZUAbsolventenverein.Theme.Website.Client.csproj", "{AA8E58A1-CD09-4208-BF66-A8BB341FD669}"
-EndProject
-Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "SZUAbsolventenverein.Theme.Website.Package", "Package\SZUAbsolventenverein.Theme.Website.Package.csproj", "{C5CE512D-CBB7-4545-AF0F-9B6591A0C3A7}"
-EndProject
-Global
-	GlobalSection(SolutionConfigurationPlatforms) = preSolution
-		Debug|Any CPU = Debug|Any CPU
-		Release|Any CPU = Release|Any CPU
-	EndGlobalSection
-	GlobalSection(ProjectConfigurationPlatforms) = postSolution
-		{3AB6FCC9-EFEB-4C0E-A2CF-8103914C5196}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
-		{3AB6FCC9-EFEB-4C0E-A2CF-8103914C5196}.Release|Any CPU.ActiveCfg = Release|Any CPU
-		{AA8E58A1-CD09-4208-BF66-A8BB341FD669}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
-		{AA8E58A1-CD09-4208-BF66-A8BB341FD669}.Debug|Any CPU.Build.0 = Debug|Any CPU
-		{AA8E58A1-CD09-4208-BF66-A8BB341FD669}.Release|Any CPU.ActiveCfg = Release|Any CPU
-		{AA8E58A1-CD09-4208-BF66-A8BB341FD669}.Release|Any CPU.Build.0 = Release|Any CPU
-		{C5CE512D-CBB7-4545-AF0F-9B6591A0C3A7}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
-		{C5CE512D-CBB7-4545-AF0F-9B6591A0C3A7}.Debug|Any CPU.Build.0 = Debug|Any CPU
-		{C5CE512D-CBB7-4545-AF0F-9B6591A0C3A7}.Release|Any CPU.ActiveCfg = Release|Any CPU
-		{C5CE512D-CBB7-4545-AF0F-9B6591A0C3A7}.Release|Any CPU.Build.0 = Release|Any CPU
-	EndGlobalSection
-	GlobalSection(SolutionProperties) = preSolution
-		HideSolutionNode = FALSE
-	EndGlobalSection
-	GlobalSection(ExtensibilityGlobals) = postSolution
-		SolutionGuid = {1D016F15-46FE-4726-8DFD-2E4FD4DC7668}
-	EndGlobalSection
-EndGlobal

SZUAbsolventenverein.Theme.Website.slnx

@@ -0,0 +1,7 @@
+<Solution>
+  <Project Path="../oqtane.framework/Oqtane.Server/Oqtane.Server.csproj">
+    <Build Project="false" />
+  </Project>
+  <Project Path="Client/SZUAbsolventenverein.Theme.Website.Client.csproj" />
+  <Project Path="Package/SZUAbsolventenverein.Theme.Website.Package.csproj" />
+</Solution>