{$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>
					<p class="comment">用于访问节点和域名解析等。</p>
				</td>
			</tr>
			<tr v-if="dnsRoutes.length > 0">
				<td>DNS线路</td>
				<td>
					<input type="hidden" name="dnsDomainId" :value="dnsDomainId"/>
					<dns-route-selector :v-all-routes="dnsRoutes"></dns-route-selector>
					<p class="comment">可用线路是根据集群设置的域名获取的，注意DNS服务商可能对这些线路有所限制。</p>
				</td>
			</tr>
            <tr>
                <td>所属区域</td>
                <td>
                    <node-region-selector></node-region-selector>
                </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>