From 096705ce654581b774a1947ae293040e6143a827 Mon Sep 17 00:00:00 2001
From: KarthiKeyanZ <kart@blaze.ws>
Date: Mon, 20 Nov 2023 13:12:23 +0530
Subject: [PATCH] node distribution functionality

---
 package.json                                  |   3 +
 server/controllers/BlockchainBlock.ts         |  39 ++++++++++
 .../components/header/header.component.html   |   1 -
 src/app/view/location/location.component.css  |  20 +++++
 src/app/view/location/location.component.html |   8 ++
 .../view/location/location.component.spec.ts  |  25 +++++++
 src/app/view/location/location.component.ts   |  70 ++++++++++++++++++
 src/app/view/view-routing.module.ts           |   5 ++
 src/app/view/view.module.ts                   |   4 +-
 src/assets/img/icons8-location-80.png         | Bin 0 -> 2305 bytes
 10 files changed, 172 insertions(+), 3 deletions(-)
 create mode 100644 src/app/view/location/location.component.css
 create mode 100644 src/app/view/location/location.component.html
 create mode 100644 src/app/view/location/location.component.spec.ts
 create mode 100644 src/app/view/location/location.component.ts
 create mode 100644 src/assets/img/icons8-location-80.png

diff --git a/package.json b/package.json
index 9b648d5..bdf9306 100644
--- a/package.json
+++ b/package.json
@@ -40,8 +40,11 @@
     "dotenv": "^8.0.0",
     "express": "^4.15.2",
     "express-static-gzip": "^1.1.3",
+    "geoip-lite": "^1.4.7",
     "helmet": "^3.18.0",
     "jsdom": "^15.1.1",
+    "leaflet": "^1.9.4",
+    "leaflet.markercluster": "^1.5.3",
     "moment": "^2.24.0",
     "morgan": "^1.9.1",
     "ng2-odometer": "^1.1.3",
diff --git a/server/controllers/BlockchainBlock.ts b/server/controllers/BlockchainBlock.ts
index a4c8146..968dc11 100644
--- a/server/controllers/BlockchainBlock.ts
+++ b/server/controllers/BlockchainBlock.ts
@@ -26,6 +26,7 @@ import {
   latestBlockDetails,
   previousBlockDetails
 } from '../utils/common';
+const geoip = require('geoip-lite'); 
 var moment = require('moment');
 moment.updateLocale('en', {
   relativeTime: {
@@ -270,6 +271,11 @@ export class BlockchainBlockController {
       redisMiddleware(process.env.REDIS_EXPIRY),
       this.getepicmineapi,
     );
+    this.router.get(
+      `${this.path}/v1/peers/all`,
+      redisMiddleware(process.env.REDIS_EXPIRY),
+      this.getpeersallapi,
+    );
 
        /**
      * @swagger
@@ -758,6 +764,39 @@ export class BlockchainBlockController {
       console.log(error);
     }
   };
+  // get /v1/peers/all 
+  private getpeersallapi = async( request: Request,res: Response) => {
+    var axios = require('axios');
+    try {
+      var config = {
+        method: 'get',
+        url: 'http://5.75.242.4:3413/v1/peers/all',
+        headers: { }
+      };
+     await axios(config).then( (response) => {
+        const data = response.data;
+
+        // Perform IP geolocation for each item in the 'data' array
+        data.forEach(peer => {
+          const ip = peer.addr.split(':')[0];
+          const geo = geoip.lookup(ip);
+    
+          // Add the 'geo' data to the 'peer' object
+          peer.geo = geo;
+        });
+        res.status(200).json({
+          status: 200,
+          response: data
+        });
+      })
+      .catch(function (error) {
+        console.log('axios-error');
+        console.log(error);
+      });
+    } catch (error) {
+      console.log(error);
+    }
+  };
 
   private BlockchainBlockCreate = async (
     request: Request,
diff --git a/src/app/shared/components/header/header.component.html b/src/app/shared/components/header/header.component.html
index a68f7c1..248c3c3 100755
--- a/src/app/shared/components/header/header.component.html
+++ b/src/app/shared/components/header/header.component.html
@@ -56,7 +56,6 @@
                   <!-- <option disabled value="Mainnet">MainNet</option> -->
               </select>
               <i class="arrow_drpdwn net_dropdwn"></i>
-
               <!-- <ul class="list-unstyled d-inline-block mb-0">
                   <li class="nav-item dropdown">
                       <a
diff --git a/src/app/view/location/location.component.css b/src/app/view/location/location.component.css
new file mode 100644
index 0000000..14aa8e1
--- /dev/null
+++ b/src/app/view/location/location.component.css
@@ -0,0 +1,20 @@
+.map-container {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  display: flex; /* Use flexbox to center the map within its container */
+  justify-content: center; /* Center horizontally */
+  align-items: center; /* Center vertically */
+}
+
+.map-frame {
+  border: 2px solid black;
+  height: 70%; /* Adjust the height of the map frame */
+  width: 70%; /* Adjust the width of the map frame */
+}
+
+#map {
+  height: 100%;
+}
diff --git a/src/app/view/location/location.component.html b/src/app/view/location/location.component.html
new file mode 100644
index 0000000..fd0c217
--- /dev/null
+++ b/src/app/view/location/location.component.html
@@ -0,0 +1,8 @@
+<div class="view_content" >
+
+  <div class="map-container">
+    <div class="map-frame">
+      <div id="map"></div>
+    </div>
+  </div>
+</div>  
\ No newline at end of file
diff --git a/src/app/view/location/location.component.spec.ts b/src/app/view/location/location.component.spec.ts
new file mode 100644
index 0000000..012cd79
--- /dev/null
+++ b/src/app/view/location/location.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { LocationComponent } from './location.component';
+
+describe('LocationComponent', () => {
+  let component: LocationComponent;
+  let fixture: ComponentFixture<LocationComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ LocationComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(LocationComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/view/location/location.component.ts b/src/app/view/location/location.component.ts
new file mode 100644
index 0000000..23921b8
--- /dev/null
+++ b/src/app/view/location/location.component.ts
@@ -0,0 +1,70 @@
+import { Component, AfterViewInit } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+import * as L from 'leaflet';
+import 'leaflet.markercluster'; // Import the marker cluster library
+
+@Component({
+  selector: 'app-location',
+  templateUrl: './location.component.html',
+  styleUrls: ['./location.component.css']
+})
+export class LocationComponent implements AfterViewInit {
+  private map;
+  private locations = [];
+  private markerClusterGroup: L.MarkerClusterGroup; // Create a marker cluster group
+
+  constructor(private http: HttpClient) {}
+
+  ngAfterViewInit(): void {
+    this.initMap();
+    this.fetchLocationData();
+  }
+
+  private initMap(): void {
+    this.map = L.map('map', {
+      center: [30, -20],
+      zoom: 3,
+      maxBounds:  L.latLngBounds(L.latLng(-90, -180), L.latLng(90, 180)) , // Disable horizontal scrolling
+      bounceAtZoomLimits:true,
+    });
+
+    const tiles = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
+      maxZoom: 18,
+      minZoom: 2,
+      attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>'
+    });
+
+    tiles.addTo(this.map);
+    this.markerClusterGroup = L.markerClusterGroup(); // Initialize the marker cluster group
+    this.markerClusterGroup.addTo(this.map); // Add it to the map
+  }
+
+  private addMarkers(): void {
+    const arrayOfLoc = this.locations
+      .map(e => {
+        if (e && e.geo && e.geo.ll && e.geo.city) {
+          return { lat: e.geo.ll[0], lng: e.geo.ll[1], name: e.geo.city };
+        }
+        return null;
+      })
+      .filter(e => e !== null);
+
+    for (const location of arrayOfLoc) {
+      const customIcon = L.icon({
+        iconUrl: "/assets/img/icons8-location-80.png",
+        iconSize: [32, 32], // Adjust the icon size as needed
+        iconAnchor: [16, 32], // Adjust the icon anchor as needed
+      });
+      const marker = L.marker([location.lat, location.lng],{ icon: customIcon });
+      marker.bindPopup(location.name);
+      this.markerClusterGroup.addLayer(marker); // Add marker to the cluster group
+    }
+  }
+
+  private fetchLocationData(): void {
+    this.http.get('https://explorer3.epic.tech/epic_explorer/v1/blockchain_block/v1/peers/all').subscribe((data: any) => {
+      this.locations = data.response;
+      this.addMarkers();
+    });
+  }
+}
diff --git a/src/app/view/view-routing.module.ts b/src/app/view/view-routing.module.ts
index d28ad6d..a375a70 100755
--- a/src/app/view/view-routing.module.ts
+++ b/src/app/view/view-routing.module.ts
@@ -3,6 +3,7 @@ import { Routes, RouterModule } from '@angular/router';
 import { HomeLayoutComponent } from '../shared/components/layouts/home-layout/home-layout.component';
 import { SiteLayoutComponent } from '../shared/components/layouts/site-layout/site-layout.component';
 import {  ApiViewComponent } from '../view/api-view/api-view.component';
+import {  LocationComponent } from '../view/location/location.component';
 const viewRoutes: Routes = [
   {
     path: '',
@@ -38,6 +39,10 @@ const siteRoutes: Routes = [
   {
     path: 'api-index',
     component: ApiViewComponent
+  },
+  {
+    path: 'nodes-distribution',
+    component: LocationComponent
   }
 ];
 
diff --git a/src/app/view/view.module.ts b/src/app/view/view.module.ts
index 7f73b8f..160eaa6 100755
--- a/src/app/view/view.module.ts
+++ b/src/app/view/view.module.ts
@@ -10,10 +10,10 @@ import { TransServiceService } from '../shared/services/trans-service.service';
 import { ChartService} from '../shared/services/chart.service';
 import { CustomLoader } from '../app.module';
 import { ApiViewComponent } from './api-view/api-view.component';
-
+import { LocationComponent } from './location/location.component';
 
 @NgModule({
-  declarations: [ApiViewComponent],
+  declarations: [ApiViewComponent, LocationComponent],
   imports: [CommonModule, ViewRoutingModule, SharedModule,
     TranslateModule.forChild({
       loader: {provide: TranslateLoader, useClass: CustomLoader, deps : [HttpClient]},         
diff --git a/src/assets/img/icons8-location-80.png b/src/assets/img/icons8-location-80.png
new file mode 100644
index 0000000000000000000000000000000000000000..a7278329dd3d36b7d3bf0927793b18605339e279
GIT binary patch
literal 2305
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
bL~P}Mp!IPA*1Zov00000NkvXXu0mjf9W!;Y

literal 0
HcmV?d00001