{$layout}
{$template "/clusters/cluster/menu"}
{$template "/left_menu"}

<div class="right-box">
	<form method="post" class="ui form" data-tea-action="$" data-tea-success="success">
		<input type="hidden" name="clusterId" :value="clusterId"/>
		<table class="ui table definition selectable">
			<tr>
				<td class="title">节点名称 *</td>
				<td>
					<input type="text" name="name" maxlength="50" ref="focus"/>
				</td>
			</tr>
			<tr>
				<td>IP地址</td>
				<td>
					<node-ip-addresses-box></node-ip-addresses-box>
				</td>
			</tr>
			<tr>
				<td>所属分组</td>
				<td>
					<node-group-selector :v-cluster-id="clusterId"></node-group-selector>
				</td>
			</tr>
			<tr>
				<td colspan="2"><more-options-indicator></more-options-indicator></td>
			</tr>
			<tbody v-show="moreOptionsVisible">
				<tr>
					<td>SSH主机地址</td>
					<td>
						<input type="text" name="sshHost" maxlength="64"/>
						<p class="comment">比如192.168.1.100</p>
					</td>
				</tr>
				<tr>
					<td>SSH主机端口</td>
					<td>
						<input type="text" name="sshPort" maxlength="5"/>
						<p class="comment">常见的比如22。</p>
					</td>
				</tr>
				<tr>
					<td>SSH登录认证</td>
					<td>
						<grant-selector></grant-selector>
					</td>
				</tr>
			</tbody>
		</table>
		<submit-btn></submit-btn>
	</form>
</div>