├── data
    ├── layer7-logs
    ├── layer7.php
    └── layer4.php
├── .idea
    ├── .gitignore
    ├── misc.xml
    ├── vcs.xml
    ├── modules.xml
    └── Layer-Graph.iml
├── README.md
├── config
    └── config.php
└── index.php


/data/layer7-logs:
--------------------------------------------------------------------------------
1 | 


--------------------------------------------------------------------------------
/.idea/.gitignore:
--------------------------------------------------------------------------------
1 | # Default ignored files
2 | /shelf/
3 | /workspace.xml
4 | # Editor-based HTTP Client requests
5 | /httpRequests/
6 | 


--------------------------------------------------------------------------------
/.idea/misc.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <project version="4">
3 |   <component name="JavaScriptSettings">
4 |     <option name="languageLevel" value="ES6" />
5 |   </component>
6 | </project>


--------------------------------------------------------------------------------
/.idea/vcs.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <project version="4">
3 |   <component name="VcsDirectoryMappings">
4 |     <mapping directory="$PROJECT_DIR$" vcs="Git" />
5 |   </component>
6 | </project>


--------------------------------------------------------------------------------
/.idea/modules.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <project version="4">
3 |   <component name="ProjectModuleManager">
4 |     <modules>
5 |       <module fileurl="file://$PROJECT_DIR$/.idea/Layer-Graph.iml" filepath="$PROJECT_DIR$/.idea/Layer-Graph.iml" />
6 |     </modules>
7 |   </component>
8 | </project>


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | [![Maintainability](https://api.codeclimate.com/v1/badges/34003dec77cb92f19073/maintainability)](https://codeclimate.com/github/cK0nrad/Layer-Graph/maintainability)
 2 | 
 3 | # Layer-Graph
 4 | Real time layer 4 & 7 traffic.
 5 | # How to use it
 6 | Clone repository and set 'data/layer7-logs' to chmod 777.
 7 | 
 8 | Configuration avaible in 'config/config.php'.
 9 | 
10 | #Konrad
11 | 


--------------------------------------------------------------------------------
/data/layer7.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | header("Access-Control-Allow-Origin: *");
 3 | header("Content-type: text/json");
 4 | $x = time() * 1000;
 5 | $file="layer7-logs";
 6 | $linecount = 0;
 7 | $handle = fopen($file, "r");
 8 | while(!feof($handle)){
 9 |   $line = fgets($handle);
10 |   $linecount++;
11 | }
12 | fclose($handle);
13 | file_put_contents("layer7-logs", "");
14 | $y = $linecount-1;
15 | $ret = array($x, $y);
16 | echo json_encode($ret);
17 | ?>
18 | 


--------------------------------------------------------------------------------
/.idea/Layer-Graph.iml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <module type="WEB_MODULE" version="4">
 3 |   <component name="NewModuleRootManager">
 4 |     <content url="file://$MODULE_DIR$">
 5 |       <excludeFolder url="file://$MODULE_DIR$/.tmp" />
 6 |       <excludeFolder url="file://$MODULE_DIR$/temp" />
 7 |       <excludeFolder url="file://$MODULE_DIR$/tmp" />
 8 |     </content>
 9 |     <orderEntry type="inheritedJdk" />
10 |     <orderEntry type="sourceFolder" forTests="false" />
11 |   </component>
12 | </module>


--------------------------------------------------------------------------------
/data/layer4.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | require '../config/config.php';
 3 | header("Access-Control-Allow-Origin: *");
 4 | header("Content-type: text/json");
 5 | $x = time() * 1000;
 6 | 
 7 | function mean($first, $second, $time, $zone)
 8 | {
 9 |     $y = ($second - $first);
10 |     if ($zone == 'US') {
11 |         $y *= 8;
12 |     }
13 |     return json_encode(array($time, $y));
14 | }
15 | 
16 | function dataFetch($type, $interface)
17 | {
18 |     $data1 = @file_get_contents("/sys/class/net/{$interface}/statistics/{$type}_bytes");
19 |     sleep(1);
20 |     $data2 = @file_get_contents("/sys/class/net/{$interface}/statistics/{$type}_bytes");
21 |     return [$data1, $data2];
22 | }
23 | 
24 | $rtx = dataFetch(($datatype == 'TX') ? "tx" : "rx", $interface);
25 | echo mean($rtx[0], $rtx[1], $x, $zone);
26 | 
27 | 


--------------------------------------------------------------------------------
/config/config.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | //EN - FR
 3 | //CONFIGURATION - CONFIG
 4 | //SITE NAME - Nom du site
 5 | $sitename = 'SITE NAME - Nom du site';
 6 | // CAPS ONLY - Majuscule seulement
 7 | 
 8 | //Bit or byte - Bit ou octet
 9 | // US=bit and/et EU= octet
10 | $zone = 'US';
11 | 
12 | //Data transferred or received  -  Donnée transférée ou recus
13 | //RX = received/recus TX = transferred/transféerée
14 | $datatype = 'RX';
15 | 
16 | //Language - Langue
17 | //FR = francais/french - EN = english/anglais
18 | $lang = 'EN';
19 | 
20 | //Name of interface - Nom de l'interface
21 | //Usually : 'eth0' - Generalement :'eth0'
22 | $interface = 'eth0';
23 | 
24 | // Ip of your server
25 | $ip = "127.0.0.1";
26 | $port = "80";
27 | 
28 | //Graph title
29 | $Layer4Title = "Layer 4 ==>{$ip} PORT {$port} <==";
30 | $Layer7Title = "Layer 7 ==>{$ip} PORT {$port} <==";
31 | 


--------------------------------------------------------------------------------
/index.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | require 'config/config.php';
  3 | $dataName = ($zone == 'EU') ? (($lang == 'FR') ? "Octets" : "Bytes") : 'Bits';
  4 | $requestLang = ($lang == 'FR') ? 'Requetes' : 'Requests';
  5 | $perSecondLang = ($lang == 'FR') ? 'par seconde' : 'per second';
  6 | ?>
  7 | <title><?php echo $sitename; ?></title>
  8 | 
  9 | <html>
 10 | <head>
 11 |     <?php error_log(" \r\n", 3, 'data/layer7-logs'); ?>
 12 | </head>
 13 | <body>
 14 | <div id="layer7"></div>
 15 | <br/>
 16 | <div id="layer4"></div>
 17 | <br/>
 18 | <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"
 19 |         integrity="sha512-bLT0Qm9VnAYZDflyKcBaQ2gg0hSYNQrJ8RilYldYQ1FxQYoCLtUjuuRuZo+fjqhx/qtq/1itJ0C2ejDxltZVFg=="
 20 |         crossorigin="anonymous"></script>
 21 | <script src="https://cdnjs.cloudflare.com/ajax/libs/highcharts/8.2.2/highcharts.js"
 22 |         integrity="sha512-PpL09bLaSaj5IzGNx6hsnjiIeLm9bL7Q9BB4pkhEvQSbmI0og5Sr/s7Ns/Ax4/jDrggGLdHfa9IbsvpnmoZYFA=="
 23 |         crossorigin="anonymous"></script>
 24 | <script
 25 |         src="https://cdnjs.cloudflare.com/ajax/libs/highcharts/8.2.2/modules/exporting.min.js"
 26 |         integrity="sha512-DuFO4JhOrZK4Zz+4K0nXseP0K/daLNCrbGjSkRzK+Zibkblwqc0BYBQ1sTN7mC4Kg6vNqr8eMZwLgTcnKXF8mg=="
 27 |         crossorigin="anonymous"
 28 | ></script>
 29 | 
 30 | <script id="source" language="javascript" type="text/javascript">
 31 |     $(document).ready(function () {
 32 |         Highcharts.createElement(
 33 |             "link",
 34 |             {
 35 |                 href: "https://fonts.googleapis.com/css?family=Unica+One",
 36 |                 rel: "stylesheet",
 37 |                 type: "text/css",
 38 |             },
 39 |             null,
 40 |             document.getElementsByTagName("head")[0]
 41 |         );
 42 | 
 43 |         let layer7 = new Highcharts.Chart({
 44 |             chart: {
 45 |                 renderTo: "layer7",
 46 |                 defaultSeriesType: "spline",
 47 |                 events: {
 48 |                     load: requestData(0),
 49 |                 },
 50 |             },
 51 |             title: {
 52 |                 text: "<?php echo $Layer7Title;?>",
 53 |             },
 54 |             xAxis: {
 55 |                 type: "datetime",
 56 |                 tickPixelInterval: 150,
 57 |                 maxZoom: 20 * 1000,
 58 |             },
 59 |             yAxis: {
 60 |                 minPadding: 0.2,
 61 |                 maxPadding: 0.2,
 62 |                 title: {
 63 |                     text: "<?php echo $requestLang;?> <?php echo $perSecondLang;?>",
 64 |                     margin: 80,
 65 |                 },
 66 |             },
 67 |             series: [
 68 |                 {
 69 |                     name: "<?php echo $requestLang;?>/s",
 70 |                     data: [],
 71 |                 },
 72 |             ],
 73 |         });
 74 | 
 75 |         let layer4 = new Highcharts.Chart({
 76 |             chart: {
 77 |                 renderTo: "layer4",
 78 |                 defaultSeriesType: "spline",
 79 |                 events: {
 80 |                     load: requestData(1),
 81 |                 },
 82 |             },
 83 |             title: {
 84 |                 text: "<?php echo $Layer4Title;?>",
 85 |             },
 86 |             xAxis: {
 87 |                 type: "datetime",
 88 |                 tickPixelInterval: 150,
 89 |                 maxZoom: 20 * 1000,
 90 |             },
 91 |             yAxis: {
 92 |                 minPadding: 0.2,
 93 |                 maxPadding: 0.2,
 94 |                 title: {
 95 |                     text: "<?php echo $dataName;?> <?php echo $perSecondLang;?>",
 96 |                     margin: 80,
 97 |                 },
 98 |             },
 99 |             series: [
100 |                 {
101 |                     name: "<?php echo $dataName;?>/s",
102 |                     data: [],
103 |                 },
104 |             ],
105 |         });
106 | 
107 |         function requestData(type) {
108 |             $.ajax({
109 |                 url: "data/" + (!type ? "layer7" : "layer4") + ".php",
110 |                 success: function (point) {
111 |                     var series = (!type ? layer7 : layer4).series[0],
112 |                         shift = series.data.length > 20;
113 |                     series.addPoint(point, true, shift);
114 |                     setTimeout(() => requestData(type), 1000);
115 |                 },
116 |                 cache: false,
117 |             });
118 |         }
119 |     });
120 | </script>
121 | </body>
122 | </html>
123 | 
124 | 


--------------------------------------------------------------------------------