feat(G7): add JoinClub page and no-club dashboard message

src/Koogle.Web/Components/Pages/Account/JoinClub.razor

@@ -0,0 +1,231 @@
+@page "/account/join-club"
+@attribute [Authorize]
+
+@using Koogle.Application.DTOs
+@using Koogle.Application.Interfaces
+@using Microsoft.AspNetCore.Authorization
+
+@inject IUserService UserService
+@inject IClubService ClubService
+@inject ISnackbar Snackbar
+@inject NavigationManager NavigationManager
+
+<PageTitle>Club beitreten</PageTitle>
+
+<MudContainer MaxWidth="MaxWidth.Small" Class="mt-4">
+    <MudText Typo="Typo.h4" Class="mb-4">Club beitreten</MudText>
+
+    @if (_isLoading)
+    {
+        <MudProgressCircular Indeterminate="true" />
+    }
+    else if (_requestSent)
+    {
+        <MudAlert Severity="Severity.Success" Class="mb-4">
+            <MudText Typo="Typo.body1">
+                Dein Beitrittsantrag wurde erfolgreich gesendet!
+            </MudText>
+            <MudText Typo="Typo.body2" Class="mt-2">
+                Ein Admin des Clubs wird deinen Antrag pruefen. Du erhaeltst eine Benachrichtigung, sobald dein Antrag bearbeitet wurde.
+            </MudText>
+        </MudAlert>
+        <MudButton Variant="Variant.Filled" Color="Color.Primary" OnClick="ResetForm">
+            Weiteren Antrag stellen
+        </MudButton>
+        <MudButton Variant="Variant.Outlined" Color="Color.Default" Class="ml-2" Href="/account/profile">
+            Zum Profil
+        </MudButton>
+    }
+    else
+    {
+        <MudPaper Class="pa-4" Elevation="2">
+            <MudText Typo="Typo.body1" Class="mb-4">
+                Gib den Namen des Clubs ein, dem du beitreten moechtest. Dein Antrag wird vom Club-Admin geprueft.
+            </MudText>
+
+            <MudForm @ref="_form" @bind-IsValid="_isValid">
+                <MudTextField @bind-Value="_clubName"
+                    Label="Club-Name"
+                    Variant="Variant.Outlined"
+                    Required="true"
+                    RequiredError="Bitte gib einen Club-Namen ein"
+                    Immediate="true"
+                    OnKeyUp="OnClubNameKeyUp"
+                    Class="mb-3" />
+
+                @if (_searchResult is not null)
+                {
+                    <MudAlert Severity="Severity.Info" Class="mb-3">
+                        <div class="d-flex justify-space-between align-center">
+                            <div>
+                                <MudText Typo="Typo.body1"><strong>@_searchResult.Name</strong></MudText>
+                                <MudText Typo="Typo.caption">@_searchResult.MemberCount Mitglieder</MudText>
+                            </div>
+                            <MudIcon Icon="@Icons.Material.Filled.Check" Color="Color.Success" />
+                        </div>
+                    </MudAlert>
+                }
+                else if (_searched && !string.IsNullOrWhiteSpace(_clubName))
+                {
+                    <MudAlert Severity="Severity.Warning" Class="mb-3">
+                        Kein Club mit diesem Namen gefunden. Bitte pruefe die Schreibweise.
+                    </MudAlert>
+                }
+
+                @if (!string.IsNullOrEmpty(_error))
+                {
+                    <MudAlert Severity="Severity.Error" Class="mb-3">@_error</MudAlert>
+                }
+
+                <div class="d-flex gap-2">
+                    <MudButton Variant="Variant.Outlined"
+                        Color="Color.Primary"
+                        OnClick="SearchClub"
+                        Disabled="_isSearching || string.IsNullOrWhiteSpace(_clubName)">
+                        @if (_isSearching)
+                        {
+                            <MudProgressCircular Size="Size.Small" Indeterminate="true" Class="mr-2" />
+                        }
+                        Club suchen
+                    </MudButton>
+
+                    <MudButton Variant="Variant.Filled"
+                        Color="Color.Primary"
+                        OnClick="SubmitRequest"
+                        Disabled="_isSubmitting || _searchResult is null">
+                        @if (_isSubmitting)
+                        {
+                            <MudProgressCircular Size="Size.Small" Indeterminate="true" Class="mr-2" />
+                        }
+                        Beitrittsantrag senden
+                    </MudButton>
+                </div>
+            </MudForm>
+        </MudPaper>
+    }
+</MudContainer>
+
+@code {
+    private MudForm? _form;
+    private bool _isValid;
+    private string _clubName = "";
+    private ClubDto? _searchResult;
+    private bool _searched;
+    private bool _isLoading;
+    private bool _isSearching;
+    private bool _isSubmitting;
+    private bool _requestSent;
+    private string? _error;
+    private UserDto? _currentUser;
+
+    protected override async Task OnInitializedAsync()
+    {
+        _isLoading = true;
+        try
+        {
+            _currentUser = await UserService.GetCurrentUserAsync();
+        }
+        finally
+        {
+            _isLoading = false;
+        }
+    }
+
+    private async Task OnClubNameKeyUp(KeyboardEventArgs e)
+    {
+        // Reset search result when user types
+        if (_searched)
+        {
+            _searched = false;
+            _searchResult = null;
+            _error = null;
+        }
+
+        // Search on Enter key
+        if (e.Key == "Enter" && !string.IsNullOrWhiteSpace(_clubName))
+        {
+            await SearchClub();
+        }
+    }
+
+    private async Task SearchClub()
+    {
+        if (string.IsNullOrWhiteSpace(_clubName))
+            return;
+
+        _isSearching = true;
+        _error = null;
+        _searched = false;
+        _searchResult = null;
+
+        try
+        {
+            _searchResult = await ClubService.GetByNameAsync(_clubName.Trim());
+            _searched = true;
+
+            // Check if user is already member
+            if (_searchResult is not null && _currentUser is not null)
+            {
+                var existingMembership = _currentUser.ClubMemberships
+                    .FirstOrDefault(m => m.ClubId == _searchResult.Id);
+
+                if (existingMembership is not null)
+                {
+                    _error = "Du bist bereits Mitglied dieses Clubs oder hast einen offenen Antrag.";
+                    _searchResult = null;
+                }
+            }
+        }
+        catch (Exception ex)
+        {
+            _error = $"Fehler bei der Suche: {ex.Message}";
+        }
+        finally
+        {
+            _isSearching = false;
+        }
+    }
+
+    private async Task SubmitRequest()
+    {
+        if (_searchResult is null || _currentUser is null)
+            return;
+
+        _isSubmitting = true;
+        _error = null;
+
+        try
+        {
+            var success = await UserService.RequestClubMembershipAsync(
+                _currentUser.ProfileId,
+                _searchResult.Id);
+
+            if (success)
+            {
+                _requestSent = true;
+                Snackbar.Add("Beitrittsantrag erfolgreich gesendet", Severity.Success);
+            }
+            else
+            {
+                _error = "Der Antrag konnte nicht gesendet werden. Moeglicherweise existiert bereits ein Antrag.";
+            }
+        }
+        catch (Exception ex)
+        {
+            _error = $"Fehler beim Senden des Antrags: {ex.Message}";
+        }
+        finally
+        {
+            _isSubmitting = false;
+        }
+    }
+
+    private void ResetForm()
+    {
+        _clubName = "";
+        _searchResult = null;
+        _searched = false;
+        _requestSent = false;
+        _error = null;
+    }
+}

src/Koogle.Web/Components/Pages/Dashboard.razor

@@ -1,13 +1,16 @@
 @page "/dashboard"
-@attribute [Authorize(Policy = "ClubViewer")]
+@attribute [Authorize]
 
 @using Koogle.Application.DTOs
 @using Koogle.Application.Interfaces
 @using Koogle.Domain.Enums
+@using Koogle.Infrastructure.Security
 @using Koogle.Web.Components.Shared
 @using Microsoft.AspNetCore.Authorization
 
 @inject IDashboardService DashboardService
+@inject IUserService UserService
+@inject ICurrentClubContext CurrentClubContext
 @inject NavigationManager NavigationManager
 @inject ISnackbar Snackbar
 
@@ -19,6 +22,21 @@
 {
     <MudProgressLinear Indeterminate="true" Color="Color.Primary" />
 }
+else if (_hasNoClub)
+{
+    <MudPaper Class="pa-6" Elevation="2" MaxWidth="600px">
+        <div class="d-flex flex-column align-center text-center">
+            <MudIcon Icon="@Icons.Material.Filled.GroupOff" Size="Size.Large" Color="Color.Secondary" Class="mb-4" />
+            <MudText Typo="Typo.h5" Class="mb-2">Keinem Club zugeordnet</MudText>
+            <MudText Typo="Typo.body1" Color="Color.Secondary" Class="mb-4">
+                Du bist noch keinem Club zugeordnet. Um Koogle zu nutzen, tritt einem bestehenden Club bei.
+            </MudText>
+            <MudButton Variant="Variant.Filled" Color="Color.Primary" Href="/account/join-club" StartIcon="@Icons.Material.Filled.GroupAdd">
+                Einem Club beitreten
+            </MudButton>
+        </div>
+    </MudPaper>
+}
 else if (_error is not null)
 {
     <MudAlert Severity="Severity.Error" Class="mb-4">@_error</MudAlert>
@@ -149,6 +167,7 @@ else if (_dashboard is not null)
 @code {
     private DashboardDto? _dashboard;
     private bool _isLoading = true;
+    private bool _hasNoClub;
     private string? _error;
 
     protected override async Task OnInitializedAsync()
@@ -162,6 +181,20 @@ else if (_dashboard is not null)
         {
             _isLoading = true;
             _error = null;
+
+            // Check if user has club context
+            var clubId = CurrentClubContext.ClubId;
+            if (clubId == Guid.Empty)
+            {
+                // Double-check via user service
+                var user = await UserService.GetCurrentUserAsync();
+                if (user == null || user.ClubMemberships.Count == 0)
+                {
+                    _hasNoClub = true;
+                    return;
+                }
+            }
+
             _dashboard = await DashboardService.GetDashboardAsync();
         }
         catch (Exception ex)