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

<div class="left-right-box-container">
    {$template "/left_menu"}

    <div class="right-box">
        {$template "menu"}

        <div v-if="isRequesting" class="ui message">正在节点服务状态检测中，请稍候...</div>
        <div v-if="!isRequesting">
            <b-empty v-if="results.length == 0">暂时还没有节点。</b-empty>
            <div v-else>
                <div class="margin"></div>
                <table class="ui table selectable">
                    <thead>
                        <tr>
                            <th>节点名</th>
                            <th>是否已启用服务</th>
                            <th>提示消息</th>
                        </tr>
                    </thead>
                    <tr v-for="result in results">
                        <td>{{result.nodeName}}</td>
                        <td>
                            <span v-if="result.isOk" class="green">Y</span>
                            <span v-else class="red">N</span>
                        </td>
                        <td>
                            <span :class="{red: !result.isOk}">{{result.message}}</span>
                        </td>
                    </tr>
                </table>

                <p class="comment">
                    <a href="" @click.prevent="reload()">[刷新]</a>
                </p>
            </div>
        </div>
    </div>
</div>