Atomx/Atomx.Admin/Atomx.Admin.Client/Pages/Login.razor

@page "/account/login"
@layout EmptyLayout
@inject ILogger<Login> Logger

<PageTitle>登录</PageTitle>

@if (!dataLoaded)
{
    <Spin Spinning="_isLoading" />
}
else
{
    <Flex Style="height:100vh" Justify="FlexJustify.Center" Align="FlexAlign.Center" Direction="FlexDirection.Vertical">
        <GridRow Justify="RowJustify.Center" Class="">
            <GridCol>
                <Card>
                    <Form @ref="form" Model="@login" OnFinish="LoginAsync">
                        <FluentValidationValidator />
                        <FormItem>
                            <AntDesign.Input Placeholder="登录账号" Size="InputSize.Large" @bind-Value="@login.Account">
                                <Prefix><Icon Type="user" /></Prefix>
                            </AntDesign.Input>
                        </FormItem>
                        <FormItem>
                            <AntDesign.Input Placeholder="登录密码" Size="InputSize.Large" @bind-Value="@login.Password" Type="InputType.Password">
                                <Prefix><Icon Type="lock" /></Prefix>
                            </AntDesign.Input>
                        </FormItem>
                        <FormItem>
                            <a style="float: left;">
                                忘记密码
                            </a>
                            <a style="float: right;">
                                <NavLink href="/register">马上注册</NavLink>
                            </a>
                        </FormItem>
                        <FormItem>
                            <Button Type="ButtonType.Primary" HtmlType="submit" Class="submit" Size="ButtonSize.Large" Block>登录</Button>
                        </FormItem>
                    </Form>
                </Card>
            </GridCol>
        </GridRow>
        <GridRow Style="padding-top:40px">
            <span style="font-size:12px;padding-right:3px;">Copyright © 2025-@DateTime.Now.Year Atomlust.com All rights reserved.</span>
            <span style="font-size:12px">runing as @handler</span>
        </GridRow>
    </Flex>
}


@code {
    string handler = "Server";

    [Parameter]
    [SupplyParameterFromQuery(Name = "ReturnUrl")]
    public string? ReturnUrl { get; set; }

    [SupplyParameterFromForm]
    public LoginModel login { get; set; } = new();
    private Form<LoginModel> form = null!;

    bool dataLoaded = false;

    string message { get; set; } = string.Empty;

    private bool _isLoading = false;

    protected override void OnInitialized()
    {
        if (OperatingSystem.IsBrowser())
        {
            handler = "Wasm";
        }
        else
        {
            handler = "Server";
        }
    }

    protected override async Task OnAfterRenderAsync(bool firstRender)
    {
        if (firstRender)
        {
            var authState = await AuthStateProvider.GetAuthenticationStateAsync();
            if (authState.User.Identity != null && authState.User.Identity.IsAuthenticated)
            {
                Navigation.NavigateTo(ReturnUrl ?? "/");
            }
        }
        if (!dataLoaded)
        {
            dataLoaded = true;
            StateHasChanged();
        }
    }

    private async Task LoginAsync()
    {
        if (!form.Validate()) return;

        _isLoading = true;
        StateHasChanged();

        try
        {
            // 请求后端登录接口，后端返回 ApiResult<AuthResponse>
            var api = "/api/sign/in";
            var result = await HttpService.Post<ApiResult<AuthResponse>>(api, login);
            if (result.Success && result.Data != null)
            {
                var auth = result.Data;

                // 保存 access + refresh 到 localStorage（WASM 场景）
                await localStorage.SetItemAsync("accessToken", auth.Token);
                await localStorage.SetItemAsync("refreshToken", auth.RefreshToken);

                // 更新客户端 AuthenticationState（调用自定义 Provider 更新方法）
                if (AuthStateProvider is PersistentAuthenticationStateProvider provider)
                {
                    // provider 仅需要 access token 更新来触发 UI 更新
                    provider.UpdateAuthenticationState(auth.Token);
                }

                Logger.LogInformation("登录成功，跳转: {ReturnUrl}", ReturnUrl);
                Navigation.NavigateTo(ReturnUrl ?? "/");
            }
            else
            {
                ModalService.Error(new ConfirmOptions() { Title = "提示", Content = result.Message });
            }
        }
        catch (Exception ex)
        {
            Logger.LogError(ex, "登录失败");
            ModalService.Error(new ConfirmOptions() { Title = "错误", Content = "登录异常，请稍后重试" });
        }
        finally
        {
            _isLoading = false;
            StateHasChanged();
        }
    }

    private async Task OnPasswordKeyDown(KeyboardEventArgs value)
    {
        if (value.Key == "Enter")
        {
            await LoginAsync();
        }
    }
}