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

<b-settings-header>{{t('安装步骤')}}</b-settings-header>
<ol class="ui list">
	<li>{{t('按照下面的配置信息替换')}}<code-label>configs/api.yaml</code-label>{{t('内容；如果文件不存在，请先创建')}}</li>
	<li>{{t('按照下面的配置信息替换')}}<code-label>configs/db.yaml</code-label>{{t('内容；如果文件不存在，请先创建')}}</li>
	<li>{{t('使用')}}<code-label>bin/cdn1-api start</code-label>{{t('启动节点')}}</li>
	<li>{{t('可以在')}}<code-label>logs/run.log</code-label>{{t('中查看启动是否有异常')}}</li>
    <li>{{t('配置修改后，使用')}}<code-label>bin/cdn1-api restart</code-label>{{t('重启节点')}}</li>
</ol>

<div class="ui divider"></div>
<b-settings-header>{{t('配置信息')}}</b-settings-header>

<table class="ui table definition selectable">
	<tr>
		<td class="title">configs/api.yaml<em><br/><download-link :v-element="'api-code'" :v-file="'api.yaml'">[{{t('下载')}}]</download-link></em></td>
		<td>
			<source-code-box id="api-code" type="text/yaml">nodeId: "{{node.uniqueId}}"
secret: "{{node.secret}}"</source-code-box>
		</td>
	</tr>
	<tr>
		<td>configs/db.yaml<em><br/><download-link :v-element="'db-code'" :v-file="'db.yaml'">[{{t('下载')}}]</download-link></em></td>
		<td>
			<span class="red" v-if="dbConfig.error.length > 0">
				<span v-if="dbConfig.isNotFound">{{t('找不到数据库配置文件：')}}configs/api_db.yaml{{t(' ，请重新')}} <a href="/settings/database">[{{t('配置数据库')}}]</a>：</span>
				<span v-else class="red">{{t('无法生成配置内容，错误原因：')}}</span>
				{{dbConfig.error}}
			</span>
            <source-code-box id="db-code" type="text/yaml">{{dbConfig.config}}</source-code-box>
		</td>
	</tr>
</table>