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

<div class="left-right-box-container">
	{$template "/code_editor"}

	<div class="right-box">
		<div class="config-section">
			<div class="section-title">
				<i class="icon file code outline"></i>
				{{t('clusters_cluster_installManual@手动添加节点配置')}}
			</div>

			<div class="config-item">
				<div class="item-label">{{t('clusters_cluster_installNodes@说明')}}</div>
				<div class="item-content">
					<p>{{t('clusters_cluster_installNodes@在官网下载节点安装包')}}<code-label>configs/api_cluster.yaml</code-label>{{t('clusters_cluster_installNodes@如果此配置文件尚未创建')}}</p>
				</div>
			</div>

			<div class="config-item">
				<div class="item-label">{{t('clusters_cluster_installNodes@配置文件')}}</div>
				<div class="item-content">
					api_cluster.yaml &nbsp; <download-link :v-element="'cluster-config-box'" :v-file="'api_cluster.yaml'">{{t('clusters_cluster_installNodes@下载')}}</download-link>
				</div>
			</div>

			<div class="config-item">
				<div class="item-label">{{t('clusters_cluster_installNodes@配置内容')}}</div>
				<div class="item-content">
					<source-code-box id="cluster-config-box" type="text/yaml">rpc.endpoints: [{{cluster.endpoints}}]
clusterId: "{{cluster.uniqueId}}"
secret: "{{cluster.secret}}"</source-code-box>
				</div>
			</div>
		</div>
	</div>
</div>