{$layout}
{$template "../menu_domain"}

<second-menu>
    <menu-item @click.prevent="createKey">
        <i class="pi pi-pen-to-square"></i>
        {{t('ns_domains_keys_index@创建密钥')}}
    </menu-item>
</second-menu>

<tip-message-box>{{t('ns_domains_keys_index@TSIG校验说明')}}</tip-message-box>

<b-empty v-if="keys.length == 0">{{t('ns_domains_keys_index@暂无密钥')}}</b-empty>

<b-table
    v-if="keys.length > 0"
    :columns="columns"
    :data-source="keys"
    :row-key="'id'"
    size="middle"
    :show-header="true"
>
    <!-- Name Slot -->
    <template slot="nameSlot" slot-scope="{ text, record }">
        {{record.name}}
    </template>

    <!-- Algo Name Slot -->
    <template slot="algoNameSlot" slot-scope="{ text, record }">
        {{record.algoName}}
    </template>

    <!-- Secret Slot -->
    <template slot="secretSlot" slot-scope="{ text, record }">
        {{record.secret}}
    </template>

    <!-- Secret Type Name Slot -->
    <template slot="secretTypeNameSlot" slot-scope="{ text, record }">
        {{record.secretTypeName}}
    </template>

    <!-- Status Slot -->
    <template slot="statusSlot" slot-scope="{ text, record }">
        <label-on :v-is-on="record.isOn"></label-on>
    </template>

    <!-- Action Slot -->
    <template slot="actionSlot" slot-scope="{ text, record }">
        <a href="" @click.prevent="updateKey(record.id)">{{t('ns_domains_keys_index@修改')}}</a> &nbsp;
        <a href="" @click.prevent="deleteKey(record.id)">{{t('ns_domains_keys_index@删除')}}</a>
    </template>

</b-table>

<div class="page" v-html="filterPageContent(page)"></div>