{$layout}
{$template "menu"}

<div class="right-box">
    <p class="ui message" v-if="autoDeleted">{{t('event_已自动删除没有关联对_583e')}}。</p>

    <b-empty v-if="logs.length == 0">{{t('event_暂时还没有事件_aa7c')}}。</b-empty>

    <second-menu v-if="logs.length > 0">
        <menu-item @click.prevent="updatePageRead()">[{{t('event_本页已读_0723')}}]</menu-item>
        <menu-item @click.prevent="updateAllRead()">[{{t('event_全部已读_1d1a')}}]</menu-item>
    </second-menu>

    <b-table
        v-if="logs.length > 0"
        :columns="[
            { title: t('event_节点类型_bcaf'), key: 'role', scopedSlots: { customRender: 'roleSlot' }, width: '10%' },
            { title: t('event_集群_85fe'), key: 'cluster', scopedSlots: { customRender: 'clusterSlot' }, width: '15%' },
            { title: t('event_节点_3bf3'), key: 'node', scopedSlots: { customRender: 'nodeSlot' }, width: '15%' },
            { title: t('event_信息_d8c7'), key: 'message', scopedSlots: { customRender: 'messageSlot' } },
            { title: t('event_操作_2b6b'), key: 'action', scopedSlots: { customRender: 'actionSlot' }, width: '8%', align: 'center' }
        ]"
        :data-source="logs"
        :row-key="'id'"
        :pagination="false"
        size="middle"
    >
        <template slot="roleSlot" slot-scope="{ text, record }">
            <node-role-name :v-role="record.role"></node-role-name>
        </template>

        <template slot="clusterSlot" slot-scope="{ text, record }">
             <span v-if="record.role == 'node'">
                <link-icon :href="'/clusters/cluster?clusterId=' + record.node.cluster.id">{{record.node.cluster.name}}</link-icon>
            </span>
            <span v-else-if="record.role == 'dns'">
                <link-icon :href="'/ns/clusters/cluster?clusterId=' + record.node.cluster.id">{{record.node.cluster.name}}</link-icon>
            </span>
            <span v-else class="disabled">-</span>
        </template>

        <template slot="nodeSlot" slot-scope="{ text, record }">
            <span v-if="record.role == 'node'">
                <link-icon :href="'/clusters/cluster/node?clusterId=' + record.node.cluster.id + '&nodeId=' + record.node.id">{{record.node.name}}</link-icon>
            </span>
            <span v-if="record.role == 'api'">
                <link-icon :href="'/settings/api/node?nodeId=' + record.node.id">{{record.node.name}}</link-icon>
            </span>
            <span v-if="record.role == 'dns'">
                <link-icon :href="'/ns/clusters/cluster/node?clusterId=' + record.node.cluster.id + '&nodeId=' + record.node.id">{{record.node.name}}</link-icon>
            </span>
            <span v-if="record.role == 'database'">
                <link-icon :href="'/settings/db/node?nodeId=' + record.node.id">{{record.node.name}}</link-icon>
            </span>
            <span v-if="record.role == 'admin'">{{t('event_管理平台_4beb')}}</span>
            <span v-if="record.role == 'user'">
                <link-icon :href="'/settings/userNodes/node?nodeId=' + record.node.id">{{record.node.name}}</link-icon>
            </span>
            <span v-if="record.role == 'monitor'">
                <link-icon :href="'/settings/monitorNodes/node?nodeId=' + record.node.id">{{record.node.name}}</link-icon>
            </span>
            <span v-if="record.role == 'report'">
                <link-icon :href="'/clusters/monitors/reporters/reporter?reporterId=' + record.node.id">{{record.node.name}}</link-icon>
            </span>
        </template>

        <template slot="messageSlot" slot-scope="{ text, record }">
            <node-log-row :v-log="record" :v-keyword="keyword"></node-log-row>
        </template>

         <template slot="actionSlot" slot-scope="{ text, record }">
            <a-button type="link" @click.prevent="updateRead(record.id)">{{t('event_已读_8ad6')}}</a-button>
        </template>
    </b-table>

    <div class="page" v-html="filterPageContent(page)" v-if="logs.length > 0"></div>
</div>