{$layout}
{$template "menu"}


<!-- 搜索表单 -->
<form class="ui form" method="get" action="/clusters/grants">
    <div class="margin"></div>
    <div class="ui fields inline">
        <div class="ui field">
            <input type="text" name="keyword" :placeholder="t('grants_index@名称用户名等')" v-model="keyword"/>
        </div>
        <div class="ui field">
            <button class="ui button" type="submit">{{t('grants_index@搜索')}}</button>
            &nbsp;
            <a :href="Tea.url('.')" v-if="keyword.length > 0">[{{t('grants_index@清除条件')}}]</a>
        </div>
    </div>
</form>
<div class="margin"></div>
<!-- SSH认证列表 -->
<b-empty v-if="grants.length == 0">{{t('grants_index@暂时还没有认证信息')}}</b-empty>

<b-table
    v-if="grants.length > 0"
    :columns="columns"
    :data-source="grants"
    :row-key="'id'"
    :bordered="false"
    :pagination="false"
    size="middle"
>
    <template slot="nameSlot" slot-scope="{ text, record }">
        <a :href="'/clusters/grants/grant?grantId=' + record.id"><keyword :v-word="keyword">{{record.name}}</keyword></a>
    </template>
    
    <template slot="methodSlot" slot-scope="{ text, record }">
        <b-label size="tiny">{{record.method.name}}</b-label>
    </template>
    
    <template slot="usernameSlot" slot-scope="{ text, record }">
        <span v-if="record.username.length > 0">{{record.username}}</span>
        <span v-else class="disabled">-</span>
    </template>
    
    <template slot="clustersSlot" slot-scope="{ text, record }">
        <span v-if="record.countClusters > 0">{{record.countClusters}}</span>
        <span v-else class="disabled">0</span>
    </template>
    
    <template slot="nodesSlot" slot-scope="{ text, record }">
        <span v-if="record.countNodes > 0">{{record.countNodes}}</span>
        <span v-else class="disabled">0</span>
    </template>
    
    <template slot="actionSlot" slot-scope="{ text, record }">
        <a :href="'/clusters/grants/grant?grantId=' + record.id">{{t('grants_index@详情')}}</a> &nbsp; <a href="" @click.prevent="deleteGrant(record.id)">{{t('grants_index@删除')}}</a>
    </template>
</b-table>

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