{$layout "layout_popup"}

<!-- <h3>{{t('clusters_cluster_node_updateDNSPopup@修改节点DNS设置')}}</h3> -->

<form class="ui form" data-tea-action="$" data-tea-success="success">
	<input type="hidden" name="nodeId" :value="nodeId"/>
	<input type="hidden" name="domainId" :value="domainId"/>
	<csrf-token></csrf-token>

	<table class="ui table definition selectable">
		<tr v-if="domainName.length > 0">
			<td>{{t('clusters_cluster_node_updateDNSPopup@主域名')}}</td>
			<td>{{domainName}}
				<p class="comment">{{t('clusters_cluster_node_updateDNSPopup@由当前节点所属集群设置')}}</p>
			</td>
		</tr>
		<tr>
			<td class="title">{{t('clusters_cluster_node_updateDNSPopup@IP地址')}}</td>
			<td>
				<input type="text" name="ipAddr" maxlength="64" ref="focus" v-model="ipAddr"/>
				<p class="comment">{{t('clusters_cluster_node_updateDNSPopup@用于域名解析的节点IP地址')}}</p>
			</td>
		</tr>
		<tr v-if="domainId > 0">
			<td>{{t('clusters_cluster_node_updateDNSPopup@线路')}}</td>
			<td>
				<p class="comment" v-if="allRoutes.length == 0">{{t('clusters_cluster_node_updateDNSPopup@没有可选的线路')}}<a href="" @click.prevent="syncDomain(domainId)">{{t('clusters_cluster_node_updateDNSPopup@获取线路')}}</a></p>
				<div v-if="allRoutes.length > 0">
					<dns-route-selector :v-all-routes="allRoutes" :v-routes="routes"></dns-route-selector>
					<p class="comment">{{t('clusters_cluster_node_updateDNSPopup@当前节点IP对应的线路')}}<a href="" @click.prevent="syncDomain(domainId)">{{t('clusters_cluster_node_updateDNSPopup@重新获取线路')}}</a></p>
				</div>
			</td>
		</tr>
        <tr v-if="domainId == 0">
            <td>{{t('clusters_cluster_node_updateDNSPopup@线路')}}</td>
            <td><span class="disabled">{{t('clusters_cluster_node_updateDNSPopup@当前集群没有选择域名')}}</span></td>
        </tr>
	</table>

	<submit-btn :text="t('clusters_cluster_node_updateDNSPopup@保存')"></submit-btn>
</form>