{$layout}
{$template "menu"}

<second-menu>
    <menu-item @click.prevent="createRecipient">
        <i class="pi pi-pen-to-square"></i>
        {{t('admins_recipients_index@创建接收人')}}
    </menu-item>
</second-menu>

<b-empty v-if="recipients.length == 0">{{t('admins_recipients_index@暂时还没有媒介接收人。')}}</b-empty>

<b-table
    v-if="recipients.length > 0"
    :columns="tableColumns"
    :data-source="recipients"
    :row-key="'id'"
    :bordered="false"
    size="middle"
    :pagination="false"
>
    <!-- 系统用户 -->
    <template slot="adminSlot" slot-scope="{ text, record }">
        <a :href="'/admins/recipients/recipient?recipientId=' + record.id">{{record.admin.fullname}}</a> 
        <span class="small grey">（{{record.admin.username}}）</span>
        <link-icon :href="'/admins/admin?adminId=' + record.admin.id" size="tiny"></link-icon>
    </template>

    <!-- 媒介类型 -->
    <template slot="instanceSlot" slot-scope="{ text, record }">
        {{record.instance.name}}
    </template>

    <!-- 接收人标识 -->
    <template slot="userSlot" slot-scope="{ text, record }">
        <span v-if="record.user.length > 0">{{record.user}}</span>
        <span v-else class="disabled">-</span>
    </template>

    <!-- 所属分组 -->
    <template slot="groupsSlot" slot-scope="{ text, record }">
        <div v-if="record.groups != null && record.groups.length > 0">
            <div v-for="group in record.groups" class="ui label small basic">{{group.name}}</div>
        </div>
        <div v-else>
            <span class="disabled">-</span>
        </div>
    </template>

    <!-- 备注 -->
    <template slot="descriptionSlot" slot-scope="{ text, record }">
        <span v-if="record.description.length > 0">{{record.description}}</span>
        <span v-else class="disabled">-</span>
    </template>

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

    <!-- 操作 -->
    <template slot="actionSlot" slot-scope="{ text, record }">
        <a :href="'/admins/recipients/recipient?recipientId=' + record.id">{{t('admins_recipients_index@详情')}}</a> &nbsp;
        <a href="" @click.prevent="deleteRecipient(record.id)">{{t('admins_recipients_index@删除')}}</a>
    </template>
</b-table>

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