{$layout}
{$template "/first-menu"}

<first-menu>
    <menu-item :href="'/servers/logs'"> {{t('index_所有日志_0101')}}</menu-item>
    <menu-item :href="'/servers/logs?hasError=1'"> {{t('index_错误日志_0101')}}</menu-item>
    <menu-item :href="'/servers/logs?hasWAF=1'"> {{t('index_WAF日志_0101')}}</menu-item>
    <span class="item disabled">|</span>
    <menu-item :href="'/servers/logs/settings'" :active="true" code="settings"> {{t('index_设置_0101')}}</menu-item>
</first-menu>

<div class="http-config-container">
    <form class="ui form http-config-form" data-tea-action="$" data-tea-success="success">
        <csrf-token></csrf-token>

        <div class="config-section">
            <div class="section-title">
                <i class="icon pie chart"></i>
                {{t('index_存储队列设置_0101')}}
            </div>
            
            <div class="config-item">
                <div class="item-label">
                    <i class="icon percent"></i>
                    {{t('index_采样率_0101')}}
                </div>
                <div class="item-content">
                    <div class="ui input right labeled">
                        <input type="text" name="percent" v-model="config.percent" size="3" maxlength="3" style="width: 4em"/>
                        <span class="ui label">%</span>
                    </div>
                    <p class="comment"> {{t('index_表示将写入{0}%的访问日志数据；此设置不影响WAF相关日志_0101', config.percent) }}</p>
                </div>
            </div>
            
            <div class="config-item">
                <div class="item-label">
                    <i class="icon tachometer alternate"></i>
                    {{t('index_写入速度_0101')}}
                </div>
                <div class="item-content">
                    <div class="ui input right labeled">
                        <input type="text" name="countPerSecond" v-model="config.countPerSecond" size="6" maxlength="6" style="width: 6em"/>
                        <span class="ui label"> {{t('index_条/秒_0101')}}</span>
                    </div>
                    <p class="comment"> {{t('index_单个API节点每秒写入的访问日志数量；0表示不限制_0101')}}</p>
                </div>
            </div>
            
            <div class="config-item">
                <div class="item-label">
                    <i class="icon list"></i>
                    {{t('index_队列长度_0101')}}
                </div>
                <div class="item-content">
                    <input type="text" name="maxLength" v-model="config.maxLength" size="6" maxlength="6" style="width: 6em"/>
                    <p class="comment"> {{t('index_等待写入的队列最大长度，超出此长度的访问日志将被丢弃；0表示不限制_0101')}}</p>
                </div>
            </div>
        </div>

        <div class="config-section">
            <div class="section-title">
                <i class="icon table"></i>
                {{t('index_自动分表设置_0101')}}
            </div>
            
            <div class="config-item">
                <div class="item-label">
                    <i class="icon toggle on"></i>
                    {{t('index_启用自动分表_0101')}}
                </div>
                <div class="item-content">
                    <checkbox name="enableAutoPartial" :v-value="1" v-model="config.enableAutoPartial"></checkbox>
                    <p class="comment"> {{t('index_启用后，可以将单天访问日志自动存储到多个数据表中，以提升查询速度_0101')}}</p>
                </div>
            </div>
            
            <div class="config-item" v-show="config.enableAutoPartial">
                <div class="item-label">
                    <i class="icon table"></i>
                    {{t('index_单表最多行数_0101')}}
                </div>
                <div class="item-content">
                    <input type="text" style="width: 8em" name="rowsPerTable" v-model="config.rowsPerTable" maxlength="16"/>
                    <p class="comment"> {{t('index_单个数据表最多能存储的最多行数_0101')}}</p>
                </div>
            </div>
        </div>

        <submit-btn></submit-btn>
    </form>
</div>