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

<div class="right-box with-menu">
  {$template "../menu"} {$ if .featureIsOn}
  <second-menu>
    <menu-item @click.prevent="createIP('black')">添加IP</menu-item>
    <span class="item">|</span>
    <span class="item"
      >ID: {{listId}} &nbsp;
      <tip-icon content="ID可以用于使用API操作此IP名单"></tip-icon
    ></span>
  </second-menu>

  <!-- <p class="comment" v-if="items.length == 0">暂时还没有IP。</p> -->
  <b-empty v-if="items.length == 0">暂时还没有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="page"></div>
  {$else}
  <server-feature-required></server-feature-required>
  {$end}
</div>
