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

<div class="left-right-box-container">

    <div style="padding-left: 1em; width: 100%;">
        <second-menu>
            <a v-for="item in titleMenus" :class="{active: item.id == currentItem}" :href="'#' + item.id" class="item" @click="selectItem(item)">{{item.name}}</a>
        </second-menu>

        <form class="ui form" data-tea-action="$" data-tea-success="success" id="global-config-form">
            <csrf-token></csrf-token>
            <input type="hidden" name="clusterId" :value="clusterId"/>

            <div class="config-section" v-show="currentItem == 'title-global-settings' && !isGlobal">
                <h4 class="section-title" id="title-global-settings">{{t('global_server_config_index@全局设置')}}</h4>
                <div class="config-item">
                    <div class="item-label">{{t('global_server_config_index@使用全局配置')}}</div>
                    <div class="item-content">
                        <p-switch name="useGlobal" v-model="useGlobal"></p-switch>
                        <p class="comment">{{t('global_server_config_index@确定当前配置是否使用全局集群配置勾选表面当前使用全局配置否则使用自定义配置')}}</p>
                    </div>
                </div>
            </div>

            <div class="config-section" v-show="currentItem == 'title-server-name-bind'">
                <h4 class="section-title" id="title-server-name-bind">{{t('global_server_config_index@域名绑定')}}</h4>
                <div class="config-item">
                    <div class="item-content">
                        <checkbox name="httpAllMatchDomainStrictly" :v-value="1" v-model="config.httpAll.matchDomainStrictly">{{t('global_server_config_index@禁止未绑定域名访问')}}</checkbox>
                        <p class="comment">{{t('global_server_config_index@选中后表示禁止未在网站绑定的域名和IP访问')}}</p>
                    </div>
                </div>
                <div class="config-item" v-show="config.httpAll.matchDomainStrictly">
                    <div class="item-label color-border">{{t('global_server_config_index@处理未绑定域名方式')}}</div>
                    <div class="item-content">
                        <radio name="httpAllDomainMismatchActionCode" :v-value="'page'" v-model="httpAllDomainMismatchActionCode">{{t('global_server_config_index@显示提示页面')}}</radio> &nbsp;
                        &nbsp; <radio name="httpAllDomainMismatchActionCode" :v-value="'redirect'" v-model="httpAllDomainMismatchActionCode">{{t('global_server_config_index@跳转到网址')}}</radio> &nbsp;
                        <radio name="httpAllDomainMismatchActionCode" :v-value="'close'" v-model="httpAllDomainMismatchActionCode">{{t('global_server_config_index@关闭连接')}}</radio>
                        <p class="comment" v-if="httpAllDomainMismatchActionCode == 'page'">{{t('global_server_config_index@显示提示内容')}}</p>
                        <p class="comment" v-if="httpAllDomainMismatchActionCode == 'redirect'">{{t('global_server_config_index@跳转到一个特定URL')}}</p>
                        <p class="comment" v-if="httpAllDomainMismatchActionCode == 'close'">{{t('global_server_config_index@直接关闭网络连接不提示任何内容')}}</p>
                    </div>
                </div>
                <div class="config-item" v-show="config.httpAll.matchDomainStrictly && httpAllDomainMismatchActionCode == 'page'">
                    <div class="item-label color-border">{{t('global_server_config_index@提示页面状态码')}}</div>
                    <div class="item-content">
                        <input type="text" name="httpAllDomainMismatchActionStatusCode" v-model="httpAllDomainMismatchActionStatusCode" style="width: 4em" maxlength="3"/>
                        <p class="comment">{{t('global_server_config_index@访问未绑定域名时的提示页面状态码默认404')}}</p>
                    </div>
                </div>
                <div class="config-item" v-show="config.httpAll.matchDomainStrictly && httpAllDomainMismatchActionCode == 'page'">
                    <div class="item-label color-border">{{t('global_server_config_index@提示页面内容')}}</div>
                    <div class="item-content">
                        <textarea rows="3" name="httpAllDomainMismatchActionContentHTML" v-model="httpAllDomainMismatchActionContentHTML"></textarea>
                        <p class="comment">{{t('global_server_config_index@访问未绑定的域名时提示页面内容可以使用HTML仅限于HTTP请求不适于用HTTPSHTTPS会提示证书错误')}}</p>
                    </div>
                </div>
                <div class="config-item" v-show="config.httpAll.matchDomainStrictly && httpAllDomainMismatchActionCode == 'redirect'">
                    <div class="item-label color-border">{{t('global_server_config_index@跳转目标网址URL')}} *</div>
                    <div class="item-content">
                        <input type="text" :placeholder="t('global_server_config_index@https')" name="httpAllDomainMismatchActionRedirectURL" v-model="httpAllDomainMismatchActionRedirectURL"/>
                        <p class="comment">{{t('global_server_config_index@必须以http或者https开头支持使用变量')}}</p>
                    </div>
                </div>
                <div class="config-item" v-show="config.httpAll.matchDomainStrictly">
                    <div class="item-label">{{t('global_server_config_index@允许例外的域名')}}</div>
                    <div class="item-content">
                        <domains-box name="httpAllAllowMismatchDomainsJSON" :v-domains="config.httpAll.allowMismatchDomains"></domains-box>
                        <p class="comment">{{t('global_server_config_index@允许这些域名不经过绑定就可以直接访问网站')}}</p>
                    </div>
                </div>
                <div class="config-item" v-show="config.httpAll.matchDomainStrictly">
                    <div class="item-label">{{t('global_server_config_index@默认域名')}}</div>
                    <div class="item-content">
                        <input type="text" name="httpAllDefaultDomain" v-model="config.httpAll.defaultDomain"/>
                        <p class="comment">{{t('global_server_config_index@例外域名或使用节点IP访问时使用的默认域名如果指定的域名在集群里已经绑定到某个网站则相当于直接访问该网站')}}</p>
                    </div>
                </div>
                <div class="config-item" v-show="config.httpAll.matchDomainStrictly">
                    <div class="item-content">
                        <checkbox name="httpAllAllowNodeIP" :v-value="1" v-model="config.httpAll.allowNodeIP">{{t('global_server_config_index@允许使用节点IP访问')}}</checkbox>
                        <p class="comment">{{t('global_server_config_index@选中后表示允许直接使用节点IP访问网站')}}</p>
                    </div>
                </div>
                <div class="config-item" v-show="config.httpAll.matchDomainStrictly && config.httpAll.allowNodeIP">
                    <div class="item-content">
                        <checkbox name="httpAllNodeIPShowPage" :v-value="1" v-model="config.httpAll.nodeIPShowPage">{{t('global_server_config_index@显示自定义内容')}}</checkbox>
                        <p class="comment">{{t('global_server_config_index@选中后表示用户访问节点IP时显示自定义内容')}}</p>
                    </div>
                </div>
                <div class="config-item" v-show="config.httpAll.matchDomainStrictly && config.httpAll.nodeIPShowPage">
                    <div class="item-label color-border">{{t('global_server_config_index@访问节点IP自定义内容')}}</div>
                    <div class="item-content">
                        <textarea name="httpAllNodeIPPageHTML" v-model="config.httpAll.nodeIPPageHTML" rows="3" :placeholder="t('global_server_config_index@访问节点IP时要显示的自定义内容placeholder')"></textarea>
                        <p class="comment">{{t('global_server_config_index@访问节点IP时要显示的自定义内容支持HTML')}}</p>
                    </div>
                </div>
            </div>

            <div class="config-section" v-show="teaIsPlus && currentItem == 'title-server-name-auditing'">
                <h4 class="section-title" v-if="teaIsPlus" id="title-server-name-auditing">{{t('global_server_config_index@域名审核')}}</h4>
                <div class="config-item">
                    <div class="item-content">
                        <checkbox name="httpAllDomainAuditingIsOn" v-model="config.httpAll.domainAuditingIsOn">{{t('global_server_config_index@域名变更时需要审核')}}</checkbox>
                        <p class="comment">{{t('global_server_config_index@选中后用户在创建和修改域名时需要管理员审核通过才能生效')}}</p>
                    </div>
                </div>
                <div class="config-item" v-show="config.httpAll.domainAuditingIsOn">
                    <div class="item-label">{{t('global_server_config_index@审核提示')}}</div>
                    <div class="item-content">
                        <input name="httpAllDomainAuditingPrompt" type="text" v-model="config.httpAll.domainAuditingPrompt" maxlength="200"/>
                        <p class="comment">{{t('global_server_config_index@提示用户需要审核的文字说明')}}</p>
                    </div>
                </div>
            </div>

            <div class="config-section" v-show="currentItem == 'title-access-log'">
                <h4 class="section-title" id="title-access-log">{{t('global_server_config_index@访问日志')}}</h4>
                <div class="config-item">
                    <div class="item-content">
                        <checkbox name="httpAccessLogIsOn" v-model="config.httpAccessLog.isOn">{{t('global_server_config_index@允许记录访问日志')}}</checkbox>
                        <p class="comment">{{t('global_server_config_index@选中后表示允许当前集群下的网站记录访问日志否则当前集群下的所有网站都不会记录访问日志')}}</p>
                    </div>
                </div>
                <div class="config-item">
                    <div class="item-content">
                        <checkbox name="httpAccessLogEnableRequestHeaders" v-model="config.httpAccessLog.enableRequestHeaders">{{t('global_server_config_index@记录请求报头')}}</checkbox>
                        <p class="comment">{{t('global_server_config_index@选中后表示在访问日志中记录请求报头')}}</p>
                    </div>
                </div>
                <div class="config-item">
                    <div class="item-content">
                        <checkbox name="httpAccessLogCommonRequestHeadersOnly" v-model="config.httpAccessLog.commonRequestHeadersOnly">{{t('global_server_config_index@只记录通用请求报头')}}</checkbox>
                        <p class="comment">{{t('global_server_config_index@选中后表示访问日志中只记录通用的HTTP请求报头比如')}}<code-label>User-Agent</code-label>{{t('global_server_config_index@其他自定义或非标准的比如')}}<code-label>Test-Header</code-label>{{t('global_server_config_index@将不记录')}}</p>
                    </div>
                </div>
                <div class="config-item">
                    <div class="item-content">
                        <checkbox name="httpAccessLogEnableResponseHeaders" v-model="config.httpAccessLog.enableResponseHeaders">{{t('global_server_config_index@记录响应报头')}}</checkbox>
                        <p class="comment">{{t('global_server_config_index@选中后表示在访问日志中记录响应报头')}}</p>
                    </div>
                </div>
                <div class="config-item">
                    <div class="item-content">
                        <checkbox name="httpAccessLogEnableCookies" v-model="config.httpAccessLog.enableCookies">{{t('global_server_config_index@记录Cookie')}}</checkbox>
                        <p class="comment">{{t('global_server_config_index@选中后表示访问日志中记录Cookie内容')}}</p>
                    </div>
                </div>
                <div class="config-item">
                    <div class="item-content">
                        <checkbox name="httpAccessLogEnableServerNotFound" v-model="config.httpAccessLog.enableServerNotFound">{{t('global_server_config_index@记录找不到网站日志')}}</checkbox>
                        <p class="comment">{{t('global_server_config_index@选中后表示如果访客访问的域名对应的网站不存在也会记录日志')}}</p>
                    </div>
                </div>
            </div>

            <div class="config-section" v-show="currentItem == 'title-server-log'">
                <h4 class="section-title" id="title-server-log">{{t('global_server_config_index@运行日志')}}</h4>
                <div class="config-item">
                    <div class="item-content">
                        <checkbox name="logRecordServerError" v-model="config.log.recordServerError">{{t('global_server_config_index@记录网站错误')}}</checkbox>
                        <p class="comment">{{t('global_server_config_index@在节点运行日志中记录网站相关错误详细信息比如无法连接源站等建议仅用于调试')}}</p>
                    </div>
                </div>
            </div>

            <div class="config-section" v-show="currentItem == 'title-performance'">
                <h4 class="section-title" id="title-performance">{{t('global_server_config_index@性能')}}</h4>
                <div class="config-item">
                    <div class="item-content">
                        <checkbox name="performanceAutoReadTimeout" v-model="config.performance.autoReadTimeout">{{t('global_server_config_index@自动读数据超时')}}</checkbox>
                        <p class="comment">{{t('global_server_config_index@从客户端读取数据时自动设置超时时间如果超时则自动视为慢连接并关闭网络连接此为专业选项请在专家指导下进行修改')}}</p>
                    </div>
                </div>
                <div class="config-item">
                    <div class="item-content">
                        <checkbox name="performanceAutoWriteTimeout" v-model="config.performance.autoWriteTimeout">{{t('global_server_config_index@自动写数据超时')}}</checkbox>
                        <p class="comment">{{t('global_server_config_index@向客户端发送数据时自动设置超时时间如果超时则自动视为慢连接并关闭网络连接此为专业选项请在专家指导下进行修改')}}</p>
                    </div>
                </div>
                <div class="config-item">
                    <div class="item-content">
                        <checkbox name="performanceDebug" v-model="config.performance.debug">{{t('global_server_config_index@调试模式')}}</checkbox>
                        <p class="comment">{{t('global_server_config_index@开启调试模式后将在某些信息中包含调试信息')}}</p>
                    </div>
                </div>
            </div>

            <div class="config-section" v-show="teaIsPlus && currentItem == 'title-ln'">
                <h4 class="section-title" v-if="teaIsPlus" id="title-ln">{{t('global_server_config_index@Ln节点')}}</h4>
                 <div class="config-item">
                    <div class="item-content">
                        <checkbox name="httpAllForceLnRequest" v-model="config.httpAll.forceLnRequest">{{t('global_server_config_index@强制Ln请求')}}</checkbox>
                        <p class="comment">{{t('global_server_config_index@选中后所有请求优先发送到L2或者更高级别节点默认不开启的情况下只有可以缓存的内容请求才会发送到L2或者更高级别节点')}}</p>
                    </div>
                </div>
                 <div class="config-item">
                    <div class="item-label">{{t('global_server_config_index@Ln请求负载均衡方法')}}</div>
                    <div class="item-content">
                        <b-select
                            name="httpAllLnRequestSchedulingMethod"
                            v-model="config.httpAll.lnRequestSchedulingMethod"
                            auto-width
                            :options="[
                            {label: t('global_server_config_index@URL映射'), value: 'urlMapping'},
                            {label: t('global_server_config_index@随机'), value: 'random'},
                            ]"
                        ></b-select>
                        <p class="comment" v-if="config.httpAll.lnRequestSchedulingMethod == 'urlMapping'">{{t('global_server_config_index@当存在多个Ln节点时将请求根据URL自动映射到某个固定的Ln节点')}}</p>
                        <p class="comment" v-if="config.httpAll.lnRequestSchedulingMethod == 'random'">{{t('global_server_config_index@当存在多个Ln节点时将请求随机发送到某个Ln节点')}}</p>
                    </div>
                </div>
            </div>

            <div class="config-section" v-show="currentItem == 'title-tcp-udp'">
                <h4 class="section-title" id="title-tcp-udp">{{t('global_server_config_index@TCPUDP相关')}}</h4>
                <div class="config-item">
                    <div class="item-label">{{t('global_server_config_index@允许的端口范围')}}</div>
                    <div class="item-content">
                        <div class="ui fields inline">
                            <div class="ui field">
                                <input type="text" name="tcpAllPortRangeMin" maxlength="5" size="6" v-model="tcpAllPortRangeMin"/>
                            </div>
                            <div class="ui field">
                                -
                            </div>
                            <div class="ui field">
                                <input type="text" name="tcpAllPortRangeMax" maxlength="5" size="6" v-model="tcpAllPortRangeMax"/>
                            </div>
                        </div>
                        <p class="comment">{{t('global_server_config_index@用户创建TCPTLS负载均衡服务时可以随机选择的端口范围最小不能小于1024最大不能大于65534')}}</p>
                    </div>
                </div>
                <div class="config-item">
                    <div class="item-label">{{t('global_server_config_index@排除的端口')}}</div>
                    <div class="item-content">
                        <values-box :placeholder="t('global_server_config_index@端口placeholder')" size="6" name="tcpAllDenyPorts" :values="tcpAllDenyPorts"></values-box>
                        <p class="comment">{{t('global_server_config_index@当为用户随机分配端口时要排除的端口')}}</p>
                    </div>
                </div>
            </div>

            <div class="config-section" v-show="currentItem == 'title-others'">
                <h4 class="section-title" id="title-others">{{t('global_server_config_index@其他')}}</h4>
                <div class="config-item">
                    <div class="item-label">{{t('global_server_config_index@服务器旗标')}}</div>
                    <div class="item-content">
                        <input type="text" name="httpAllServerName" v-model="config.httpAll.serverName" maxlength="60"/>
                        <p class="comment">{{t('global_server_config_index@服务器旗标会以')}}<code-label>Server: {{t('global_server_config_index@旗标')}}</code-label>{{t('global_server_config_index@的形式出现在响应报头中')}}</p>
                    </div>
                </div>
                <div class="config-item">
                    <div class="item-content">
                        <checkbox name="httpAllSupportsLowVersionHTTP" v-model="config.httpAll.supportsLowVersionHTTP">{{t('global_server_config_index@支持低版本HTTP')}}</checkbox>
                        <p class="comment">{{t('global_server_config_index@选中后表示支持HTTP10HTTP09等低于HTTP11版本的HTTP协议低版本HTTP协议不支持分段传输内容且无法保持连接对系统性能有严重的负面影响建议只有在你的用户正在使用非常老旧的设备时才启用此选项')}}</p>
                    </div>
                </div>
                <div class="config-item">
                    <div class="item-content">
                        <checkbox name="httpAllMatchCertFromAllServers" v-model="config.httpAll.matchCertFromAllServers">{{t('global_server_config_index@自动匹配证书')}}</checkbox>
                        <p class="comment">{{t('global_server_config_index@选中后表示找不到证书时自动查找其他网站设置的证书此功能仅仅为了兼容以往系统版本可能会导致用户访问的网站混乱所以请不要轻易启用')}}</p>
                    </div>
                </div>
                <div class="config-item">
                    <div class="item-content">
                        <checkbox name="httpAllEnableServerAddrVariable" v-model="config.httpAll.enableServerAddrVariable">{{t('global_server_config_index@支持serverAddr变量')}}</checkbox>
                        <p class="comment">{{t('global_server_config_index@选中后表示支持在自定义页面中使用')}}<code-label>${serverAddr}</code-label>{{t('global_server_config_index@变量用来表示访客当前正在访问的服务器地址')}}</p>
                    </div>
                </div>
                <div class="config-item">
                    <div class="item-content">
                        <checkbox name="httpAllRequestOriginsWithEncodings" v-model="config.httpAll.requestOriginsWithEncodings">{{t('global_server_config_index@自动gzip回源')}}</checkbox>
                        <p class="comment">{{t('global_server_config_index@选中后表示自动使用')}}<code-label>Accept-Encoding: gzip, ...</code-label>{{t('global_server_config_index@回源可以用来节约源站流量')}}</p>
                    </div>
                </div>
                <div class="config-item">
                    <div class="item-label">{{t('global_server_config_index@XFF中最多地址数')}}</div>
                    <div class="item-content">
                        <input type="text" name="httpAllXFFMaxAddresses" v-model="config.httpAll.xffMaxAddresses"/>
                        <p class="comment">{{t('global_server_config_index@可以转发的XForwardedFor中最多的地址数如果为0表示不限制不要轻易修改此选项避免无法获取真实的客户端地址')}}</p>
                    </div>
                </div>
            </div>

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