{$layout}
{$template "menu"}

<b-empty v-if="policies.length == 0">{{t('accesslogs@暂时还没有访问日志策略')}}</b-empty>

<div v-if="policies.length > 0">
    <b-table
        :columns="columns" 
        :data-source="policies" 
        :row-key="'id'" 
        :scroll="{ x: 800 }"
        size="middle">
        
        <!-- 策略名称 -->
        <template slot="nameSlot" slot-scope="{ text, record }">
            <a :href="Tea.url('.policy', {policyId: record.id})">{{record.name}}</a>
            <div style="margin-top: 0.3em" v-if="record.isPublic || record.firewallOnly">
                <span class="ui label olive tiny basic" v-if="record.isPublic">{{t('accesslogs@公用')}}</span>
                <span class="ui label tiny basic" v-if="record.firewallOnly">{{t('accesslogs@只记录WAF')}}</span>
                <span class="ui label tiny basic" v-if="record.disableDefaultDB">{{t('accesslogs@停用默认数据库')}}</span>
            </div>
        </template>
        
        <!-- 主要参数 -->
        <template slot="optionsSlot" slot-scope="{ text, record }">
            <span v-if="record.options == null" class="disabled">-</span>
            <span v-else-if="record.type == 'es'">Endpoint: {{record.options.endpoint}}</span>
            <span v-else-if="record.type == 'file'">{{t('accesslogs@文件路径')}}：{{record.options.path}}</span>
            <span v-else-if="record.type == 'tcp'">{{t('accesslogs@网络地址')}}：{{record.options.addr}}</span>
            <span v-else-if="record.type == 'command'">{{t('accesslogs@可执行命令')}}：{{record.options.command}}</span>
            <span v-else-if="record.type == 'syslog'">
                <span v-if="record.options.protocol == 'tcp'">TCP {{record.options.serverAddr}}</span>
                <span v-if="record.options.protocol == 'udp'">UDP {{record.options.serverAddr}}</span>
                <span v-if="record.options.protocol == 'socket'">SOCK {{record.options.socket}}</span>
            </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="Tea.url('.policy', {policyId: record.id})">
                <i class="pi pi-info-circle"></i> {{t('accesslogs@详情')}}
            </a> &nbsp; 
            <a href="" @click.prevent="deletePolicy(record.id)">
                <i class="pi pi-trash"></i> {{t('accesslogs@删除')}}
            </a>
        </template>
    </b-table>
</div>

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