{$layout}
{$template "admin_menu"}

<b-status-card>
    <b-status-card-item label="全名">
        {{admin.fullname}}
    </b-status-card-item>
    <b-status-card-item label="状态">
        <label-on :v-is-on="admin.isOn"></label-on>
    </b-status-card-item>
    <b-status-card-item label="登录用户名">
        {{admin.username}}
    </b-status-card-item>
    <b-status-card-item label="允许登录" :comment="[
        admin.canLogin ? '允许登录当前管理平台。' : '不允许登录当前管理平台。'
    ]">
        <span class="green" v-if="admin.canLogin">Y</span>
        <span class="disabled" v-else>N</span>
    </b-status-card-item>
    <b-status-card-item label="超级管理员">
        <span v-if="admin.isSuper" class="green">Y</span>
        <span v-else class="disabled">N</span>
    </b-status-card-item>
    <b-status-card-item v-show="!admin.isSuper" label="权限">
        <div class="modules-box" v-if="modules.length > 0">
            <div class="module-box" v-for="module in modules">
                <i class="icon circle small grey"></i> {{module.name}}
            </div>
        </div>
        <b-empty v-else>暂时还没有可以管理的模块。</b-empty>
    </b-status-card-item>
</b-status-card>

<!-- <table class="ui table definition selectable">
    <tr>
        <td class="title">全名</td>
        <td>
            {{admin.fullname}}
        </td>
    </tr>
    <tr>
        <td>状态</td>
        <td>
            <label-on :v-is-on="admin.isOn"></label-on>
        </td>
    </tr>
    <tr>
        <td>登录用户名</td>
        <td>
            {{admin.username}}
        </td>
    </tr>
    <tr>
        <td>允许登录</td>
        <td>
            <span class="green" v-if="admin.canLogin">Y</span>
            <span class="disabled" v-else>N</span>
            <p class="comment" v-if="admin.canLogin">允许登录当前管理平台。</p>
            <p class="comment" v-else="">不允许登录当前管理平台。</p>
        </td>
    </tr>
    <tr>
        <td>超级管理员</td>
        <td>
            <span v-if="admin.isSuper" class="green">Y</span>
            <span v-else class="disabled">N</span>
        </td>
    </tr>
    <tr v-show="!admin.isSuper">
        <td>权限</td>
        <td>
            <div class="modules-box" v-if="modules.length > 0">
                <div class="module-box" v-for="module in modules">
                    <i class="icon circle small grey"></i> {{module.name}}
                </div>
            </div>
            <b-empty v-else>暂时还没有可以管理的模块。</b-empty>
        </td>
    </tr>
</table> -->





<b-status-card title="OTP认证">
    <b-status-card-item label="状态">
        <span v-if="otp != null && otp.isOn" class="green">已启用</span>
        <span v-else class="disabled">未启用</span>
    </b-status-card-item>
    <b-status-card-item v-if="otp != null && otp.isOn" label="认证二维码">
        <img alt="qrcode" :src="'./otpQrcode?adminId=' + admin.id"/>
        <p class="comment"><a :href="'./otpQrcode?adminId=' + admin.id + '&download=true'">[下载]</a> &nbsp; 可以通过二维码快速添加OTP认证信息到认证App中。</p>
    </b-status-card-item>
    <b-status-card-item v-if="otp != null && otp.isOn" label="密钥">
        {{otp.params.secret}}
    </b-status-card-item>
</b-status-card>

<!-- <b-settings-header>OTP认证</b-settings-header> -->
<!-- <h3>OTP认证</h3> -->
<!-- <table class="ui table definition selectable">
    <tr>
        <td class="title">状态</td>
        <td>
            <span v-if="otp != null && otp.isOn" class="green">已启用</span>
            <span v-else class="disabled">未启用</span>
        </td>
    </tr>
    <tr v-if="otp != null && otp.isOn">
        <td colspan="2"><more-options-indicator>更多信息</more-options-indicator></td>
    </tr>
    <tr v-if="otp != null && otp.isOn && moreOptionsVisible">
        <td>认证二维码</td>
        <td>
            <img alt="qrcode" :src="'./otpQrcode?adminId=' + admin.id"/>
            <p class="comment"><a :href="'./otpQrcode?adminId=' + admin.id + '&download=true'">[下载]</a> &nbsp; 可以通过二维码快速添加OTP认证信息到认证App中。</p>
        </td>
    </tr>
    <tr v-if="otp != null && otp.isOn && moreOptionsVisible">
        <td>密钥</td>
        <td>{{otp.params.secret}}</td>
    </tr>
</table> -->