{$layout}
{$template "grant_menu"}

<div class="ui message">{{t('grants_test@可以在这里测试SSH主机连接是否正常')}}</div>

<form class="ui form" data-tea-action="$" data-tea-success="success" data-tea-before="requestBefore" data-tea-done="requestDone">
    <csrf-token></csrf-token>
    <input type="hidden" name="grantId" :value="grant.id"/>
    <table class="ui table selectable definition">
        <tr>
            <td class="title">{{t('grants_test@节点主机地址')}} *</td>
            <td>
                <input type="text" name="host" placeholder="x.x.x.x" style="width: 10em" ref="focus"/>
            </td>
        </tr>
        <tr>
            <td>{{t('grants_test@节点主机端口')}} *</td>
            <td>
                <input type="text" name="port" style="width: 5em" size="5" maxlength="5"/>
            </td>
        </tr>
        <tr>
            <td class="title">{{t('grants_test@认证方式')}}</td>
            <td>
                {{grant.methodName}}
            </td>
        </tr>

        <!-- 用户名/密码 -->
        <tbody v-if="grant.method == 'user'">
        <tr>
            <td>{{t('grants_test@SSH用户名')}}</td>
            <td>
                {{grant.username}}
            </td>
        </tr>
            <tr>
                <td>{{t('grants_test@SSH密码')}}</td>
                <td>{{grant.password}}
            </tr>
        </tbody>

        <!-- 私钥 -->
        <tbody v-if="grant.method == 'privateKey'">
            <tr>
                <td>{{t('grants_test@SSH用户名')}}</td>
                <td>{{grant.username}}</td>
            </tr>
            <tr>
                <td>{{t('grants_test@RSA私钥')}}</td>
                <td>
                    <pre class="pre-box" style="max-height: 10em; overflow-y: auto">{{grant.privateKey}}</pre>
                </td>
            </tr>
        </tbody>
    </table>

    <div class="ui message success" v-if="resp != null && resp.isOk">{{t('grants_test@连接成功')}}!</div>
    <div class="ui message error" v-if="resp != null && !resp.isOk">{{t('grants_test@连接失败')}}：{{resp.error}}</div>

    <submit-btn v-if="!isRequesting">{{t('grants_test@提交测试')}}</submit-btn>
    <button class="ui button disabled" v-if="isRequesting">{{t('grants_test@连接中')}}...</button>
</form>