WAF策略列表支持搜索

internal/web/actions/default/servers/components/waf/index.go

@@ -16,8 +16,14 @@ func (this *IndexAction) Init() {
 	this.FirstMenu("index")
 }
 
-func (this *IndexAction) RunGet(params struct{}) {
-	countResp, err := this.RPC().HTTPFirewallPolicyRPC().CountAllEnabledHTTPFirewallPolicies(this.AdminContext(), &pb.CountAllEnabledHTTPFirewallPoliciesRequest{})
+func (this *IndexAction) RunGet(params struct {
+	Keyword string
+}) {
+	this.Data["keyword"] = params.Keyword
+
+	countResp, err := this.RPC().HTTPFirewallPolicyRPC().CountAllEnabledHTTPFirewallPolicies(this.AdminContext(), &pb.CountAllEnabledHTTPFirewallPoliciesRequest{
+		Keyword: params.Keyword,
+	})
 	if err != nil {
 		this.ErrorPage(err)
 		return
@@ -26,6 +32,7 @@ func (this *IndexAction) RunGet(params struct{}) {
 	page := this.NewPage(count)
 
 	listResp, err := this.RPC().HTTPFirewallPolicyRPC().ListEnabledHTTPFirewallPolicies(this.AdminContext(), &pb.ListEnabledHTTPFirewallPoliciesRequest{
+		Keyword: params.Keyword,
 		Offset:  page.Offset,
 		Size:    page.Size,
 	})

web/views/@default/servers/components/cache/index.html

@@ -6,6 +6,7 @@
     <a href="" class="item" @click.prevent="createPolicy()">[创建]</a>
 </first-menu>
 
+<!-- 搜索 -->
 <div class="margin"></div>
 <form class="ui form" method="get" action="/servers/components/cache">
     <div class="ui fields inline">
@@ -18,7 +19,7 @@
     </div>
 </form>
 
-
+<!-- 列表 -->
 <p class="comment" v-if="cachePolicies == null || cachePolicies.length == 0">暂时还没有缓存策略。</p>
 <table class="ui table selectable celled" v-if="cachePolicies != null && cachePolicies.length > 0">
     <thead>

web/views/@default/servers/components/waf/index.html

@@ -1,14 +1,28 @@
 {$layout}
 
-	<second-menu>
+<first-menu>
     <menu-item href="/servers/components/waf" code="index">列表</menu-item>
     <span class="item">|</span>
     <a href="" class="item" @click.prevent="createPolicy()">[创建]</a>
-	</second-menu>
+</first-menu>
 
-	<p class="comment" v-if="policies.length == 0">暂时还没有WAF策略。</p>
+<!-- 搜索 -->
+<div class="margin"></div>
+<form class="ui form" method="get" action="/servers/components/waf">
+    <div class="ui fields inline">
+        <div class="ui field">
+            <input type="text" name="keyword" v-model="keyword" placeholder="策略名称..."/>
+        </div>
+        <div class="ui field">
+            <button type="submit" class="ui button">搜索</button>
+        </div>
+    </div>
+</form>
 
-	<table class="ui table selectable celled" v-if="policies.length > 0">
+<!-- 列表 -->
+<p class="comment" v-if="policies.length == 0">暂时还没有WAF策略。</p>
+
+<table class="ui table selectable celled" v-if="policies.length > 0">
     <thead>
         <tr>
             <th>策略名称</th>
@@ -20,7 +34,7 @@
         </tr>
     </thead>
     <tr v-for="policy in policies">
-			<td>{{policy.name}}</td>
+        <td><keyword :v-word="keyword">{{policy.name}}</keyword></td>
         <td class="center">{{policy.countInbound}}</td>
         <td class="center">{{policy.countOutbound}}</td>
         <td class="center">{{policy.countClusters}}</td>
@@ -30,6 +44,6 @@
             <a href="" @click.prevent="deletePolicy(policy.id)">删除</a>
         </td>
     </tr>
-	</table>
+</table>
 
-	<div class="page" v-html="page"></div>
+<div class="page" v-html="page"></div>