EdgeAdmin/web/views/@default/clusters/cluster/settings/firewall-actions/createPopup.html

{$layout "layout_popup"}

<h3>添加动作</h3>
<form class="ui form" data-tea-action="$" data-tea-success="success">
    <input type="hidden" name="clusterId" :value="clusterId"/>
    <csrf-token></csrf-token>

    <table class="ui table selectable definition">
        <tr>
            <td class="title">名称 *</td>
            <td>
                <input type="text" name="name" maxlength="50" ref="focus"/>
            </td>
        </tr>
        <tr>
            <td>级别</td>
            <td>
                <firewall-event-level-options :v-value="'critical'"></firewall-event-level-options>
            </td>
        </tr>
        <tr>
            <td>类型</td>
            <td>
                <select class="ui dropdown auto-width" name="type" v-model="type">
                    <option value="">[请选择]</option>
                    <option v-for="type in actionTypes" :value="type.code">{{type.name}}</option>
                </select>
                <p class="comment">{{typeDescription}}</p>
            </td>
        </tr>

        <!-- IPSet -->
        <tbody v-if="type == 'ipset'">
            <tr>
                <td>IPv4白名单名称 *</td>
                <td>
                    <input type="text" name="ipsetWhiteName" value="edge_white_list" maxlength="64"/>
                    <p class="comment"><span class="ui label basic grey tiny">白名单</span> 用来存放<span class="red">IPv4地址</span>。只能是英文、数字、下划线的组合。</p>
                </td>
            </tr>
            <tr>
                <td>IPv6白名单名称 *</td>
                <td>
                    <input type="text" name="ipsetWhiteNameIPv6" value="edge_white_list_ipv6" maxlength="64"/>
                    <p class="comment"><span class="ui label basic grey tiny">白名单</span> 用来存放<span class="red">IPv6地址</span>。只能是英文、数字、下划线的组合。</p>
                </td>
            </tr>
            <tr>
                <td>IPv4黑名单名称 *</td>
                <td>
                    <input type="text" name="ipsetBlackName" value="edge_black_list" maxlength="64"/>
                    <p class="comment"><span class="ui label black tiny">黑名单</span> 用来存放<span class="red">IPv4地址</span>。只能是英文、数字、下划线的组合。</p>
                </td>
            </tr>
            <tr>
                <td>IPv6 黑名单名称 *</td>
                <td>
                    <input type="text" name="ipsetBlackNameIPv6" value="edge_black_list_ipv6" maxlength="64"/>
                    <p class="comment"><span class="ui label black tiny">黑名单</span> 用来存放<span class="red">IPv6地址</span>。只能是英文、数字、下划线的组合。</p>
                </td>
            </tr>
            <tr>
                <td>创建IPTables规则</td>
                <td>
                    <checkbox name="ipsetAutoAddToIPTables" :value="true"></checkbox>
                    <p class="comment">是否尝试自动创建包含有此IPSet的IPTables规则。</p>
                </td>
            </tr>
            <tr>
                <td>创建Firewalld规则</td>
                <td>
                    <checkbox name="ipsetAutoAddToFirewalld" :value="true"></checkbox>
                    <p class="comment">是否尝试自动创建包含有此IPSet的Firewalld规则。</p>
                </td>
            </tr>
        </tbody>

        <!-- Firewalld -->
        <tbody v-if="type == 'firewalld'">

        </tbody>

        <!-- IPTables -->
        <tbody v-if="type == 'iptables'">

        </tbody>

        <!-- 脚本 -->
        <tbody v-if="type == 'script'">
            <tr>
                <td>脚本路径 *</td>
                <td>
                    <input type="text" name="scriptPath" maxlength="200"/>
                    <p class="comment">可执行脚本文件的完整路径。</p>
                </td>
            </tr>
        </tbody>

        <!-- HTTP API -->
        <tbody v-if="type == 'httpAPI'">
            <tr>
                <td>API URL *</td>
                <td>
                    <input type="text" name="httpAPIURL" maxlength="200" placeholder="http|https://..."/>
                    <p class="comment">完整的API地址。</p>
                </td>
            </tr>
        </tbody>

        <!-- HTML -->
        <tbody v-if="type == 'html'">
            <tr>
                <td>HTML内容 *</td>
                <td>
                    <textarea name="htmlContent" maxlength="128000" placeholder="完整的HTML内容">&lt;!DOCTYPE html&gt;
&lt;html lang=&#34;zh&#34;&gt;
&lt;head&gt;
&lt;title&gt;&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;!-- 这里写提示文字 --&gt;

&lt;/body&gt;
&lt;/html&gt;</textarea>
                </td>
            </tr>
        </tbody>
    </table>
    <submit-btn></submit-btn>
</form>