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

<div class="left-right-box-container">

	<div class="right-box">
		<b-empty v-if="nodes.length == 0">{{t('clusters_cluster_installManual@暂时没有需要远程安装的节点')}}</b-empty>

		<div v-if="nodes.length > 0">
			<b-settings-header>{{t('clusters_cluster_installManual@所有未安装节点')}}</b-settings-header>
			<b-table
				:columns="[
				{
					title: t('clusters_cluster_installManual@节点名'),
					key: 'name',
					scopedSlots: { customRender: 'nameSlot' }
				},
				{
					title: t('clusters_cluster_installManual@访问IP'),
					key: 'ip',
					scopedSlots: { customRender: 'ipSlot' }
				},
				{
					title: t('clusters_cluster_installManual@SSH地址'),
					key: 'ssh',
					scopedSlots: { customRender: 'sshSlot' }
				},
				{
					title: t('clusters_cluster_installManual@节点状态'),
					key: 'status',
					scopedSlots: { customRender: 'statusSlot' },
					width: '150px', 
					align: 'center'
				},
				{
					title: t('clusters_cluster_installManual@操作'),
					key: 'action',
					scopedSlots: { customRender: 'actionSlot' },
					width: '150px', 
					align: 'center'
				}
			]"
				:data-source="nodes"
				:row-key="'id'"
				size="middle"
			>
				<!-- 节点名 -->
				<template slot="nameSlot" slot-scope="{ record }">
					<a :href="'/clusters/cluster/node?clusterId=' + clusterId + '&nodeId=' + record.id">{{record.name}}</a>
				</template>

				<!-- 访问IP -->
				<template slot="ipSlot" slot-scope="{ record }">
					<span v-for="addr in record.addresses" v-if="addr.canAccess" class="ui label tiny basic">{{addr.ip}}</span>
				</template>

				<!-- SSH地址 -->
				<template slot="sshSlot" slot-scope="{ record }">
					<span v-if="record.login != null && record.login.type == 'ssh' && record.loginParams != null && record.loginParams.host != null && record.loginParams.host.length > 0">
						{{record.loginParams.host}}:{{record.loginParams.port}}
					</span>
					<span v-else class="disabled">{{t('clusters_cluster_installManual@没有设置')}}</span>
				</template>

				<!-- 节点状态 -->
				<template slot="statusSlot" slot-scope="{ record }">
					<span class="disabled">{{t('clusters_cluster_installManual@等待安装')}}</span>
				</template>

				<!-- 操作 -->
				<template slot="actionSlot" slot-scope="{ record }">
					<a-button type="link" :href="'/clusters/cluster/node/install?clusterId=' + clusterId + '&nodeId=' + record.id">
						<i class="pi pi-download" style="font-size: 12px; padding: 4px;"></i> {{t('clusters_cluster_installManual@手动安装')}}
					</a-button>
				</template>
			</b-table>
		</div>
	</div>
</div>