{$layout "layout_popup"}

<!-- <h3>{{t('clusters_cluster_settings_metrics_createPopup@可以添加的指标')}}</h3> -->

<b-empty v-if="items.length == 0">{{t('clusters_cluster_settings_metrics_createPopup@暂时还没有可用的指标')}}</b-empty>
<table class="ui table celled selectable" v-if="items.length > 0">
    <thead>
    <tr>
        <th>{{t('clusters_cluster_settings_metrics_createPopup@指标名称')}}</th>
        <th>{{t('clusters_cluster_settings_metrics_createPopup@统计对象')}}</th>
        <th>{{t('clusters_cluster_settings_metrics_createPopup@统计周期')}}</th>
        <th class="three wide">{{t('clusters_cluster_settings_metrics_createPopup@统计数值')}}</th>
        <th class="two wide">{{t('clusters_cluster_settings_metrics_createPopup@状态')}}</th>
        <th class="two op">{{t('clusters_cluster_settings_metrics_createPopup@操作')}}</th>
    </tr>
    </thead>
    <tr v-for="item in items">
        <td>{{item.name}}
            <div style="margin-top: 0.3em" v-if="item.isPublic || item.code.length > 0">
                <span class="ui label olive tiny basic" v-if="item.isPublic">{{t('clusters_cluster_settings_metrics_createPopup@公用')}}</span>
                <span class="ui label olive tiny basic" v-if="item.code.length > 0">{{t('clusters_cluster_settings_metrics_createPopup@内置')}}</span>
            </div>
        </td>
        <td>
            <div v-if="item.keys != null" v-for="key in item.keys" style="margin-top: 0.2em; margin-bottom: 0.2em"><metric-key-label :v-key="key"></metric-key-label></div>
        </td>
        <td>
            {{item.period}} {{item.periodUnitName}}
        </td>
        <td>
            <span class="ui label small basic">{{item.valueName}}</span>
        </td>
        <td>
            <label-on :v-is-on="item.isOn"></label-on>
        </td>
        <td>
            <a href="" @click.prevent="addItem(item)" v-if="!item.isChecked">{{t('clusters_cluster_settings_metrics_createPopup@添加')}}</a>
            <a href="" @click.prevent="removeItem(item)" v-if="item.isChecked"><span class="grey">{{t('clusters_cluster_settings_metrics_createPopup@已添加')}}</span></a>
        </td>
    </tr>
</table>

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