IPBox增加地域、ISP、添加到黑名单等功能

internal/web/actions/default/servers/ipbox/addIP.go

@@ -0,0 +1,40 @@
+// Copyright 2021 Liuxiangchao iwind.liu@gmail.com. All rights reserved.
+
+package ipbox
+
+import (
+	"github.com/TeaOSLab/EdgeAdmin/internal/web/actions/actionutils"
+	"github.com/TeaOSLab/EdgeCommon/pkg/rpc/pb"
+	"strings"
+	"time"
+)
+
+type AddIPAction struct {
+	actionutils.ParentAction
+}
+
+func (this *AddIPAction) RunPost(params struct {
+	ListId int64
+	Ip     string
+}) {
+	var ipType = "ipv4"
+	if strings.Contains(params.Ip, ":") {
+		ipType = "ipv6"
+	}
+
+	_, err := this.RPC().IPItemRPC().CreateIPItem(this.AdminContext(), &pb.CreateIPItemRequest{
+		IpListId:   params.ListId,
+		IpFrom:     params.Ip,
+		IpTo:       "",
+		ExpiredAt:  time.Now().Unix() + 86400, // TODO 可以自定义时间
+		Reason:     "从IPBox中加入名单",
+		Type:       ipType,
+		EventLevel: "critical",
+	})
+	if err != nil {
+		this.ErrorPage(err)
+		return
+	}
+
+	this.Success()
+}

internal/web/actions/default/servers/ipbox/index.go

@@ -5,6 +5,7 @@ package ipbox
 import (
 	"github.com/TeaOSLab/EdgeAdmin/internal/web/actions/actionutils"
 	"github.com/TeaOSLab/EdgeCommon/pkg/rpc/pb"
+	"github.com/iwind/TeaGo/maps"
 	timeutil "github.com/iwind/TeaGo/utils/time"
 	"time"
 )
@@ -22,10 +23,62 @@ func (this *IndexAction) RunGet(params struct {
 }) {
 	this.Data["ip"] = params.Ip
 
+	// IP信息
+	regionResp, err := this.RPC().IPLibraryRPC().LookupIPRegion(this.AdminContext(), &pb.LookupIPRegionRequest{Ip: params.Ip})
+	if err != nil {
+		this.ErrorPage(err)
+		return
+	}
+	if regionResp.IpRegion != nil {
+		this.Data["regions"] = regionResp.IpRegion.Summary
+	} else {
+		this.Data["regions"] = ""
+	}
+	this.Data["isp"] = regionResp.IpRegion.Isp
+
+	// IP列表
+	ipListResp, err := this.RPC().IPListRPC().FindEnabledIPListContainsIP(this.AdminContext(), &pb.FindEnabledIPListContainsIPRequest{Ip: params.Ip})
+	if err != nil {
+		this.ErrorPage(err)
+		return
+	}
+	var ipListMaps = []maps.Map{}
+	for _, ipList := range ipListResp.IpLists {
+		ipListMaps = append(ipListMaps, maps.Map{
+			"id":   ipList.Id,
+			"name": ipList.Name,
+			"type": ipList.Type,
+		})
+	}
+	this.Data["ipLists"] = ipListMaps
+
+	// 所有公用的IP列表
+	publicBlackIPListResp, err := this.RPC().IPListRPC().ListEnabledIPLists(this.AdminContext(), &pb.ListEnabledIPListsRequest{
+		Type:     "black",
+		IsPublic: true,
+		Keyword:  "",
+		Offset:   0,
+		Size:     10, // TODO 将来考虑到支持更多的黑名单
+	})
+	if err != nil {
+		this.ErrorPage(err)
+		return
+	}
+	var publicBlackIPListMaps = []maps.Map{}
+	for _, ipList := range publicBlackIPListResp.IpLists {
+		publicBlackIPListMaps = append(publicBlackIPListMaps, maps.Map{
+			"id":   ipList.Id,
+			"name": ipList.Name,
+			"type": ipList.Type,
+		})
+	}
+	this.Data["publicBlackIPLists"] = publicBlackIPListMaps
+
+	// 访问日志
 	accessLogsResp, err := this.RPC().HTTPAccessLogRPC().ListHTTPAccessLogs(this.AdminContext(), &pb.ListHTTPAccessLogsRequest{
 		Day:  timeutil.Format("Ymd"),
-		Keyword: "ip:" + params.Ip,
-		Size:    10,
+		Ip:   params.Ip,
+		Size: 20,
 	})
 	if err != nil {
 		this.ErrorPage(err)
@@ -36,8 +89,8 @@ func (this *IndexAction) RunGet(params struct {
 		// 查询昨天
 		accessLogsResp, err = this.RPC().HTTPAccessLogRPC().ListHTTPAccessLogs(this.AdminContext(), &pb.ListHTTPAccessLogsRequest{
 			Day:  timeutil.Format("Ymd", time.Now().AddDate(0, 0, -1)),
-			Keyword: "ip:" + params.Ip,
-			Size:    10,
+			Ip:   params.Ip,
+			Size: 20,
 		})
 		if err != nil {
 			this.ErrorPage(err)

internal/web/actions/default/servers/ipbox/init.go

@@ -14,6 +14,7 @@ func init() {
 			Helper(helpers.NewUserMustAuth(configloaders.AdminModuleCodeServer)).
 			Prefix("/servers/ipbox").
 			Get("", new(IndexAction)).
+			Post("/addIP", new(AddIPAction)).
 			EndAll()
 	})
 }

web/public/js/components/common/copy-to-clipboard.js

@@ -10,7 +10,7 @@ Vue.component("copy-to-clipboard", {
 	methods: {
 		copy: function () {
 			new ClipboardJS('[data-clipboard-target]');
-			teaweb.success("已复制到剪切板")
+			teaweb.successToast("已复制到剪切板")
 		}
 	},
 	template: `<a href="" title="拷贝到剪切板" :data-clipboard-target="'#' + vTarget" @click.prevent="copy"><i class="ui icon copy small"></i></em></a>`

web/public/js/components/server/http-access-log-box.js

@@ -48,7 +48,7 @@ Vue.component("http-access-log-box", {
 			this.$refs.box.parentNode.style.cssText = ""
 		}
 	},
-	template: `<div :style="{'color': (accessLog.status >= 400) ? '#dc143c' : ''}" ref="box">
+	template: `<div style="word-break: break-all" :style="{'color': (accessLog.status >= 400) ? '#dc143c' : ''}" ref="box">
 	<a v-if="accessLog.node != null && accessLog.node.nodeCluster != null" :href="'/clusters/cluster/node?nodeId=' + accessLog.node.id + '&clusterId=' + accessLog.node.nodeCluster.id" title="点击查看节点详情" target="_top"><span class="grey">[{{accessLog.node.name}}<span v-if="!accessLog.node.name.endsWith('节点')">节点</span>]</span></a><span v-if="accessLog.region != null && accessLog.region.length > 0" class="grey">[{{accessLog.region}}]</span> <ip-box><keyword :v-word="vKeyword">{{accessLog.remoteAddr}}</keyword></ip-box> [{{accessLog.timeLocal}}] <em>&quot;<keyword :v-word="vKeyword">{{accessLog.requestMethod}}</keyword> {{accessLog.scheme}}://<keyword :v-word="vKeyword">{{accessLog.host}}</keyword><keyword :v-word="vKeyword">{{accessLog.requestURI}}</keyword> <a :href="accessLog.scheme + '://' + accessLog.host + accessLog.requestURI" target="_blank" title="新窗口打开" class="disabled"><i class="external icon tiny"></i> </a> {{accessLog.proto}}&quot; </em> <keyword :v-word="vKeyword">{{accessLog.status}}</keyword> <code-label v-if="accessLog.attrs != null && accessLog.attrs['cache.status'] == 'HIT'">cache hit</code-label> <code-label v-if="accessLog.firewallActions != null && accessLog.firewallActions.length > 0">waf {{accessLog.firewallActions}}</code-label> <span v-if="accessLog.tags != null && accessLog.tags.length > 0">- <code-label v-for="tag in accessLog.tags">{{tag}}</code-label></span> - 耗时:{{formatCost(accessLog.requestTime)}} ms <span v-if="accessLog.humanTime != null && accessLog.humanTime.length > 0" class="grey small">&nbsp; ({{accessLog.humanTime}})</span>
 	&nbsp; <a href="" @click.prevent="showLog" title="查看详情"><i class="icon expand"></i></a>
 </div>`

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

@@ -23,7 +23,7 @@
 					<td style="text-align: center;"><i class="icon bars handle grey"></i> </td>
 					<td>{{group.name}}</td>
 					<td class="center">
-						<span v-if="group.countServers > 0">{{group.countServers}}</span>
+						<a :href="'/servers?groupId=' + group.id" v-if="group.countServers > 0">{{group.countServers}}</a>
 						<span v-else class="disabled">0</span>
 					</td>
 					<td>

web/views/@default/servers/ipbox/index.css

@@ -0,0 +1,9 @@
+.cell-title {
+  background: rgba(0, 0, 0, 0.03);
+  font-weight: bold;
+  width: 7em;
+}
+.cell-content {
+  width: 22%;
+}
+/*# sourceMappingURL=index.css.map */

web/views/@default/servers/ipbox/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.less"],"names":[],"mappings":"AAAA;EACC,+BAAA;EACA,iBAAA;EACA,UAAA;;AAGD;EACC,UAAA","file":"index.css"}

web/views/@default/servers/ipbox/index.html

@@ -1,6 +1,44 @@
 {$layout "layout_popup"}
 
-<h3>最近访问日志<span class="grey">（{{ip}}）</span></h3>
+<h3>IP最近访问日志<span class="grey">（<span>{{ip}}</span>）</span></h3>
+
+<table class="ui table definition celled selectable">
+    <tr>
+        <td class="cell-title">IP</td>
+        <td class="cell-content">
+            <span id="ip-text">{{ip}}</span>
+            <copy-to-clipboard :v-target="'ip-text'"></copy-to-clipboard>
+        </td>
+        <td class="cell-title">区域</td>
+        <td class="cell-content">
+            <span v-if="regions.length > 0">{{regions}}</span>
+            <span v-else class="disabled">-</span>
+        </td>
+        <td class="cell-title">ISP</td>
+        <td>
+            <span v-if="isp.length > 0">{{isp}}</span>
+            <span v-else class="disabled">-</span>
+        </td>
+    </tr>
+    <tr v-if="publicBlackIPLists.length > 0">
+        <td>所在IP名单</td>
+        <td colspan="5">
+            <div class="ui label basic small" v-for="ipList in ipLists">
+                {{ipList.name}}
+            </div>
+            &nbsp; &nbsp;
+            <a href="" @click.prevent="showBlackLists"><i class="icon angle" :class="{up: blackListsVisible, down: !blackListsVisible}"></i>添加黑名单</a>
+        </td>
+    </tr>
+    <tr v-if="publicBlackIPLists.length > 0 && blackListsVisible">
+        <td>加入黑名单</td>
+        <td colspan="5">
+            <a class="ui label basic small" v-for="ipList in publicBlackIPLists" @click.prevent="addBlackIP(ipList)">
+                {{ipList.name}}
+            </a>
+        </td>
+    </tr>
+</table>
 
 <p class="comment" v-if="accessLogs.length == 0">暂时还没有访问日志。</p>
 <table class="ui table selectable" v-if="accessLogs.length > 0">

web/views/@default/servers/ipbox/index.js

@@ -0,0 +1,30 @@
+Tea.context(function () {
+	this.blackListsVisible = false
+	this.allPublicBlackIPLists = this.publicBlackIPLists.$copy()
+
+	this.showBlackLists = function () {
+		let that = this
+		this.publicBlackIPLists = this.allPublicBlackIPLists.filter(function (allList) {
+			let found = true
+			that.ipLists.forEach(function (list) {
+				if (allList.id == list.id) {
+					found = false
+				}
+			})
+			return found
+		})
+		this.blackListsVisible = !this.blackListsVisible
+	}
+
+	this.addBlackIP = function (list) {
+		this.$post(".addIP")
+			.params({
+				listId: list.id,
+				ip: this.ip
+			})
+			.success(function () {
+				this.ipLists.push(list)
+				this.blackListsVisible = false
+			})
+	}
+})

web/views/@default/servers/ipbox/index.less

@@ -0,0 +1,9 @@
+.cell-title {
+	background: rgba(0, 0, 0, 0.03);
+	font-weight: bold;
+	width: 7em;
+}
+
+.cell-content {
+	width: 22%;
+}