{$layout}
{$template "menu"}

<div class="config-section">
	<div class="section-title">{{t('API 节点详情')}}</div>
	
	<div class="config-item">
		<div class="item-label">{{t('节点名称')}}</div>
		<div class="item-content">
			{{node.name}}
		</div>
	</div>
	
	<div class="config-item">
		<div class="item-label">{{t('状态')}}</div>
		<div class="item-content">
			<label-on :v-is-on="node.isOn"></label-on>
		</div>
	</div>
	
	<div class="config-item">
		<div class="item-label">{{t('GRPC监听端口')}}</div>
		<div class="item-content">
			<network-addresses-view :v-addresses="node.listens"></network-addresses-view>
			<p class="comment">{{t('API节点进程监听的网络端口。')}}</p>
		</div>
	</div>
	
	<div class="config-item" v-if="node.hasHTTPS">
		<div class="item-label">{{t('HTTPS证书')}}</div>
		<div class="item-content">
			<div v-if="node.certs != null && node.certs.length > 0">
				<ssl-certs-view :v-certs="node.certs"></ssl-certs-view>
			</div>
			<span v-else class="red">{{t('还没有设置证书，可能会导致HTTPS相关服务不可用。')}}</span>
		</div>
	</div>
	
	<div class="config-item">
		<div class="item-label">{{t('GRPC外部访问地址')}}</div>
		<div class="item-content">
			<network-addresses-view :v-addresses="node.accessAddrs"></network-addresses-view>
			<p class="comment">{{t('通过GRPC访问API节点的网络地址。')}}</p>
		</div>
	</div>
	
	<div class="config-item" v-if="node.restIsOn">
		<div class="item-label">{{t('HTTP外部访问地址')}}</div>
		<div class="item-content">
			<network-addresses-view :v-addresses="node.restAccessAddrs"></network-addresses-view>
			<p class="comment">{{t('通过HTTP访问API节点的网络地址。')}}</p>
		</div>
	</div>
	
	<div class="config-item" v-if="node.statusIsValid">
		<div class="item-label">{{t('CPU用量')}}</div>
		<div class="item-content">{{node.status.cpuUsageText}} &nbsp; <span v-if="node.status.cpuPhysicalCount > 0" class="small grey">（{{node.status.cpuPhysicalCount}}{{t('核心')}}/{{node.status.cpuLogicalCount}}{{t('线程')}}）</span></div>
	</div>
	
	<div class="config-item" v-if="node.statusIsValid">
		<div class="item-label">{{t('内存用量')}}</div>
		<div class="item-content">{{node.status.memUsageText}}</div>
	</div>
	
	<div class="config-item" v-if="node.statusIsValid">
		<div class="item-label">{{t('版本')}}</div>
		<div class="item-content">v{{node.status.buildVersion}}
			&nbsp; <span class="red" v-if="newVersion.length > 0">{{t('需要升级到新版本')}}v{{newVersion}}</span>
		</div>
	</div>
	
	<div class="config-item" v-if="node.statusIsValid">
		<div class="item-label">{{t('主程序位置')}}</div>
		<div class="item-content">{{node.status.exePath}}</div>
	</div>
	
	<div class="config-item">
		<div class="item-label">{{t('主节点')}}</div>
		<div class="item-content">
			<span v-if="node.isPrimary" class="green">Y</span>
			<span v-else class="disabled">N</span>
			<p class="comment" v-if="node.isPrimary">{{t('设置为主节点后，主要的后台任务会在此节点上运行。')}}</p>
		</div>
	</div>
	
	<div class="config-item">
		<div class="item-label">{{t('描述')}}</div>
		<div class="item-content">
			<span v-if="node.description.length > 0">{{node.description}}</span>
			<b-empty v-else>{{t('暂时还没有描述。')}}</b-empty>
		</div>
	</div>
</div>