{$layout "layout_popup"}

<!-- <h3>修改规则集</h3> -->

<form method="post" class="ui form" data-tea-action="$" data-tea-success="success">
	<input type="hidden" name="setId" :value="setConfig.id"/>
	<table class="ui table definition selectable">
		<tr>
			<td class="title">规则集名称 *</td>
			<td>
				<input type="text" name="name" maxlength="100" ref="focus" v-model="setConfig.name"/>
                <p class="comment">可以用来描述当前规则集用途。</p>
			</td>
		</tr>
		<tr>
			<td>规则 *</td>
			<td style="word-break: break-word">
				<http-firewall-rules-box :v-rules="rules" :v-type="type"></http-firewall-rules-box>
			</td>
		</tr>
		<tr v-show="rules.length > 1">
			<td>规则之间的关系 *</td>
			<td>
				<b-select
					style="width:10em"
					name="connector"
					v-model="selectedConnector"
					@change="changeConnector()"
					:options="[
						...connectors.map(connector => ({
							label: connector.name,
							value: connector.value,
						}))
					]"
				></b-select>

				<!-- <select class="ui dropdown" name="connector" style="width:10em" @change="changeConnector()" v-model="selectedConnector">
					<option v-for="connector in connectors" :value="connector.value">{{connector.name}}</option>
				</select> -->
				<p class="comment">{{selectedConnectorDescription}}</p>
			</td>
		</tr>
		<tr>
            <td>执行动作 *</td>
            <td>
                <http-firewall-actions-box :v-actions="actions" :v-firewall-policy="firewallPolicy" :v-action-configs="actionConfigs" :v-group-type="type"></http-firewall-actions-box>
            </td>
        </tr>
        <tr>
            <td>允许局域网IP</td>
            <td>
                <checkbox name="ignoreLocal" v-model="setConfig.ignoreLocal"></checkbox>
                <p class="comment">选中后表示如果请求来自局域网IP，则直接跳过当前规则集。</p>
            </td>
        </tr>
        <tr>
            <td>允许搜索引擎</td>
            <td>
                <checkbox name="ignoreSearchEngine" v-model="setConfig.ignoreSearchEngine"></checkbox>
                <p class="comment">选中后，表示如果请求来自常见搜索引擎的IP，则直接跳过当前规则集。</p>
            </td>
        </tr>
	</table>
	<submit-btn></submit-btn>
</form>