{$layout}
{$template "../menu"}
{$template "/left_menu_with_menu"}

<div class="left-right-box-container">

    <div class="right-box">
        <first-menu>
            <menu-item :href="'.?clusterId=' + clusterId">{{t('ddos_protection_status@设置')}}</menu-item>
            <menu-item :href="'.status?clusterId=' + clusterId" class="active">{{t('ddos_protection_status@状态')}}</menu-item>
            <div class="right">
                <a-button type="default" size="small" @click="reload">
                    <i class="icon redo"></i> {{t('ddos_protection_status@刷新')}}
                </a-button>
            </div>
        </first-menu>

        <loading-message v-if="isLoading">{{t('ddos_protection_status@检查中请耐心等待完成')}}</loading-message>

        <b-table
            v-if="!isLoading && results.length > 0"
            :columns="columns"
            :data-source="results"
            :row-key="'nodeId'"
            size="middle"
        >
            <!-- 节点名称 -->
            <template slot="nameSlot" slot-scope="{ record }">
                 <a :href="'/clusters/cluster/node?clusterId=' + clusterId + '&nodeId=' + record.nodeId">{{record.nodeName}}</a>
                <div v-if="record.isPrior">
                    <a :href="'/clusters/cluster/node/settings/ddos-protection?clusterId=' + clusterId + '&nodeId=' + record.nodeId"><grey-label>{{t('ddos_protection_status@定制')}}</grey-label></a>
                </div>
            </template>

            <!-- 检查结果 -->
            <template slot="resultSlot" slot-scope="{ record }">
                <span class="green" v-if="record.isOk"><i class="icon check circle"></i> {{record.message}}</span>
                <span class="red" v-if="!record.isOk"><i class="icon warning circle"></i> {{record.message}}</span>
            </template>

             <!-- 独立设置 -->
             <template slot="actionSlot" slot-scope="{ record }">
                 <a-button type="link" :href="'/clusters/cluster/node/settings/ddos-protection?clusterId=' + clusterId + '&nodeId=' + record.nodeId">
                    <i class="pi pi-cog" style="font-size: 12px;margin-right: 0.2em;"></i> {{t('ddos_protection_status@设置')}}
                 </a-button>
             </template>
        </b-table>

        <b-empty v-if="!isLoading && results.length == 0">{{t('ddos_protection_status@当前集群下暂时还没有节点')}}</b-empty>

    </div>
</div>