121 lines
3.3 KiB
Plaintext
121 lines
3.3 KiB
Plaintext
@using Microsoft.Extensions.Configuration
|
|
@using Bimix.UI.Shared.Services
|
|
@inject IJSRuntime JS
|
|
@inject IConfiguration Configuration
|
|
@inject AuthService AuthService
|
|
@inject NavigationManager NavigationManager
|
|
|
|
<MudCard Class="login-card" Elevation="8">
|
|
<MudCardContent Class="pa-8 d-flex flex-column align-center">
|
|
<MudText Typo="Typo.h4" Class="mb-4">Witaj w Bimix</MudText>
|
|
<MudText Typo="Typo.body1" Class="mb-6 text-center">
|
|
Zaloguj się używając konta Google
|
|
</MudText>
|
|
|
|
<MudButton
|
|
Variant="Variant.Filled"
|
|
StartIcon="@Icons.Custom.Brands.Google"
|
|
Size="Size.Large"
|
|
OnClick="HandleGoogleSignIn"
|
|
Disabled="@_isLoading">
|
|
@if (_isLoading)
|
|
{
|
|
<MudProgressCircular Class="mr-3" Size="Size.Small" Indeterminate="true"></MudProgressCircular>
|
|
}
|
|
else
|
|
{
|
|
<span>Zaloguj z Google</span>
|
|
}
|
|
</MudButton>
|
|
|
|
@if (!string.IsNullOrEmpty(_errorMessage))
|
|
{
|
|
<MudAlert Severity="Severity.Error" Class="mt-4">
|
|
@_errorMessage
|
|
</MudAlert>
|
|
}
|
|
</MudCardContent>
|
|
</MudCard>
|
|
|
|
@code {
|
|
private bool _isLoading = false;
|
|
private string _errorMessage = string.Empty;
|
|
private static LoginCard? _instance;
|
|
|
|
protected override void OnInitialized()
|
|
{
|
|
_instance = this;
|
|
}
|
|
|
|
private async Task HandleGoogleSignIn()
|
|
{
|
|
try
|
|
{
|
|
_isLoading = true;
|
|
_errorMessage = string.Empty;
|
|
StateHasChanged();
|
|
|
|
var clientId = Configuration["GoogleAuth:ClientId"];
|
|
|
|
if (string.IsNullOrEmpty(clientId))
|
|
{
|
|
throw new Exception("Google ClientId is not configured.");
|
|
}
|
|
|
|
|
|
await JS.InvokeVoidAsync("initGoogleSignIn", clientId);
|
|
}
|
|
catch (Exception ex)
|
|
{
|
|
_errorMessage = "Błąd podczas logownia. Spróbuj ponownie";
|
|
_isLoading = false;
|
|
StateHasChanged();
|
|
}
|
|
}
|
|
|
|
[JSInvokable]
|
|
public static async Task OnGoogleSignInSuccess(string idToken)
|
|
{
|
|
Console.WriteLine($"Google ID Token: {idToken}");
|
|
|
|
if (_instance != null)
|
|
{
|
|
await _instance.AuthService.SetAuthenticationAsync(idToken);
|
|
|
|
_instance._isLoading = false;
|
|
_instance._errorMessage = string.Empty;
|
|
|
|
_instance.NavigationManager.NavigateTo("/dashboard", replace:true);
|
|
|
|
await _instance.InvokeAsync(() => _instance.StateHasChanged());
|
|
}
|
|
}
|
|
|
|
[JSInvokable]
|
|
public static async Task OnGoggleSignInError(string error)
|
|
{
|
|
Console.WriteLine($"Google SignIn Error: {error}");
|
|
|
|
if (_instance != null)
|
|
{
|
|
_instance._isLoading = false;
|
|
_instance._errorMessage = "Błąd logowanie Google. Spróbuj ponownie";
|
|
await _instance.InvokeAsync(() => _instance.StateHasChanged());
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
<style>
|
|
.login-card {
|
|
max-width: 400px;
|
|
width: 100%;
|
|
background: rgba(255, 255, 255, 0.95);
|
|
backdrop-filter: blur(10px);
|
|
}
|
|
|
|
.google-signin-button {
|
|
width: 100%;
|
|
padding: 12px 24px;
|
|
}
|
|
</style> |