public
nobgit
read
NobMail
Based on mailcow: dockerized
Languages
Repository composition by tracked source files.
PHP
49%
JavaScript
35%
HTML
9%
CSS
4%
Shell
2%
Python
1%
Lua
0%
Perl
0%
Ruby
0%
SCSS
0%
Create file
Wiki Documentation
Clone
https://nobgit.com/orgs/nobgit/nobmail.git
ssh://[email protected]:2222/orgs/nobgit/nobmail.git
Commit
[BS5] add container disk and network stats
7f70b0f7
data/web/css/build/013-mailcow.css | 15 ++
data/web/css/themes/mailcow-darkmode.css | 8 +
data/web/inc/functions.docker.inc.php | 27 +++
data/web/js/site/debug.js | 293 ++++++++++++++++++++++++-------
data/web/json_api.php | 4 +
data/web/templates/debug.twig | 251 +++++++++++++++++---------
6 files changed, 443 insertions(+), 155 deletions(-)Diff
diff --git a/data/web/css/build/013-mailcow.css b/data/web/css/build/013-mailcow.css
index bc4e07aa..49a47693 100644
--- a/data/web/css/build/013-mailcow.css
+++ b/data/web/css/build/013-mailcow.css
@@ -378,3 +378,18 @@ table.dataTable.table-striped>tbody>tr>td>input[type="checkbox"] {
.btn-check-label {
color: #555;
}
+
+.caret {
+ transform: rotate(0deg);
+}
+a[aria-expanded='true'] > .caret,
+button[aria-expanded='true'] > .caret {
+ transform: rotate(-180deg);
+}
+
+.list-group-details {
+ background: #fff;
+}
+.list-group-header {
+ background: #f7f7f7;
+}
\ No newline at end of file
diff --git a/data/web/css/themes/mailcow-darkmode.css b/data/web/css/themes/mailcow-darkmode.css
index 4010ac0d..a0388aa0 100644
--- a/data/web/css/themes/mailcow-darkmode.css
+++ b/data/web/css/themes/mailcow-darkmode.css
@@ -339,4 +339,12 @@ table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty {
.inputMissingAttr {
border-color: #FF4136 !important;
+}
+
+
+.list-group-details {
+ background: #444444;
+}
+.list-group-header {
+ background: #333;
}
\ No newline at end of file
diff --git a/data/web/inc/functions.docker.inc.php b/data/web/inc/functions.docker.inc.php
index 260f0a41..78efac03 100644
--- a/data/web/inc/functions.docker.inc.php
+++ b/data/web/inc/functions.docker.inc.php
@@ -1,6 +1,7 @@
<?php
function docker($action, $service_name = null, $attr1 = null, $attr2 = null, $extra_headers = null) {
global $DOCKER_TIMEOUT;
+ global $redis;
$curl = curl_init();
curl_setopt($curl, CURLOPT_HTTPHEADER,array('Content-Type: application/json' ));
// We are using our mail certificates for dockerapi, the names will not match, the certs are trusted anyway
@@ -52,6 +53,7 @@ function docker($action, $service_name = null, $attr1 = null, $attr2 = null, $ex
if (strtolower($container['Config']['Labels']['com.docker.compose.project']) == strtolower(getenv('COMPOSE_PROJECT_NAME'))) {
$out[$container['Config']['Labels']['com.docker.compose.service']]['State'] = $container['State'];
$out[$container['Config']['Labels']['com.docker.compose.service']]['Config'] = $container['Config'];
+ $out[$container['Config']['Labels']['com.docker.compose.service']]['Id'] = trim($container['Id']);
}
}
}
@@ -95,6 +97,7 @@ function docker($action, $service_name = null, $attr1 = null, $attr2 = null, $ex
unset($container['Config']['Env']);
$out[$container['Config']['Labels']['com.docker.compose.service']]['State'] = $container['State'];
$out[$container['Config']['Labels']['com.docker.compose.service']]['Config'] = $container['Config'];
+ $out[$container['Config']['Labels']['com.docker.compose.service']]['Id'] = trim($container['Id']);
}
}
}
@@ -104,6 +107,7 @@ function docker($action, $service_name = null, $attr1 = null, $attr2 = null, $ex
unset($container['Config']['Env']);
$out[$decoded_response['Config']['Labels']['com.docker.compose.service']]['State'] = $decoded_response['State'];
$out[$decoded_response['Config']['Labels']['com.docker.compose.service']]['Config'] = $decoded_response['Config'];
+ $out[$decoded_response['Config']['Labels']['com.docker.compose.service']]['Id'] = trim($decoded_response['Id']);
}
}
}
@@ -147,6 +151,29 @@ function docker($action, $service_name = null, $attr1 = null, $attr2 = null, $ex
}
}
break;
+ case 'container_stats':
+ if (empty($service_name)){
+ return false;
+ }
+
+ $container_id = $service_name;
+ curl_setopt($curl, CURLOPT_URL, 'https://dockerapi:443/container/' . $container_id . '/stats/update');
+ curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1);
+ curl_setopt($curl, CURLOPT_POST, 1);
+ curl_setopt($curl, CURLOPT_TIMEOUT, $DOCKER_TIMEOUT);
+ $response = curl_exec($curl);
+ if ($response === false) {
+ $err = curl_error($curl);
+ curl_close($curl);
+ return $err;
+ }
+ else {
+ curl_close($curl);
+ $stats = json_decode($response, true);
+ if (!empty($stats)) return $stats;
+ }
+ return false;
+ break;
case 'host_stats':
curl_setopt($curl, CURLOPT_URL, 'https://dockerapi:443/host/stats');
curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1);
diff --git a/data/web/js/site/debug.js b/data/web/js/site/debug.js
index 7048bf3f..92636333 100644
--- a/data/web/js/site/debug.js
+++ b/data/web/js/site/debug.js
@@ -37,12 +37,15 @@ $(document).ready(function() {
}
});
+ // set update loop container list
+ containersToUpdate = {}
// set default ChartJs Font Color
Chart.defaults.color = '#999';
- // create net and disk charts
- createNetAndDiskChart();
+ // create host cpu and mem charts
+ createHostCpuAndMemChart();
// check for new version
check_update(mailcow_info.version_tag, mailcow_info.project_url);
+ update_container_stats()
});
jQuery(function($){
if (localStorage.getItem("current_page") === null) {
@@ -1005,13 +1008,61 @@ jQuery(function($){
onVisible("[id^=rspamd_history]", () => draw_rspamd_history());
onVisible("[id^=rspamd_donut]", () => rspamd_pie_graph());
- // start polling stats if tab is active
+
+
+ // start polling host stats if tab is active
onVisible("[id^=tab-containers]", () => update_stats());
+ // start polling container stats if collapse is active
+ var containerElements = document.querySelectorAll(".container-details-collapse");
+ for (let i = 0; i < containerElements.length; i++){
+ new IntersectionObserver((entries, observer) => {
+ entries.forEach(entry => {
+ if(entry.intersectionRatio > 0) {
+
+ if (!containerElements[i].classList.contains("show")){
+ var container = containerElements[i].id.replace("Collapse", "");
+ var container_id = containerElements[i].getAttribute("data-id");
+
+ // check if chart exists or needs to be created
+ if (!Chart.getChart(container + "_DiskIOChart"))
+ createReadWriteChart(container + "_DiskIOChart", "Read", "Write");
+ if (!Chart.getChart(container + "_NetIOChart"))
+ createReadWriteChart(container + "_NetIOChart", "Recv", "Sent");
+
+ // add container to polling list
+ containersToUpdate[container] = {
+ id: container_id,
+ state: "idle"
+ }
+
+ // stop polling if collapse is closed
+ containerElements[i].addEventListener('hidden.bs.collapse', function () {
+ var diskIOCtx = Chart.getChart(container + "_DiskIOChart");
+ var netIOCtx = Chart.getChart(container + "_NetIOChart");
+
+ diskIOCtx.data.datasets[0].data = [];
+ diskIOCtx.data.datasets[1].data = [];
+ diskIOCtx.data.labels = [];
+ netIOCtx.data.datasets[0].data = [];
+ netIOCtx.data.datasets[1].data = [];
+ netIOCtx.data.labels = [];
+
+ diskIOCtx.update();
+ netIOCtx.update();
+
+ delete containersToUpdate[container];
+ });
+ }
+
+ }
+ });
+ }).observe(containerElements[i]);
+ }
});
// update system stats - every 5 seconds if system & container tab is active
-function update_stats(prev_stats = null){
+function update_stats(timeout=5){
if (!$('#tab-containers').hasClass('active')) {
// tab not active - dont fetch stats - run again in n seconds
return;
@@ -1020,61 +1071,114 @@ function update_stats(prev_stats = null){
window.fetch("/api/v1/get/status/host", {method:'GET',cache:'no-cache'}).then(function(response) {
return response.json();
}).then(function(data) {
- // display table data
- $("#host_date").text(data.system_time);
- $("#host_uptime").text(formatUptime(data.uptime));
- $("#host_cpu_cores").text(data.cpu.cores);
- $("#host_cpu_usage").text(parseInt(data.cpu.usage).toString() + "%");
- $("#host_memory_total").text((data.memory.total / (1024 ** 3)).toFixed(2).toString() + "GB");
- $("#host_memory_usage").text(parseInt(data.memory.usage).toString() + "%");
+ console.log(data);
+ if (data){
+ // display table data
+ $("#host_date").text(data.system_time);
+ $("#host_uptime").text(formatUptime(data.uptime));
+ $("#host_cpu_cores").text(data.cpu.cores);
+ $("#host_cpu_usage").text(parseInt(data.cpu.usage).toString() + "%");
+ $("#host_memory_total").text((data.memory.total / (1024 ** 3)).toFixed(2).toString() + "GB");
+ $("#host_memory_usage").text(parseInt(data.memory.usage).toString() + "%");
- // display network and disk i/o
- if (prev_stats != null){
- // get chart instances by elemId
- var net_io_chart = Chart.getChart("net_io_chart");
- var disk_io_chart = Chart.getChart("disk_io_chart");
+ // update cpu and mem chart
+ var cpu_chart = Chart.getChart("host_cpu_chart");
+ var mem_chart = Chart.getChart("host_mem_chart");
+ cpu_chart.data.labels.push(data.system_time.split(" ")[1]);
+ if (cpu_chart.data.labels.length > 30) cpu_chart.data.labels.shift();
+ mem_chart.data.labels.push(data.system_time.split(" ")[1]);
+ if (mem_chart.data.labels.length > 30) mem_chart.data.labels.shift();
- // calc time diff
- var time_diff = (new Date(data.system_time) - new Date(prev_stats.system_time)) / 1000;
- // push time label for x-axis
- net_io_chart.data.labels.push(data.system_time.split(" ")[1]);
- // shift data if more than 20 entires exists
- if (net_io_chart.data.labels.length > 20) net_io_chart.data.labels.shift();
+ cpu_chart.data.datasets[0].data.push(data.cpu.usage);
+ if (cpu_chart.data.datasets[0].data.length > 30) cpu_chart.data.datasets[0].data.shift();
+ mem_chart.data.datasets[0].data.push(data.memory.usage);
+ if (mem_chart.data.datasets[0].data.length > 30) mem_chart.data.datasets[0].data.shift();
- var diff_bytes_recv = (data.network.bytes_recv_total - prev_stats.network.bytes_recv_total) / time_diff;
- var diff_bytes_sent = (data.network.bytes_sent_total - prev_stats.network.bytes_sent_total) / time_diff;
- net_io_chart.data.datasets[0].data.push(diff_bytes_recv);
- net_io_chart.data.datasets[1].data.push(diff_bytes_sent);
- // shift data if more than 20 entires exists
- if (net_io_chart.data.datasets[0].data.length > 20) net_io_chart.data.datasets[0].data.shift();
- if (net_io_chart.data.datasets[1].data.length > 20) net_io_chart.data.datasets[1].data.shift();
+ cpu_chart.update();
+ mem_chart.update();
+ }
+ // run again in n seconds
+ setTimeout(update_stats, timeout * 1000);
+ });
+}
+// update specific container stats - every n (default 5s) seconds
+function update_container_stats(timeout=5){
+ for (let container in containersToUpdate){
+ container_id = containersToUpdate[container].id;
+ if (containersToUpdate[container].state == "running")
+ continue;
+ containersToUpdate[container].state = "running";
- // push time label for x-axis
- disk_io_chart.data.labels.push(data.system_time.split(" ")[1]);
- // shift data if more than 20 entires exists
- if (disk_io_chart.data.labels.length > 20) disk_io_chart.data.labels.shift();
- var diff_bytes_read = (data.disk.bytes_read_total - prev_stats.disk.bytes_read_total) / time_diff;
- var diff_bytes_write = (data.disk.bytes_write_total - prev_stats.disk.bytes_write_total) / time_diff;
- disk_io_chart.data.datasets[0].data.push(diff_bytes_read);
- disk_io_chart.data.datasets[1].data.push(diff_bytes_write);
- // shift data if more than 20 entires exists
- if (disk_io_chart.data.datasets[0].data.length > 20) disk_io_chart.data.datasets[0].data.shift();
- if (disk_io_chart.data.datasets[1].data.length > 20) disk_io_chart.data.datasets[1].data.shift();
+ window.fetch("/api/v1/get/status/container/" + container_id, {method:'GET',cache:'no-cache'}).then(function(response) {
+ return response.json();
+ }).then(function(data) {
+ var diskIOCtx = Chart.getChart(container + "_DiskIOChart");
+ var netIOCtx = Chart.getChart(container + "_NetIOChart");
+ console.log(container);
+ console.log(data);
+ prev_stats = null;
+ if (data.length >= 2)
+ prev_stats = data[data.length -2]
+ data = data[data.length -1];
- // update charts
- net_io_chart.update();
- disk_io_chart.update();
- }
+ if (prev_stats != null){
+ // calc time diff
+ var time_diff = (new Date(data.read) - new Date(prev_stats.read)) / 1000;
+
+ // calc disk io b/s
+ var prev_read_bytes = 0;
+ var prev_write_bytes = 0;
+ for (var i = 0; i < prev_stats.blkio_stats.io_service_bytes_recursive.length; i++){
+ if (prev_stats.blkio_stats.io_service_bytes_recursive[i].op == "read")
+ prev_read_bytes = prev_stats.blkio_stats.io_service_bytes_recursive[i].value;
+ else if (prev_stats.blkio_stats.io_service_bytes_recursive[i].op == "write")
+ prev_write_bytes = prev_stats.blkio_stats.io_service_bytes_recursive[i].value;
+ }
+ var read_bytes = 0;
+ var write_bytes = 0;
+ for (var i = 0; i < data.blkio_stats.io_service_bytes_recursive.length; i++){
+ if (data.blkio_stats.io_service_bytes_recursive[i].op == "read")
+ read_bytes = data.blkio_stats.io_service_bytes_recursive[i].value;
+ else if (data.blkio_stats.io_service_bytes_recursive[i].op == "write")
+ write_bytes = data.blkio_stats.io_service_bytes_recursive[i].value;
+ }
+ var diff_bytes_read = (read_bytes - prev_read_bytes) / time_diff;
+ var diff_bytes_write = (write_bytes - prev_write_bytes) / time_diff;
+
+ // calc net io b/s
+ var prev_recv_bytes = 0;
+ var prev_sent_bytes = 0;
+ for (var key in prev_stats.networks){
+ prev_recv_bytes += prev_stats.networks[key].rx_bytes;
+ prev_sent_bytes += prev_stats.networks[key].tx_bytes;
+ }
+ var recv_bytes = 0;
+ var sent_bytes = 0;
+ for (var key in data.networks){
+ recv_bytes += data.networks[key].rx_bytes;
+ sent_bytes += data.networks[key].tx_bytes;
+ }
+ var diff_bytes_recv = (recv_bytes - prev_recv_bytes) / time_diff;
+ var diff_bytes_sent = (sent_bytes - prev_sent_bytes) / time_diff;
+
+ addReadWriteChart(diskIOCtx, diff_bytes_read, diff_bytes_write, "");
+ addReadWriteChart(netIOCtx, diff_bytes_recv, diff_bytes_sent, "");
+ }
+
+ // run again in n seconds
+ containersToUpdate[container].state = "idle";
+ }).catch(err => {
+ console.log(err);
+ });
+ }
- // run again in n seconds
- prev_stats = data;
- setTimeout(update_stats(prev_stats), 2500);
- });
+ // run again in n seconds
+ setTimeout(update_container_stats, timeout * 1000);
}
// format hosts uptime seconds to readable string
function formatUptime(seconds){
@@ -1103,15 +1207,14 @@ function formatBytes(bytes){
// final mb to gb
return (bytes / 1024).toFixed(2).toString()+' GB/s';
}
-// create network and disk chart
-function createNetAndDiskChart(){
- var net_io_ctx = document.getElementById("net_io_chart");
- var disk_io_ctx = document.getElementById("disk_io_chart");
+// create read write line chart
+function createReadWriteChart(chart_id, read_lable, write_lable){
+ var ctx = document.getElementById(chart_id);
var dataNet = {
labels: [],
datasets: [{
- label: "Recieve",
+ label: read_lable,
backgroundColor: "rgba(41, 187, 239, 0.3)",
borderColor: "rgba(41, 187, 239, 0.6)",
pointRadius: 1,
@@ -1121,7 +1224,7 @@ function createNetAndDiskChart(){
tension: 0.2,
data: []
}, {
- label: "Sent",
+ label: write_lable,
backgroundColor: "rgba(239, 60, 41, 0.3)",
borderColor: "rgba(239, 60, 41, 0.6)",
pointRadius: 1,
@@ -1155,11 +1258,37 @@ function createNetAndDiskChart(){
}
}
};
+
+ return new Chart(ctx, {
+ type: 'line',
+ data: dataNet,
+ options: optionsNet
+ });
+}
+// add to read write line chart
+function addReadWriteChart(chart_context, read_point, write_point, time, limit = 30){
+ // push time label for x-axis
+ chart_context.data.labels.push(time);
+ if (chart_context.data.labels.length > limit) chart_context.data.labels.shift();
+
+ // push datapoints
+ chart_context.data.datasets[0].data.push(read_point);
+ chart_context.data.datasets[1].data.push(write_point);
+ // shift data if more than 20 entires exists
+ if (chart_context.data.datasets[0].data.length > limit) chart_context.data.datasets[0].data.shift();
+ if (chart_context.data.datasets[1].data.length > limit) chart_context.data.datasets[1].data.shift();
+
+ chart_context.update();
+}
+// create host cpu and mem chart
+function createHostCpuAndMemChart(){
+ var cpu_ctx = document.getElementById("host_cpu_chart");
+ var mem_ctx = document.getElementById("host_mem_chart");
- var dataDisk = {
+ var dataCpu = {
labels: [],
datasets: [{
- label: "Read",
+ label: "CPU %",
backgroundColor: "rgba(41, 187, 239, 0.3)",
borderColor: "rgba(41, 187, 239, 0.6)",
pointRadius: 1,
@@ -1168,10 +1297,38 @@ function createNetAndDiskChart(){
fill: true,
tension: 0.2,
data: []
- }, {
- label: "Write",
- backgroundColor: "rgba(239, 60, 41, 0.3)",
- borderColor: "rgba(239, 60, 41, 0.6)",
+ }]
+ };
+ var optionsCpu = {
+ interaction: {
+ mode: 'index'
+ },
+ scales: {
+ yAxis: {
+ min: 0,
+ grid: {
+ display: false
+ },
+ ticks: {
+ callback: function(i, index, ticks) {
+ return i.toFixed(0).toString() + "%";
+ }
+ }
+ },
+ xAxis: {
+ grid: {
+ display: false
+ }
+ }
+ }
+ };
+
+ var dataMem = {
+ labels: [],
+ datasets: [{
+ label: "MEM %",
+ backgroundColor: "rgba(41, 187, 239, 0.3)",
+ borderColor: "rgba(41, 187, 239, 0.6)",
pointRadius: 1,
pointHitRadius: 6,
borderWidth: 2,
@@ -1180,7 +1337,7 @@ function createNetAndDiskChart(){
data: []
}]
};
- var optionsDisk = {
+ var optionsMem = {
interaction: {
mode: 'index'
},
@@ -1192,7 +1349,7 @@ function createNetAndDiskChart(){
},
ticks: {
callback: function(i, index, ticks) {
- return formatBytes(i);
+ return i.toFixed(0).toString() + "%";
}
}
},
@@ -1205,15 +1362,15 @@ function createNetAndDiskChart(){
};
- var net_io_chart = new Chart(net_io_ctx, {
+ var net_io_chart = new Chart(cpu_ctx, {
type: 'line',
- data: dataNet,
- options: optionsNet
+ data: dataCpu,
+ options: optionsCpu
});
- var disk_io_chart = new Chart(disk_io_ctx, {
+ var disk_io_chart = new Chart(mem_ctx, {
type: 'line',
- data: dataDisk,
- options: optionsDisk
+ data: dataMem,
+ options: optionsMem
});
}
// check for mailcow updates
diff --git a/data/web/json_api.php b/data/web/json_api.php
index 688cd63d..f8c88d33 100644
--- a/data/web/json_api.php
+++ b/data/web/json_api.php
@@ -1463,6 +1463,10 @@ if (isset($_GET['query'])) {
}
echo json_encode($temp, JSON_UNESCAPED_SLASHES);
break;
+ case "container":
+ $container_stats = docker('container_stats', $extra);
+ echo json_encode($container_stats);
+ break;
case "vmail":
$exec_fields_vmail = array('cmd' => 'system', 'task' => 'df', 'dir' => '/var/vmail');
$vmail_df = explode(',', json_decode(docker('post', 'dovecot-mailcow', 'exec', $exec_fields_vmail), true));
diff --git a/data/web/templates/debug.twig b/data/web/templates/debug.twig
index e722302a..90a3b7b6 100644
--- a/data/web/templates/debug.twig
+++ b/data/web/templates/debug.twig
@@ -37,16 +37,7 @@
<div class="card-body">
<div class="row">
<div class="col-sm-12 col-md-4 d-flex flex-column">
- <img class="img-responsive" alt="mailcow-logo" src="{{ logo|default('/img/cow_mailcow.svg') }}" style="max-height: 200px;">
- <div style="margin-top: 60px;">
- <span class="d-block"><i class="bi bi-hdd-fill"></i> {{ vmail_df[0] }}</span>
- <span class="d-block">{{ vmail_df[2] }} / {{ vmail_df[1] }} ({{ vmail_df[4] }})</span>
- </div>
- <div class="mt-2 mb-4">
- <div class="progress">
- <div class="progress-bar bg-info" role="progressbar" style="width:{{ vmail_df[4] }}"></div>
- </div>
- </div>
+ <img class="img-responsive my-auto" alt="mailcow-logo" src="{{ logo|default('/img/cow_mailcow.svg') }}" style="max-height: 200px;">
</div>
<div class="col-sm-12 col-md-8">
<div class="table-responsive" style="margin-top: 10px;">
@@ -84,17 +75,17 @@
<td id="host_uptime">-</td>
</tr>
<tr>
- <td>CPU</td>
- <td>
- Cores <span id="host_cpu_cores">-</span><br />
- Usage <span id="host_cpu_usage"></span>
- </td>
- </tr>
- <tr>
- <td>{{ lang.debug.memory }}</td>
+ <td>Disk Info</td>
<td>
- Total <span id="host_memory_total">-</span><br />
- Usage <span id="host_memory_usage"></span>
+ <div>
+ <span class="d-block"><i class="bi bi-hdd-fill"></i> {{ vmail_df[0] }}</span>
+ <span class="d-block">{{ vmail_df[2] }} / {{ vmail_df[1] }} ({{ vmail_df[4] }})</span>
+ </div>
+ <div class="mt-2 mb-4">
+ <div class="progress">
+ <div class="progress-bar bg-info" role="progressbar" style="width:{{ vmail_df[4] }}"></div>
+ </div>
+ </div>
</td>
</tr>
</tbody>
@@ -103,12 +94,14 @@
</div>
<div class="col-sm-6 mt-4">
- <h3>Network I/O</h3>
- <canvas id="net_io_chart" width="400" height="200"></canvas>
+ <h3>CPU</h3>
+ <h5><span id="host_cpu_cores">-</span> Cores @ <span id="host_cpu_usage"></span></h5>
+ <canvas id="host_cpu_chart" width="400" height="200"></canvas>
</div>
<div class="col-sm-6 mt-4">
- <h3>Disk I/O</h3>
- <canvas id="disk_io_chart" width="400" height="200"></canvas>
+ <h3>MEMORY</h3>
+ <h5><span id="host_memory_total">-</span> @ <span id="host_memory_usage"></span></h5>
+ <canvas id="host_mem_chart" width="400" height="200"></canvas>
</div>
<div class="col-sm-12">
@@ -149,77 +142,161 @@
</div>
</div>
+
+
+ <!-- container info -->
<div class="card mb-4">
<div class="card-header">
- <h3 class="card-title">{{ lang.debug.solr_status }}</h3>
+ <h3 class="card-title">{{ lang.debug.containers_info }}</h3>
</div>
- <div class="card-body">
- <div class="row">
- <div class="col-sm-3">
- <p><img class="img-responsive" alt="Solr Logo" width="128px" src="data:image/png;base64,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" /></p>
- </div>
- <div class="col-sm-9">
- {% if solr_status != false %}
- <div class="progress">
- <div class="progress-bar bg-info" role="progressbar" style="width:{{ solr_status.jvm.memory.raw['used%']|round }}%"></div>
+ <div class="card-body p-0">
+ <div class="row mx-0">
+ <!-- solr info -->
+ <div class="col-md-6 col-sm-12 p-2">
+ <div class="list-group-item p-0">
+ <div class="d-flex p-2 list-group-header">
+ <div>
+ <span class="fw-bold">solr-mailcow</span>
+ <span class="d-block d-md-inline">({{ containers["solr-mailcow"].Config.Image }})</span>
+ <small class="d-block">({{ lang.debug.started_on }} <span class="parse_date">{{ containers["solr-mailcow"].State.StartedAtHR }}</span>)</small>
+ {% if containers["solr-mailcow"].State.Running == 1 %}
+ <span class="badge fs-7 bg-success loader" style="min-width:100px">
+ {{ lang.debug.container_running }}
+ <span class="loader-dot">.</span>
+ <span class="loader-dot">.</span>
+ <span class="loader-dot">.</span>
+ </span>
+ {% elseif containers["solr-mailcow"].State %}
+ <span class="badge fs-7 bg-danger" style="min-width:100px">
+ {{ lang.debug.container_stopped }}
+ <i class="bi-x ms-1"></i>
+ </span>
+ {% endif %}
+ </div>
+ <div class="mt-auto ms-auto">
+ <button class="btn btn-light" type="button" data-bs-toggle="collapse" data-bs-target="#solr-mailcowCollapse" aria-expanded="false" aria-controls="solr-mailcowCollapse">
+ <i class="bi bi-caret-down-fill caret"></i>
+ </button>
+ </div>
+ </div>
+ <div class="collapse p-0 list-group-details container-details-collapse" id="solr-mailcowCollapse" data-id="{{ containers["solr-mailcow"].Id }}">
+ <div class="row p-2 pt-4">
+ <div class="col-sm-3">
+ <p><img class="img-responsive" alt="Solr Logo" width="128px" src="data:image/png;base64,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" /></p>
+ </div>
+ <div class="col-sm-9">
+ {% if solr_status != false %}
+ <div class="progress">
+ <div class="progress-bar bg-info" role="progressbar" style="width:{{ solr_status.jvm.memory.raw['used%']|round }}%"></div>
+ </div>
+ <p>{{ lang.debug.jvm_memory_solr }}: {{ (solr_status.jvm.memory.total - solr_status.jvm.memory.free) }} / {{ solr_status.jvm.memory.total }}
+ ({{ solr_status.jvm.memory.raw['used%']|round }}%)</p>
+ <hr>
+ <span class="d-block">{{ lang.debug.uptime }}: {{ solr_uptime }}h</span>
+ <span class="d-block">{{ lang.debug.started_at }}: <span class="parse_date">{{ solr_status.status['dovecot-fts'].startTime }}</span></span>
+ <span class="d-block">{{ lang.debug.last_modified }}: <span class="parse_date">{{ solr_status.status['dovecot-fts'].index.lastModified }}</span></span>
+ <span class="d-block">{{ lang.debug.size }}: {{ solr_status.status['dovecot-fts'].index.size }}</span>
+ <span class="d-block"><i class="bi bi-file-text"></i> {{ lang.debug.docs }}: {{ solr_status.status['dovecot-fts'].index.numDocs }}</span>
+ {% else %}
+ <span class="d-block">{{ lang.debug.solr_dead }}</span>
+ {% endif %}
+ </div>
+ <div class="mt-4 col-sm-12 col-md-6">
+ <h6>Disk I/O</h6>
+ <canvas id="solr-mailcow_DiskIOChart" width="400" height="200"></canvas>
+ </div>
+ <div class="mt-4 col-sm-12 col-md-6">
+ <h6>Net I/O</h6>
+ <canvas id="solr-mailcow_NetIOChart" width="400" height="200"></canvas>
+ </div>
+ <div class="col-sm-12 d-flex" style="height: 40px">
+ <a href data-bs-toggle="modal"
+ data-container="solr-mailcow"
+ data-bs-target="#RestartContainer"
+ class="btn btn-sm btn-secondary d-flex align-items-center justify-content-center mb-2 ms-auto"
+ style="height: 30px;">{{ lang.debug.restart_container }}
+ <i class="ms-1 bi
+ {% if containers["solr-mailcow"].State.Running == 1 %}
+ bi-record-fill text-success
+ {% elseif containers["solr-mailcow"].State %}
+ bi-record-fill text-danger
+ {% else %}
+ default
+ {% endif %}
+ "
+ ></i>
+ </a>
+ </div>
+ </div>
+ </div>
</div>
- <p>{{ lang.debug.jvm_memory_solr }}: {{ (solr_status.jvm.memory.total - solr_status.jvm.memory.free) }} / {{ solr_status.jvm.memory.total }}
- ({{ solr_status.jvm.memory.raw['used%']|round }}%)</p>
- <hr>
- <p>{{ lang.debug.uptime }}: {{ solr_uptime }}h</p>
- <p>{{ lang.debug.started_at }}: <span class="parse_date">{{ solr_status.status['dovecot-fts'].startTime }}</span></p>
- <p>{{ lang.debug.last_modified }}: <span class="parse_date">{{ solr_status.status['dovecot-fts'].index.lastModified }}</span></p>
- <p>{{ lang.debug.size }}: {{ solr_status.status['dovecot-fts'].index.size }}</p>
- <p><i class="bi bi-file-text"></i> {{ lang.debug.docs }}: {{ solr_status.status['dovecot-fts'].index.numDocs }}</p>
- {% else %}
- <p>{{ lang.debug.solr_dead }}</p>
- {% endif %}
</div>
- </div>
- </div>
- </div>
- <div class="card mb-4">
- <div class="card-header">
- <h3 class="card-title">{{ lang.debug.containers_info }}</h3>
- </div>
- <div class="card-body">
- <ul class="list-group">
+
+ <!-- rest of the containers -->
{% for container, container_info in containers %}
- <li class="list-group-item d-flex">
- <div>
- <span>{{ container }}</span>
- <span class="d-block d-md-inline">({{ container_info.Config.Image }})</span>
- <small class="d-block">({{ lang.debug.started_on }} <span class="parse_date">{{ container_info.State.StartedAtHR }}</span>)</small>
- </div>
- <div class="ms-auto">
- <a href data-bs-toggle="modal" data-container="{{ container }}" data-bs-target="#RestartContainer" class="btn btn-sm btn-secondary d-flex align-items-center justify-content-center mb-2" style="height: 30px;">{{ lang.debug.restart_container }}
- <i class="ms-1 bi
- {% if container_info.State.Running == 1 %}
- bi-record-fill text-success
- {% elseif container_info.State %}
- bi-record-fill text-danger
- {% else %}
- default
- {% endif %}
- "
- ></i></a>
- {% if container_info.State.Running == 1 %}
- <span class="badge fs-7 bg-success loader" style="min-width:100px">
- {{ lang.debug.container_running }}
- <span class="loader-dot">.</span>
- <span class="loader-dot">.</span>
- <span class="loader-dot">.</span>
- </span>
- {% elseif container_info.State %}
- <span class="badge fs-7 bg-danger" style="min-width:100px">
- {{ lang.debug.container_stopped }}
- <i class="bi-x ms-1"></i>
- </span>
- {% endif %}
+ {% if container != "solr-mailcow" %}
+ <div class="col-md-6 col-sm-12 p-2">
+ <div class="list-group-item p-0">
+ <div class="d-flex p-2 list-group-header">
+ <div>
+ <span class="fw-bold">{{ container }}</span>
+ <span class="d-block d-md-inline">({{ container_info.Config.Image }})</span>
+ <small class="d-block">({{ lang.debug.started_on }} <span class="parse_date">{{ container_info.State.StartedAtHR }}</span>)</small>
+ {% if container_info.State.Running == 1 %}
+ <span class="badge fs-7 bg-success loader" style="min-width:100px">
+ {{ lang.debug.container_running }}
+ <span class="loader-dot">.</span>
+ <span class="loader-dot">.</span>
+ <span class="loader-dot">.</span>
+ </span>
+ {% elseif container_info.State %}
+ <span class="badge fs-7 bg-danger" style="min-width:100px">
+ {{ lang.debug.container_stopped }}
+ <i class="bi-x ms-1"></i>
+ </span>
+ {% endif %}
+ </div>
+ <div class="mt-auto ms-auto">
+ <button class="btn btn-light" type="button" data-bs-toggle="collapse" data-bs-target="#{{ container }}Collapse" aria-expanded="false" aria-controls="{{ container }}Collapse">
+ <i class="bi bi-caret-down-fill caret"></i>
+ </button>
+ </div>
+ </div>
+ <div class="collapse p-0 list-group-details container-details-collapse" id="{{ container }}Collapse" data-id="{{ container_info.Id }}">
+ <div class="row p-2 pt-4">
+ <div class="mt-4 col-sm-12 col-md-6">
+ <h6>Disk I/O</h6>
+ <canvas id="{{ container }}_DiskIOChart" width="400" height="200"></canvas>
+ </div>
+ <div class="mt-4 col-sm-12 col-md-6">
+ <h6>Net I/O</h6>
+ <canvas id="{{ container }}_NetIOChart" width="400" height="200"></canvas>
+ </div>
+ <div class="col-12 d-flex" style="height: 40px">
+ <a href data-bs-toggle="modal"
+ data-container="{{ container }}"
+ data-bs-target="#RestartContainer"
+ class="btn btn-sm btn-secondary d-flex align-items-center justify-content-center mb-2 ms-auto"
+ style="height: 30px;">{{ lang.debug.restart_container }}
+ <i class="ms-1 bi
+ {% if container_info.State.Running == 1 %}
+ bi-record-fill text-success
+ {% elseif container_info.State %}
+ bi-record-fill text-danger
+ {% else %}
+ default
+ {% endif %}
+ "
+ ></i>
+ </a>
+ </div>
+ </div>
+ </div>
+ </div>
</div>
- </li>
+ {% endif %}
{% endfor %}
- </ul>
+ </div>
</div>
</div>
</div>