@page "/logouts"

<h3>Logout 登出组件</h3>

<h4>用于网站登出操作</h4>

<DemoBlock Title="普通用法" Introduction="直接使用内置模板使用" Name="Normal">
    <Logout ImageUrl="_content/BootstrapBlazor.Shared/images/Argo.png" DisplayName="Administrators" UserName="Admin" class="bg-secondary" />
    <div style="height: 80px;"></div>
</DemoBlock>

<DemoBlock Title="仅显示头像" Introduction="设置 <code>ShowUserName</code> 值为 <code>false</code>" Name="ShowUserName">
    <Logout ImageUrl="_content/BootstrapBlazor.Shared/images/Argo.png" DisplayName="Administrators" UserName="Admin" ShowUserName="false" class="bg-secondary" />
    <div style="height: 80px;"></div>
</DemoBlock>

<DemoBlock Title="自定义显示模板" Introduction="设置 <code>ChildContent</code> 或者在组件内部直接写其他组件即可" Name="ChildContent">
    <Logout ImageUrl="_content/BootstrapBlazor.Shared/images/Argo.png" DisplayName="Administrators" UserName="Admin">
        <i class="fa-fw fa-solid fa-user"></i>
        <span>自定义显示内容</span>
    </Logout>
    <div style="height: 80px;"></div>
</DemoBlock>

<DemoBlock Title="自定义登录信息模板" Introduction="设置 <code>HeaderTemplate</code>" Name="HeaderTemplate">
    <Logout ImageUrl="_content/BootstrapBlazor.Shared/images/Argo.png" DisplayName="Administrators" UserName="Admin" class="bg-warning">
        <HeaderTemplate>
            <div class="d-flex flex-fill align-items-center">
                <img alt="avatar" src="_content/BootstrapBlazor.Shared/images/Argo-C.png" style="border-radius: 50%;">
                <div class="flex-fill">
                    <div class="logout-dn">总经理</div>
                    <div class="logout-un">Admin</div>
                </div>
            </div>
        </HeaderTemplate>
    </Logout>
    <div style="height: 80px;"></div>
</DemoBlock>

<DemoBlock Title="自定义链接模板" Introduction="设置 <code>LinkTemplate</code>" Name="LinkTemplate">
    <Logout ImageUrl="_content/BootstrapBlazor.Shared/images/Argo.png" DisplayName="Administrators" UserName="Admin" class="bg-primary">
        <LinkTemplate>
            <a href="#">
                <i class="fa-solid fa-user"></i><span>个人中心</span>
            </a>
            <a href="#">
                <i class="fa-solid fa-gear"></i><span>设置</span>
            </a>
            <LogoutLink />
        </LinkTemplate>
    </Logout>
    <div style="height: 220px;"></div>
</DemoBlock>

<AttributeTable Items="GetAttributes()"></AttributeTable>

// Copyright (c) Argo Zhang (argo@163.com). All rights reserved.
// Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information.
// Website: https://www.blazor.zone or https://argozhang.github.io/

using BootstrapBlazor.Components;
using BootstrapBlazor.Shared.Common;

namespace BootstrapBlazor.Shared.Samples;

/// <summary>
/// 
/// </summary>
public partial class Logouts
{
    private static IEnumerable<AttributeItem> GetAttributes() => new AttributeItem[]
    {
        new AttributeItem() {
            Name = nameof(Logout.ImageUrl),
            Description = "登出组件当前用户头像",
            Type = "string",
            ValueList = " — ",
            DefaultValue = " — "
        },
        new AttributeItem() {
            Name = nameof(Logout.DisplayName),
            Description = "登出组件当前用户显示文字",
            Type = "string",
            ValueList = " — ",
            DefaultValue = " — "
        },
        new AttributeItem() {
            Name = nameof(Logout.PrefixDisplayNameText),
            Description = "登出组件当前用户显示文字前置文字",
            Type = "string",
            ValueList = " — ",
            DefaultValue = "欢迎"
        },
        new AttributeItem() {
            Name = nameof(Logout.UserName),
            Description = "登出组件当前用户登录账号",
            Type = "string",
            ValueList = " — ",
            DefaultValue = " — "
        },
        new AttributeItem() {
            Name = nameof(Logout.ShowUserName),
            Description = "是否显示用户名",
            Type = "bool",
            ValueList = "true|false",
            DefaultValue = "true"
        },
        new AttributeItem() {
            Name = nameof(Logout.PrefixUserNameText),
            Description = "登出组件当前用户登录账号前置文字",
            Type = "string",
            ValueList = " — ",
            DefaultValue = "当前账号"
        },
        new AttributeItem() {
            Name = nameof(Logout.HeaderTemplate),
            Description = "账户信息模板",
            Type = "RenderFragment",
            ValueList = " — ",
            DefaultValue = " — "
        },
        new AttributeItem() {
            Name = nameof(Logout.LinkTemplate),
            Description = "导航信息模板",
            Type = "RenderFragment",
            ValueList = " — ",
            DefaultValue = " — "
        }
    };
}