more work on traffic and npm dependencies update
Signed-off-by: Michael Kaufmann <d00p@froxlor.org>
This commit is contained in:
@@ -208,32 +208,12 @@ class PhpHelper
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
public static function loadConfigArrayDir()
|
public static function loadConfigArrayDir(...$configdirs)
|
||||||
{
|
{
|
||||||
// we now use dynamic function parameters
|
if (count($configdirs) <= 0) {
|
||||||
// so we can read from more than one directory
|
|
||||||
// and still be valid for old calls
|
|
||||||
$numargs = func_num_args();
|
|
||||||
if ($numargs <= 0) {
|
|
||||||
return null;
|
return null;
|
||||||
}
|
}
|
||||||
|
|
||||||
// variable that holds all dirs that will
|
|
||||||
// be parsed for inclusion
|
|
||||||
$configdirs = [];
|
|
||||||
// if one of the parameters is an array
|
|
||||||
// we assume that this is a list of
|
|
||||||
// setting-groups to be selected
|
|
||||||
$selection = null;
|
|
||||||
for ($x = 0; $x < $numargs; $x++) {
|
|
||||||
$arg = func_get_arg($x);
|
|
||||||
if (is_array($arg) && isset($arg[0])) {
|
|
||||||
$selection = $arg;
|
|
||||||
} else {
|
|
||||||
$configdirs[] = $arg;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
$data = [];
|
$data = [];
|
||||||
$data_files = [];
|
$data_files = [];
|
||||||
$has_data = false;
|
$has_data = false;
|
||||||
@@ -257,20 +237,6 @@ class PhpHelper
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// if we have specific setting-groups
|
|
||||||
// to select, we'll handle this here
|
|
||||||
// (this is for multiserver-client settings)
|
|
||||||
$_data = [];
|
|
||||||
if ($selection != null && is_array($selection) && isset($selection[0])) {
|
|
||||||
$_data['groups'] = [];
|
|
||||||
foreach ($data['groups'] as $group => $data) {
|
|
||||||
if (in_array($group, $selection)) {
|
|
||||||
$_data['groups'][$group] = $data;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
$data = $_data;
|
|
||||||
}
|
|
||||||
|
|
||||||
return $data;
|
return $data;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -44,6 +44,7 @@ class Traffic
|
|||||||
$users = [];
|
$users = [];
|
||||||
$years = [];
|
$years = [];
|
||||||
$months = [];
|
$months = [];
|
||||||
|
$days = [];
|
||||||
foreach ($trafficCollection['data']['list'] as $item) {
|
foreach ($trafficCollection['data']['list'] as $item) {
|
||||||
// per user total
|
// per user total
|
||||||
$users[$item['customerid']]['loginname'] = $item['customer']['loginname'];
|
$users[$item['customerid']]['loginname'] = $item['customer']['loginname'];
|
||||||
@@ -52,15 +53,20 @@ class Traffic
|
|||||||
$users[$item['customerid']]['ftp'] += ($item['ftp_up'] + $item['ftp_down']);
|
$users[$item['customerid']]['ftp'] += ($item['ftp_up'] + $item['ftp_down']);
|
||||||
$users[$item['customerid']]['mail'] += $item['mail'];
|
$users[$item['customerid']]['mail'] += $item['mail'];
|
||||||
// per year
|
// per year
|
||||||
$years[$item['year']]['total']['total'] += ($item['http'] + $item['ftp_up'] + $item['ftp_down'] + $item['mail']);
|
$years[$item['year']]['total'] += ($item['http'] + $item['ftp_up'] + $item['ftp_down'] + $item['mail']);
|
||||||
$years[$item['year']]['total']['http'] += $item['http'];
|
$years[$item['year']]['http'] += $item['http'];
|
||||||
$years[$item['year']]['total']['ftp'] += ($item['ftp_up'] + $item['ftp_down']);
|
$years[$item['year']]['ftp'] += ($item['ftp_up'] + $item['ftp_down']);
|
||||||
$years[$item['year']]['total']['mail'] += $item['mail'];
|
$years[$item['year']]['mail'] += $item['mail'];
|
||||||
// per month
|
// per month
|
||||||
$months[$item['year']][$item['month']]['total'] += ($item['http'] + $item['ftp_up'] + $item['ftp_down'] + $item['mail']);
|
$months[$item['month'].'/'.$item['year']]['total'] += ($item['http'] + $item['ftp_up'] + $item['ftp_down'] + $item['mail']);
|
||||||
$months[$item['year']][$item['month']]['http'] += $item['http'];
|
$months[$item['month'].'/'.$item['year']]['http'] += $item['http'];
|
||||||
$months[$item['year']][$item['month']]['ftp'] += ($item['ftp_up'] + $item['ftp_down']);
|
$months[$item['month'].'/'.$item['year']]['ftp'] += ($item['ftp_up'] + $item['ftp_down']);
|
||||||
$months[$item['year']][$item['month']]['mail'] += $item['mail'];
|
$months[$item['month'].'/'.$item['year']]['mail'] += $item['mail'];
|
||||||
|
// per day
|
||||||
|
$days[$item['day'].'.'.$item['month'].'.'.$item['year']]['total'] += ($item['http'] + $item['ftp_up'] + $item['ftp_down'] + $item['mail']);
|
||||||
|
$days[$item['day'].'.'.$item['month'].'.'.$item['year']]['http'] += $item['http'];
|
||||||
|
$days[$item['day'].'.'.$item['month'].'.'.$item['year']]['ftp'] += ($item['ftp_up'] + $item['ftp_down']);
|
||||||
|
$days[$item['day'].'.'.$item['month'].'.'.$item['year']]['mail'] += $item['mail'];
|
||||||
}
|
}
|
||||||
|
|
||||||
// calculate overview for given range from users
|
// calculate overview for given range from users
|
||||||
@@ -73,7 +79,7 @@ class Traffic
|
|||||||
}
|
}
|
||||||
|
|
||||||
// get all possible years for filter
|
// get all possible years for filter
|
||||||
$sel_stmt = Database::prepare("SELECT DISTINCT year FROM `".TABLE_PANEL_TRAFFIC."` WHERE 1 ORDER BY `year` DESC");
|
$sel_stmt = Database::prepare("SELECT DISTINCT year FROM `" . TABLE_PANEL_TRAFFIC . "` WHERE 1 ORDER BY `year` DESC");
|
||||||
Database::pexecute($sel_stmt);
|
Database::pexecute($sel_stmt);
|
||||||
$years_avail = $sel_stmt->fetchAll(\PDO::FETCH_ASSOC);
|
$years_avail = $sel_stmt->fetchAll(\PDO::FETCH_ASSOC);
|
||||||
|
|
||||||
@@ -82,6 +88,7 @@ class Traffic
|
|||||||
'users' => $users,
|
'users' => $users,
|
||||||
'years' => $years,
|
'years' => $years,
|
||||||
'months' => $months,
|
'months' => $months,
|
||||||
|
'days' => $days,
|
||||||
'range' => $range,
|
'range' => $range,
|
||||||
'years_avail' => $years_avail
|
'years_avail' => $years_avail
|
||||||
];
|
];
|
||||||
@@ -93,25 +100,20 @@ class Traffic
|
|||||||
|
|
||||||
if (preg_match("/year:([0-9]{4})/", $range, $matches)) {
|
if (preg_match("/year:([0-9]{4})/", $range, $matches)) {
|
||||||
$dateParams = ['year' => $matches[1]];
|
$dateParams = ['year' => $matches[1]];
|
||||||
}
|
} elseif (preg_match("/months:([1-9]([0-9]+)?)/", $range, $matches)) {
|
||||||
elseif (preg_match("/months:([1-9]([0-9]+)?)/", $range, $matches)) {
|
$dt = (new \DateTime())->sub(new \DateInterval('P' . $matches[1] . 'M'))->format('U');
|
||||||
$dt = (new \DateTime())->sub(new \DateInterval('P'.$matches[1].'M'))->format('U');
|
|
||||||
$dateParams = ['date_from' => $dt];
|
$dateParams = ['date_from' => $dt];
|
||||||
}
|
} elseif (preg_match("/days:([1-9]([0-9]+)?)/", $range, $matches)) {
|
||||||
elseif (preg_match("/days:([1-9]([0-9]+)?)/", $range, $matches)) {
|
$dt = (new \DateTime())->sub(new \DateInterval('P' . $matches[1] . 'D'))->format('U');
|
||||||
$dt = (new \DateTime())->sub(new \DateInterval('P'.$matches[1].'D'))->format('U');
|
|
||||||
$dateParams = ['date_from' => $dt];
|
$dateParams = ['date_from' => $dt];
|
||||||
}
|
} elseif (preg_match("/hours:([1-9]([0-9]+)?)/", $range, $matches)) {
|
||||||
elseif (preg_match("/hours:([1-9]([0-9]+)?)/", $range, $matches)) {
|
$dt = (new \DateTime())->sub(new \DateInterval('PT' . $matches[1] . 'H'))->format('U');
|
||||||
$dt = (new \DateTime())->sub(new \DateInterval('PT'.$matches[1].'H'))->format('U');
|
|
||||||
$dateParams = ['date_from' => $dt];
|
$dateParams = ['date_from' => $dt];
|
||||||
}
|
} elseif (preg_match("/currentmonth/", $range, $matches)) {
|
||||||
elseif (preg_match("/currentmonth/", $range, $matches)) {
|
$dt = (new \DateTime("first day of this month"))->setTime(0, 0, 0, 1)->format('U');
|
||||||
$dt = (new \DateTime("first day of this month"))->setTime(0,0,0,1)->format('U');
|
|
||||||
$dateParams = ['date_from' => $dt];
|
$dateParams = ['date_from' => $dt];
|
||||||
}
|
} elseif (preg_match("/currentyear/", $range, $matches)) {
|
||||||
elseif (preg_match("/currentyear/", $range, $matches)) {
|
$dt = \DateTime::createFromFormat("d.m.Y", '01.01.' . date('Y'))->setTime(0, 0, 0, 1)->format('U');
|
||||||
$dt = \DateTime::createFromFormat("d.m.Y", '01.01.'.date('Y'))->setTime(0,0,0,1)->format('U');
|
|
||||||
$dateParams = ['date_from' => $dt];
|
$dateParams = ['date_from' => $dt];
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
74
package-lock.json
generated
74
package-lock.json
generated
@@ -5,11 +5,11 @@
|
|||||||
"packages": {
|
"packages": {
|
||||||
"": {
|
"": {
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@fortawesome/fontawesome-free": "^6.0.0",
|
"@fortawesome/fontawesome-free": "^6.2.0",
|
||||||
"@popperjs/core": "^2.11.2",
|
"@popperjs/core": "^2.11.6",
|
||||||
"bootstrap": "^5.1.3",
|
"bootstrap": "^5.2.1",
|
||||||
"chart.js": "^3.7.1",
|
"chart.js": "^3.9.1",
|
||||||
"jquery": "^3.6.0"
|
"jquery": "^3.6.1"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"laravel-mix": "^6.0.42",
|
"laravel-mix": "^6.0.42",
|
||||||
@@ -2609,9 +2609,9 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/autoprefixer": {
|
"node_modules/autoprefixer": {
|
||||||
"version": "10.4.8",
|
"version": "10.4.9",
|
||||||
"resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.8.tgz",
|
"resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.9.tgz",
|
||||||
"integrity": "sha512-75Jr6Q/XpTqEf6D2ltS5uMewJIx5irCU1oBYJrWjFenq/m12WRRrz6g15L1EIoYvPLXTbEry7rDOwrcYNj77xw==",
|
"integrity": "sha512-Uu67eduPEmOeA0vyJby5ghu1AAELCCNSsLAjK+lz6kYzNM5sqnBO36MqfsjhPjQF/BaJM5U/UuFYyl7PavY/wQ==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
"funding": [
|
"funding": [
|
||||||
{
|
{
|
||||||
@@ -2625,7 +2625,7 @@
|
|||||||
],
|
],
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"browserslist": "^4.21.3",
|
"browserslist": "^4.21.3",
|
||||||
"caniuse-lite": "^1.0.30001373",
|
"caniuse-lite": "^1.0.30001394",
|
||||||
"fraction.js": "^4.2.0",
|
"fraction.js": "^4.2.0",
|
||||||
"normalize-range": "^0.1.2",
|
"normalize-range": "^0.1.2",
|
||||||
"picocolors": "^1.0.0",
|
"picocolors": "^1.0.0",
|
||||||
@@ -3103,9 +3103,9 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/caniuse-lite": {
|
"node_modules/caniuse-lite": {
|
||||||
"version": "1.0.30001393",
|
"version": "1.0.30001397",
|
||||||
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001393.tgz",
|
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001397.tgz",
|
||||||
"integrity": "sha512-N/od11RX+Gsk+1qY/jbPa0R6zJupEa0lxeBG598EbrtblxVCTJsQwbRBm6+V+rxpc5lHKdsXb9RY83cZIPLseA==",
|
"integrity": "sha512-SW9N2TbCdLf0eiNDRrrQXx2sOkaakNZbCjgNpPyMJJbiOrU5QzMIrXOVMRM1myBXTD5iTkdrtU/EguCrBocHlA==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
"funding": [
|
"funding": [
|
||||||
{
|
{
|
||||||
@@ -4061,9 +4061,9 @@
|
|||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
"node_modules/electron-to-chromium": {
|
"node_modules/electron-to-chromium": {
|
||||||
"version": "1.4.244",
|
"version": "1.4.247",
|
||||||
"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.244.tgz",
|
"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.247.tgz",
|
||||||
"integrity": "sha512-E21saXLt2eTDaTxgUtiJtBUqanF9A32wZasAwDZ8gvrqXoxrBrbwtDCx7c/PQTLp81wj4X0OLDeoGQg7eMo3+w==",
|
"integrity": "sha512-FLs6R4FQE+1JHM0hh3sfdxnYjKvJpHZyhQDjc2qFq/xFvmmRt/TATNToZhrcGUFzpF2XjeiuozrA8lI0PZmYYw==",
|
||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
"node_modules/elliptic": {
|
"node_modules/elliptic": {
|
||||||
@@ -4383,9 +4383,9 @@
|
|||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
"node_modules/fast-glob": {
|
"node_modules/fast-glob": {
|
||||||
"version": "3.2.11",
|
"version": "3.2.12",
|
||||||
"resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.11.tgz",
|
"resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.12.tgz",
|
||||||
"integrity": "sha512-xrO3+1bxSo3ZVHAnqzyuewYT6aMFHRAd4Kcs92MAonjwQZLsK9d0SF1IyQ3k5PoirxTW0Oe/RqFgMQ6TcNE5Ew==",
|
"integrity": "sha512-DVj4CQIYYow0BlaelwK1pHl5n5cRSJfM60UA0zK891sVInoPri2Ekj7+e1CT3/3qxXenpI+nBBmQAcJPJgaj4w==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@nodelib/fs.stat": "^2.0.2",
|
"@nodelib/fs.stat": "^2.0.2",
|
||||||
@@ -8448,9 +8448,9 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/update-browserslist-db": {
|
"node_modules/update-browserslist-db": {
|
||||||
"version": "1.0.7",
|
"version": "1.0.8",
|
||||||
"resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.7.tgz",
|
"resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.8.tgz",
|
||||||
"integrity": "sha512-iN/XYesmZ2RmmWAiI4Z5rq0YqSiv0brj9Ce9CfhNE4xIW2h+MFxcgkxIzZ+ShkFPUkjU3gQ+3oypadD3RAMtrg==",
|
"integrity": "sha512-GHg7C4M7oJSJYW/ED/5QOJ7nL/E0lwTOBGsOorA7jqHr8ExUhPfwAotIAmdSw/LWv3SMLSNpzTAgeLG9zaZKTA==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
"funding": [
|
"funding": [
|
||||||
{
|
{
|
||||||
@@ -11119,13 +11119,13 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"autoprefixer": {
|
"autoprefixer": {
|
||||||
"version": "10.4.8",
|
"version": "10.4.9",
|
||||||
"resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.8.tgz",
|
"resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.9.tgz",
|
||||||
"integrity": "sha512-75Jr6Q/XpTqEf6D2ltS5uMewJIx5irCU1oBYJrWjFenq/m12WRRrz6g15L1EIoYvPLXTbEry7rDOwrcYNj77xw==",
|
"integrity": "sha512-Uu67eduPEmOeA0vyJby5ghu1AAELCCNSsLAjK+lz6kYzNM5sqnBO36MqfsjhPjQF/BaJM5U/UuFYyl7PavY/wQ==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
"requires": {
|
"requires": {
|
||||||
"browserslist": "^4.21.3",
|
"browserslist": "^4.21.3",
|
||||||
"caniuse-lite": "^1.0.30001373",
|
"caniuse-lite": "^1.0.30001394",
|
||||||
"fraction.js": "^4.2.0",
|
"fraction.js": "^4.2.0",
|
||||||
"normalize-range": "^0.1.2",
|
"normalize-range": "^0.1.2",
|
||||||
"picocolors": "^1.0.0",
|
"picocolors": "^1.0.0",
|
||||||
@@ -11497,9 +11497,9 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"caniuse-lite": {
|
"caniuse-lite": {
|
||||||
"version": "1.0.30001393",
|
"version": "1.0.30001397",
|
||||||
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001393.tgz",
|
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001397.tgz",
|
||||||
"integrity": "sha512-N/od11RX+Gsk+1qY/jbPa0R6zJupEa0lxeBG598EbrtblxVCTJsQwbRBm6+V+rxpc5lHKdsXb9RY83cZIPLseA==",
|
"integrity": "sha512-SW9N2TbCdLf0eiNDRrrQXx2sOkaakNZbCjgNpPyMJJbiOrU5QzMIrXOVMRM1myBXTD5iTkdrtU/EguCrBocHlA==",
|
||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
"chalk": {
|
"chalk": {
|
||||||
@@ -12229,9 +12229,9 @@
|
|||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
"electron-to-chromium": {
|
"electron-to-chromium": {
|
||||||
"version": "1.4.244",
|
"version": "1.4.247",
|
||||||
"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.244.tgz",
|
"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.247.tgz",
|
||||||
"integrity": "sha512-E21saXLt2eTDaTxgUtiJtBUqanF9A32wZasAwDZ8gvrqXoxrBrbwtDCx7c/PQTLp81wj4X0OLDeoGQg7eMo3+w==",
|
"integrity": "sha512-FLs6R4FQE+1JHM0hh3sfdxnYjKvJpHZyhQDjc2qFq/xFvmmRt/TATNToZhrcGUFzpF2XjeiuozrA8lI0PZmYYw==",
|
||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
"elliptic": {
|
"elliptic": {
|
||||||
@@ -12489,9 +12489,9 @@
|
|||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
"fast-glob": {
|
"fast-glob": {
|
||||||
"version": "3.2.11",
|
"version": "3.2.12",
|
||||||
"resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.11.tgz",
|
"resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.12.tgz",
|
||||||
"integrity": "sha512-xrO3+1bxSo3ZVHAnqzyuewYT6aMFHRAd4Kcs92MAonjwQZLsK9d0SF1IyQ3k5PoirxTW0Oe/RqFgMQ6TcNE5Ew==",
|
"integrity": "sha512-DVj4CQIYYow0BlaelwK1pHl5n5cRSJfM60UA0zK891sVInoPri2Ekj7+e1CT3/3qxXenpI+nBBmQAcJPJgaj4w==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
"requires": {
|
"requires": {
|
||||||
"@nodelib/fs.stat": "^2.0.2",
|
"@nodelib/fs.stat": "^2.0.2",
|
||||||
@@ -15463,9 +15463,9 @@
|
|||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
"update-browserslist-db": {
|
"update-browserslist-db": {
|
||||||
"version": "1.0.7",
|
"version": "1.0.8",
|
||||||
"resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.7.tgz",
|
"resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.8.tgz",
|
||||||
"integrity": "sha512-iN/XYesmZ2RmmWAiI4Z5rq0YqSiv0brj9Ce9CfhNE4xIW2h+MFxcgkxIzZ+ShkFPUkjU3gQ+3oypadD3RAMtrg==",
|
"integrity": "sha512-GHg7C4M7oJSJYW/ED/5QOJ7nL/E0lwTOBGsOorA7jqHr8ExUhPfwAotIAmdSw/LWv3SMLSNpzTAgeLG9zaZKTA==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
"requires": {
|
"requires": {
|
||||||
"escalade": "^3.1.1",
|
"escalade": "^3.1.1",
|
||||||
|
|||||||
10
package.json
10
package.json
@@ -16,10 +16,10 @@
|
|||||||
"sass-loader": "^12.5.0"
|
"sass-loader": "^12.5.0"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@fortawesome/fontawesome-free": "^6.0.0",
|
"@fortawesome/fontawesome-free": "^6.2.0",
|
||||||
"@popperjs/core": "^2.11.2",
|
"@popperjs/core": "^2.11.6",
|
||||||
"bootstrap": "^5.1.3",
|
"bootstrap": "^5.2.1",
|
||||||
"chart.js": "^3.7.1",
|
"chart.js": "^3.9.1",
|
||||||
"jquery": "^3.6.0"
|
"jquery": "^3.6.1"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,11 +1,12 @@
|
|||||||
// import libs
|
// import libs
|
||||||
import 'bootstrap';
|
import 'bootstrap';
|
||||||
import '@fortawesome/fontawesome-free';
|
import '@fortawesome/fontawesome-free';
|
||||||
import 'chart.js/dist/chart';
|
import Chart from 'chart.js/auto';
|
||||||
|
|
||||||
// set jquery & bootstrap
|
// set jquery & bootstrap & chart
|
||||||
global.$ = require('jquery');
|
global.$ = require('jquery');
|
||||||
global.bootstrap = require('bootstrap');
|
global.bootstrap = require('bootstrap');
|
||||||
|
window.Chart = Chart;
|
||||||
|
|
||||||
$(function () {
|
$(function () {
|
||||||
window.$theme = 'Froxlor';
|
window.$theme = 'Froxlor';
|
||||||
|
|||||||
@@ -4,7 +4,7 @@
|
|||||||
|
|
||||||
<div>
|
<div>
|
||||||
<h5 class="mb-1">
|
<h5 class="mb-1">
|
||||||
<i class="fa fa-chart-area me-1"></i>
|
<i class="fa-solid fa-chart-area me-1"></i>
|
||||||
{{ lng('admin.traffic') }}
|
{{ lng('admin.traffic') }}
|
||||||
</h5>
|
</h5>
|
||||||
<span class="text-muted">{{ lng('admin.traffic_sub') }}</span>
|
<span class="text-muted">{{ lng('admin.traffic_sub') }}</span>
|
||||||
@@ -194,14 +194,23 @@
|
|||||||
|
|
||||||
const cChart = new Chart(document.getElementById('customersummary'), configC);
|
const cChart = new Chart(document.getElementById('customersummary'), configC);
|
||||||
|
|
||||||
{% else %}
|
{% elseif not (range starts with 'hours') %}
|
||||||
|
|
||||||
const labelsC = [];
|
const labelsC = [];
|
||||||
const dataValues = [];
|
const dataValues = [];
|
||||||
{% for yr,year in years %}
|
{% if range starts with 'days' or range == 'currentmonth' %}
|
||||||
labelsC.push('{{ yr }}');
|
{% for d,dd in days %}
|
||||||
//dataValues.push({value: {{ year.total.total }}, formatted: '{{ year.total.total|formatBytes }}', year: '{{ yr }}'});
|
labelsC.push('{{ d }}');
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
{% elseif range starts with 'months' or range starts with 'year' or range == 'currentyear' %}
|
||||||
|
{% for m,md in months %}
|
||||||
|
labelsC.push('{{ m }}');
|
||||||
|
{% endfor %}
|
||||||
|
{% else %}
|
||||||
|
{% for yr,year in years %}
|
||||||
|
labelsC.push('{{ yr }}');
|
||||||
|
{% endfor %}
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
const dataC = {
|
const dataC = {
|
||||||
labels: labelsC,
|
labels: labelsC,
|
||||||
@@ -209,32 +218,50 @@
|
|||||||
{
|
{
|
||||||
label: 'HTTP traffic',
|
label: 'HTTP traffic',
|
||||||
backgroundColor: 'rgb(255, 99, 132)',
|
backgroundColor: 'rgb(255, 99, 132)',
|
||||||
data: [{% for yr,year in years %}{value: {{ year.total.http }}, formatted: '{{ year.total.http|formatBytes }}', year: '{{ yr }}'},{% endfor %}],
|
{% if range starts with 'days' or range == 'currentmonth' %}
|
||||||
|
data: [{% for d,dd in days %}{value: {{ dd.http }}, formatted: '{{ dd.http|formatBytes }}', axisv: '{{ d }}'},{% endfor %}],
|
||||||
|
{% elseif range starts with 'months' or range starts with 'year' or range == 'currentyear' %}
|
||||||
|
data: [{% for m,md in months %}{value: {{ md.http }}, formatted: '{{ md.http|formatBytes }}', axisv: '{{ m }}'},{% endfor %}],
|
||||||
|
{% else %}
|
||||||
|
data: [{% for yr,year in years %}{value: {{ year.http }}, formatted: '{{ year.http|formatBytes }}', axisv: '{{ yr }}'},{% endfor %}],
|
||||||
|
{% endif %}
|
||||||
parsing: {
|
parsing: {
|
||||||
xAxisKey: 'year'
|
xAxisKey: 'axisv'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: 'FTP traffic',
|
label: 'FTP traffic',
|
||||||
backgroundColor: 'rgb(200, 199, 132)',
|
backgroundColor: 'rgb(200, 199, 132)',
|
||||||
data: [{% for yr,year in years %}{value: {{ year.total.ftp }}, formatted: '{{ year.total.ftp|formatBytes }}', year: '{{ yr }}'},{% endfor %}],
|
{% if range starts with 'days' or range == 'currentmonth' %}
|
||||||
|
data: [{% for y,yd in bydate %}{% for m,md in bydate[y] %}{% for d,dd in bydate[y][m] %}{value: {{ md.ftp }}, formatted: '{{ md.ftp|formatBytes }}', axisv: '{{ d }}.{{ m }}.{{ y }}'},{% endfor %}{% endfor %}{% endfor %}],
|
||||||
|
{% elseif range starts with 'months' or range starts with 'year' or range == 'currentyear' %}
|
||||||
|
data: [{% for y,yd in bydate %}{% for m,md in bydate[y] %}{value: {{ md.total.ftp }}, formatted: '{{ md.total.ftp|formatBytes }}', axisv: '{{ m }}/{{ y }}'},{% endfor %}{% endfor %}],
|
||||||
|
{% else %}
|
||||||
|
data: [{% for yr,year in bydate %}{value: {{ year.total.ftp }}, formatted: '{{ year.total.ftp|formatBytes }}', axisv: '{{ yr }}'},{% endfor %}],
|
||||||
|
{% endif %}
|
||||||
parsing: {
|
parsing: {
|
||||||
xAxisKey: 'year'
|
xAxisKey: 'axisv'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: 'Mail traffic',
|
label: 'Mail traffic',
|
||||||
backgroundColor: 'rgb(255, 99, 0)',
|
backgroundColor: 'rgb(255, 99, 0)',
|
||||||
data: [{% for yr,year in years %}{value: {{ year.total.mail }}, formatted: '{{ year.total.mail|formatBytes }}', year: '{{ yr }}'},{% endfor %}],
|
{% if range starts with 'days' or range == 'currentmonth' %}
|
||||||
|
data: [{% for y,yd in bydate %}{% for m,md in bydate[y] %}{% for d,dd in bydate[y][m] %}{value: {{ md.mail }}, formatted: '{{ md.mail|formatBytes }}', axisv: '{{ d }}.{{ m }}.{{ y }}'},{% endfor %}{% endfor %}{% endfor %}],
|
||||||
|
{% elseif range starts with 'months' or range starts with 'year' or range == 'currentyear' %}
|
||||||
|
data: [{% for y,yd in bydate %}{% for m,md in bydate[y] %}{value: {{ md.total.mail }}, formatted: '{{ md.total.mail|formatBytes }}', axisv: '{{ m }}/{{ y }}'},{% endfor %}{% endfor %}],
|
||||||
|
{% else %}
|
||||||
|
data: [{% for yr,year in bydate %}{value: {{ year.total.mail }}, formatted: '{{ year.total.mail|formatBytes }}', axisv: '{{ yr }}'},{% endfor %}],
|
||||||
|
{% endif %}
|
||||||
parsing: {
|
parsing: {
|
||||||
xAxisKey: 'year'
|
xAxisKey: 'axisv'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
]
|
]
|
||||||
};
|
};
|
||||||
|
|
||||||
const configC = {
|
const configC = {
|
||||||
type: 'bar',
|
type: 'line',
|
||||||
data: dataC,
|
data: dataC,
|
||||||
options: {
|
options: {
|
||||||
parsing: {
|
parsing: {
|
||||||
@@ -252,7 +279,7 @@
|
|||||||
plugins: {
|
plugins: {
|
||||||
title: {
|
title: {
|
||||||
display: true,
|
display: true,
|
||||||
text: 'All-time by year'
|
text: 'Specified by range'
|
||||||
},
|
},
|
||||||
tooltip: {
|
tooltip: {
|
||||||
enabled: true,
|
enabled: true,
|
||||||
|
|||||||
Reference in New Issue
Block a user