-
-
-
-
-
-
+
+
Статистика всей сети
+ Статистика ноды {{getNumName(NUM)}} в сети
+
+
+
+
+
+
+
+
+
`
@@ -24,66 +31,107 @@ export class NetworkStatusComponent implements OnInit {
DAY = 86400;
WEEK = this.DAY * 7;
MONTH = this.DAY * 30;
+ MODE: "ALL"|"NODE" = "ALL"
+ NUM:number = 0;
nodesNames: KeyValueMap
= {}
//общая статичтика по perPortNum за день\неделю\месяц / ?=
//top кто насрал пакетами всего за день\неделю\месяц / ?=packetsSumNode=true
- graphs:any[] = [
- {
- header: "Cтатистика пакетов в сети",
- type: 'perPortNum',
- cards:[{
- chart: Chart,
- canvasId: "DayPerPB",
- params: "?=",
- before: new Date().getTime()/1000,
- after: (new Date().getTime()/1000) - this.DAY,
- config: this.generateConfigTChart("Cтатистика по пакетам в сети за день")
- },{
- chart: Chart,
- canvasId: "WeekPerPB",
- params: "?=",
- before: new Date().getTime()/1000,
- after: (new Date().getTime()/1000) - this.WEEK,
- config: this.generateConfigTChart("Cтатистика по пакетам в сети за неделю")
- },{
- chart: Chart,
- canvasId: "MonthPerPB",
- params: "?=",
- before: new Date().getTime()/1000,
- after: (new Date().getTime()/1000) - this.MONTH,
- config: this.generateConfigTChart("Cтатистика по пакетам в сети за месяц")
- }]
- },
- {
- header: "Общая статистика пакетов в сети",
- type: 'perSumNode',
- cards:[{
- chart: Chart,
- canvasId: "DaySumPB",
- params: "?packetsSumNode=true",
- before: new Date().getTime()/1000,
- after: (new Date().getTime()/1000) - this.DAY,
- config: this.generateConfigTChart("Количество пакетов от пользоватей за день", false)
- },{
- chart: Chart,
- canvasId: "WeekSumPB",
- params: "?packetsSumNode=true",
- before: new Date().getTime()/1000,
- after: (new Date().getTime()/1000) - this.WEEK,
- config: this.generateConfigTChart("Количество пакетов от пользоватей за неделю", false)
+ graphs:any[] = this.generateGraps();
+ constructor(private http: HttpClient,
+ private route: ActivatedRoute) {}
+
+ getNumName(num:number) {
+ if (`${num}` in this.nodesNames)
+ return this.nodesNames[`${num}`].long_name
+ else return `${num}`
+ }
+
+ generateGraps() {
+ return [
+ {
+ header: "Cтатистика пакетов в сети",
+ type: 'perPortNum',
+ requestMode: "ALL",
+ cards:[{
+ chart: Chart,
+ canvasId: "DayPerPB",
+ params: "?=",
+ before: new Date().getTime()/1000,
+ after: (new Date().getTime()/1000) - this.DAY,
+ config: this.generateConfigTChart("Cтатистика по пакетам в сети за день")
+ },{
+ chart: Chart,
+ canvasId: "WeekPerPB",
+ params: "?=",
+ before: new Date().getTime()/1000,
+ after: (new Date().getTime()/1000) - this.WEEK,
+ config: this.generateConfigTChart("Cтатистика по пакетам в сети за неделю")
+ },{
+ chart: Chart,
+ canvasId: "MonthPerPB",
+ params: "?=",
+ before: new Date().getTime()/1000,
+ after: (new Date().getTime()/1000) - this.MONTH,
+ config: this.generateConfigTChart("Cтатистика по пакетам в сети за месяц")
+ }]
+ },
+ {
+ header: "Общая статистика пакетов в сети",
+ type: 'perSumNode',
+ requestMode: "ALL",
+ cards:[{
+ chart: Chart,
+ canvasId: "DaySumPB",
+ params: "?packetsSumNode=true",
+ before: new Date().getTime()/1000,
+ after: (new Date().getTime()/1000) - this.DAY,
+ config: this.generateConfigTChart("Количество пакетов от пользоватей за день", false)
+ },{
+ chart: Chart,
+ canvasId: "WeekSumPB",
+ params: "?packetsSumNode=true",
+ before: new Date().getTime()/1000,
+ after: (new Date().getTime()/1000) - this.WEEK,
+ config: this.generateConfigTChart("Количество пакетов от пользоватей за неделю", false)
+ },{
+ chart: Chart,
+ canvasId: "MonthSumPB",
+ params: "?packetsSumNode=true",
+ before: new Date().getTime()/1000,
+ after: (new Date().getTime()/1000) - this.MONTH,
+ config: this.generateConfigTChart("Количество пакетов от пользоватей за месяц", false)
+ }]
},{
- chart: Chart,
- canvasId: "MonthSumPB",
- params: "?packetsSumNode=true",
- before: new Date().getTime()/1000,
- after: (new Date().getTime()/1000) - this.MONTH,
- config: this.generateConfigTChart("Количество пакетов от пользоватей за месяц", false)
- }]
- }
- ];
- constructor(private http: HttpClient) {}
+ header: "Cтатистика пакетов в сети",
+ type: 'packetsPerNode',
+ requestMode: "NODE",
+ cards:[{
+ chart: Chart,
+ canvasId: "DayPerNodePB",
+ params: "?packetsPerNode=true",
+ before: new Date().getTime()/1000,
+ after: (new Date().getTime()/1000) - this.DAY,
+ config: this.generateConfigTChart("Cтатистика по пакетам в сети за день")
+ },{
+ chart: Chart,
+ canvasId: "WeekPerNodePB",
+ params: "?packetsPerNode=true",
+ before: new Date().getTime()/1000,
+ after: (new Date().getTime()/1000) - this.WEEK,
+ config: this.generateConfigTChart("Cтатистика по пакетам в сети за неделю")
+ },{
+ chart: Chart,
+ canvasId: "MonthPerNodePB",
+ params: "?packetsPerNode=true",
+ before: new Date().getTime()/1000,
+ after: (new Date().getTime()/1000) - this.MONTH,
+ config: this.generateConfigTChart("Cтатистика по пакетам в сети за месяц")
+ }]
+ }
+ ]
+ }
generateConfigTChart(name: string, legend: boolean = true) {
return {
@@ -106,58 +154,97 @@ export class NetworkStatusComponent implements OnInit {
}
ngOnInit(): void {
- this.http.get(`api/nodes/list`).subscribe(
- (obj) => {
- (obj as NodeDTO[]).forEach(
- (node) => {
- this.nodesNames[`${node.num}`] = node;
+ this.route.params.subscribe(
+ (params) => {
+ const num: number = Number.parseInt(params["num"]);
+ console.log(num);
+ switch (num) {
+ case 0: {
+ this.MODE = "ALL";
+ this.http.get(`api/nodes/list`).subscribe(
+ (obj) => {
+ (obj as NodeDTO[]).forEach(
+ (node) => {
+ this.nodesNames[`${node.num}`] = node;
+ }
+ )
+ }
+ ).add(
+ () => {
+ this.graphs = this.generateGraps();
+ this.updateGraphs();
+ }
+ )
+ break;
}
- )
- }
- ).add(
- () => {
- this.graphs.forEach(
- (graph) => {
- graph.cards.forEach((settings:any) => {
- this.http.get(`api/packet/stats${settings.params}&before=${settings.before}&after=${settings.after}`)
- .subscribe((data) => {
- settings.config.data = {
- labels: [],
- datasets: [
- {
- label: settings.canvasId,
- data: [],
- backgroundColor: []
- }
- ]
- };
- (data as Object[]).map((obj) => PacketGroup.fromDto(obj)).sort((p1, p2) => p2.count - p1.count).forEach(
- (d) => {
- switch (graph.type) {
- case "perPortNum": {
- settings.config.data.labels.push(`${d.portnumName} - ${d.count}`)
- settings.config.data.datasets[0].data.push(d.count)
- settings.config.data.datasets[0].backgroundColor.push(numToColor(d.portnum, 0))
- break;
- }
- case "perSumNode": {
- const name = `${d.from}` in this.nodesNames ? this.nodesNames[`${d.from}`].long_name : `${d.from}`
- settings.config.data.labels.push(`${name} - ${d.count}`)
- settings.config.data.datasets[0].data.push(d.count)
- settings.config.data.datasets[0].backgroundColor.push(numToColor(d.from, 0))
- break;
- }
- }
- }
- )
- //if (settings.chart)
- // settings.chart.destroy()
+ default: {
+ this.MODE = "NODE";
+ this.NUM = num;
+ this.http.get(`api/nodes/${num}`).subscribe(
+ (obj) => {
+ const node: NodeDTO = obj as NodeDTO
+ if (node)
+ this.nodesNames[`${node.num}`] = node;
+ }
+ ).add(
+ () => {
+ this.graphs = this.generateGraps();
+ this.updateGraphs();
+ }
+ )
+ break;
+ }
+ }
+ })
+ }
+
+ updateGraphs() {
+ this.graphs.forEach(
+ (graph) => {
+ graph.cards.forEach((settings:any) => {
+ if (this.MODE != graph.requestMode) return;
+ this.http.get(`api/packet/stats${settings.params}&before=${settings.before}&after=${settings.after}&${this.NUM == 0?'':('&nums='+this.NUM)}`)
+ .subscribe((data) => {
+ settings.config.data = {
+ labels: [],
+ datasets: [
+ {
+ label: settings.canvasId,
+ data: [],
+ backgroundColor: []
+ }
+ ]
+ };
+ (data as Object[]).map((obj) => PacketGroup.fromDto(obj)).sort((p1, p2) => p2.count - p1.count).forEach(
+ (d) => {
+ switch (graph.type) {
+ case "perPortNum":
+ case "packetsPerNode":{
+ settings.config.data.labels.push(`${d.portnumName} - ${d.count}`)
+ settings.config.data.datasets[0].data.push(d.count)
+ settings.config.data.datasets[0].backgroundColor.push(numToColor(d.portnum, 0))
+ break;
+ }
+ case "perSumNode": {
+ const name = `${d.from}` in this.nodesNames ? this.nodesNames[`${d.from}`].long_name : `${d.from}`
+ settings.config.data.labels.push(`${name} - ${d.count}`)
+ settings.config.data.datasets[0].data.push(d.count)
+ settings.config.data.datasets[0].backgroundColor.push(numToColor(d.from, 0))
+ break;
+ }
+ default: {
+ console.log("missing type: " + graph.type);
+ break;
+ }
+ }
+ }
+ )
+ //if (settings.chart)
+ // settings.chart.destroy()
- settings.chart = new Chart(settings.canvasId, settings.config)
- })
- })
- }
- )
+ settings.chart = new Chart(settings.canvasId, settings.config)
+ })
+ })
}
)
}