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

<second-menu style="margin-top: -1em">
    <a href="" class="item" @click.prevent="createIP">{{t('waf_ipadmin@添加IP')}}</a>
    <span class="item disabled">|</span>
    <div class="item"><ip-list-bind-box :v-http-firewall-policy-id="firewallPolicyId" :v-type="type"></ip-list-bind-box></div>
    <span class="item disabled">|</span>
    <span class="item">{{t('waf_ipadmin@ID')}}: {{listId}} &nbsp; <tip-icon :content="t('waf_ipadmin@ID可以用于使用API操作此IP名单')"></tip-icon></span>
</second-menu>

<b-empty v-if="items.length == 0">{{t('waf_ipadmin@暂时还没有IP')}}</b-empty>

<ip-list-table v-if="items.length > 0" :v-items="items" @update-item="updateItem" @delete-item="deleteItem"></ip-list-table>

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