{$layout}
{$template "menu"}

<h3>ClickHouse 配置</h3>
<p class="comment">用于访问日志列表查询（logs_ingest 表）。配置后，访问日志列表将优先从 ClickHouse 读取；不配置则仅从 MySQL 读取。留空表示不使用 ClickHouse。</p>

<form method="post" class="ui form" data-tea-action="$" data-tea-success="success" @submit.prevent="onSubmit">
	<csrf-token></csrf-token>
	<table class="ui table definition selectable">
		<tr>
			<td class="title">连接地址（Host）</td>
			<td>
				<input type="text" name="host" maxlength="200" ref="focus" placeholder="如 127.0.0.1 或 clickhouse.example.com" :value="config.host"/>
				<p class="comment">ClickHouse 服务器地址。</p>
			</td>
		</tr>
		<tr>
			<td>端口（Port）</td>
			<td>
				<input type="number" name="port" min="1" max="65535" style="width:6em" :value="config.port"/>
				<p class="comment">HTTP 接口端口，默认 8123。</p>
			</td>
		</tr>
		<tr>
			<td>用户名（User）</td>
			<td>
				<input type="text" name="user" maxlength="100" :value="config.user"/>
			</td>
		</tr>
		<tr>
			<td>密码（Password）</td>
			<td>
				<input type="password" name="password" maxlength="200" placeholder="不修改请留空" value=""/>
				<p class="comment">留空则不修改已保存的密码。</p>
			</td>
		</tr>
		<tr>
			<td>数据库名（Database）</td>
			<td>
				<input type="text" name="database" maxlength="100" placeholder="default" :value="config.database"/>
				<p class="comment">logs_ingest 表所在库，默认 default。</p>
			</td>
		</tr>
	</table>
	<submit-btn></submit-btn>
</form>