$(document).ready(function() { // Parse seconds ago to date // Get "now" timestamp var ts_now = Math.round((new Date()).getTime() / 1000); $('.parse_s_ago').each(function(i, parse_s_ago) { var started_s_ago = parseInt($(this).text(), 10); if (typeof started_s_ago != 'NaN') { var started_date = new Date((ts_now - started_s_ago) * 1000); if (started_date instanceof Date && !isNaN(started_date)) { var started_local_date = started_date.toLocaleDateString(undefined, { year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit" }); $(this).text(started_local_date); } else { $(this).text('-'); } } }); // Parse general dates $('.parse_date').each(function(i, parse_date) { var started_date = new Date(Date.parse($(this).text())); if (typeof started_date != 'NaN') { var started_local_date = started_date.toLocaleDateString(undefined, { year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit" }); $(this).text(started_local_date); } }); // set default ChartJs Font Color Chart.defaults.color = '#999'; // create net and disk charts createNetAndDiskChart(); // check for new version check_update(mailcow_info.version_tag, mailcow_info.project_url); // update system stats update_stats(); }); jQuery(function($){ if (localStorage.getItem("current_page") === null) { var current_page = {}; } else { var current_page = JSON.parse(localStorage.getItem('current_page')); } // http://stackoverflow.com/questions/24816/escaping-html-strings-with-jquery var entityMap={"&":"&","<":"<",">":">",'"':""","'":"'","/":"/","`":"`","=":"="}; function escapeHtml(n){return String(n).replace(/[&<>"'`=\/]/g,function(n){return entityMap[n]})} function humanFileSize(i){if(Math.abs(i)<1024)return i+" B";var B=["KiB","MiB","GiB","TiB","PiB","EiB","ZiB","YiB"],e=-1;do{i/=1024,++e}while(Math.abs(i)>=1024&&e 0 && item.symbols[a].score > 0) { return item.symbols[b].score - item.symbols[a].score } return item.symbols[b].score - item.symbols[a].score }).map(function(key) { var sym = item.symbols[key]; if (sym.score < 0) { sym.score_formatted = '(' + sym.score + ')' } else if (sym.score === 0) { sym.score_formatted = '(' + sym.score + ')' } else { sym.score_formatted = '(' + sym.score + ')' } var str = '' + key + ' ' + sym.score_formatted; if (sym.options) { str += ' [' + escapeHtml(sym.options.join(", ")) + "]"; } return str }).join('
\n'); item.subject = escapeHtml(item.subject); var scan_time = item.time_real.toFixed(3); if (item.time_virtual) { scan_time += ' / ' + item.time_virtual.toFixed(3); } item.scan_time = { "options": { "sortValue": item.time_real }, "value": scan_time }; if (item.action === 'clean' || item.action === 'no action') { item.action = "
" + item.action + "
"; } else if (item.action === 'rewrite subject' || item.action === 'add header' || item.action === 'probable spam') { item.action = "
" + item.action + "
"; } else if (item.action === 'spam' || item.action === 'reject') { item.action = "
" + item.action + "
"; } else { item.action = "
" + item.action + "
"; } var score_content; if (item.score < item.required_score) { score_content = "[ " + item.score.toFixed(2) + " / " + item.required_score + " ]"; } else { score_content = "[ " + item.score.toFixed(2) + " / " + item.required_score + " ]"; } item.score = { "options": { "sortValue": item.score }, "value": score_content }; if (item.user == null) { item.user = "none"; } }); } else if (table == 'autodiscover_log') { $.each(data, function (i, item) { if (item.ua == null) { item.ua = 'unknown'; } else { item.ua = escapeHtml(item.ua); } item.ua = '' + item.ua + ''; if (item.service == "activesync") { item.service = 'ActiveSync'; } else if (item.service == "imap") { item.service = 'IMAP, SMTP, Cal-/CardDAV'; } else { item.service = '' + escapeHtml(item.service) + ''; } }); } else if (table == 'watchdog') { $.each(data, function (i, item) { if (item.message == null) { item.message = 'Health level: ' + item.lvl + '% (' + item.hpnow + '/' + item.hptotal + ')'; if (item.hpdiff < 0) { item.trend = ' ' + item.hpdiff + ''; } else if (item.hpdiff == 0) { item.trend = ' ' + item.hpdiff + ''; } else { item.trend = ' ' + item.hpdiff + ''; } } else { item.trend = ''; item.service = ''; } }); } else if (table == 'mailcow_ui') { $.each(data, function (i, item) { if (item === null) { return true; } item.user = escapeHtml(item.user); item.call = escapeHtml(item.call); item.task = '' + item.task + ''; item.type = '' + item.type + ''; }); } else if (table == 'sasl_log_table') { $.each(data, function (i, item) { if (item === null) { return true; } item.username = escapeHtml(item.username); item.service = '
' + item.service.toUpperCase() + '
'; }); } else if (table == 'general_syslog') { $.each(data, function (i, item) { if (item === null) { return true; } if (item.message.match("^base64,")) { try { item.message = atob(item.message.slice(7)).replace(/\\n/g, "
"); } catch(e) { item.message = item.message.slice(7); } } else { item.message = escapeHtml(item.message); } item.call = escapeHtml(item.call); var danger_class = ["emerg", "alert", "crit", "err"]; var warning_class = ["warning", "warn"]; var info_class = ["notice", "info", "debug"]; if (jQuery.inArray(item.priority, danger_class) !== -1) { item.priority = '' + item.priority + ''; } else if (jQuery.inArray(item.priority, warning_class) !== -1) { item.priority = '' + item.priority + ''; } else if (jQuery.inArray(item.priority, info_class) !== -1) { item.priority = '' + item.priority + ''; } }); } else if (table == 'apilog') { $.each(data, function (i, item) { if (item === null) { return true; } if (item.method == 'GET') { item.method = '' + item.method + ''; } else if (item.method == 'POST') { item.method = '' + item.method + ''; } item.data = escapeHtml(item.data); }); } else if (table == 'rllog') { $.each(data, function (i, item) { if (item.user == null) { item.user = "none"; } if (item.rl_hash == null) { item.rl_hash = "err"; } item.indicator = ' '; if (item.rl_hash != 'err') { item.action = ' ' + lang.reset_limit + ''; } }); } return data }; $('.add_log_lines').on('click', function (e) { e.preventDefault(); var log_table= $(this).data("table") var new_nrows = $(this).data("nrows") var post_process = $(this).data("post-process") var log_url = $(this).data("log-url") if (log_table === undefined || new_nrows === undefined || post_process === undefined || log_url === undefined) { console.log("no data-table or data-nrows or log_url or data-post-process attr found"); return; } // BUG TODO: loading 100 results in loading 10 - loading 1000 results in loading 100 if (table = $('#' + log_table).DataTable()) { var heading = $('#' + log_table).closest('.card').find('.card-header'); var load_rows = (table.page.len() + 1) + '-' + (table.page.len() + new_nrows) $.get('/api/v1/get/logs/' + log_url + '/' + load_rows).then(function(data){ if (data.length === undefined) { mailcow_alert_box(lang.no_new_rows, "info"); return; } var rows = process_table_data(data, post_process); var rows_now = (table.page.len() + data.length); $(heading).children('.table-lines').text(rows_now) mailcow_alert_box(data.length + lang.additional_rows, "success"); table.rows.add(rows).draw(); }); } }) // detect element visibility changes function onVisible(element, callback) { $(document).ready(function() { element_object = document.querySelector(element); if (element_object === null) return; new IntersectionObserver((entries, observer) => { entries.forEach(entry => { if(entry.intersectionRatio > 0) { callback(element_object); } }); }).observe(element_object); }); } // Draw Table if tab is active onVisible("[id^=postfix_log]", () => draw_postfix_logs()); onVisible("[id^=dovecot_log]", () => draw_dovecot_logs()); onVisible("[id^=sogo_log]", () => draw_sogo_logs()); onVisible("[id^=watchdog_log]", () => draw_watchdog_logs()); onVisible("[id^=autodiscover_log]", () => draw_autodiscover_logs()); onVisible("[id^=acme_log]", () => draw_acme_logs()); onVisible("[id^=api_log]", () => draw_api_logs()); onVisible("[id^=rl_log]", () => draw_rl_logs()); onVisible("[id^=ui_logs]", () => draw_ui_logs()); onVisible("[id^=sasl_logs]", () => draw_sasl_logs()); onVisible("[id^=netfilter_log]", () => draw_netfilter_logs()); onVisible("[id^=rspamd_history]", () => draw_rspamd_history()); onVisible("[id^=rspamd_donut]", () => rspamd_pie_graph()); }); // update system stats - every 5 seconds if system & container tab is active function update_stats(){ if (!$('#tab-containers').hasClass('active')) { // tab not active - dont fetch stats - run again in n seconds setTimeout(update_stats, 5000); return; } window.fetch("/api/v1/get/status/host", {method:'GET',cache:'no-cache'}).then(function(response) { return response.json(); }).then(function(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() + "%"); var net_io_chart = Chart.getChart("net_io_chart"); var disk_io_chart = Chart.getChart("disk_io_chart"); net_io_chart.data.labels.push(data.system_time.split(" ")[1]); if (net_io_chart.data.labels.length > 20) { net_io_chart.data.labels.shift(); } net_io_chart.data.datasets[0].data.push((data.network.bytes_recv / 1024).toFixed(4)); net_io_chart.data.datasets[1].data.push((data.network.bytes_sent / 1024).toFixed(4)); 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(); } disk_io_chart.data.labels.push(data.system_time.split(" ")[1]); if (disk_io_chart.data.labels.length > 20) { disk_io_chart.data.labels.shift(); } disk_io_chart.data.datasets[0].data.push((data.disk.read_bytes / 1024).toFixed(4)); disk_io_chart.data.datasets[1].data.push((data.disk.write_bytes / 1024).toFixed(4)); 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(); } net_io_chart.update(); disk_io_chart.update(); // run again in n seconds setTimeout(update_stats, 5000); }); } // format hosts uptime seconds to readable string function formatUptime(seconds){ seconds = Number(seconds); var d = Math.floor(seconds / (3600*24)); var h = Math.floor(seconds % (3600*24) / 3600); var m = Math.floor(seconds % 3600 / 60); var s = Math.floor(seconds % 60); var dFormat = d > 0 ? d + "D " : ""; var hFormat = h > 0 ? h + "H " : ""; var mFormat = m > 0 ? m + "M " : ""; var sFormat = s > 0 ? s + "S" : ""; return dFormat + hFormat + mFormat + sFormat; } // 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"); var dataNet = { labels: [], datasets: [{ label: "Recieve", backgroundColor: "rgba(41, 187, 239, 0.3)", borderColor: "rgba(41, 187, 239, 0.6)", color: "#ff0000", borderWidth: 2, fill: true, tension: 0.2, data: [] }, { label: "Sent", backgroundColor: "rgba(239, 60, 41, 0.3)", borderColor: "rgba(239, 60, 41, 0.6)", borderWidth: 2, fill: true, tension: 0.2, data: [] }] }; var optionsNet = { scales: { yAxis: { min: 0, grid: { display: false }, ticks: { callback: function(i, index, ticks) { // b if (i < 1000) return i.toFixed(2).toString()+' B/s'; // b to kb i = i / 1024; if (i < 1000) return i.toFixed(2).toString()+' KB/s'; // kb to mb i = i / 1024; if (i < 1000) return i.toFixed(2).toString()+' MB/s'; // final mb to gb return (i / 1024).toFixed(2).toString()+' GB/s'; } } }, xAxis: { grid: { display: false } } } }; var dataDisk = { labels: [], datasets: [{ label: "Read", backgroundColor: "rgba(41, 187, 239, 0.3)", borderColor: "rgba(41, 187, 239, 0.6)", color: "#ff0000", borderWidth: 2, fill: true, tension: 0.2, data: [] }, { label: "Write", backgroundColor: "rgba(239, 60, 41, 0.3)", borderColor: "rgba(239, 60, 41, 0.6)", borderWidth: 2, fill: true, tension: 0.2, data: [] }] }; var optionsDisk = { scales: { yAxis: { min: 0, grid: { display: false }, ticks: { callback: function(i, index, ticks) { // b if (i < 1000) return i.toFixed(2).toString()+' B/s'; // b to kb i = i / 1024; if (i < 1000) return i.toFixed(2).toString()+' KB/s'; // kb to mb i = i / 1024; if (i < 1000) return i.toFixed(2).toString()+' MB/s'; // final mb to gb return (i / 1024).toFixed(2).toString()+' GB/s'; } } }, xAxis: { grid: { display: false } } } }; var net_io_chart = new Chart(net_io_ctx, { type: 'line', data: dataNet, options: optionsNet }); var disk_io_chart = new Chart(disk_io_ctx, { type: 'line', data: dataDisk, options: optionsDisk }); } // check for mailcow updates function check_update(current_version, github_repo_url){ var github_account = github_repo_url.split("/")[3]; var github_repo_name = github_repo_url.split("/")[4]; // get details about latest release window.fetch("https://api.github.com/repos/"+github_account+"/"+github_repo_name+"/releases/latest", {method:'GET',cache:'no-cache'}).then(function(response) { return response.json(); }).then(function(latest_data) { // get details about current release window.fetch("https://api.github.com/repos/"+github_account+"/"+github_repo_name+"/releases/tags/"+current_version, {method:'GET',cache:'no-cache'}).then(function(response) { return response.json(); }).then(function(current_data) { // compare releases var date_current = new Date(current_data.created_at); var date_latest = new Date(latest_data.created_at); if (date_latest.getTime() <= date_current.getTime()){ // no update available $("#mailcow_update").removeClass("text-warning text-danger").addClass("text-success"); $("#mailcow_update").html("" + lang_debug.no_update_available + ""); } else { // update available $("#mailcow_update").removeClass("text-danger text-success").addClass("text-warning"); $("#mailcow_update").html( `` + lang_debug.update_available + ` `+latest_data.tag_name+`` ); } }).catch(err => { // err console.log(err); $("#mailcow_update").removeClass("text-success text-warning").addClass("text-danger"); $("#mailcow_update").html("Could not check for an Update"); }); }).catch(err => { // err console.log(err); $("#mailcow_update").removeClass("text-success text-warning").addClass("text-danger"); $("#mailcow_update").html("Could not check for an Update"); }); }