1 Commits

13 changed files with 104 additions and 54 deletions

View File

@ -13,14 +13,18 @@
</PropertyGroup> </PropertyGroup>
<ItemGroup> <ItemGroup>
<PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="9.0.2" /> <None Include="wwwroot\Themes\SZUAbsolventenverein.Theme.Website\icon.png" />
<PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.Authentication" Version="9.0.2" />
<PackageReference Include="Microsoft.Extensions.Localization" Version="9.0.2" />
</ItemGroup> </ItemGroup>
<ItemGroup> <ItemGroup>
<Reference Include="Oqtane.Client"><HintPath>..\..\oqtane.framework-dev\Oqtane.Server\bin\Debug\net9.0\Oqtane.Client.dll</HintPath></Reference> <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="9.0.8" />
<Reference Include="Oqtane.Shared"><HintPath>..\..\oqtane.framework-dev\Oqtane.Server\bin\Debug\net9.0\Oqtane.Shared.dll</HintPath></Reference> <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.Authentication" Version="9.0.8" />
<PackageReference Include="Microsoft.Extensions.Localization" Version="9.0.8" />
</ItemGroup>
<ItemGroup>
<Reference Include="Oqtane.Client"><HintPath>..\..\oqtane.framework\Oqtane.Server\bin\Debug\net9.0\Oqtane.Client.dll</HintPath></Reference>
<Reference Include="Oqtane.Shared"><HintPath>..\..\oqtane.framework\Oqtane.Server\bin\Debug\net9.0\Oqtane.Shared.dll</HintPath></Reference>
</ItemGroup> </ItemGroup>
<PropertyGroup> <PropertyGroup>

View File

@ -0,0 +1,16 @@
@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>
}

View File

@ -2,25 +2,13 @@
@inherits ThemeBase @inherits ThemeBase
@inject ISettingService SettingService @inject ISettingService SettingService
<div class="wrapper d-flex flex-column min-vh-100"> <main role="main">
<main role="main" class="flex-fill"> <nav class="navbar navbar-dark bg-primary fixed-top">
<Logo />
<nav class="navigation"> <Menu Orientation="Horizontal" />
<div class="container d-flex justify-content-between align-items-center">
<a class="navbar-brand" href="https://www.szu-home.at/">
<img src="Images/szu-Logo.png" alt="Logo" class="img-fluid" style="max-height: 60px;" />
</a>
<Menu Orientation="Horizontal" />
<div class="controls ms-auto">
<div class="controls-group">
<UserProfile ShowRegister="@_register" />
<Login ShowLogin="@_login" />
<ControlPanel LanguageDropdownAlignment="right" />
</div>
</div>
<div class="controls ms-auto">
<div class="controls-group"><UserProfile ShowRegister="@_register" /> <Login ShowLogin="@_login" /> <ControlPanel ButtonClass="btn-outline-light" /></div>
</div> </div>
</nav> </nav>
@ -114,9 +102,7 @@
<p>Impressum | Datenschutz | AGB</p> <p>Impressum | Datenschutz | AGB</p>
</div> </div>
</footer> </footer>
</main> </main>
</div>
@code { @code {
public override string Name => "Theme1"; public override string Name => "Theme1";

View File

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

BIN
Client/Themes/icon.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 51 KiB

View File

@ -5,7 +5,7 @@ html, body {
} }
.navigation { .navigation {
max-width: 80vw; /* oder max-width: 100%; */ max-width: 80vw; /* oder max-width: 100%;*/
margin: 0 auto; margin: 0 auto;
position: fixed; position: fixed;
top: 0; top: 0;
@ -13,36 +13,38 @@ html, body {
background-color: #bbb; background-color: #bbb;
padding: 1rem 0; padding: 1rem 0;
box-shadow: 0 2px 4px rgba(0,0,0,0.1); box-shadow: 0 2px 4px rgba(0,0,0,0.1);
width: 80vw; /* Wichtig! */ width: 80vw; /* Wichtig!*/
left: 50%; /* horizontale Zentrierung mit transform */ /*left: 50%; /* horizontale Zentrierung mit transform*/
transform: translateX(-50%); /*transform: translateX(-50%);*/
border: 3px solid #75767B; border: 3px solid #75767B;
border-top: none; border-top: none;
border-bottom: none; border-bottom: none;
} }
body { body {
padding-top: 100px; /* H<>he der fixierten Navigation kompensieren */ padding-top: 100px; /* H<>he der fixierten Navigation kompensieren */
} }
.navigation .app-logo .img-fluid { .app-logo .img-fluid {
max-height: 60px; max-height: 60px;
} }
.navigation .app-menu { .app-menu {
display: flex; display: flex;
gap: 1rem; gap: 1rem;
} }
.navigation .nav-item a { .nav-item a {
color: black; color: black;
font-weight: normal; font-weight: normal;
text-decoration: none; text-decoration: none;
} }
.navigation .nav-item a.active { .nav-item a.active {
font-weight: bold; font-weight: bold;
} }
/* Footer */ /* Footer */
.footer { .footer {
@ -68,7 +70,7 @@ main.flex-fill {
flex: 1 0 auto; /* Flex-grow 1, flex-shrink 0, flex-basis auto */ flex: 1 0 auto; /* Flex-grow 1, flex-shrink 0, flex-basis auto */
display: flex; display: flex;
flex-direction: column; flex-direction: column;
min-height: 0; /* Wichtig f<>r flexbox overflow */ min-height: 0; /* Wichtig f<>r flexbox overflow*/
} }
.content { .content {
@ -179,6 +181,48 @@ main.flex-fill {
outline: none; outline: none;
} }
.hamburger {
width: 40px;
height: 28px;
position: relative;
cursor: pointer;
}
.hamburger span {
position: absolute;
left: 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);
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

View File

@ -2,6 +2,6 @@
set TargetFramework=%1 set TargetFramework=%1
set ProjectName=%2 set ProjectName=%2
XCOPY "..\Client\bin\Debug\%TargetFramework%\%ProjectName%.Client.Oqtane.dll" "..\..\oqtane.framework-dev\Oqtane.Server\bin\Debug\%TargetFramework%\" /Y XCOPY "..\Client\bin\Debug\%TargetFramework%\%ProjectName%.Client.Oqtane.dll" "..\..\oqtane.framework\Oqtane.Server\bin\Debug\%TargetFramework%\" /Y
XCOPY "..\Client\bin\Debug\%TargetFramework%\%ProjectName%.Client.Oqtane.pdb" "..\..\oqtane.framework-dev\Oqtane.Server\bin\Debug\%TargetFramework%\" /Y XCOPY "..\Client\bin\Debug\%TargetFramework%\%ProjectName%.Client.Oqtane.pdb" "..\..\oqtane.framework\Oqtane.Server\bin\Debug\%TargetFramework%\" /Y
XCOPY "..\Client\wwwroot\*" "..\..\oqtane.framework-dev\Oqtane.Server\wwwroot\" /Y /S /I XCOPY "..\Client\wwwroot\*" "..\..\oqtane.framework\Oqtane.Server\wwwroot\" /Y /S /I

View File

@ -3,6 +3,6 @@
TargetFramework=$1 TargetFramework=$1
ProjectName=$2 ProjectName=$2
cp -f "../Client/bin/Debug/$TargetFramework/$ProjectName$.Client.Oqtane.dll" "../../oqtane.framework-dev/Oqtane.Server/bin/Debug/$TargetFramework/" 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-dev/Oqtane.Server/bin/Debug/$TargetFramework/" cp -f "../Client/bin/Debug/$TargetFramework/$ProjectName$.Client.Oqtane.pdb" "../../oqtane.framework/Oqtane.Server/bin/Debug/$TargetFramework/"
cp -rf "../Server/wwwroot/"* "../../oqtane.framework-dev/Oqtane.Server/wwwroot/" cp -rf "../Server/wwwroot/"* "../../oqtane.framework/Oqtane.Server/wwwroot/"

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.6 KiB

After

Width:  |  Height:  |  Size: 13 KiB

View File

@ -3,5 +3,5 @@ set TargetFramework=%1
set ProjectName=%2 set ProjectName=%2
del "*.nupkg" del "*.nupkg"
"..\..\oqtane.framework-dev\oqtane.package\nuget.exe" pack %ProjectName%.nuspec -Properties targetframework=%TargetFramework%;projectname=%ProjectName% "..\..\oqtane.framework\oqtane.package\nuget.exe" pack %ProjectName%.nuspec -Properties targetframework=%TargetFramework%;projectname=%ProjectName%
XCOPY "*.nupkg" "..\..\oqtane.framework-dev\Oqtane.Server\wwwroot\Packages\" /Y XCOPY "*.nupkg" "..\..\oqtane.framework\Oqtane.Server\wwwroot\Packages\" /Y

View File

@ -1,5 +1,5 @@
TargetFramework=$1 TargetFramework=$1
ProjectName=$2 ProjectName=$2
"..\..\oqtane.framework-dev\oqtane.package\nuget.exe" pack %ProjectName%.nuspec -Properties targetframework=%TargetFramework%;projectname=%ProjectName% "..\..\oqtane.framework\oqtane.package\nuget.exe" pack %ProjectName%.nuspec -Properties targetframework=%TargetFramework%;projectname=%ProjectName%
cp -f "*.nupkg" "..\..\oqtane.framework-dev\Oqtane.Server\Packages\" cp -f "*.nupkg" "..\..\oqtane.framework\Oqtane.Server\Packages\"

View File

@ -2,7 +2,7 @@ Microsoft Visual Studio Solution File, Format Version 12.00
# Visual Studio Version 17 # Visual Studio Version 17
VisualStudioVersion = 17.13.35825.156 d17.13 VisualStudioVersion = 17.13.35825.156 d17.13
MinimumVisualStudioVersion = 10.0.40219.1 MinimumVisualStudioVersion = 10.0.40219.1
Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "Oqtane.Server", "..\oqtane.framework-dev\Oqtane.Server\Oqtane.Server.csproj", "{3AB6FCC9-EFEB-4C0E-A2CF-8103914C5196}" Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "Oqtane.Server", "..\oqtane.framework\Oqtane.Server\Oqtane.Server.csproj", "{3AB6FCC9-EFEB-4C0E-A2CF-8103914C5196}"
EndProject EndProject
Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "SZUAbsolventenverein.Theme.Website.Client", "Client\SZUAbsolventenverein.Theme.Website.Client.csproj", "{AA8E58A1-CD09-4208-BF66-A8BB341FD669}" Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "SZUAbsolventenverein.Theme.Website.Client", "Client\SZUAbsolventenverein.Theme.Website.Client.csproj", "{AA8E58A1-CD09-4208-BF66-A8BB341FD669}"
EndProject EndProject