{$layout}
{$template "menu"}

<b-empty v-if="results.length == 0">{{t('clusters_ipaddrs_addr@暂时还没有监控结果')}}</b-empty>

<table class="ui table celled selectable" v-if="results.length > 0">
    <thead>
    <tr>
        <th class="three wide">{{t('clusters_ipaddrs_addr@监控节点Col')}}</th>
        <th class="two wide">{{t('clusters_ipaddrs_addr@检测时间Col')}}</th>
        <th class="four wide">{{t('clusters_ipaddrs_addr@对象Col')}}</th>
        <th class="one wide">{{t('clusters_ipaddrs_addr@级别Col')}}</th>
        <th class="two wide">{{t('clusters_ipaddrs_addr@耗时Col')}}</th>
        <th>{{t('clusters_ipaddrs_addr@错误信息Col')}}</th>
    </tr>
    </thead>
    <tr v-for="result in results">
        <td>
            {{result.node.name}}<link-icon :href="'/clusters/monitors/reporters/reporter?reporterId=' + result.node.id"></link-icon>
            <div v-if="result.node.location.length > 0 || result.node.isp.length > 0">
                <span class="grey small">{{result.node.location}}<span v-if="result.node.location.length > 0"> </span> {{result.node.isp}}</span>
            </div>
        </td>
        <td>{{result.updatedTime}}</td>
        <td>{{result.targetDesc}}</td>
        <td>
            <span :class="result.color">{{result.levelName}}</span>
        </td>
        <td>
            <span v-if="result.isOk" :class="result.color">{{result.costMs}}ms</span>
            <span v-else class="disabled">-</span>
        </td>
        <td>
            <span v-if="!result.isOk" class="red">{{result.error}}</span>
            <span v-else class="disabled">-</span>
        </td>
    </tr>
</table>