git subrepo commit mailcow/src/mailcow-dockerized
subrepo: subdir: "mailcow/src/mailcow-dockerized"
merged: "308860af"
upstream: origin: "https://github.com/mailcow/mailcow-dockerized.git"
branch: "master"
commit: "3f1a5af8"
git-subrepo: version: "0.4.5"
origin: "???"
commit: "???"
Change-Id: I5d51c14b45db54fe706be40a591ddbfcea50d4b0
diff --git a/mailcow/src/mailcow-dockerized/data/web/js/site/admin.js b/mailcow/src/mailcow-dockerized/data/web/js/site/admin.js
index eac7b21..d47a222 100644
--- a/mailcow/src/mailcow-dockerized/data/web/js/site/admin.js
+++ b/mailcow/src/mailcow-dockerized/data/web/js/site/admin.js
@@ -53,237 +53,426 @@
$("#show_rspamd_global_filters").click(function() {
$.get("inc/ajax/show_rspamd_global_filters.php");
$("#confirm_show_rspamd_global_filters").hide();
- $("#rspamd_global_filters").removeClass("hidden");
+ $("#rspamd_global_filters").removeClass("d-none");
});
$("#super_delete").click(function() { return confirm(lang.queue_ays); });
+
$(".refresh_table").on('click', function(e) {
e.preventDefault();
var table_name = $(this).data('table');
- $('#' + table_name).find("tr.footable-empty").remove();
- draw_table = $(this).data('draw');
- eval(draw_table + '()');
+ $('#' + table_name).DataTable().ajax.reload();
});
- function table_admin_ready(ft, name) {
- heading = ft.$el.parents('.panel').find('.panel-heading')
- var ft_paging = ft.use(FooTable.Paging)
- $(heading).children('.table-lines').text(function(){
- return ft_paging.totalRows;
- })
- }
function draw_domain_admins() {
- ft_domainadmins = FooTable.init('#domainadminstable', {
- "columns": [
- {"name":"chkbox","title":"","style":{"maxWidth":"60px","width":"60px"},"filterable": false,"sortable": false,"type":"html"},
- {"sorted": true,"name":"username","title":lang.username,"style":{"width":"250px"}},
- {"name":"selected_domains","title":lang.admin_domains,"breakpoints":"xs sm"},
- {"name":"tfa_active","title":"TFA", "filterable": false,"style":{"maxWidth":"80px","width":"80px"},"formatter": function(value){return 1==value?'<i class="bi bi-check-lg"></i>':0==value&&'<i class="bi bi-x-lg"></i>';}},
- {"name":"active","filterable": false,"style":{"maxWidth":"80px","width":"80px"},"title":lang.active,"formatter": function(value){return 1==value?'<i class="bi bi-check-lg"></i>':0==value&&'<i class="bi bi-x-lg"></i>';}},
- {"name":"action","filterable": false,"sortable": false,"style":{"text-align":"right","maxWidth":"250px","width":"250px"},"type":"html","title":lang.action,"breakpoints":"xs sm"}
- ],
- "rows": $.ajax({
- dataType: 'json',
- url: '/api/v1/get/domain-admin/all',
- jsonp: false,
- error: function () {
- console.log('Cannot draw domain admin table');
- },
- success: function (data) {
+ // just recalc width if instance already exists
+ if ($.fn.DataTable.isDataTable('#domainadminstable') ) {
+ $('#domainadminstable').DataTable().columns.adjust().responsive.recalc();
+ return;
+ }
+
+ $('#domainadminstable').DataTable({
+ processing: true,
+ serverSide: false,
+ language: lang_datatables,
+ ajax: {
+ type: "GET",
+ url: "/api/v1/get/domain-admin/all",
+ dataSrc: function(data){
return process_table_data(data, 'domainadminstable');
}
- }),
- "empty": lang.empty,
- "paging": {"enabled": true,"limit": 5,"size": log_pagination_size},
- "state": {"enabled": true},
- "filtering": {"enabled": true,"delay": 1200,"position": "left","connectors": false,"placeholder": lang.filter_table},
- "sorting": {"enabled": true},
- "toggleSelector": "table tbody span.footable-toggle"
+ },
+ columns: [
+ {
+ // placeholder, so checkbox will not block child row toggle
+ title: '',
+ data: null,
+ searchable: false,
+ orderable: false,
+ defaultContent: ''
+ },
+ {
+ title: '',
+ data: 'chkbox',
+ searchable: false,
+ orderable: false,
+ defaultContent: ''
+ },
+ {
+ title: lang.username,
+ data: 'username',
+ defaultContent: ''
+ },
+ {
+ title: lang.admin_domains,
+ data: 'selected_domains',
+ defaultContent: '',
+ },
+ {
+ title: "TFA",
+ data: 'tfa_active',
+ defaultContent: '',
+ render: function (data, type) {
+ if(data == 1) return '<i class="bi bi-check-lg"></i>';
+ else return '<i class="bi bi-x-lg"></i>'
+ }
+ },
+ {
+ title: lang.active,
+ data: 'active',
+ defaultContent: '',
+ render: function (data, type) {
+ if(data == 1) return '<i class="bi bi-check-lg"></i>';
+ else return '<i class="bi bi-x-lg"></i>'
+ }
+ },
+ {
+ title: lang.action,
+ data: 'action',
+ className: 'text-md-end dt-sm-head-hidden dt-body-right',
+ defaultContent: ''
+ },
+ ],
+ initComplete: function(settings, json){
+ }
});
}
function draw_oauth2_clients() {
- ft_oauth2clientstable = FooTable.init('#oauth2clientstable', {
- "columns": [
- {"name":"chkbox","title":"","style":{"maxWidth":"40px","width":"40px"},"filterable": false,"sortable": false,"type":"html"},
- {"name":"id","type":"text","title":"ID","style":{"width":"50px"}},
- {"name":"client_id","type":"text","title":lang.oauth2_client_id,"style":{"width":"200px"}},
- {"name":"client_secret","title":lang.oauth2_client_secret,"breakpoints":"xs sm md","style":{"width":"200px"}},
- {"name":"redirect_uri","title":lang.oauth2_redirect_uri, "type": "text"},
- {"name":"action","filterable": false,"sortable": false,"style":{"text-align":"right","maxWidth":"180px","width":"180px"},"type":"html","title":lang.action,"breakpoints":"xs sm"}
- ],
- "rows": $.ajax({
- dataType: 'json',
- url: '/api/v1/get/oauth2-client/all',
- jsonp: false,
- error: function () {
- console.log('Cannot draw oauth2 clients table');
- },
- success: function (data) {
+ // just recalc width if instance already exists
+ if ($.fn.DataTable.isDataTable('#oauth2clientstable') ) {
+ $('#oauth2clientstable').DataTable().columns.adjust().responsive.recalc();
+ return;
+ }
+
+ $('#oauth2clientstable').DataTable({
+ processing: true,
+ serverSide: false,
+ language: lang_datatables,
+ ajax: {
+ type: "GET",
+ url: "/api/v1/get/oauth2-client/all",
+ dataSrc: function(data){
return process_table_data(data, 'oauth2clientstable');
}
- }),
- "empty": lang.empty,
- "paging": {"enabled": true,"limit": 5,"size": log_pagination_size},
- "sorting": {"enabled": true},
- "toggleSelector": "table tbody span.footable-toggle"
+ },
+ columns: [
+ {
+ // placeholder, so checkbox will not block child row toggle
+ title: '',
+ data: null,
+ searchable: false,
+ orderable: false,
+ defaultContent: ''
+ },
+ {
+ title: '',
+ data: 'chkbox',
+ searchable: false,
+ orderable: false,
+ defaultContent: ''
+ },
+ {
+ title: 'ID',
+ data: 'id',
+ defaultContent: ''
+ },
+ {
+ title: lang.oauth2_client_id,
+ data: 'client_id',
+ defaultContent: ''
+ },
+ {
+ title: lang.oauth2_client_secret,
+ data: 'client_secret',
+ defaultContent: ''
+ },
+ {
+ title: lang.oauth2_redirect_uri,
+ data: 'redirect_uri',
+ defaultContent: ''
+ },
+ {
+ title: lang.action,
+ data: 'action',
+ className: 'text-md-end dt-sm-head-hidden dt-body-right',
+ defaultContent: ''
+ },
+ ]
});
}
function draw_admins() {
- ft_admins = FooTable.init('#adminstable', {
- "columns": [
- {"name":"chkbox","title":"","style":{"maxWidth":"60px","width":"60px"},"filterable": false,"sortable": false,"type":"html"},
- {"sorted": true,"name":"usr","title":lang.username,"style":{"width":"250px"}},
- {"name":"tfa_active","title":"TFA", "filterable": false,"style":{"maxWidth":"80px","width":"80px"},"formatter": function(value){return 1==value?'<i class="bi bi-check-lg"></i>':0==value&&'<i class="bi bi-x-lg"></i>';}},
- {"name":"active","filterable": false,"style":{"maxWidth":"80px","width":"80px"},"title":lang.active,"formatter": function(value){return 1==value?'<i class="bi bi-check-lg"></i>':0==value&&'<i class="bi bi-x-lg"></i>';}},
- {"name":"action","filterable": false,"sortable": false,"style":{"text-align":"right","maxWidth":"250px","width":"250px"},"type":"html","title":lang.action,"breakpoints":"xs sm"}
- ],
- "rows": $.ajax({
- dataType: 'json',
- url: '/api/v1/get/admin/all',
- jsonp: false,
- error: function () {
- console.log('Cannot draw admin table');
- },
- success: function (data) {
+ // just recalc width if instance already exists
+ if ($.fn.DataTable.isDataTable('#adminstable') ) {
+ $('#adminstable').DataTable().columns.adjust().responsive.recalc();
+ return;
+ }
+
+ $('#adminstable').DataTable({
+ processing: true,
+ serverSide: false,
+ language: lang_datatables,
+ ajax: {
+ type: "GET",
+ url: "/api/v1/get/admin/all",
+ dataSrc: function(data){
return process_table_data(data, 'adminstable');
}
- }),
- "empty": lang.empty,
- "paging": {"enabled": true,"limit": 5,"size": log_pagination_size},
- "filtering": {"enabled": false},
- "state": {"enabled": true},
- "sorting": {"enabled": true},
- "toggleSelector": "table tbody span.footable-toggle"
+ },
+ columns: [
+ {
+ // placeholder, so checkbox will not block child row toggle
+ title: '',
+ data: null,
+ searchable: false,
+ orderable: false,
+ defaultContent: ''
+ },
+ {
+ title: '',
+ data: 'chkbox',
+ searchable: false,
+ orderable: false,
+ defaultContent: ''
+ },
+ {
+ title: lang.username,
+ data: 'username',
+ defaultContent: ''
+ },
+ {
+ title: "TFA",
+ data: 'tfa_active',
+ defaultContent: '',
+ render: function (data, type) {
+ if(data == 1) return '<i class="bi bi-check-lg"></i>';
+ else return '<i class="bi bi-x-lg"></i>'
+ }
+ },
+ {
+ title: lang.active,
+ data: 'active',
+ defaultContent: '',
+ render: function (data, type) {
+ if(data == 1) return '<i class="bi bi-check-lg"></i>';
+ else return '<i class="bi bi-x-lg"></i>'
+ }
+ },
+ {
+ title: lang.action,
+ data: 'action',
+ defaultContent: '',
+ className: 'text-md-end dt-sm-head-hidden dt-body-right'
+ },
+ ]
});
}
function draw_fwd_hosts() {
- ft_forwardinghoststable = FooTable.init('#forwardinghoststable', {
- "columns": [
- {"name":"chkbox","title":"","style":{"maxWidth":"60px","width":"60px"},"filterable": false,"sortable": false,"type":"html"},
- {"name":"host","type":"text","title":lang.host,"style":{"width":"250px"}},
- {"name":"source","title":lang.source,"breakpoints":"xs sm"},
- {"name":"keep_spam","title":lang.spamfilter, "type": "text","style":{"maxWidth":"80px","width":"80px"},"formatter": function(value){return 'yes'==value?'<i class="bi bi-x-lg"></i>':'no'==value&&'<i class="bi bi-check-lg"></i>';}},
- {"name":"action","filterable": false,"sortable": false,"style":{"text-align":"right","maxWidth":"180px","width":"180px"},"type":"html","title":lang.action,"breakpoints":"xs sm"}
- ],
- "rows": $.ajax({
- dataType: 'json',
- url: '/api/v1/get/fwdhost/all',
- jsonp: false,
- error: function () {
- console.log('Cannot draw forwarding hosts table');
- },
- success: function (data) {
+ // just recalc width if instance already exists
+ if ($.fn.DataTable.isDataTable('#forwardinghoststable') ) {
+ $('#forwardinghoststable').DataTable().columns.adjust().responsive.recalc();
+ return;
+ }
+
+ $('#forwardinghoststable').DataTable({
+ processing: true,
+ serverSide: false,
+ language: lang_datatables,
+ ajax: {
+ type: "GET",
+ url: "/api/v1/get/fwdhost/all",
+ dataSrc: function(data){
return process_table_data(data, 'forwardinghoststable');
}
- }),
- "empty": lang.empty,
- "paging": {"enabled": true,"limit": 5,"size": log_pagination_size},
- "sorting": {"enabled": true},
- "toggleSelector": "table tbody span.footable-toggle"
+ },
+ columns: [
+ {
+ // placeholder, so checkbox will not block child row toggle
+ title: '',
+ data: null,
+ searchable: false,
+ orderable: false,
+ defaultContent: ''
+ },
+ {
+ title: '',
+ data: 'chkbox',
+ searchable: false,
+ orderable: false,
+ defaultContent: ''
+ },
+ {
+ title: lang.host,
+ data: 'host',
+ defaultContent: ''
+ },
+ {
+ title: lang.source,
+ data: 'source',
+ defaultContent: ''
+ },
+ {
+ title: lang.spamfilter,
+ data: 'keep_spam',
+ defaultContent: ''
+ },
+ {
+ title: lang.action,
+ data: 'action',
+ className: 'text-md-end dt-sm-head-hidden dt-body-right',
+ defaultContent: ''
+ },
+ ]
});
}
function draw_relayhosts() {
- ft_relayhoststable = FooTable.init('#relayhoststable', {
- "columns": [
- {"name":"chkbox","title":"","style":{"maxWidth":"60px","width":"60px"},"filterable": false,"sortable": false,"type":"html"},
- {"name":"id","type":"text","title":"ID","style":{"width":"50px"}},
- {"name":"hostname","type":"text","title":lang.host,"style":{"width":"250px"}},
- {"name":"username","title":lang.username,"breakpoints":"xs sm"},
- {"name":"in_use_by","title":lang.in_use_by,"style":{"min-width":"200px","width":"200px"}, "type": "text","breakpoints":"xs sm"},
- {"name":"active","filterable": false,"style":{"maxWidth":"80px","width":"80px"},"title":lang.active,"formatter": function(value){return 1==value?'<i class="bi bi-check-lg"></i>':0==value&&'<i class="bi bi-x-lg"></i>';}},
- {"name":"action","filterable": false,"sortable": false,"style":{"text-align":"right","min-width":"250px","width":"250px"},"type":"html","title":lang.action,"breakpoints":"xs sm md"}
- ],
- "rows": $.ajax({
- dataType: 'json',
- url: '/api/v1/get/relayhost/all',
- jsonp: false,
- error: function () {
- console.log('Cannot draw forwarding hosts table');
- },
- success: function (data) {
+ // just recalc width if instance already exists
+ if ($.fn.DataTable.isDataTable('#relayhoststable') ) {
+ $('#relayhoststable').DataTable().columns.adjust().responsive.recalc();
+ return;
+ }
+
+ $('#relayhoststable').DataTable({
+ processing: true,
+ serverSide: false,
+ language: lang_datatables,
+ ajax: {
+ type: "GET",
+ url: "/api/v1/get/relayhost/all",
+ dataSrc: function(data){
return process_table_data(data, 'relayhoststable');
}
- }),
- "empty": lang.empty,
- "paging": {"enabled": true,"limit": 5,"size": log_pagination_size},
- "sorting": {"enabled": true},
- "toggleSelector": "table tbody span.footable-toggle"
+ },
+ columns: [
+ {
+ // placeholder, so checkbox will not block child row toggle
+ title: '',
+ data: null,
+ searchable: false,
+ orderable: false,
+ defaultContent: ''
+ },
+ {
+ title: '',
+ data: 'chkbox',
+ searchable: false,
+ orderable: false,
+ defaultContent: ''
+ },
+ {
+ title: 'ID',
+ data: 'id',
+ defaultContent: ''
+ },
+ {
+ title: lang.host,
+ data: 'hostname',
+ defaultContent: ''
+ },
+ {
+ title: lang.username,
+ data: 'username',
+ defaultContent: ''
+ },
+ {
+ title: lang.in_use_by,
+ data: 'in_use_by',
+ defaultContent: ''
+ },
+ {
+ title: lang.active,
+ data: 'active',
+ defaultContent: '',
+ render: function (data, type) {
+ if(data == 1) return '<i class="bi bi-check-lg"></i>';
+ else return '<i class="bi bi-x-lg"></i>'
+ }
+ },
+ {
+ title: lang.action,
+ data: 'action',
+ className: 'text-md-end dt-sm-head-hidden dt-body-right',
+ defaultContent: ''
+ },
+ ]
});
}
function draw_transport_maps() {
- ft_transportstable = FooTable.init('#transportstable', {
- "columns": [
- {"name":"chkbox","title":"","style":{"maxWidth":"60px","width":"60px"},"filterable": false,"sortable": false,"type":"html"},
- {"name":"id","type":"text","title":"ID","style":{"width":"50px"}},
- {"name":"destination","type":"text","title":lang.destination,"style":{"min-width":"300px","width":"300px"}},
- {"name":"nexthop","type":"text","title":lang.nexthop,"style":{"min-width":"200px","width":"200px"}},
- {"name":"username","title":lang.username,"breakpoints":"xs sm"},
- {"name":"active","filterable": false,"style":{"maxWidth":"80px","width":"80px"},"title":lang.active,"formatter": function(value){return 1==value?'<i class="bi bi-check-lg"></i>':0==value&&'<i class="bi bi-x-lg"></i>';}},
- {"name":"action","filterable": false,"sortable": false,"style":{"text-align":"right","min-width":"250px","width":"250px"},"type":"html","title":lang.action,"breakpoints":"xs sm md"}
- ],
- "rows": $.ajax({
- dataType: 'json',
- url: '/api/v1/get/transport/all',
- jsonp: false,
- error: function () {
- console.log('Cannot draw transports table');
- },
- success: function (data) {
+ // just recalc width if instance already exists
+ if ($.fn.DataTable.isDataTable('#transportstable') ) {
+ $('#transportstable').DataTable().columns.adjust().responsive.recalc();
+ return;
+ }
+
+ $('#transportstable').DataTable({
+ processing: true,
+ serverSide: false,
+ language: lang_datatables,
+ ajax: {
+ type: "GET",
+ url: "/api/v1/get/transport/all",
+ dataSrc: function(data){
return process_table_data(data, 'transportstable');
}
- }),
- "empty": lang.empty,
- "paging": {"enabled": true,"limit": 5,"size": log_pagination_size},
- "sorting": {"enabled": true},
- "toggleSelector": "table tbody span.footable-toggle",
- "on": {
- "ready.ft.table": function(e, ft){
- $('.mx-info').tooltip();
- }
- }
- });
- }
- function draw_queue() {
- ft_queuetable = FooTable.init('#queuetable', {
- "columns": [
- {"name":"chkbox","title":"","style":{"maxWidth":"60px","width":"60px"},"filterable": false,"sortable": false,"type":"html"},
- {"name":"queue_id","type":"text","title":"QID","style":{"width":"50px"}},
- {"name":"queue_name","type":"text","title":"Queue","style":{"width":"120px"}},
- {"name":"arrival_time","sorted": true,"direction": "DESC","formatter":function unix_time_format(tm) { var date = new Date(tm ? tm * 1000 : 0); return date.toLocaleDateString(undefined, {year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit"});},"title":lang.arrival_time,"style":{"width":"170px"}},
- {"name":"message_size","style":{"whiteSpace":"nowrap"},"title":lang.message_size,"formatter": function(value){
- return humanFileSize(value);
- }},
- {"name":"sender","title":lang.sender, "type": "text","breakpoints":"xs sm"},
- {"name":"recipients","title":lang.recipients, "type": "text","style":{"word-break":"break-all","min-width":"300px"},"breakpoints":"xs sm md"},
- {"name":"action","filterable": false,"sortable": false,"style":{"text-align":"right","maxWidth":"220px","width":"220px"},"type":"html","title":lang.action,"breakpoints":"xs sm md"}
- ],
- "rows": $.ajax({
- dataType: 'json',
- url: '/api/v1/get/mailq/all',
- jsonp: false,
- error: function () {
- console.log('Cannot draw forwarding hosts table');
- },
- success: function (data) {
- return process_table_data(data, 'queuetable');
- }
- }),
- "empty": lang.empty,
- "paging": {"enabled": true,"limit": 5,"size": log_pagination_size},
- "sorting": {"enabled": true},
- "toggleSelector": "table tbody span.footable-toggle",
- "on": {
- "ready.ft.table": function(e, ft){
- table_admin_ready(ft, 'queuetable');
- }
- }
+ },
+ columns: [
+ {
+ // placeholder, so checkbox will not block child row toggle
+ title: '',
+ data: null,
+ searchable: false,
+ orderable: false,
+ defaultContent: ''
+ },
+ {
+ title: '',
+ data: 'chkbox',
+ searchable: false,
+ orderable: false,
+ defaultContent: ''
+ },
+ {
+ title: 'ID',
+ data: 'id',
+ defaultContent: ''
+ },
+ {
+ title: lang.destination,
+ data: 'destination',
+ defaultContent: ''
+ },
+ {
+ title: lang.nexthop,
+ data: 'nexthop',
+ defaultContent: ''
+ },
+ {
+ title: lang.username,
+ data: 'username',
+ defaultContent: ''
+ },
+ {
+ title: lang.active,
+ data: 'active',
+ defaultContent: '',
+ render: function (data, type) {
+ if(data == 1) return '<i class="bi bi-check-lg"></i>';
+ else return '<i class="bi bi-x-lg"></i>'
+ }
+ },
+ {
+ title: lang.action,
+ data: 'action',
+ className: 'text-md-end dt-sm-head-hidden dt-body-right',
+ defaultContent: ''
+ },
+ ]
});
}
function process_table_data(data, table) {
if (table == 'relayhoststable') {
$.each(data, function (i, item) {
- item.action = '<div class="btn-group footable-actions">' +
- '<a href="#" data-toggle="modal" data-target="#testTransportModal" data-transport-id="' + encodeURI(item.id) + '" data-transport-type="sender-dependent" class="btn btn-xs btn-xs-third btn-default"><i class="bi bi-caret-right-fill"></i> Test</a>' +
- '<a href="/edit/relayhost/' + encodeURI(item.id) + '" class="btn btn-xs btn-xs-third btn-default"><i class="bi bi-pencil-fill"></i> ' + lang.edit + '</a>' +
+ item.action = '<div class="btn-group">' +
+ '<a href="#" data-bs-toggle="modal" data-bs-target="#testTransportModal" data-transport-id="' + encodeURI(item.id) + '" data-transport-type="sender-dependent" class="btn btn-xs btn-xs-third btn-secondary"><i class="bi bi-caret-right-fill"></i> Test</a>' +
+ '<a href="/edit/relayhost/' + encodeURI(item.id) + '" class="btn btn-xs btn-xs-third btn-secondary"><i class="bi bi-pencil-fill"></i> ' + lang.edit + '</a>' +
'<a href="#" data-action="delete_selected" data-id="single-rlyhost" data-api-url="delete/relayhost" data-item="' + encodeURI(item.id) + '" class="btn btn-xs btn-xs-third btn-danger"><i class="bi bi-trash"></i> ' + lang.remove + '</a>' +
'</div>';
if (item.used_by_mailboxes == '') { item.in_use_by = item.used_by_domains; }
@@ -294,14 +483,14 @@
} else if (table == 'transportstable') {
$.each(data, function (i, item) {
if (item.is_mx_based) {
- item.destination = '<i class="bi bi-info-circle-fill text-info mx-info" data-toggle="tooltip" title="' + lang.is_mx_based + '"></i> <code>' + item.destination + '</code>';
+ item.destination = '<i class="bi bi-info-circle-fill text-info mx-info" data-bs-toggle="tooltip" title="' + lang.is_mx_based + '"></i> <code>' + item.destination + '</code>';
}
if (item.username) {
item.username = '<i style="color:#' + intToRGB(hashCode(item.nexthop)) + ';" class="bi bi-square-fill"></i> ' + item.username;
}
- item.action = '<div class="btn-group footable-actions">' +
- '<a href="#" data-toggle="modal" data-target="#testTransportModal" data-transport-id="' + encodeURI(item.id) + '" data-transport-type="transport-map" class="btn btn-xs btn-xs-third btn-default"><i class="bi bi-caret-right-fill"></i> Test</a>' +
- '<a href="/edit/transport/' + encodeURI(item.id) + '" class="btn btn-xs btn-xs-third btn-default"><i class="bi bi-pencil-fill"></i> ' + lang.edit + '</a>' +
+ item.action = '<div class="btn-group">' +
+ '<a href="#" data-bs-toggle="modal" data-bs-target="#testTransportModal" data-transport-id="' + encodeURI(item.id) + '" data-transport-type="transport-map" class="btn btn-xs btn-xs-third btn-secondary"><i class="bi bi-caret-right-fill"></i> Test</a>' +
+ '<a href="/edit/transport/' + encodeURI(item.id) + '" class="btn btn-xs btn-xs-third btn-secondary"><i class="bi bi-pencil-fill"></i> ' + lang.edit + '</a>' +
'<a href="#" data-action="delete_selected" data-id="single-transport" data-api-url="delete/transport" data-item="' + encodeURI(item.id) + '" class="btn btn-xs btn-xs-third btn-danger"><i class="bi bi-trash"></i> ' + lang.remove + '</a>' +
'</div>';
item.chkbox = '<input type="checkbox" data-id="transports" name="multi_select" value="' + item.id + '" />';
@@ -313,21 +502,21 @@
return escapeHtml(i);
});
item.recipients = rcpts.join('<hr style="margin:1px!important">');
- item.action = '<div class="btn-group footable-actions">' +
- '<a href="#" data-toggle="modal" data-target="#showQueuedMsg" data-queue-id="' + encodeURI(item.queue_id) + '" class="btn btn-xs btn-default">' + lang.queue_show_message + '</a>' +
+ item.action = '<div class="btn-group">' +
+ '<a href="#" data-bs-toggle="modal" data-bs-target="#showQueuedMsg" data-queue-id="' + encodeURI(item.queue_id) + '" class="btn btn-xs btn-secondary">' + lang.queue_show_message + '</a>' +
'</div>';
});
} else if (table == 'forwardinghoststable') {
$.each(data, function (i, item) {
- item.action = '<div class="btn-group footable-actions">' +
+ item.action = '<div class="btn-group">' +
'<a href="#" data-action="delete_selected" data-id="single-fwdhost" data-api-url="delete/fwdhost" data-item="' + encodeURI(item.host) + '" class="btn btn-xs btn-danger"><i class="bi bi-trash"></i> ' + lang.remove + '</a>' +
'</div>';
item.chkbox = '<input type="checkbox" data-id="fwdhosts" name="multi_select" value="' + item.host + '" />';
});
} else if (table == 'oauth2clientstable') {
$.each(data, function (i, item) {
- item.action = '<div class="btn-group footable-actions">' +
- '<a href="/edit.php?oauth2client=' + encodeURI(item.id) + '" class="btn btn-xs btn-xs-half btn-default"><i class="bi bi-pencil-fill"></i> ' + lang.edit + '</a>' +
+ item.action = '<div class="btn-group">' +
+ '<a href="/edit.php?oauth2client=' + encodeURI(item.id) + '" class="btn btn-xs btn-xs-half btn-secondary"><i class="bi bi-pencil-fill"></i> ' + lang.edit + '</a>' +
'<a href="#" data-action="delete_selected" data-id="single-oauth2-client" data-api-url="delete/oauth2-client" data-item="' + encodeURI(item.id) + '" class="btn btn-xs btn-xs-half btn-danger"><i class="bi bi-trash"></i> ' + lang.remove + '</a>' +
'</div>';
item.scope = "profile";
@@ -339,8 +528,8 @@
item.selected_domains = escapeHtml(item.selected_domains);
item.selected_domains = item.selected_domains.toString().replace(/,/g, "<br>");
item.chkbox = '<input type="checkbox" data-id="domain_admins" name="multi_select" value="' + item.username + '" />';
- item.action = '<div class="btn-group footable-actions">' +
- '<a href="/edit/domainadmin/' + encodeURI(item.username) + '" class="btn btn-xs btn-xs-third btn-default"><i class="bi bi-pencil-fill"></i> ' + lang.edit + '</a>' +
+ item.action = '<div class="btn-group">' +
+ '<a href="/edit/domainadmin/' + encodeURI(item.username) + '" class="btn btn-xs btn-xs-third btn-secondary"><i class="bi bi-pencil-fill"></i> ' + lang.edit + '</a>' +
'<a href="#" data-action="delete_selected" data-id="single-domain-admin" data-api-url="delete/domain-admin" data-item="' + encodeURI(item.username) + '" class="btn btn-xs btn-xs-third btn-danger"><i class="bi bi-trash"></i> ' + lang.remove + '</a>' +
'<a href="/index.php?duallogin=' + encodeURIComponent(item.username) + '" class="btn btn-xs btn-xs-third btn-success"><i class="bi bi-person-fill"></i> Login</a>' +
'</div>';
@@ -353,22 +542,38 @@
item.usr = item.username;
}
item.chkbox = '<input type="checkbox" data-id="admins" name="multi_select" value="' + item.username + '" />';
- item.action = '<div class="btn-group footable-actions">' +
- '<a href="/edit/admin/' + encodeURI(item.username) + '" class="btn btn-xs btn-xs-half btn-default"><i class="bi bi-pencil-fill"></i> ' + lang.edit + '</a>' +
+ item.action = '<div class="btn-group">' +
+ '<a href="/edit/admin/' + encodeURI(item.username) + '" class="btn btn-xs btn-xs-half btn-secondary"><i class="bi bi-pencil-fill"></i> ' + lang.edit + '</a>' +
'<a href="#" data-action="delete_selected" data-id="single-admin" data-api-url="delete/admin" data-item="' + encodeURI(item.username) + '" class="btn btn-xs btn-xs-half btn-danger"><i class="bi bi-trash"></i> ' + lang.remove + '</a>' +
'</div>';
});
}
return data
};
- // Initial table drawings
- draw_domain_admins();
- draw_admins();
- draw_fwd_hosts();
- draw_relayhosts();
- draw_oauth2_clients();
- draw_transport_maps();
- draw_queue();
+
+ // 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^=adminstable]", () => draw_admins());
+ onVisible("[id^=domainadminstable]", () => draw_domain_admins());
+ onVisible("[id^=oauth2clientstable]", () => draw_oauth2_clients());
+ onVisible("[id^=forwardinghoststable]", () => draw_fwd_hosts());
+ onVisible("[id^=relayhoststable]", () => draw_relayhosts());
+ onVisible("[id^=transportstable]", () => draw_transport_maps());
+
$('body').on('click', 'span.footable-toggle', function () {
event.stopPropagation();
@@ -427,27 +632,11 @@
$('#transport_type').val(button.data('transport-type'));
}
})
- // Queue item
- $('#showQueuedMsg').on('show.bs.modal', function (e) {
- $('#queue_msg_content').text(lang.loading);
- button = $(e.relatedTarget)
- if (button != null) {
- $('#queue_id').text(button.data('queue-id'));
- }
- $.ajax({
- type: 'GET',
- url: '/api/v1/get/postcat/' + button.data('queue-id'),
- dataType: 'text',
- complete: function (data) {
- $('#queue_msg_content').text(data.responseText);
- }
- });
- })
$('#test_transport').on('click', function (e) {
e.preventDefault();
prev = $('#test_transport').text();
$(this).prop("disabled",true);
- $(this).html('<i class="bi bi-arrow-repeat icon-spin"></i> ');
+ $(this).html('<div class="spinner-border" role="status"><span class="visually-hidden">Loading...</span></div> ');
$.ajax({
type: 'GET',
url: 'inc/ajax/transport_check.php',
@@ -481,13 +670,13 @@
function add_table_row(table_id, type) {
var row = $('<tr />');
if (type == "app_link") {
- cols = '<td><input class="input-sm input-xs-lg form-control" data-id="app_links" type="text" name="app" required></td>';
- cols += '<td><input class="input-sm input-xs-lg form-control" data-id="app_links" type="text" name="href" required></td>';
- cols += '<td><a href="#" role="button" class="btn btn-sm btn-xs-lg btn-default" type="button">' + lang.remove_row + '</a></td>';
+ cols = '<td><input class="input-sm input-xs-lg form-control" data-id="app_links" type="text" name="app" required></td>';
+ cols += '<td><input class="input-sm input-xs-lg form-control" data-id="app_links" type="text" name="href" required></td>';
+ cols += '<td><a href="#" role="button" class="btn btn-sm btn-xs-lg btn-secondary h-100 w-100" type="button">' + lang.remove_row + '</a></td>';
} else if (type == "f2b_regex") {
- cols = '<td><input style="text-align:center" class="input-sm input-xs-lg form-control" data-id="f2b_regex" type="text" value="+" disabled></td>';
- cols += '<td><input class="input-sm input-xs-lg form-control regex-input" data-id="f2b_regex" type="text" name="regex" required></td>';
- cols += '<td><a href="#" role="button" class="btn btn-sm btn-xs-lg btn-default" type="button">' + lang.remove_row + '</a></td>';
+ cols = '<td><input style="text-align:center" class="input-sm input-xs-lg form-control" data-id="f2b_regex" type="text" value="+" disabled></td>';
+ cols += '<td><input class="input-sm input-xs-lg form-control regex-input" data-id="f2b_regex" type="text" name="regex" required></td>';
+ cols += '<td><a href="#" role="button" class="btn btn-sm btn-xs-lg btn-secondary h-100 w-100" type="button">' + lang.remove_row + '</a></td>';
}
row.append(cols);
table_id.append(row);
@@ -507,4 +696,3 @@
add_table_row($('#f2b_regex_table'), "f2b_regex");
});
});
-
diff --git a/mailcow/src/mailcow-dockerized/data/web/js/site/debug.js b/mailcow/src/mailcow-dockerized/data/web/js/site/debug.js
index 8f2aa66..85e6b78 100644
--- a/mailcow/src/mailcow-dockerized/data/web/js/site/debug.js
+++ b/mailcow/src/mailcow-dockerized/data/web/js/site/debug.js
@@ -1,805 +1,1536 @@
-$(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);
- }
- });
-});
-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<B.length-1);return i.toFixed(1)+" "+B[e]}
- function hashCode(t){for(var n=0,r=0;r<t.length;r++)n=t.charCodeAt(r)+((n<<5)-n);return n}
- function intToRGB(t){var n=(16777215&t).toString(16).toUpperCase();return"00000".substring(0,6-n.length)+n}
- $(".refresh_table").on('click', function(e) {
- e.preventDefault();
- var table_name = $(this).data('table');
- $('#' + table_name).find("tr.footable-empty").remove();
- draw_table = $(this).data('draw');
- eval(draw_table + '()');
- });
- function table_log_ready(ft, name) {
- heading = ft.$el.parents('.panel').find('.panel-heading')
- var ft_paging = ft.use(FooTable.Paging)
- $('.refresh_table').prop("disabled", false);
- $(heading).children('.table-lines').text(function(){
- return ft_paging.totalRows;
- })
- if (current_page[name]) {
- ft_paging.goto(parseInt(current_page[name]))
- }
- }
- function table_log_paging(ft, name) {
- var ft_paging = ft.use(FooTable.Paging)
- current_page[name] = ft_paging.current;
- localStorage.setItem('current_page', JSON.stringify(current_page));
- }
- function draw_autodiscover_logs() {
- ft_autodiscover_logs = FooTable.init('#autodiscover_log', {
- "columns": [
- {"name":"time","formatter":function unix_time_format(tm) { var date = new Date(tm ? tm * 1000 : 0); return date.toLocaleDateString(undefined, {year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit"});},"title":lang.time,"style":{"width":"170px"}},
- {"name":"ua","title":"User-Agent","style":{"min-width":"200px"}},
- {"name":"user","title":"Username","style":{"min-width":"200px"}},
- {"name":"ip","title":"IP","style":{"min-width":"200px"}},
- {"name":"service","title":"Service"},
- ],
- "rows": $.ajax({
- dataType: 'json',
- url: '/api/v1/get/logs/autodiscover/100',
- jsonp: false,
- error: function () {
- console.log('Cannot draw autodiscover log table');
- },
- success: function (data) {
- return process_table_data(data, 'autodiscover_log');
- }
- }),
- "empty": lang.empty,
- "paging": {"enabled": true,"limit": 5,"size": log_pagination_size},
- "filtering": {"enabled": true,"delay": 1200,"position": "left","placeholder": lang.filter_table,"connectors": false},
- "sorting": {"enabled": true},
- "on": {
- "destroy.ft.table": function(e, ft){
- $('.refresh_table').attr('disabled', 'true');
- },
- "ready.ft.table": function(e, ft){
- table_log_ready(ft, 'autodiscover_logs');
- },
- "after.ft.paging": function(e, ft){
- table_log_paging(ft, 'autodiscover_logs');
- }
- }
- });
- }
- function draw_postfix_logs() {
- ft_postfix_logs = FooTable.init('#postfix_log', {
- "columns": [
- {"name":"time","formatter":function unix_time_format(tm) { var date = new Date(tm ? tm * 1000 : 0); return date.toLocaleDateString(undefined, {year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit"});},"title":lang.time,"style":{"width":"170px"}},
- {"name":"priority","title":lang.priority,"style":{"width":"80px"}},
- {"name":"message","title":lang.message},
- ],
- "rows": $.ajax({
- dataType: 'json',
- url: '/api/v1/get/logs/postfix',
- jsonp: false,
- error: function () {
- console.log('Cannot draw postfix log table');
- },
- success: function (data) {
- return process_table_data(data, 'general_syslog');
- }
- }),
- "empty": lang.empty,
- "paging": {"enabled": true,"limit": 5,"size": log_pagination_size},
- "filtering": {"enabled": true,"delay": 1200,"position": "left","placeholder": lang.filter_table,"connectors": false},
- "sorting": {"enabled": true},
- "on": {
- "destroy.ft.table": function(e, ft){
- $('.refresh_table').attr('disabled', 'true');
- },
- "ready.ft.table": function(e, ft){
- table_log_ready(ft, 'postfix_logs');
- },
- "after.ft.paging": function(e, ft){
- table_log_paging(ft, 'postfix_logs');
- }
- }
- });
- }
- function draw_watchdog_logs() {
- ft_watchdog_logs = FooTable.init('#watchdog_log', {
- "columns": [
- {"name":"time","formatter":function unix_time_format(tm) { var date = new Date(tm ? tm * 1000 : 0); return date.toLocaleDateString(undefined, {year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit"});},"title":lang.time,"style":{"width":"170px"}},
- {"name":"service","title":"Service"},
- {"name":"trend","title":"Trend"},
- {"name":"message","title":lang.message},
- ],
- "rows": $.ajax({
- dataType: 'json',
- url: '/api/v1/get/logs/watchdog',
- jsonp: false,
- error: function () {
- console.log('Cannot draw watchdog log table');
- },
- success: function (data) {
- return process_table_data(data, 'watchdog');
- }
- }),
- "empty": lang.empty,
- "paging": {"enabled": true,"limit": 5,"size": log_pagination_size},
- "filtering": {"enabled": true,"delay": 1200,"position": "left","connectors": false,"placeholder": lang.filter_table,"connectors": false},
- "sorting": {"enabled": true},
- "on": {
- "destroy.ft.table": function(e, ft){
- $('.refresh_table').attr('disabled', 'true');
- },
- "ready.ft.table": function(e, ft){
- table_log_ready(ft, 'postfix_logs');
- },
- "after.ft.paging": function(e, ft){
- table_log_paging(ft, 'postfix_logs');
- }
- }
- });
- }
- function draw_api_logs() {
- ft_api_logs = FooTable.init('#api_log', {
- "columns": [
- {"name":"time","formatter":function unix_time_format(tm) { var date = new Date(tm ? tm * 1000 : 0); return date.toLocaleDateString(undefined, {year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit"});},"title":lang.time,"style":{"width":"170px"}},
- {"name":"uri","title":"URI","style":{"width":"310px"}},
- {"name":"method","title":"Method","style":{"width":"80px"}},
- {"name":"remote","title":"IP","style":{"width":"80px"}},
- {"name":"data","title":"Data","breakpoints": "all","style":{"word-break":"break-all"}},
- ],
- "rows": $.ajax({
- dataType: 'json',
- url: '/api/v1/get/logs/api',
- jsonp: false,
- error: function () {
- console.log('Cannot draw api log table');
- },
- success: function (data) {
- return process_table_data(data, 'apilog');
- }
- }),
- "empty": lang.empty,
- "paging": {"enabled": true,"limit": 5,"size": log_pagination_size},
- "filtering": {"enabled": true,"delay": 1200,"position": "left","connectors": false,"placeholder": lang.filter_table,"connectors": false},
- "sorting": {"enabled": true},
- "on": {
- "destroy.ft.table": function(e, ft){
- $('.refresh_table').attr('disabled', 'true');
- },
- "ready.ft.table": function(e, ft){
- table_log_ready(ft, 'api_logs');
- },
- "after.ft.paging": function(e, ft){
- table_log_paging(ft, 'api_logs');
- }
- }
- });
- }
- function draw_rl_logs() {
- ft_rl_logs = FooTable.init('#rl_log', {
- "columns": [
- {"name":"indicator","title":" ","style":{"width":"50px"}},
- {"name":"time","formatter":function unix_time_format(tm) { var date = new Date(tm ? tm * 1000 : 0); return date.toLocaleDateString(undefined, {year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit"});},"title":lang.last_applied,"style":{"width":"170px"}},
- {"name":"rl_name","title":lang.rate_name},
- {"name":"from","title":lang.sender},
- {"name":"rcpt","title":lang.recipients},
- {"name":"user","title":lang.authed_user},
- {"name":"message_id","title":"Msg ID","breakpoints": "all","style":{"word-break":"break-all"}},
- {"name":"header_from","title":"Header From","breakpoints": "all","style":{"word-break":"break-all"}},
- {"name":"header_subject","title":"Subject","breakpoints": "all","style":{"word-break":"break-all"}},
- {"name":"rl_hash","title":"Hash","breakpoints": "all","style":{"word-break":"break-all"}},
- {"name":"qid","title":"Rspamd QID","breakpoints": "all","style":{"word-break":"break-all"}},
- {"name":"ip","title":"IP","breakpoints": "all","style":{"word-break":"break-all"}},
- {"name":"action","title":lang.action,"breakpoints": "all","style":{"word-break":"break-all"}},
- ],
- "rows": $.ajax({
- dataType: 'json',
- url: '/api/v1/get/logs/ratelimited',
- jsonp: false,
- error: function () {
- console.log('Cannot draw rl log table');
- },
- success: function (data) {
- return process_table_data(data, 'rllog');
- }
- }),
- "empty": lang.empty,
- "paging": {"enabled": true,"limit": 5,"size": log_pagination_size},
- "filtering": {"enabled": true,"delay": 1200,"position": "left","connectors": false,"placeholder": lang.filter_table,"connectors": false},
- "sorting": {"enabled": true},
- "on": {
- "destroy.ft.table": function(e, ft){
- $('.refresh_table').attr('disabled', 'true');
- },
- "ready.ft.table": function(e, ft){
- table_log_ready(ft, 'rl_logs');
- },
- "after.ft.paging": function(e, ft){
- table_log_paging(ft, 'rl_logs');
- }
- }
- });
- }
- function draw_ui_logs() {
- ft_api_logs = FooTable.init('#ui_logs', {
- "columns": [
- {"name":"time","formatter":function unix_time_format(tm) { var date = new Date(tm ? tm * 1000 : 0); return date.toLocaleDateString(undefined, {year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit"});},"title":lang.time,"style":{"width":"170px"}},
- {"name":"type","title":"Type"},
- {"name":"task","title":"Task"},
- {"name":"user","title":"User"},
- {"name":"role","title":"Role"},
- {"name":"remote","title":"IP"},
- {"name":"msg","title":lang.message,"style":{"word-break":"break-all"}},
- {"name":"call","title":"Call","breakpoints": "all"}
- ],
- "rows": $.ajax({
- dataType: 'json',
- url: '/api/v1/get/logs/ui',
- jsonp: false,
- error: function () {
- console.log('Cannot draw ui log table');
- },
- success: function (data) {
- return process_table_data(data, 'mailcow_ui');
- }
- }),
- "empty": lang.empty,
- "paging": {"enabled": true,"limit": 5,"size": log_pagination_size},
- "filtering": {"enabled": true,"delay": 1200,"position": "left","connectors": false,"placeholder": lang.filter_table,"connectors": false},
- "sorting": {"enabled": true},
- "on": {
- "destroy.ft.table": function(e, ft){
- $('.refresh_table').attr('disabled', 'true');
- },
- "ready.ft.table": function(e, ft){
- table_log_ready(ft, 'ui_logs');
- },
- "after.ft.paging": function(e, ft){
- table_log_paging(ft, 'ui_logs');
- }
- }
- });
- }
- function draw_sasl_logs() {
- ft_api_logs = FooTable.init('#sasl_logs', {
- "columns": [
- {"name":"username","title":lang.username},
- {"name":"service","title":lang.service},
- {"name":"real_rip","title":"IP"},
- {"sorted": true,"sortValue": function(value){res = new Date(value);return res.getTime();},"direction":"DESC","name":"datetime","formatter":function date_format(datetime) { var date = new Date(datetime.replace(/-/g, "/")); return date.toLocaleDateString(undefined, {year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit"});},"title":lang.login_time,"style":{"width":"170px"}},
- ],
- "rows": $.ajax({
- dataType: 'json',
- url: '/api/v1/get/logs/sasl',
- jsonp: false,
- error: function () {
- console.log('Cannot draw sasl log table');
- },
- success: function (data) {
- return process_table_data(data, 'sasl_log_table');
- }
- }),
- "empty": lang.empty,
- "paging": {"enabled": true,"limit": 5,"size": log_pagination_size},
- "filtering": {"enabled": true,"delay": 1200,"position": "left","connectors": false,"placeholder": lang.filter_table,"connectors": false},
- "sorting": {"enabled": true},
- "on": {
- "destroy.ft.table": function(e, ft){
- $('.refresh_table').attr('disabled', 'true');
- },
- "ready.ft.table": function(e, ft){
- table_log_ready(ft, 'sasl_logs');
- },
- "after.ft.paging": function(e, ft){
- table_log_paging(ft, 'sasl_logs');
- }
- }
- });
- }
- function draw_acme_logs() {
- ft_acme_logs = FooTable.init('#acme_log', {
- "columns": [
- {"name":"time","formatter":function unix_time_format(tm) { var date = new Date(tm ? tm * 1000 : 0); return date.toLocaleDateString(undefined, {year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit"});},"title":lang.time,"style":{"width":"170px"}},
- {"name":"message","title":lang.message,"style":{"word-break":"break-all"}},
- ],
- "rows": $.ajax({
- dataType: 'json',
- url: '/api/v1/get/logs/acme',
- jsonp: false,
- error: function () {
- console.log('Cannot draw acme log table');
- },
- success: function (data) {
- return process_table_data(data, 'general_syslog');
- }
- }),
- "empty": lang.empty,
- "paging": {"enabled": true,"limit": 5,"size": log_pagination_size},
- "filtering": {"enabled": true,"delay": 1200,"position": "left","connectors": false,"placeholder": lang.filter_table,"connectors": false},
- "sorting": {"enabled": true},
- "on": {
- "destroy.ft.table": function(e, ft){
- $('.refresh_table').attr('disabled', 'true');
- },
- "ready.ft.table": function(e, ft){
- table_log_ready(ft, 'acme_logs');
- },
- "after.ft.paging": function(e, ft){
- table_log_paging(ft, 'acme_logs');
- }
- }
- });
- }
- function draw_netfilter_logs() {
- ft_netfilter_logs = FooTable.init('#netfilter_log', {
- "columns": [
- {"name":"time","formatter":function unix_time_format(tm) { var date = new Date(tm ? tm * 1000 : 0); return date.toLocaleDateString(undefined, {year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit"});},"title":lang.time,"style":{"width":"170px"}},
- {"name":"priority","title":lang.priority,"style":{"width":"80px"}},
- {"name":"message","title":lang.message},
- ],
- "rows": $.ajax({
- dataType: 'json',
- url: '/api/v1/get/logs/netfilter',
- jsonp: false,
- error: function () {
- console.log('Cannot draw netfilter log table');
- },
- success: function (data) {
- return process_table_data(data, 'general_syslog');
- }
- }),
- "empty": lang.empty,
- "paging": {"enabled": true,"limit": 5,"size": log_pagination_size},
- "filtering": {"enabled": true,"delay": 1200,"position": "left","connectors": false,"placeholder": lang.filter_table,"connectors": false},
- "sorting": {"enabled": true},
- "on": {
- "destroy.ft.table": function(e, ft){
- $('.refresh_table').attr('disabled', 'true');
- },
- "ready.ft.table": function(e, ft){
- table_log_ready(ft, 'netfilter_logs');
- },
- "after.ft.paging": function(e, ft){
- table_log_paging(ft, 'netfilter_logs');
- }
- }
- });
- }
- function draw_sogo_logs() {
- ft_sogo_logs = FooTable.init('#sogo_log', {
- "columns": [
- {"name":"time","formatter":function unix_time_format(tm) { var date = new Date(tm ? tm * 1000 : 0); return date.toLocaleDateString(undefined, {year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit"});},"title":lang.time,"style":{"width":"170px"}},
- {"name":"priority","title":lang.priority,"style":{"width":"80px"}},
- {"name":"message","title":lang.message},
- ],
- "rows": $.ajax({
- dataType: 'json',
- url: '/api/v1/get/logs/sogo',
- jsonp: false,
- error: function () {
- console.log('Cannot draw sogo log table');
- },
- success: function (data) {
- return process_table_data(data, 'general_syslog');
- }
- }),
- "empty": lang.empty,
- "paging": {"enabled": true,"limit": 5,"size": log_pagination_size},
- "filtering": {"enabled": true,"delay": 1200,"position": "left","connectors": false,"placeholder": lang.filter_table,"connectors": false},
- "sorting": {"enabled": true},
- "on": {
- "destroy.ft.table": function(e, ft){
- $('.refresh_table').attr('disabled', 'true');
- },
- "ready.ft.table": function(e, ft){
- table_log_ready(ft, 'sogo_logs');
- },
- "after.ft.paging": function(e, ft){
- table_log_paging(ft, 'sogo_logs');
- }
- }
- });
- }
- function draw_dovecot_logs() {
- ft_dovecot_logs = FooTable.init('#dovecot_log', {
- "columns": [
- {"name":"time","formatter":function unix_time_format(tm) { var date = new Date(tm ? tm * 1000 : 0); return date.toLocaleDateString(undefined, {year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit"});},"title":lang.time,"style":{"width":"170px"}},
- {"name":"priority","title":lang.priority,"style":{"width":"80px"}},
- {"name":"message","title":lang.message},
- ],
- "rows": $.ajax({
- dataType: 'json',
- url: '/api/v1/get/logs/dovecot',
- jsonp: false,
- error: function () {
- console.log('Cannot draw dovecot log table');
- },
- success: function (data) {
- return process_table_data(data, 'general_syslog');
- }
- }),
- "empty": lang.empty,
- "paging": {"enabled": true,"limit": 5,"size": log_pagination_size},
- "filtering": {"enabled": true,"delay": 1200,"position": "left","connectors": false,"placeholder": lang.filter_table,"connectors": false},
- "sorting": {"enabled": true},
- "on": {
- "destroy.ft.table": function(e, ft){
- $('.refresh_table').attr('disabled', 'true');
- },
- "ready.ft.table": function(e, ft){
- table_log_ready(ft, 'dovecot_logs');
- },
- "after.ft.paging": function(e, ft){
- table_log_paging(ft, 'dovecot_logs');
- }
- }
- });
- }
- function rspamd_pie_graph() {
- $.ajax({
- url: '/api/v1/get/rspamd/actions',
- async: true,
- success: function(data){
-
- var total = 0;
- $(data).map(function(){total += this[1];});
- var labels = $.makeArray($(data).map(function(){return this[0] + ' ' + Math.round(this[1]/total * 100) + '%';}));
- var values = $.makeArray($(data).map(function(){return this[1];}));
-
- var graphdata = {
- labels: labels,
- datasets: [{
- data: values,
- backgroundColor: ['#DC3023', '#59ABE3', '#FFA400', '#FFA400', '#26A65B']
- }]
- };
-
- var options = {
- responsive: true,
- maintainAspectRatio: false,
- plugins: {
- datalabels: {
- color: '#FFF',
- font: {
- weight: 'bold'
- },
- display: function(context) {
- return context.dataset.data[context.dataIndex] !== 0;
- },
- formatter: function(value, context) {
- return Math.round(value/total*100) + '%';
- }
- }
- }
- };
- var chartcanvas = document.getElementById('rspamd_donut');
- Chart.plugins.register('ChartDataLabels');
- if(typeof chart == 'undefined') {
- chart = new Chart(chartcanvas.getContext("2d"), {
- plugins: [ChartDataLabels],
- type: 'doughnut',
- data: graphdata,
- options: options
- });
- }
- else {
- chart.destroy();
- chart = new Chart(chartcanvas.getContext("2d"), {
- plugins: [ChartDataLabels],
- type: 'doughnut',
- data: graphdata,
- options: options
- });
- }
- }
- });
- }
- function draw_rspamd_history() {
- ft_rspamd_history = FooTable.init('#rspamd_history', {
- "columns": [
- {"name":"unix_time","formatter":function unix_time_format(tm) { var date = new Date(tm ? tm * 1000 : 0); return date.toLocaleDateString(undefined, {year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit"});},"title":lang.time,"style":{"width":"170px"}},
- {"name": "ip","title": "IP address","breakpoints": "all","style": {"minWidth": 88}},
- {"name": "sender_mime","title": "From","breakpoints": "xs sm md","style": {"minWidth": 100}},
- {"name": "rcpt","title": "To","breakpoints": "xs sm md","style": {"minWidth": 100}},
- {"name": "subject","title": "Subject","breakpoints": "all","style": {"word-break": "break-all","minWidth": 150}},
- {"name": "action","title": "Action","style": {"minwidth": 82}},
- {"name": "score","title": "Score","style": {"maxWidth": 110},},
- {"name": "symbols","title": "Symbols","breakpoints": "all",},
- {"name": "size","title": "Msg size","breakpoints": "all","style": {"minwidth": 50},"formatter": function(value){return humanFileSize(value);}},
- {"name": "scan_time","title": "Scan time","breakpoints": "all","style": {"maxWidth": 72},},
- {"name": "message-id","title": "ID","breakpoints": "all","style": {"minWidth": 130,"overflow": "hidden","textOverflow": "ellipsis","wordBreak": "break-all","whiteSpace": "normal"}},
- {"name": "user","title": "Authenticated user","breakpoints": "xs sm md","style": {"minWidth": 100}}
- ],
- "rows": $.ajax({
- dataType: 'json',
- url: '/api/v1/get/logs/rspamd-history',
- jsonp: false,
- error: function () {
- console.log('Cannot draw rspamd history table');
- },
- success: function (data) {
- return process_table_data(data, 'rspamd_history');
- }
- }),
- "empty": lang.empty,
- "paging": {"enabled": true,"limit": 5,"size": log_pagination_size},
- "filtering": {"enabled": true,"delay": 1200,"position": "left","connectors": false,"placeholder": lang.filter_table,"connectors": false},
- "sorting": {"enabled": true},
- "on": {
- "destroy.ft.table": function(e, ft){
- $('.refresh_table').attr('disabled', 'true');
- },
- "ready.ft.table": function(e, ft){
- table_log_ready(ft, 'rspamd_history');
- heading = ft.$el.parents('.panel').find('.panel-heading')
- $(heading).children('.table-lines').text(function(){
- var ft_paging = ft.use(FooTable.Paging)
- return ft_paging.totalRows;
- })
- rspamd_pie_graph();
- },
- "after.ft.paging": function(e, ft){
- table_log_paging(ft, 'rspamd_history');
- }
- }
- });
- }
- function process_table_data(data, table) {
- if (table == 'rspamd_history') {
- $.each(data, function (i, item) {
- if (item.rcpt_mime != "") {
- item.rcpt = escapeHtml(item.rcpt_mime.join(", "));
- }
- else {
- item.rcpt = escapeHtml(item.rcpt_smtp.join(", "));
- }
- item.symbols = Object.keys(item.symbols).sort(function (a, b) {
- if (item.symbols[a].score === 0) return 1
- if (item.symbols[b].score === 0) return -1
- if (item.symbols[b].score < 0 && item.symbols[a].score < 0) {
- return item.symbols[a].score - item.symbols[b].score
- }
- if (item.symbols[b].score > 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 = '(<span class="text-success"><b>' + sym.score + '</b></span>)'
- }
- else if (sym.score === 0) {
- sym.score_formatted = '(<span><b>' + sym.score + '</b></span>)'
- }
- else {
- sym.score_formatted = '(<span class="text-danger"><b>' + sym.score + '</b></span>)'
- }
- var str = '<strong>' + key + '</strong> ' + sym.score_formatted;
- if (sym.options) {
- str += ' [' + escapeHtml(sym.options.join(", ")) + "]";
- }
- return str
- }).join('<br>\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 = "<div class='label label-success'>" + item.action + "</div>";
- } else if (item.action === 'rewrite subject' || item.action === 'add header' || item.action === 'probable spam') {
- item.action = "<div class='label label-warning'>" + item.action + "</div>";
- } else if (item.action === 'spam' || item.action === 'reject') {
- item.action = "<div class='label label-danger'>" + item.action + "</div>";
- } else {
- item.action = "<div class='label label-info'>" + item.action + "</div>";
- }
- var score_content;
- if (item.score < item.required_score) {
- score_content = "[ <span class='text-success'>" + item.score.toFixed(2) + " / " + item.required_score + "</span> ]";
- } else {
- score_content = "[ <span class='text-danger'>" + item.score.toFixed(2) + " / " + item.required_score + "</span> ]";
- }
- 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 = '<span style="font-size:small">' + item.ua + '</span>';
- if (item.service == "activesync") {
- item.service = '<span class="label label-info">ActiveSync</span>';
- }
- else if (item.service == "imap") {
- item.service = '<span class="label label-success">IMAP, SMTP, Cal-/CardDAV</span>';
- }
- else {
- item.service = '<span class="label label-danger">' + escapeHtml(item.service) + '</span>';
- }
- });
- } 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 = '<span class="label label-danger"><i class="bi bi-caret-down-fill"></i> ' + item.hpdiff + '</span>';
- }
- else if (item.hpdiff == 0) {
- item.trend = '<span class="label label-info"><i class="bi bi-caret-right-fill"></i> ' + item.hpdiff + '</span>';
- }
- else {
- item.trend = '<span class="label label-success"><i class="bi bi-caret-up-fill"></i> ' + item.hpdiff + '</span>';
- }
- }
- 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 = '<code>' + item.task + '</code>';
- item.type = '<span class="label label-' + item.type + '">' + item.type + '</span>';
- });
- } else if (table == 'sasl_log_table') {
- $.each(data, function (i, item) {
- if (item === null) { return true; }
- item.username = escapeHtml(item.username);
- item.service = '<div class="label label-default">' + item.service.toUpperCase() + '</div>';
- });
- } 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, "<br />");
- } 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 = '<span class="label label-danger">' + item.priority + '</span>';
- } else if (jQuery.inArray(item.priority, warning_class) !== -1) {
- item.priority = '<span class="label label-warning">' + item.priority + '</span>';
- } else if (jQuery.inArray(item.priority, info_class) !== -1) {
- item.priority = '<span class="label label-info">' + item.priority + '</span>';
- }
- });
- } else if (table == 'apilog') {
- $.each(data, function (i, item) {
- if (item === null) { return true; }
- if (item.method == 'GET') {
- item.method = '<span class="label label-success">' + item.method + '</span>';
- } else if (item.method == 'POST') {
- item.method = '<span class="label label-warning">' + item.method + '</span>';
- }
- 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 = '<span style="border-right:6px solid #' + intToRGB(hashCode(item.rl_hash)) + ';padding-left:5px;"> </span>';
- if (item.rl_hash != 'err') {
- item.action = '<a href="#" data-action="delete_selected" data-id="single-hash" data-api-url="delete/rlhash" data-item="' + encodeURI(item.rl_hash) + '" class="btn btn-xs btn-danger"><i class="bi bi-trash"></i> ' + lang.reset_limit + '</a>';
- }
- });
- }
- 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;
- }
- if (ft = FooTable.get($('#' + log_table))) {
- var heading = ft.$el.parents('.panel').find('.panel-heading')
- var ft_paging = ft.use(FooTable.Paging)
- var load_rows = (ft_paging.totalRows + 1) + '-' + (ft_paging.totalRows + 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 = (ft_paging.totalRows + data.length);
- $(heading).children('.table-lines').text(rows_now)
- mailcow_alert_box(data.length + lang.additional_rows, "success");
- ft.rows.load(rows, true);
- });
- }
- })
- // Initial table drawings
- draw_postfix_logs();
- draw_autodiscover_logs();
- draw_dovecot_logs();
- draw_sogo_logs();
- draw_watchdog_logs();
- draw_acme_logs();
- draw_api_logs();
- draw_rl_logs();
- draw_ui_logs();
- draw_sasl_logs();
- draw_netfilter_logs();
- draw_rspamd_history();
- $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
- var target = $(e.target).attr("href");
- if (target == '#tab-rspamd-history') {
- rspamd_pie_graph();
- }
- });
-});
+const LOCALE = undefined;
+const DATETIME_FORMAT = {
+ year: "numeric",
+ month: "2-digit",
+ day: "2-digit",
+ hour: "2-digit",
+ minute: "2-digit",
+ second: "2-digit"
+};
+
+$(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(LOCALE, DATETIME_FORMAT);
+ $(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(LOCALE, DATETIME_FORMAT);
+ $(this).text(started_local_date);
+ }
+ });
+
+ // set update loop container list
+ containersToUpdate = {}
+ // set default ChartJs Font Color
+ Chart.defaults.color = '#999';
+ // create host cpu and mem charts
+ createHostCpuAndMemChart();
+ // check for new version
+ if (mailcow_info.branch === "master"){
+ check_update(mailcow_info.version_tag, mailcow_info.project_url);
+ }
+ $("#maiclow_version").click(function(){
+ if (mailcow_cc_role !== "admin" && mailcow_cc_role !== "domainadmin" ||
+ mailcow_info.branch !== "master")
+ return;
+
+ showVersionModal("Version " + mailcow_info.version_tag, mailcow_info.version_tag);
+ })
+ // get public ips
+ get_public_ips();
+ update_container_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<B.length-1);return i.toFixed(1)+" "+B[e]}
+ function hashCode(t){for(var n=0,r=0;r<t.length;r++)n=t.charCodeAt(r)+((n<<5)-n);return n}
+ function intToRGB(t){var n=(16777215&t).toString(16).toUpperCase();return"00000".substring(0,6-n.length)+n}
+ $(".refresh_table").on('click', function(e) {
+ e.preventDefault();
+ var table_name = $(this).data('table');
+ $('#' + table_name).DataTable().ajax.reload();
+ });
+ function createSortableDate(td, cellData) {
+ $(td).attr({
+ "data-order": cellData,
+ "data-sort": cellData
+ });
+ $(td).html(convertTimestampToLocalFormat(cellData));
+ }
+ function draw_autodiscover_logs() {
+ // just recalc width if instance already exists
+ if ($.fn.DataTable.isDataTable('#autodiscover_log') ) {
+ $('#autodiscover_log').DataTable().columns.adjust().responsive.recalc();
+ return;
+ }
+
+ $('#autodiscover_log').DataTable({
+ processing: true,
+ serverSide: false,
+ language: lang_datatables,
+ order: [[0, 'desc']],
+ ajax: {
+ type: "GET",
+ url: "/api/v1/get/logs/autodiscover/100",
+ dataSrc: function(data){
+ return process_table_data(data, 'autodiscover_log');
+ }
+ },
+ columns: [
+ {
+ title: lang.time,
+ data: 'time',
+ defaultContent: '',
+ responsivePriority: 1,
+ createdCell: function(td, cellData) {
+ createSortableDate(td, cellData)
+ }
+ },
+ {
+ title: 'User-Agent',
+ data: 'ua',
+ defaultContent: '',
+ className: 'dtr-col-md',
+ responsivePriority: 5
+ },
+ {
+ title: 'Username',
+ data: 'user',
+ defaultContent: '',
+ responsivePriority: 4
+ },
+ {
+ title: 'IP',
+ data: 'ip',
+ defaultContent: '',
+ responsivePriority: 2
+ },
+ {
+ title: 'Service',
+ data: 'service',
+ defaultContent: '',
+ responsivePriority: 3
+ }
+ ]
+ });
+ }
+ function draw_postfix_logs() {
+ // just recalc width if instance already exists
+ if ($.fn.DataTable.isDataTable('#postfix_log') ) {
+ $('#postfix_log').DataTable().columns.adjust().responsive.recalc();
+ return;
+ }
+
+ $('#postfix_log').DataTable({
+ processing: true,
+ serverSide: false,
+ language: lang_datatables,
+ order: [[0, 'desc']],
+ ajax: {
+ type: "GET",
+ url: "/api/v1/get/logs/postfix",
+ dataSrc: function(data){
+ return process_table_data(data, 'general_syslog');
+ }
+ },
+ columns: [
+ {
+ title: lang.time,
+ data: 'time',
+ defaultContent: '',
+ createdCell: function(td, cellData) {
+ createSortableDate(td, cellData)
+ }
+ },
+ {
+ title: lang.priority,
+ data: 'priority',
+ defaultContent: ''
+ },
+ {
+ title: lang.message,
+ data: 'message',
+ defaultContent: '',
+ className: 'dtr-col-md text-break'
+ }
+ ]
+ });
+ }
+ function draw_watchdog_logs() {
+ // just recalc width if instance already exists
+ if ($.fn.DataTable.isDataTable('#watchdog_log') ) {
+ $('#watchdog_log').DataTable().columns.adjust().responsive.recalc();
+ return;
+ }
+
+ $('#watchdog_log').DataTable({
+ processing: true,
+ serverSide: false,
+ language: lang_datatables,
+ order: [[0, 'desc']],
+ ajax: {
+ type: "GET",
+ url: "/api/v1/get/logs/watchdog",
+ dataSrc: function(data){
+ return process_table_data(data, 'watchdog');
+ }
+ },
+ columns: [
+ {
+ title: lang.time,
+ data: 'time',
+ defaultContent: '',
+ createdCell: function(td, cellData) {
+ createSortableDate(td, cellData)
+ }
+ },
+ {
+ title: 'Service',
+ data: 'service',
+ defaultContent: ''
+ },
+ {
+ title: 'Trend',
+ data: 'trend',
+ defaultContent: ''
+ },
+ {
+ title: lang.message,
+ data: 'message',
+ defaultContent: ''
+ }
+ ]
+ });
+ }
+ function draw_api_logs() {
+ // just recalc width if instance already exists
+ if ($.fn.DataTable.isDataTable('#api_log') ) {
+ $('#api_log').DataTable().columns.adjust().responsive.recalc();
+ return;
+ }
+
+ $('#api_log').DataTable({
+ processing: true,
+ serverSide: false,
+ language: lang_datatables,
+ order: [[0, 'desc']],
+ ajax: {
+ type: "GET",
+ url: "/api/v1/get/logs/api",
+ dataSrc: function(data){
+ return process_table_data(data, 'apilog');
+ }
+ },
+ columns: [
+ {
+ title: lang.time,
+ data: 'time',
+ defaultContent: '',
+ createdCell: function(td, cellData) {
+ createSortableDate(td, cellData)
+ }
+ },
+ {
+ title: 'URI',
+ data: 'uri',
+ defaultContent: '',
+ className: 'dtr-col-md dtr-break-all'
+ },
+ {
+ title: 'Method',
+ data: 'method',
+ defaultContent: ''
+ },
+ {
+ title: 'IP',
+ data: 'remote',
+ defaultContent: ''
+ },
+ {
+ title: 'Data',
+ data: 'data',
+ defaultContent: '',
+ className: 'dtr-col-md dtr-break-all'
+ }
+ ]
+ });
+ }
+ function draw_rl_logs() {
+ // just recalc width if instance already exists
+ if ($.fn.DataTable.isDataTable('#rl_log') ) {
+ $('#rl_log').DataTable().columns.adjust().responsive.recalc();
+ return;
+ }
+
+ $('#rl_log').DataTable({
+ processing: true,
+ serverSide: false,
+ language: lang_datatables,
+ order: [[0, 'desc']],
+ ajax: {
+ type: "GET",
+ url: "/api/v1/get/logs/ratelimited",
+ dataSrc: function(data){
+ return process_table_data(data, 'rllog');
+ }
+ },
+ columns: [
+ {
+ title: ' ',
+ data: 'indicator',
+ defaultContent: ''
+ },
+ {
+ title: lang.time,
+ data: 'time',
+ defaultContent: '',
+ createdCell: function(td, cellData) {
+ createSortableDate(td, cellData)
+ }
+ },
+ {
+ title: lang.rate_name,
+ data: 'rl_name',
+ defaultContent: ''
+ },
+ {
+ title: lang.sender,
+ data: 'from',
+ defaultContent: ''
+ },
+ {
+ title: lang.recipients,
+ data: 'rcpt',
+ defaultContent: ''
+ },
+ {
+ title: lang.authed_user,
+ data: 'user',
+ defaultContent: ''
+ },
+ {
+ title: 'Msg ID',
+ data: 'message_id',
+ defaultContent: ''
+ },
+ {
+ title: 'Header From',
+ data: 'header_from',
+ defaultContent: ''
+ },
+ {
+ title: 'Subject',
+ data: 'header_subject',
+ defaultContent: ''
+ },
+ {
+ title: 'Hash',
+ data: 'rl_hash',
+ defaultContent: ''
+ },
+ {
+ title: 'Rspamd QID',
+ data: 'qid',
+ defaultContent: ''
+ },
+ {
+ title: 'IP',
+ data: 'ip',
+ defaultContent: ''
+ },
+ {
+ title: lang.action,
+ data: 'action',
+ defaultContent: ''
+ }
+ ]
+ });
+ }
+ function draw_ui_logs() {
+ // just recalc width if instance already exists
+ if ($.fn.DataTable.isDataTable('#ui_logs') ) {
+ $('#ui_logs').DataTable().columns.adjust().responsive.recalc();
+ return;
+ }
+
+ $('#ui_logs').DataTable({
+ processing: true,
+ serverSide: false,
+ language: lang_datatables,
+ order: [[0, 'desc']],
+ ajax: {
+ type: "GET",
+ url: "/api/v1/get/logs/ui",
+ dataSrc: function(data){
+ return process_table_data(data, 'mailcow_ui');
+ }
+ },
+ columns: [
+ {
+ title: lang.time,
+ data: 'time',
+ defaultContent: '',
+ createdCell: function(td, cellData) {
+ createSortableDate(td, cellData)
+ }
+ },
+ {
+ title: 'Type',
+ data: 'type',
+ defaultContent: ''
+ },
+ {
+ title: 'Task',
+ data: 'task',
+ defaultContent: ''
+ },
+ {
+ title: 'User',
+ data: 'user',
+ defaultContent: '',
+ className: 'dtr-col-sm'
+ },
+ {
+ title: 'Role',
+ data: 'role',
+ defaultContent: '',
+ className: 'dtr-col-sm'
+ },
+ {
+ title: 'IP',
+ data: 'remote',
+ defaultContent: '',
+ className: 'dtr-col-md dtr-break-all'
+ },
+ {
+ title: lang.message,
+ data: 'msg',
+ defaultContent: '',
+ className: 'dtr-col-md dtr-break-all'
+ },
+ {
+ title: 'Call',
+ data: 'call',
+ defaultContent: '',
+ className: 'none dtr-col-md dtr-break-all'
+ }
+ ]
+ });
+ }
+ function draw_sasl_logs() {
+ // just recalc width if instance already exists
+ if ($.fn.DataTable.isDataTable('#sasl_logs') ) {
+ $('#sasl_logs').DataTable().columns.adjust().responsive.recalc();
+ return;
+ }
+
+ $('#sasl_logs').DataTable({
+ processing: true,
+ serverSide: false,
+ language: lang_datatables,
+ order: [[0, 'desc']],
+ ajax: {
+ type: "GET",
+ url: "/api/v1/get/logs/sasl",
+ dataSrc: function(data){
+ return process_table_data(data, 'sasl_log_table');
+ }
+ },
+ columns: [
+ {
+ title: lang.username,
+ data: 'username',
+ defaultContent: ''
+ },
+ {
+ title: lang.service,
+ data: 'service',
+ defaultContent: ''
+ },
+ {
+ title: 'IP',
+ data: 'real_rip',
+ defaultContent: '',
+ className: 'dtr-col-md text-break'
+ },
+ {
+ title: lang.login_time,
+ data: 'datetime',
+ defaultContent: '',
+ createdCell: function(td, cellData) {
+ cellData = Math.floor((new Date(data.replace(/-/g, "/"))).getTime() / 1000);
+ createSortableDate(td, cellData)
+ }
+ }
+ ]
+ });
+ }
+ function draw_acme_logs() {
+ // just recalc width if instance already exists
+ if ($.fn.DataTable.isDataTable('#acme_log') ) {
+ $('#acme_log').DataTable().columns.adjust().responsive.recalc();
+ return;
+ }
+
+ $('#acme_log').DataTable({
+ processing: true,
+ serverSide: false,
+ language: lang_datatables,
+ order: [[0, 'desc']],
+ ajax: {
+ type: "GET",
+ url: "/api/v1/get/logs/acme",
+ dataSrc: function(data){
+ return process_table_data(data, 'general_syslog');
+ }
+ },
+ columns: [
+ {
+ title: lang.time,
+ data: 'time',
+ defaultContent: '',
+ createdCell: function(td, cellData) {
+ createSortableDate(td, cellData)
+ }
+ },
+ {
+ title: lang.message,
+ data: 'message',
+ defaultContent: '',
+ className: 'dtr-col-md dtr-break-all'
+ }
+ ]
+ });
+ }
+ function draw_netfilter_logs() {
+ // just recalc width if instance already exists
+ if ($.fn.DataTable.isDataTable('#netfilter_log') ) {
+ $('#netfilter_log').DataTable().columns.adjust().responsive.recalc();
+ return;
+ }
+
+ $('#netfilter_log').DataTable({
+ processing: true,
+ serverSide: false,
+ language: lang_datatables,
+ order: [[0, 'desc']],
+ ajax: {
+ type: "GET",
+ url: "/api/v1/get/logs/netfilter",
+ dataSrc: function(data){
+ return process_table_data(data, 'general_syslog');
+ }
+ },
+ columns: [
+ {
+ title: lang.time,
+ data: 'time',
+ defaultContent: '',
+ createdCell: function(td, cellData) {
+ createSortableDate(td, cellData)
+ }
+ },
+ {
+ title: lang.priority,
+ data: 'priority',
+ defaultContent: ''
+ },
+ {
+ title: lang.message,
+ data: 'message',
+ defaultContent: '',
+ className: 'dtr-col-md text-break'
+ }
+ ]
+ });
+ }
+ function draw_sogo_logs() {
+ // just recalc width if instance already exists
+ if ($.fn.DataTable.isDataTable('#sogo_log') ) {
+ $('#sogo_log').DataTable().columns.adjust().responsive.recalc();
+ return;
+ }
+
+ $('#sogo_log').DataTable({
+ processing: true,
+ serverSide: false,
+ language: lang_datatables,
+ order: [[0, 'desc']],
+ ajax: {
+ type: "GET",
+ url: "/api/v1/get/logs/sogo",
+ dataSrc: function(data){
+ return process_table_data(data, 'general_syslog');
+ }
+ },
+ columns: [
+ {
+ title: lang.time,
+ data: 'time',
+ defaultContent: '',
+ createdCell: function(td, cellData) {
+ createSortableDate(td, cellData)
+ }
+ },
+ {
+ title: lang.priority,
+ data: 'priority',
+ defaultContent: ''
+ },
+ {
+ title: lang.message,
+ data: 'message',
+ defaultContent: '',
+ className: 'dtr-col-md text-break'
+ }
+ ]
+ });
+ }
+ function draw_dovecot_logs() {
+ // just recalc width if instance already exists
+ if ($.fn.DataTable.isDataTable('#dovecot_log') ) {
+ $('#dovecot_log').DataTable().columns.adjust().responsive.recalc();
+ return;
+ }
+
+ $('#dovecot_log').DataTable({
+ processing: true,
+ serverSide: false,
+ language: lang_datatables,
+ order: [[0, 'desc']],
+ ajax: {
+ type: "GET",
+ url: "/api/v1/get/logs/dovecot",
+ dataSrc: function(data){
+ return process_table_data(data, 'general_syslog');
+ }
+ },
+ columns: [
+ {
+ title: lang.time,
+ data: 'time',
+ defaultContent: '',
+ createdCell: function(td, cellData) {
+ createSortableDate(td, cellData)
+ }
+ },
+ {
+ title: lang.priority,
+ data: 'priority',
+ defaultContent: ''
+ },
+ {
+ title: lang.message,
+ data: 'message',
+ defaultContent: '',
+ className: 'dtr-col-md text-break'
+ }
+ ]
+ });
+ }
+ function rspamd_pie_graph() {
+ $.ajax({
+ url: '/api/v1/get/rspamd/actions',
+ async: true,
+ success: function(data){
+ console.log(data);
+
+ var total = 0;
+ $(data).map(function(){total += this[1];});
+ var labels = $.makeArray($(data).map(function(){return this[0] + ' ' + Math.round(this[1]/total * 100) + '%';}));
+ var values = $.makeArray($(data).map(function(){return this[1];}));
+ console.log(values);
+
+ var graphdata = {
+ labels: labels,
+ datasets: [{
+ data: values,
+ backgroundColor: ['#DC3023', '#59ABE3', '#FFA400', '#FFA400', '#26A65B']
+ }]
+ };
+
+ var options = {
+ responsive: true,
+ maintainAspectRatio: false,
+ plugins: {
+ datalabels: {
+ color: '#FFF',
+ font: {
+ weight: 'bold'
+ },
+ display: function(context) {
+ return context.dataset.data[context.dataIndex] !== 0;
+ },
+ formatter: function(value, context) {
+ return Math.round(value/total*100) + '%';
+ }
+ }
+ }
+ };
+ var chartcanvas = document.getElementById('rspamd_donut');
+ Chart.register('ChartDataLabels');
+ if(typeof chart == 'undefined') {
+ chart = new Chart(chartcanvas.getContext("2d"), {
+ plugins: [ChartDataLabels],
+ type: 'doughnut',
+ data: graphdata,
+ options: options
+ });
+ }
+ else {
+ chart.destroy();
+ chart = new Chart(chartcanvas.getContext("2d"), {
+ plugins: [ChartDataLabels],
+ type: 'doughnut',
+ data: graphdata,
+ options: options
+ });
+ }
+ }
+ });
+ }
+ function draw_rspamd_history() {
+ // just recalc width if instance already exists
+ if ($.fn.DataTable.isDataTable('#rspamd_history') ) {
+ $('#rspamd_history').DataTable().columns.adjust().responsive.recalc();
+ return;
+ }
+
+ $('#rspamd_history').DataTable({
+ processing: true,
+ serverSide: false,
+ language: lang_datatables,
+ order: [[0, 'desc']],
+ ajax: {
+ type: "GET",
+ url: "/api/v1/get/logs/rspamd-history",
+ dataSrc: function(data){
+ return process_table_data(data, 'rspamd_history');
+ }
+ },
+ columns: [
+ {
+ title: lang.time,
+ data: 'unix_time',
+ defaultContent: '',
+ createdCell: function(td, cellData) {
+ createSortableDate(td, cellData)
+ }
+ },
+ {
+ title: 'IP address',
+ data: 'ip',
+ defaultContent: ''
+ },
+ {
+ title: 'From',
+ data: 'sender_mime',
+ defaultContent: ''
+ },
+ {
+ title: 'To',
+ data: 'rcpt',
+ defaultContent: ''
+ },
+ {
+ title: 'Subject',
+ data: 'subject',
+ defaultContent: ''
+ },
+ {
+ title: 'Action',
+ data: 'action',
+ defaultContent: ''
+ },
+ {
+ title: 'Score',
+ data: 'score',
+ defaultContent: '',
+ createdCell: function(td, cellData) {
+ $(td).attr({
+ "data-order": cellData.sortBy,
+ "data-sort": cellData.sortBy
+ });
+ $(td).html(cellData.value);
+ }
+ },
+ {
+ title: 'Symbols',
+ data: 'symbols',
+ defaultContent: '',
+ className: 'none dtr-col-md'
+ },
+ {
+ title: 'Msg size',
+ data: 'size',
+ defaultContent: ''
+ },
+ {
+ title: 'Scan Time',
+ data: 'scan_time',
+ defaultContent: '',
+ createdCell: function(td, cellData) {
+ $(td).attr({
+ "data-order": cellData.sortBy,
+ "data-sort": cellData.sortBy
+ });
+ $(td).html(cellData.value);
+ }
+ },
+ {
+ title: 'ID',
+ data: 'message-id',
+ defaultContent: ''
+ },
+ {
+ title: 'Authenticated user',
+ data: 'user',
+ defaultContent: ''
+ }
+ ]
+ });
+ }
+ function process_table_data(data, table) {
+ if (table == 'rspamd_history') {
+ $.each(data, function (i, item) {
+ if (item.rcpt_mime != "") {
+ item.rcpt = escapeHtml(item.rcpt_mime.join(", "));
+ }
+ else {
+ item.rcpt = escapeHtml(item.rcpt_smtp.join(", "));
+ }
+ item.symbols = Object.keys(item.symbols).sort(function (a, b) {
+ if (item.symbols[a].score === 0) return 1
+ if (item.symbols[b].score === 0) return -1
+ if (item.symbols[b].score < 0 && item.symbols[a].score < 0) {
+ return item.symbols[a].score - item.symbols[b].score
+ }
+ if (item.symbols[b].score > 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 = '(<span class="text-success"><b>' + sym.score + '</b></span>)'
+ }
+ else if (sym.score === 0) {
+ sym.score_formatted = '(<span><b>' + sym.score + '</b></span>)'
+ }
+ else {
+ sym.score_formatted = '(<span class="text-danger"><b>' + sym.score + '</b></span>)'
+ }
+ var str = '<strong>' + key + '</strong> ' + sym.score_formatted;
+ if (sym.options) {
+ str += ' [' + escapeHtml(sym.options.join(", ")) + "]";
+ }
+ return str
+ }).join('<br>\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 = {
+ "sortBy": item.time_real,
+ "value": scan_time
+ };
+ if (item.action === 'clean' || item.action === 'no action') {
+ item.action = "<div class='badge fs-6 bg-success'>" + item.action + "</div>";
+ } else if (item.action === 'rewrite subject' || item.action === 'add header' || item.action === 'probable spam') {
+ item.action = "<div class='badge fs-6 bg-warning'>" + item.action + "</div>";
+ } else if (item.action === 'spam' || item.action === 'reject') {
+ item.action = "<div class='badge fs-6 bg-danger'>" + item.action + "</div>";
+ } else {
+ item.action = "<div class='badge fs-6 bg-info'>" + item.action + "</div>";
+ }
+ var score_content;
+ if (item.score < item.required_score) {
+ score_content = "[ <span class='text-success'>" + item.score.toFixed(2) + " / " + item.required_score + "</span> ]";
+ } else {
+ score_content = "[ <span class='text-danger'>" + item.score.toFixed(2) + " / " + item.required_score + "</span> ]";
+ }
+ item.score = {
+ "sortBy": 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 = '<span style="font-size:small">' + item.ua + '</span>';
+ if (item.service == "activesync") {
+ item.service = '<span class="badge fs-6 bg-info">ActiveSync</span>';
+ }
+ else if (item.service == "imap") {
+ item.service = '<span class="badge fs-6 bg-success">IMAP, SMTP, Cal-/CardDAV</span>';
+ }
+ else {
+ item.service = '<span class="badge fs-6 bg-danger">' + escapeHtml(item.service) + '</span>';
+ }
+ });
+ } 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 = '<span class="badge fs-6 bg-danger"><i class="bi bi-caret-down-fill"></i> ' + item.hpdiff + '</span>';
+ }
+ else if (item.hpdiff == 0) {
+ item.trend = '<span class="badge fs-6 bg-info"><i class="bi bi-caret-right-fill"></i> ' + item.hpdiff + '</span>';
+ }
+ else {
+ item.trend = '<span class="badge fs-6 bg-success"><i class="bi bi-caret-up-fill"></i> ' + item.hpdiff + '</span>';
+ }
+ }
+ 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 = '<code>' + item.task + '</code>';
+ item.type = '<span class="badge fs-6 bg-' + item.type + '">' + item.type + '</span>';
+ });
+ } else if (table == 'sasl_log_table') {
+ $.each(data, function (i, item) {
+ if (item === null) { return true; }
+ item.username = escapeHtml(item.username);
+ item.service = '<div class="badge fs-6 bg-secondary">' + item.service.toUpperCase() + '</div>';
+ });
+ } 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, "<br />");
+ } 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 = '<span class="badge fs-6 bg-danger">' + item.priority + '</span>';
+ } else if (jQuery.inArray(item.priority, warning_class) !== -1) {
+ item.priority = '<span class="badge fs-6 bg-warning">' + item.priority + '</span>';
+ } else if (jQuery.inArray(item.priority, info_class) !== -1) {
+ item.priority = '<span class="badge fs-6 bg-info">' + item.priority + '</span>';
+ }
+ });
+ } else if (table == 'apilog') {
+ $.each(data, function (i, item) {
+ if (item === null) { return true; }
+ if (item.method == 'GET') {
+ item.method = '<span class="badge fs-6 bg-success">' + item.method + '</span>';
+ } else if (item.method == 'POST') {
+ item.method = '<span class="badge fs-6 bg-warning">' + item.method + '</span>';
+ }
+ 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 = '<span style="border-right:6px solid #' + intToRGB(hashCode(item.rl_hash)) + ';padding-left:5px;"> </span>';
+ if (item.rl_hash != 'err') {
+ item.action = '<a href="#" data-action="delete_selected" data-id="single-hash" data-api-url="delete/rlhash" data-item="' + encodeURI(item.rl_hash) + '" class="btn btn-xs btn-danger"><i class="bi bi-trash"></i> ' + lang.reset_limit + '</a>';
+ }
+ });
+ }
+ 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;
+ }
+
+ 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());
+
+
+
+ // 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(timeout=5){
+ if (!$('#tab-containers').hasClass('active')) {
+ // tab not active - dont fetch stats - run again in n seconds
+ return;
+ }
+
+ window.fetch("/api/v1/get/status/host", {method:'GET',cache:'no-cache'}).then(function(response) {
+ return response.json();
+ }).then(function(data) {
+ 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() + "%");
+
+ // 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();
+
+ 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();
+
+ 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){
+
+ if ($('#tab-containers').hasClass('active')) {
+ for (let container in containersToUpdate){
+ container_id = containersToUpdate[container].id;
+ // check if container update stats is already running
+ if (containersToUpdate[container].state == "running")
+ continue;
+ containersToUpdate[container].state = "running";
+
+
+ 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];
+
+ // hide spinners if we collected enough data
+ $('#' + container + "_DiskIOChart").removeClass('d-none');
+ $('#' + container + "_DiskIOChart").prev().addClass('d-none');
+ $('#' + container + "_NetIOChart").removeClass('d-none');
+ $('#' + container + "_NetIOChart").prev().addClass('d-none');
+ }
+
+ data = data[data.length -1];
+
+ 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
+ if ('io_service_bytes_recursive' in prev_stats.blkio_stats && prev_stats.blkio_stats.io_service_bytes_recursive !== null){
+ 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
+ if ('networks' in prev_stats){
+ 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
+ setTimeout(update_container_stats, timeout * 1000);
+}
+// get public ips
+function get_public_ips(){
+ window.fetch("/api/v1/get/status/host/ip", {method:'GET',cache:'no-cache'}).then(function(response) {
+ return response.json();
+ }).then(function(data) {
+ console.log(data);
+
+ // display host ips
+ if (data.ipv4)
+ $("#host_ipv4").text(data.ipv4);
+ if (data.ipv6)
+ $("#host_ipv6").text(data.ipv6);
+ });
+}
+// 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;
+}
+// format bytes to readable string
+function formatBytes(bytes){
+ // b
+ if (bytes < 1000) return bytes.toFixed(2).toString()+' B/s';
+ // b to kb
+ bytes = bytes / 1024;
+ if (bytes < 1000) return bytes.toFixed(2).toString()+' KB/s';
+ // kb to mb
+ bytes = bytes / 1024;
+ if (bytes < 1000) return bytes.toFixed(2).toString()+' MB/s';
+ // final mb to gb
+ return (bytes / 1024).toFixed(2).toString()+' GB/s';
+}
+// create read write line chart
+function createReadWriteChart(chart_id, read_lable, write_lable){
+ var ctx = document.getElementById(chart_id);
+
+ var dataNet = {
+ labels: [],
+ datasets: [{
+ label: read_lable,
+ backgroundColor: "rgba(41, 187, 239, 0.3)",
+ borderColor: "rgba(41, 187, 239, 0.6)",
+ pointRadius: 1,
+ pointHitRadius: 6,
+ borderWidth: 2,
+ fill: true,
+ tension: 0.2,
+ data: []
+ }, {
+ label: write_lable,
+ backgroundColor: "rgba(239, 60, 41, 0.3)",
+ borderColor: "rgba(239, 60, 41, 0.6)",
+ pointRadius: 1,
+ pointHitRadius: 6,
+ borderWidth: 2,
+ fill: true,
+ tension: 0.2,
+ data: []
+ }]
+ };
+ var optionsNet = {
+ interaction: {
+ mode: 'index'
+ },
+ scales: {
+ yAxis: {
+ min: 0,
+ grid: {
+ display: false
+ },
+ ticks: {
+ callback: function(i, index, ticks) {
+ return formatBytes(i);
+ }
+ }
+ },
+ xAxis: {
+ grid: {
+ display: false
+ }
+ }
+ }
+ };
+
+ 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 dataCpu = {
+ labels: [],
+ datasets: [{
+ label: "CPU %",
+ backgroundColor: "rgba(41, 187, 239, 0.3)",
+ borderColor: "rgba(41, 187, 239, 0.6)",
+ pointRadius: 1,
+ pointHitRadius: 6,
+ borderWidth: 2,
+ fill: true,
+ tension: 0.2,
+ data: []
+ }]
+ };
+ 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,
+ fill: true,
+ tension: 0.2,
+ data: []
+ }]
+ };
+ var optionsMem = {
+ 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 net_io_chart = new Chart(cpu_ctx, {
+ type: 'line',
+ data: dataCpu,
+ options: optionsCpu
+ });
+ var disk_io_chart = new Chart(mem_ctx, {
+ type: 'line',
+ data: dataMem,
+ options: optionsMem
+ });
+}
+// check for mailcow updates
+function check_update(current_version, github_repo_url){
+ if (!current_version || !github_repo_url) return false;
+
+ 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("<b>" + lang_debug.no_update_available + "</b>");
+ } else {
+ // update available
+ $("#mailcow_update").removeClass("text-danger text-success").addClass("text-warning");
+ $("#mailcow_update").html(lang_debug.update_available + ` <a href="#" id="mailcow_update_changelog">`+latest_data.tag_name+`</a>`);
+ $("#mailcow_update_changelog").click(function(){
+ if (mailcow_cc_role !== "admin" && mailcow_cc_role !== "domainadmin")
+ return;
+
+ showVersionModal("New Release " + latest_data.tag_name, latest_data.tag_name);
+ })
+ }
+ }).catch(err => {
+ // err
+ console.log(err);
+ $("#mailcow_update").removeClass("text-success text-warning").addClass("text-danger");
+ $("#mailcow_update").html("<b>"+ lang_debug.update_failed +"</b>");
+ });
+ }).catch(err => {
+ // err
+ console.log(err);
+ $("#mailcow_update").removeClass("text-success text-warning").addClass("text-danger");
+ $("#mailcow_update").html("<b>"+ lang_debug.update_failed +"</b>");
+ });
+}
+// show version changelog modal
+function showVersionModal(title, version){
+ $.ajax({
+ type: 'GET',
+ url: 'https://api.github.com/repos/' + mailcow_info.project_owner + '/' + mailcow_info.project_repo + '/releases/tags/' + version,
+ dataType: 'json',
+ success: function (data) {
+ var md = window.markdownit();
+ var result = md.render(data.body);
+ result = parseGithubMarkdownLinks(result);
+
+ $('#showVersionModal').find(".modal-title").html(title);
+ $('#showVersionModal').find(".modal-body").html(`
+ <h3>` + data.name + `</h3>
+ <span class="mt-4">` + result + `</span>
+ <span><b>Github Link:</b>
+ <a target="_blank" href="https://github.com/` + mailcow_info.project_owner + `/` + mailcow_info.project_repo + `/releases/tag/` + version + `">` + version + `</a>
+ </span>
+ `);
+
+ new bootstrap.Modal(document.getElementById("showVersionModal"), {
+ backdrop: 'static',
+ keyboard: false
+ }).show();
+ }
+ });
+}
+function parseGithubMarkdownLinks(inputText) {
+ var replacedText, replacePattern1;
+
+ replacePattern1 = /(\b(https?):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/gim;
+ replacedText = inputText.replace(replacePattern1, (matched, index, original, input_string) => {
+ if (matched.includes('github.com')){
+ // return short link if it's github link
+ last_uri_path = matched.split('/');
+ last_uri_path = last_uri_path[last_uri_path.length - 1];
+
+ // adjust Full Changelog link to match last git version and new git version, if link is a compare link
+ if (matched.includes('/compare/') && mailcow_info.last_version_tag !== ''){
+ matched = matched.replace(last_uri_path, mailcow_info.last_version_tag + '...' + mailcow_info.version_tag);
+ last_uri_path = mailcow_info.last_version_tag + '...' + mailcow_info.version_tag;
+ }
+
+ return '<a href="' + matched + '" target="_blank">' + last_uri_path + '</a><br>';
+ };
+
+ // if it's not a github link, return complete link
+ return '<a href="' + matched + '" target="_blank">' + matched + '</a>';
+ });
+
+ return replacedText;
+}
+
+function convertTimestampToLocalFormat(timestamp) {
+ var date = new Date(timestamp ? timestamp * 1000 : 0);
+ return date.toLocaleDateString(LOCALE, DATETIME_FORMAT);
+}
diff --git a/mailcow/src/mailcow-dockerized/data/web/js/site/edit.js b/mailcow/src/mailcow-dockerized/data/web/js/site/edit.js
index 786a599..55a8e6b 100644
--- a/mailcow/src/mailcow-dockerized/data/web/js/site/edit.js
+++ b/mailcow/src/mailcow-dockerized/data/web/js/site/edit.js
@@ -57,6 +57,17 @@
$("#multiple_bookings_custom").bind("change keypress keyup blur", function() {
$('input[name=multiple_bookings]').val($("#multiple_bookings_custom").val());
});
+
+ // load tags
+ if ($('#tags').length){
+ var tagsEl = $('#tags').parent().find('.tag-values')[0];
+ console.log($(tagsEl).val())
+ var tags = JSON.parse($(tagsEl).val());
+ $(tagsEl).val("");
+
+ for (var i = 0; i < tags.length; i++)
+ addTag($('#tags'), tags[i]);
+ }
});
jQuery(function($){
@@ -66,22 +77,14 @@
return re.test(email);
}
function draw_wl_policy_domain_table() {
- ft_wl_policy_mailbox_table = FooTable.init('#wl_policy_domain_table', {
- "columns": [
- {"name":"chkbox","title":"","style":{"maxWidth":"40px","width":"40px"},"filterable": false,"sortable": false,"type":"html"},
- {"name":"prefid","style":{"maxWidth":"40px","width":"40px"},"title":"ID","filterable": false,"sortable": false},
- {"sorted": true,"name":"value","title":lang_user.spamfilter_table_rule},
- {"name":"object","title":"Scope"}
- ],
- "empty": lang_user.empty,
- "rows": $.ajax({
- dataType: 'json',
+ $('#wl_policy_domain_table').DataTable({
+ processing: true,
+ serverSide: false,
+ language: lang_datatables,
+ ajax: {
+ type: "GET",
url: '/api/v1/get/policy_wl_domain/' + table_for_domain,
- jsonp: false,
- error: function () {
- console.log('Cannot draw mailbox policy wl table');
- },
- success: function (data) {
+ dataSrc: function(data){
$.each(data, function (i, item) {
if (!validateEmail(item.object)) {
item.chkbox = '<input type="checkbox" data-id="policy_wl_domain" name="multi_select" value="' + item.prefid + '" />';
@@ -90,35 +93,53 @@
item.chkbox = '<input type="checkbox" disabled title="' + lang_user.spamfilter_table_domain_policy + '" />';
}
});
+
+ return data;
}
- }),
- "paging": {
- "enabled": true,
- "limit": 5,
- "size": pagination_size
},
- "sorting": {
- "enabled": true
- }
+ columns: [
+ {
+ // placeholder, so checkbox will not block child row toggle
+ title: '',
+ data: null,
+ searchable: false,
+ orderable: false,
+ defaultContent: ''
+ },
+ {
+ title: '',
+ data: 'chkbox',
+ searchable: false,
+ orderable: false,
+ defaultContent: ''
+ },
+ {
+ title: 'ID',
+ data: 'prefid',
+ defaultContent: ''
+ },
+ {
+ title: lang_user.spamfilter_table_rule,
+ data: 'value',
+ defaultContent: ''
+ },
+ {
+ title: 'Scope',
+ data: 'object',
+ defaultContent: ''
+ }
+ ]
});
}
function draw_bl_policy_domain_table() {
- ft_bl_policy_mailbox_table = FooTable.init('#bl_policy_domain_table', {
- "columns": [
- {"name":"chkbox","title":"","style":{"maxWidth":"40px","width":"40px"},"filterable": false,"sortable": false,"type":"html"},
- {"name":"prefid","style":{"maxWidth":"40px","width":"40px"},"title":"ID","filterable": false,"sortable": false},
- {"sorted": true,"name":"value","title":lang_user.spamfilter_table_rule},
- {"name":"object","title":"Scope"}
- ],
- "empty": lang_user.empty,
- "rows": $.ajax({
- dataType: 'json',
+ $('#bl_policy_domain_table').DataTable({
+ processing: true,
+ serverSide: false,
+ language: lang_datatables,
+ ajax: {
+ type: "GET",
url: '/api/v1/get/policy_bl_domain/' + table_for_domain,
- jsonp: false,
- error: function () {
- console.log('Cannot draw mailbox policy bl table');
- },
- success: function (data) {
+ dataSrc: function(data){
$.each(data, function (i, item) {
if (!validateEmail(item.object)) {
item.chkbox = '<input type="checkbox" data-id="policy_bl_domain" name="multi_select" value="' + item.prefid + '" />';
@@ -127,18 +148,63 @@
item.chkbox = '<input type="checkbox" disabled tooltip="' + lang_user.spamfilter_table_domain_policy + '" />';
}
});
+
+ return data;
}
- }),
- "paging": {
- "enabled": true,
- "limit": 5,
- "size": pagination_size
},
- "sorting": {
- "enabled": true
- }
+ columns: [
+ {
+ // placeholder, so checkbox will not block child row toggle
+ title: '',
+ data: null,
+ searchable: false,
+ orderable: false,
+ defaultContent: ''
+ },
+ {
+ title: '',
+ data: 'chkbox',
+ searchable: false,
+ orderable: false,
+ defaultContent: ''
+ },
+ {
+ title: 'ID',
+ data: 'prefid',
+ defaultContent: ''
+ },
+ {
+ title: lang_user.spamfilter_table_rule,
+ data: 'value',
+ defaultContent: ''
+ },
+ {
+ title: 'Scope',
+ data: 'object',
+ defaultContent: ''
+ }
+ ]
});
}
- draw_wl_policy_domain_table();
- draw_bl_policy_domain_table();
+
+
+ // 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);
+ observer.disconnect();
+ }
+ });
+ }).observe(element_object);
+ });
+ }
+ // Draw Table if tab is active
+ onVisible("[id^=wl_policy_domain_table]", () => draw_wl_policy_domain_table());
+ onVisible("[id^=bl_policy_domain_table]", () => draw_bl_policy_domain_table());
});
diff --git a/mailcow/src/mailcow-dockerized/data/web/js/site/index.js b/mailcow/src/mailcow-dockerized/data/web/js/site/index.js
index 1b3e56a..4c812a3 100644
--- a/mailcow/src/mailcow-dockerized/data/web/js/site/index.js
+++ b/mailcow/src/mailcow-dockerized/data/web/js/site/index.js
@@ -1,3 +1,5 @@
$(document).ready(function() {
+ var theme = localStorage.getItem("theme");
localStorage.clear();
+ localStorage.setItem("theme", theme);
});
diff --git a/mailcow/src/mailcow-dockerized/data/web/js/site/mailbox.js b/mailcow/src/mailcow-dockerized/data/web/js/site/mailbox.js
index 745c4f2..12c4bb4 100644
--- a/mailcow/src/mailcow-dockerized/data/web/js/site/mailbox.js
+++ b/mailcow/src/mailcow-dockerized/data/web/js/site/mailbox.js
@@ -1,75 +1,6 @@
$(document).ready(function() {
acl_data = JSON.parse(acl);
- FooTable.domainFilter = FooTable.Filtering.extend({
- construct: function(instance){
- this._super(instance);
- this.def = lang.all_domains;
- this.$domain = null;
- },
- $create: function(){
- this._super();
- var self = this;
- var domains = [];
-
- $.each(self.ft.rows.all, function(i, row){
- if((row.val().domain != null) && ($.inArray(row.val().domain, domains) === -1)) domains.push(row.val().domain);
- });
-
- $form_grp = $('<div/>', {'class': 'form-group'})
- .append($('<label/>', {'class': 'sr-only', text: 'Domain'}))
- .prependTo(self.$form);
- self.$domain = $('<select/>', { 'class': 'aform-control' })
- .on('change', {self: self}, self._onDomainDropdownChanged)
- .append($('<option/>', {text: self.def}))
- .appendTo($form_grp);
-
- $.each(domains, function(i, domain){
- domainname = $($.parseHTML(domain)).data('domainname')
- if (domainname !== undefined) {
- self.$domain.append($('<option/>').text(domainname));
- } else {
- self.$domain.append($('<option/>').text(domain));
- }
- });
- },
- _onDomainDropdownChanged: function(e){
- var self = e.data.self,
- selected = $(this).val();
- if (selected !== self.def){
- self.addFilter('domain', selected, ['domain']);
- } else {
- self.removeFilter('domain');
- }
- self.filter();
- },
- draw: function(){
- this._super();
- var domain = this.find('domain');
- if (domain instanceof FooTable.Filter){
- this.$domain.val(domain.query.val());
- } else {
- this.$domain.val(this.def);
- }
- $(this.$domain).closest("select").selectpicker();
- }
- });
// Set paging
- $('[data-page-size]').on('click', function(e){
- e.preventDefault();
- var new_size = $(this).data('page-size');
- var parent_ul = $(this).closest('ul');
- var table_id = $(parent_ul).data('table-id');
- FooTable.get('#' + table_id).pageSize(new_size);
- //$(this).parent().addClass('active').siblings().removeClass('active')
- heading = $(this).parents('.panel').find('.panel-heading')
- var n_results = $(heading).children('.table-lines').text().split(' / ')[1];
- $(heading).children('.table-lines').text(function(){
- if (new_size > n_results) {
- new_size = n_results;
- }
- return new_size + ' / ' + n_results;
- })
- });
// Clone mailbox mass actions
$("div").find("[data-actions-header='true'").each(function() {
$(this).html($(this).nextAll('.mass-actions-mailbox:first').html());
@@ -99,37 +30,6 @@
});
auto_fill_quota($('#addSelectDomain').val());
- // Read bcc local dests
- // Using ajax to not be a blocking moo
- $.get("/api/v1/get/bcc-destination-options", function(data){
- // Domains
- var optgroup = "<optgroup label='" + lang.domains + "'>";
- $.each(data.domains, function(index, domain){
- optgroup += "<option value='" + domain + "'>" + domain + "</option>"
- });
- optgroup += "</optgroup>"
- $('#bcc-local-dest').append(optgroup);
- // Alias domains
- var optgroup = "<optgroup label='" + lang.domain_aliases + "'>";
- $.each(data.alias_domains, function(index, alias_domain){
- optgroup += "<option value='" + alias_domain + "'>" + alias_domain + "</option>"
- });
- optgroup += "</optgroup>"
- $('#bcc-local-dest').append(optgroup);
- // Mailboxes and aliases
- $.each(data.mailboxes, function(mailbox, aliases){
- var optgroup = "<optgroup label='" + mailbox + "'>";
- $.each(aliases, function(index, alias){
- optgroup += "<option value='" + alias + "'>" + alias + "</option>"
- });
- optgroup += "</optgroup>"
- $('#bcc-local-dest').append(optgroup);
- });
- // Finish
- $('#bcc-local-dest').find('option:selected').remove();
- $('#bcc-local-dest').selectpicker('refresh');
- });
-
$(".goto_checkbox").click(function( event ) {
$("form[data-id='add_alias'] .goto_checkbox").not(this).prop('checked', false);
if ($("form[data-id='add_alias'] .goto_checkbox:checked").length > 0) {
@@ -165,7 +65,7 @@
// Log modal
$('#dnsInfoModal').on('show.bs.modal', function(e) {
var domain = $(e.relatedTarget).data('domain');
- $('.dns-modal-body').html('<center><i class="bi bi-arrow-repeat icon-spin"></i></center>');
+ $('.dns-modal-body').html('<div class="spinner-border" role="status"><span class="visually-hidden">Loading...</span></div>');
$.ajax({
url: '/inc/ajax/dns_diagnostics.php',
data: { domain: domain },
@@ -177,6 +77,90 @@
$('.dns-modal-body').html(xhr.responseText);
}
});
+ });
+ // @Open Domain add modal
+ $('#addDomainModal').on('show.bs.modal', function(e) {
+ $.ajax({
+ url: '/api/v1/get/domain/template/all',
+ data: {},
+ dataType: 'json',
+ success: async function(data){
+ $('#domain_templates').find('option').remove();
+ $('#domain_templates').selectpicker('destroy');
+ $('#domain_templates').selectpicker();
+ for (var i = 0; i < data.length; i++){
+ if (data[i].template === "Default"){
+ $('#domain_templates').prepend($('<option>', {
+ 'value': data[i].id,
+ 'text': data[i].template,
+ 'data-attributes': JSON.stringify(data[i].attributes),
+ 'selected': true
+ }));
+ setDomainTemplateData(data[i].attributes);
+ } else {
+ $('#domain_templates').append($('<option>', {
+ 'value': data[i].id,
+ 'text': data[i].template,
+ 'data-attributes': JSON.stringify(data[i].attributes),
+ 'selected': false
+ }));
+ }
+ };
+ $('#domain_templates').selectpicker("refresh");
+
+ // @selecting template
+ $('#domain_templates').on('change', function(){
+ var selected = $('#domain_templates option:selected');
+ var attr = selected.data('attributes');
+ setDomainTemplateData(attr);
+ });
+ },
+ error: function(xhr, status, error) {
+ console.log(error);
+ }
+ });
+ });
+ // @Open Mailbox add modal
+ $('#addMailboxModal').on('show.bs.modal', function(e) {
+ $.ajax({
+ url: '/api/v1/get/mailbox/template/all',
+ data: {},
+ dataType: 'json',
+ success: async function(data){
+ $('#mailbox_templates').find('option').remove();
+ $('#mailbox_templates').selectpicker('destroy');
+ $('#mailbox_templates').selectpicker();
+ for (var i = 0; i < data.length; i++){
+ if (data[i].template === "Default"){
+ $('#mailbox_templates').prepend($('<option>', {
+ 'value': data[i].id,
+ 'text': data[i].template,
+ 'data-attributes': JSON.stringify(data[i].attributes),
+ 'selected': true
+ }));
+ setMailboxTemplateData(data[i].attributes);
+ } else {
+ $('#mailbox_templates').append($('<option>', {
+ value: data[i].id,
+ text : data[i].template,
+ 'data-attributes': JSON.stringify(data[i].attributes),
+ 'selected': false
+ }));
+ }
+ };
+ $('#mailbox_templates').selectpicker("refresh");
+
+ // @selecting template
+ $('#mailbox_templates').on('change', function(){
+ var selected = $('#mailbox_templates option:selected');
+ var attr = selected.data('attributes');
+ setMailboxTemplateData(attr);
+ });
+ },
+ error: function(xhr, status, error) {
+ console.log(error);
+ }
+ });
});
// Sieve data modal
$('#sieveDataModal').on('show.bs.modal', function(e) {
@@ -233,204 +217,614 @@
$("#multiple_bookings").val($("#multiple_bookings_custom").val());
});
+ function setDomainTemplateData(template){
+ $("#addDomain_max_aliases").val(template.max_num_aliases_for_domain);
+ $("#addDomain_max_mailboxes").val(template.max_num_mboxes_for_domain);
+ $("#addDomain_mailbox_quota_def").val(template.def_quota_for_mbox / 1048576);
+ $("#addDomain_mailbox_quota_m").val(template.max_quota_for_mbox / 1048576);
+ $("#addDomain_domain_quota_m").val(template.max_quota_for_domain / 1048576);
+ if (template.gal == 1){
+ $('#addDomain_gal').prop('checked', true);
+ } else {
+ $('#addDomain_gal').prop('checked', false);
+ }
+
+ if (template.active == 1){
+ $('#addDomain_active').prop('checked', true);
+ } else {
+ $('#addDomain_active').prop('checked', false);
+ }
+
+ $("#addDomain_rl_value").val(template.rl_value);
+ $('#addDomain_rl_frame').selectpicker('val', template.rl_frame);
+ $("#dkim_selector").val(template.dkim_selector);
+ if (!template.key_size)
+ template.key_size = 2048;
+ $('#key_size').selectpicker('val', template.key_size.toString());
+
+ if (template.backupmx == 1){
+ $('#addDomain_relay_domain').prop('checked', true);
+ } else {
+ $('#addDomain_relay_domain').prop('checked', false);
+ }
+ if (template.relay_all_recipients == 1){
+ $('#addDomain_relay_all').prop('checked', true);
+ } else {
+ $('#addDomain_relay_all').prop('checked', false);
+ }
+ if (template.relay_unknown_only == 1){
+ $('#addDomain_relay_unknown_only').prop('checked', true);
+ } else {
+ $('#addDomain_relay_unknown_only').prop('checked', false);
+ }
+
+
+ // load tags
+ $('#addDomain_tags').val("");
+ $($('#addDomain_tags').parent().find(".tag-values")[0]).val("");
+ $('#addDomain_tags').parent().find(".tag-badge").remove();
+ for (var i = 0; i < template.tags.length; i++)
+ addTag($('#addDomain_tags'), template.tags[i]);
+ }
+ function setMailboxTemplateData(template){
+ $("#addInputQuota").val(template.quota / 1048576);
+
+ if (template.quarantine_notification === "never"){
+ $('#quarantine_notification_never').prop('checked', true);
+ $('#quarantine_notification_hourly').prop('checked', false);
+ $('#quarantine_notification_daily').prop('checked', false);
+ $('#quarantine_notification_weekly').prop('checked', false);
+ } else if(template.quarantine_notification === "hourly"){
+ $('#quarantine_notification_never').prop('checked', false);
+ $('#quarantine_notification_hourly').prop('checked', true);
+ $('#quarantine_notification_daily').prop('checked', false);
+ $('#quarantine_notification_weekly').prop('checked', false);
+ } else if(template.quarantine_notification === "daily"){
+ $('#quarantine_notification_never').prop('checked', false);
+ $('#quarantine_notification_hourly').prop('checked', false);
+ $('#quarantine_notification_daily').prop('checked', true);
+ $('#quarantine_notification_weekly').prop('checked', false);
+ } else if(template.quarantine_notification === "weekly"){
+ $('#quarantine_notification_never').prop('checked', false);
+ $('#quarantine_notification_hourly').prop('checked', false);
+ $('#quarantine_notification_daily').prop('checked', false);
+ $('#quarantine_notification_weekly').prop('checked', true);
+ } else {
+ $('#quarantine_notification_never').prop('checked', false);
+ $('#quarantine_notification_hourly').prop('checked', false);
+ $('#quarantine_notification_daily').prop('checked', false);
+ $('#quarantine_notification_weekly').prop('checked', false);
+ }
+
+ if (template.quarantine_category === "reject"){
+ $('#quarantine_category_reject').prop('checked', true);
+ $('#quarantine_category_add_header').prop('checked', false);
+ $('#quarantine_category_all').prop('checked', false);
+ } else if(template.quarantine_category === "add_header"){
+ $('#quarantine_category_reject').prop('checked', false);
+ $('#quarantine_category_add_header').prop('checked', true);
+ $('#quarantine_category_all').prop('checked', false);
+ } else if(template.quarantine_category === "all"){
+ $('#quarantine_category_reject').prop('checked', false);
+ $('#quarantine_category_add_header').prop('checked', false);
+ $('#quarantine_category_all').prop('checked', true);
+ }
+
+ if (template.tls_enforce_in == 1){
+ $('#tls_enforce_in').prop('checked', true);
+ } else {
+ $('#tls_enforce_in').prop('checked', false);
+ }
+ if (template.tls_enforce_out == 1){
+ $('#tls_enforce_out').prop('checked', true);
+ } else {
+ $('#tls_enforce_out').prop('checked', false);
+ }
+
+ var protocol_access = [];
+ if (template.imap_access == 1){
+ protocol_access.push("imap");
+ }
+ if (template.pop3_access == 1){
+ protocol_access.push("pop3");
+ }
+ if (template.smtp_access == 1){
+ protocol_access.push("smtp");
+ }
+ if (template.sieve_access == 1){
+ protocol_access.push("sieve");
+ }
+ $('#protocol_access').selectpicker('val', protocol_access);
+
+ var acl = [];
+ if (template.acl_spam_alias == 1){
+ acl.push("spam_alias");
+ }
+ if (template.acl_tls_policy == 1){
+ acl.push("tls_policy");
+ }
+ if (template.acl_spam_score == 1){
+ acl.push("spam_score");
+ }
+ if (template.acl_spam_policy == 1){
+ acl.push("spam_policy");
+ }
+ if (template.acl_delimiter_action == 1){
+ acl.push("delimiter_action");
+ }
+ if (template.acl_syncjobs == 1){
+ acl.push("syncjobs");
+ }
+ if (template.acl_eas_reset == 1){
+ acl.push("eas_reset");
+ }
+ if (template.acl_sogo_profile_reset == 1){
+ acl.push("sogo_profile_reset");
+ }
+ if (template.acl_pushover == 1){
+ acl.push("pushover");
+ }
+ if (template.acl_quarantine == 1){
+ acl.push("quarantine");
+ }
+ if (template.acl_quarantine_attachments == 1){
+ acl.push("quarantine_attachments");
+ }
+ if (template.acl_quarantine_notification == 1){
+ acl.push("quarantine_notification");
+ }
+ if (template.acl_quarantine_category == 1){
+ acl.push("quarantine_category");
+ }
+ if (template.acl_app_passwds == 1){
+ acl.push("app_passwds");
+ }
+ $('#user_acl').selectpicker('val', acl);
+
+ $('#rl_value').val(template.rl_value);
+ if (template.rl_frame){
+ $('#rl_frame').selectpicker('val', template.rl_frame);
+ }
+
+ console.log(template.active)
+ if (template.active){
+ $('#mbox_active').selectpicker('val', template.active.toString());
+ } else {
+ $('#mbox_active').selectpicker('val', '');
+ }
+
+ if (template.force_pw_update == 1){
+ $('#force_pw_update').prop('checked', true);
+ } else {
+ $('#force_pw_update').prop('checked', false);
+ }
+ if (template.sogo_access == 1){
+ $('#sogo_access').prop('checked', true);
+ } else {
+ $('#sogo_access').prop('checked', false);
+ }
+
+ // load tags
+ $('#addMailbox_tags').val("");
+ $($('#addMailbox_tags').parent().find(".tag-values")[0]).val("");
+ $('#addMailbox_tags').parent().find(".tag-badge").remove();
+ for (var i = 0; i < template.tags.length; i++)
+ addTag($('#addMailbox_tags'), template.tags[i]);
+ }
});
jQuery(function($){
- // 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]})}
// http://stackoverflow.com/questions/46155/validate-email-address-in-javascript
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<B.length-1);return i.toFixed(1)+" "+B[e]}
- function unix_time_format(i){return""==i?'<i class="bi bi-x-lg"></i>':new Date(i?1e3*i:0).toLocaleDateString(void 0,{year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit"})}
+ function unix_time_format(i){return""==i?'<i class="bi bi-x"></i>':new Date(i?1e3*i:0).toLocaleDateString(void 0,{year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit"})}
+
$(".refresh_table").on('click', function(e) {
e.preventDefault();
var table_name = $(this).data('table');
- $('#' + table_name).find("tr.footable-empty").remove();
- draw_table = $(this).data('draw');
- eval(draw_table + '()');
+
+ if ($.fn.DataTable.isDataTable('#' + table_name))
+ $('#' + table_name).DataTable().ajax.reload();
});
- function table_mailbox_ready(ft, name) {
- if(is_dual) {
- $('.login_as').data("toggle", "tooltip")
- .attr("disabled", true)
- .removeAttr("href")
- .attr("title", "Dual login cannot be used twice")
- .tooltip();
- }
- $('.refresh_table').prop("disabled", false);
- heading = ft.$el.parents('.panel').find('.panel-heading')
- var ft_paging = ft.use(FooTable.Paging)
- $(heading).children('.table-lines').text(function(){
- var total_rows = ft_paging.totalRows;
- var size = ft_paging.size;
- if (size > total_rows) {
- size = total_rows;
- }
- return size + ' / ' + total_rows;
- })
- }
function draw_domain_table() {
- ft_domain_table = FooTable.init('#domain_table', {
- "columns": [
- {"name":"chkbox","title":"","style":{"min-width":"60px","width":"60px"},"filterable": false,"sortable": false,"type":"html"},
- {"sorted": true,"name":"domain_name","title":lang.domain,"style":{"width":"250px"}},
- {"name":"aliases","title":lang.aliases,"breakpoints":"xs sm"},
- {"name":"mailboxes","title":lang.mailboxes},
- {"name":"quota","style":{"whiteSpace":"nowrap"},"title":lang.domain_quota,"formatter": function(value){
- res = value.split("/");
- return humanFileSize(res[0]) + " / " + humanFileSize(res[1]);
- },
- "sortValue": function(value){
- res = value.split("/");
- return Number(res[0]);
- }},
- {"name":"stats","sortable": false,"style":{"whiteSpace":"nowrap"},"title":lang.stats,"formatter": function(value){
- res = value.split("/");
- return '<i class="bi bi-files"></i> ' + res[0] + ' / ' + humanFileSize(res[1]);
- }},
- {"name":"def_quota_for_mbox","title":lang.mailbox_defquota,"breakpoints":"xs sm md","style":{"width":"125px"}},
- {"name":"max_quota_for_mbox","title":lang.mailbox_quota,"breakpoints":"xs sm","style":{"width":"125px"}},
- {"name":"rl","title":"RL","breakpoints":"xs sm md lg","style":{"min-width":"100px","width":"100px"}},
- {"name":"backupmx","filterable": false,"style":{"min-width":"120px","width":"120px"},"title":lang.backup_mx,"breakpoints":"xs sm md lg","formatter": function(value){return 1==value?'<i class="bi bi-check-lg"></i>':0==value&&'<i class="bi bi-x-lg"></i>';}},
- {"name":"domain_admins","title":lang.domain_admins,"style":{"word-break":"break-all","min-width":"200px"},"breakpoints":"xs sm md lg","filterable":(role == "admin"),"visible":(role == "admin")},
- {"name":"active","filterable": false,"style":{"min-width":"80px","width":"80px"},"title":lang.active,"formatter": function(value){return 1==value?'<i class="bi bi-check-lg"></i>':0==value&&'<i class="bi bi-x-lg"></i>';}},
- {"name":"action","filterable": false,"sortable": false,"style":{"text-align":"right","min-width":"240px","width":"240px"},"type":"html","title":lang.action,"breakpoints":"xs sm md"}
- ],
- "rows": $.ajax({
- dataType: 'json',
- url: '/api/v1/get/domain/all',
- jsonp: false,
- error: function (data) {
- console.log('Cannot draw domain table');
- },
- success: function (data) {
- $.each(data, function (i, item) {
+ // just recalc width if instance already exists
+ if ($.fn.DataTable.isDataTable('#domain_table') ) {
+ $('#domain_table').DataTable().columns.adjust().responsive.recalc();
+ return;
+ }
+
+ var table = $('#domain_table').DataTable({
+ processing: true,
+ serverSide: false,
+ language: lang_datatables,
+ ajax: {
+ type: "GET",
+ url: "/api/v1/get/domain/all",
+ dataSrc: function(json){
+ $.each(json, function(i, item) {
+ item.domain_name = escapeHtml(item.domain_name);
+
item.aliases = item.aliases_in_domain + " / " + item.max_num_aliases_for_domain;
item.mailboxes = item.mboxes_in_domain + " / " + item.max_num_mboxes_for_domain;
item.quota = item.quota_used_in_domain + "/" + item.max_quota_for_domain + "/" + item.bytes_total;
item.stats = item.msgs_total + "/" + item.bytes_total;
- if (!item.rl) {
- item.rl = '∞';
- } else {
+
+ if (!item.rl) item.rl = '∞';
+ else {
item.rl = $.map(item.rl, function(e){
return e;
}).join('/1');
}
+
item.def_quota_for_mbox = humanFileSize(item.def_quota_for_mbox);
item.max_quota_for_mbox = humanFileSize(item.max_quota_for_mbox);
item.chkbox = '<input type="checkbox" data-id="domain" name="multi_select" value="' + encodeURIComponent(item.domain_name) + '" />';
- item.action = '<div class="btn-group footable-actions">';
+ item.action = '<div class="btn-group">';
if (role == "admin") {
- item.action += '<a href="/edit/domain/' + encodeURIComponent(item.domain_name) + '" class="btn btn-xs btn-xs-third btn-default"><i class="bi bi-pencil-fill"></i> ' + lang.edit + '</a>' +
- '<a href="#" data-action="delete_selected" data-id="single-domain" data-api-url="delete/domain" data-item="' + encodeURIComponent(item.domain_name) + '" class="btn btn-xs btn-xs-third btn-danger"><i class="bi bi-trash"></i> ' + lang.remove + '</a>' +
- '<a href="#dnsInfoModal" class="btn btn-xs btn-xs-third btn-info" data-toggle="modal" data-domain="' + encodeURIComponent(item.domain_name) + '"><i class="bi bi-globe2"></i> DNS</a></div>';
+ item.action += '<a href="/edit/domain/' + encodeURIComponent(item.domain_name) + '" class="btn btn-sm btn-xs-half btn-secondary"><i class="bi bi-pencil-fill"></i> ' + lang.edit + '</a>' +
+ '<a href="#" data-action="delete_selected" data-id="single-domain" data-api-url="delete/domain" data-item="' + encodeURIComponent(item.domain_name) + '" class="btn btn-sm btn-xs-half btn-danger"><i class="bi bi-trash"></i> ' + lang.remove + '</a>' +
+ '<a href="#dnsInfoModal" class="btn btn-sm btn-info" data-bs-toggle="modal" data-domain="' + encodeURIComponent(item.domain_name) + '"><i class="bi bi-globe2"></i> DNS</a></div>';
}
else {
- item.action += '<a href="/edit/domain/' + encodeURIComponent(item.domain_name) + '" class="btn btn-xs btn-xs-half btn-default"><i class="bi bi-pencil-fill"></i> ' + lang.edit + '</a>' +
- '<a href="#dnsInfoModal" class="btn btn-xs btn-xs-half btn-info" data-toggle="modal" data-domain="' + encodeURIComponent(item.domain_name) + '"><i class="bi bi-globe2"></i> DNS</a></div>';
+ item.action += '<a href="/edit/domain/' + encodeURIComponent(item.domain_name) + '" class="btn btn-xs btn-xs-half btn-secondary"><i class="bi bi-pencil-fill"></i> ' + lang.edit + '</a>' +
+ '<a href="#dnsInfoModal" class="btn btn-xs btn-xs-half btn-info" data-bs-toggle="modal" data-domain="' + encodeURIComponent(item.domain_name) + '"><i class="bi bi-globe2"></i> DNS</a></div>';
+ }
+
+ if (Array.isArray(item.tags)){
+ var tags = '';
+ for (var i = 0; i < item.tags.length; i++)
+ tags += '<span class="badge bg-primary tag-badge"><i class="bi bi-tag-fill"></i> ' + escapeHtml(item.tags[i]) + '</span>';
+ item.tags = tags;
+ } else {
+ item.tags = '';
}
if (item.backupmx == 1) {
if (item.relay_unknown_only == 1) {
- item.domain_name = '<div class="label label-info">Relay Non-Local</div> ' + item.domain_name;
+ item.domain_name = '<div class="badge fs-6 bg-info">Relay Non-Local</div> ' + item.domain_name;
} else if (item.relay_all_recipients == 1) {
- item.domain_name = '<div class="label label-info">Relay All</div> ' + item.domain_name;
+ item.domain_name = '<div class="badge fs-6 bg-info">Relay All</div> ' + item.domain_name;
} else {
- item.domain_name = '<div class="label label-info">Relay</div> ' + item.domain_name;
+ item.domain_name = '<div class="badge fs-6 bg-info">Relay</div> ' + item.domain_name;
}
}
});
- }
- }),
- "empty": lang.empty,
- "paging": {
- "enabled": true,
- "limit": 5,
- "size": pagination_size
- },
- "state": {
- "enabled": true
- },
- "filtering": {
- "enabled": true,
- "delay": 1200,
- "position": "left",
- "connectors": false,
- "placeholder": lang.filter_table
- },
- "sorting": {
- "enabled": true
- },
- "on": {
- "destroy.ft.table": function(e, ft){
- $('.refresh_table').attr('disabled', 'true');
- },
- "ready.ft.table": function(e, ft){
- table_mailbox_ready(ft, 'domain_table');
- },
- "after.ft.filtering": function(e, ft){
- table_mailbox_ready(ft, 'domain_table');
+
+ return json;
}
},
- "toggleSelector": "table tbody span.footable-toggle"
+ columns: [
+ {
+ // placeholder, so checkbox will not block child row toggle
+ title: '',
+ data: null,
+ searchable: false,
+ orderable: false,
+ defaultContent: '',
+ responsivePriority: 1
+ },
+ {
+ title: '',
+ data: 'chkbox',
+ searchable: false,
+ orderable: false,
+ defaultContent: '',
+ responsivePriority: 2
+ },
+ {
+ title: lang.domain,
+ data: 'domain_name',
+ responsivePriority: 3,
+ defaultContent: ''
+ },
+ {
+ title: lang.aliases,
+ data: 'aliases',
+ defaultContent: ''
+ },
+ {
+ title: lang.mailboxes,
+ data: 'mailboxes',
+ responsivePriority: 4,
+ defaultContent: ''
+ },
+ {
+ title: lang.domain_quota,
+ data: 'quota',
+ defaultContent: '',
+ render: function (data, type) {
+ data = data.split("/");
+ return humanFileSize(data[0]) + " / " + humanFileSize(data[1]);
+ }
+ },
+ {
+ title: lang.stats,
+ data: 'stats',
+ defaultContent: '',
+ render: function (data, type) {
+ data = data.split("/");
+ return '<i class="bi bi-files"></i> ' + data[0] + ' / ' + humanFileSize(data[1]);
+ }
+ },
+ {
+ title: lang.mailbox_defquota,
+ data: 'def_quota_for_mbox',
+ defaultContent: ''
+ },
+ {
+ title: lang.mailbox_quota,
+ data: 'max_quota_for_mbox',
+ defaultContent: ''
+ },
+ {
+ title: 'RL',
+ data: 'rl',
+ defaultContent: ''
+ },
+ {
+ title: lang.backup_mx,
+ data: 'backupmx',
+ defaultContent: '',
+ redner: function (data, type){
+ return 1==value ? '<i class="bi bi-check-lg"></i>' : 0==value && '<i class="bi bi-x-lg"></i>';
+ }
+ },
+ {
+ title: lang.domain_admins,
+ data: 'domain_admins',
+ defaultContent: '',
+ className: 'none'
+ },
+ {
+ title: lang.created_on,
+ data: 'created',
+ defaultContent: '',
+ className: 'none'
+ },
+ {
+ title: lang.last_modified,
+ data: 'modified',
+ defaultContent: '',
+ className: 'none'
+ },
+ {
+ title: 'Tags',
+ data: 'tags',
+ defaultContent: '',
+ className: 'none'
+ },
+ {
+ title: lang.active,
+ data: 'active',
+ defaultContent: '',
+ responsivePriority: 6,
+ render: function (data, type) {
+ return 1==data?'<i class="bi bi-check-lg"></i>':(0==data?'<i class="bi bi-x-lg"></i>':2==data&&'—');
+ }
+ },
+ {
+ title: lang.action,
+ data: 'action',
+ className: 'dt-sm-head-hidden dt-data-w100 dtr-col-md',
+ responsivePriority: 5,
+ defaultContent: ''
+ },
+ ]
+ });
+ }
+ function draw_templates_domain_table() {
+ // just recalc width if instance already exists
+ if ($.fn.DataTable.isDataTable('#templates_domain_table') ) {
+ $('#templates_domain_table').DataTable().columns.adjust().responsive.recalc();
+ return;
+ }
+
+ $('#templates_domain_table').DataTable({
+ responsive : true,
+ processing: true,
+ serverSide: false,
+ language: lang_datatables,
+ ajax: {
+ type: "GET",
+ url: "/api/v1/get/domain/template/all",
+ dataSrc: function(json){
+ $.each(json, function (i, item) {
+ item.chkbox = '<input type="checkbox" data-id="domain_template" name="multi_select" value="' + encodeURIComponent(item.id) + '" />';
+
+ item.attributes.def_quota_for_mbox = humanFileSize(item.attributes.def_quota_for_mbox);
+ item.attributes.max_quota_for_mbox = humanFileSize(item.attributes.max_quota_for_mbox);
+ item.attributes.max_quota_for_domain = humanFileSize(item.attributes.max_quota_for_domain);
+
+ item.template = escapeHtml(item.template);
+ if (item.attributes.rl_frame === "s"){
+ item.attributes.rl_frame = lang_rl.second;
+ } else if (item.attributes.rl_frame === "m"){
+ item.attributes.rl_frame = lang_rl.minute;
+ } else if (item.attributes.rl_frame === "h"){
+ item.attributes.rl_frame = lang_rl.hour;
+ } else if (item.attributes.rl_frame === "d"){
+ item.attributes.rl_frame = lang_rl.day;
+ }
+ item.attributes.rl_value = escapeHtml(item.attributes.rl_value);
+
+
+ if (item.template.toLowerCase() == "default"){
+ item.action = '<div class="btn-group">' +
+ '<a href="/edit/template/' + encodeURIComponent(item.id) + '" class="btn btn-xs btn-xs-half btn-secondary"><i class="bi bi-pencil-fill"></i> ' + lang.edit + '</a>' +
+ '</div>';
+ }
+ else{
+ item.action = '<div class="btn-group">' +
+ '<a href="/edit/template/' + encodeURIComponent(item.id) + '" class="btn btn-xs btn-xs-half btn-secondary"><i class="bi bi-pencil-fill"></i> ' + lang.edit + '</a>' +
+ '<a href="#" data-action="delete_selected" data-id="single-template" data-api-url="delete/domain/template" data-item="' + encodeURIComponent(item.id) + '" class="btn btn-xs btn-xs-half btn-danger"><i class="bi bi-trash"></i> ' + lang.remove + '</a>' +
+ '</div>';
+ }
+
+ if (Array.isArray(item.attributes.tags)){
+ var tags = '';
+ for (var i = 0; i < item.attributes.tags.length; i++)
+ tags += '<span class="badge bg-primary tag-badge"><i class="bi bi-tag-fill"></i> ' + escapeHtml(item.attributes.tags[i]) + '</span>';
+ item.attributes.tags = tags;
+ } else {
+ item.attributes.tags = '';
+ }
+ });
+
+ return json;
+ }
+ },
+ columns: [
+ {
+ // placeholder, so checkbox will not block child row toggle
+ title: '',
+ data: null,
+ searchable: false,
+ orderable: false,
+ defaultContent: '',
+ responsivePriority: 1
+ },
+ {
+ title: '',
+ data: 'chkbox',
+ searchable: false,
+ orderable: false,
+ defaultContent: '',
+ responsivePriority: 1
+ },
+ {
+ title: "ID",
+ data: 'id',
+ responsivePriority: 2,
+ defaultContent: ''
+ },
+ {
+ title: lang.template,
+ data: 'template',
+ responsivePriority: 3,
+ defaultContent: ''
+ },
+ {
+ title: lang.max_aliases,
+ data: 'attributes.max_num_aliases_for_domain',
+ defaultContent: '',
+ },
+ {
+ title: lang.max_mailboxes,
+ data: 'attributes.max_num_mboxes_for_domain',
+ defaultContent: '',
+ },
+ {
+ title: lang.mailbox_defquota,
+ data: 'attributes.def_quota_for_mbox',
+ defaultContent: '',
+ },
+ {
+ title: lang.max_quota,
+ data: 'attributes.max_quota_for_mbox',
+ defaultContent: '',
+ },
+ {
+ title: lang.domain_quota_total,
+ data: 'attributes.max_quota_for_domain',
+ defaultContent: '',
+ },
+ {
+ title: lang.gal,
+ data: 'attributes.gal',
+ defaultContent: '',
+ render: function (data, type) {
+ return 1==data?'<i class="bi bi-check-lg"></i>':'<i class="bi bi-x-lg"></i>';
+ }
+ },
+ {
+ title: lang.backup_mx,
+ data: 'attributes.backupmx',
+ defaultContent: '',
+ render: function (data, type) {
+ return 1==data?'<i class="bi bi-check-lg"></i>':'<i class="bi bi-x-lg"></i>';
+ }
+ },
+ {
+ title: lang.relay_all,
+ data: 'attributes.relay_all_recipients',
+ defaultContent: '',
+ render: function (data, type) {
+ return 1==data?'<i class="bi bi-check-lg"></i>':'<i class="bi bi-x-lg"></i>';
+ }
+ },
+ {
+ title: lang.relay_unknown,
+ data: 'attributes.relay_unknown_only',
+ defaultContent: '',
+ render: function (data, type) {
+ return 1==data?'<i class="bi bi-check-lg"></i>':'<i class="bi bi-x-lg"></i>';
+ }
+ },
+ {
+ title: lang.active,
+ data: 'attributes.active',
+ defaultContent: '',
+ responsivePriority: 4,
+ render: function (data, type) {
+ return 1==data?'<i class="bi bi-check-lg"></i>':'<i class="bi bi-x-lg"></i>';
+ }
+ },
+ {
+ title: 'rl_frame',
+ data: 'attributes.rl_frame',
+ defaultContent: '',
+ class: 'none',
+ },
+ {
+ title: 'rl_value',
+ data: 'attributes.rl_value',
+ defaultContent: '',
+ class: 'none',
+ },
+ {
+ title: lang.dkim_domains_selector,
+ data: 'attributes.dkim_selector',
+ defaultContent: '',
+ class: 'none',
+ },
+ {
+ title: lang.dkim_key_length,
+ data: 'attributes.key_size',
+ defaultContent: '',
+ class: 'none',
+ },
+ {
+ title: 'Tags',
+ data: 'attributes.tags',
+ defaultContent: '',
+ className: 'none'
+ },
+ {
+ title: lang.action,
+ data: 'action',
+ className: 'dt-sm-head-hidden dt-data-w100 dtr-col-md',
+ responsivePriority: 6,
+ defaultContent: ''
+ },
+ ]
});
}
function draw_mailbox_table() {
- ft_mailbox_table = FooTable.init('#mailbox_table', {
- "columns": [
- {"name":"chkbox","title":"","style":{"min-width":"60px","width":"60px"},"filterable": false,"sortable": false,"type":"html"},
- {"sorted": true,"name":"username","style":{"word-break":"break-all","min-width":"120px"},"title":lang.username},
- {"name":"name","title":lang.fname,"style":{"word-break":"break-all","min-width":"120px"},"breakpoints":"xs sm md lg"},
- {"name":"domain","title":lang.domain,"breakpoints":"xs sm md lg"},
- {"name":"quota","style":{"whiteSpace":"nowrap"},"title":lang.domain_quota,"formatter": function(value){
- res = value.split("/");
- var of_q = (res[1] == 0 ? "∞" : humanFileSize(res[1]));
- return humanFileSize(res[0]) + " / " + of_q;
- },
- "sortValue": function(value){
- res = value.split("/");
- return Number(res[0]);
- },
- },
- /* {"name":"spam_aliases","filterable": false,"title":lang.spam_aliases,"breakpoints":"all"}, */
- {"name":"tls_enforce_in","filterable": false,"title":lang.tls_enforce_in,"breakpoints":"all"},
- {"name":"tls_enforce_out","filterable": false,"title":lang.tls_enforce_out,"breakpoints":"all"},
- {"name":"smtp_access","filterable": false,"title":"SMTP","breakpoints":"all"},
- {"name":"imap_access","filterable": false,"title":"IMAP","breakpoints":"all"},
- {"name":"pop3_access","filterable": false,"title":"POP3","breakpoints":"all"},
- {"name":"last_mail_login","breakpoints":"xs sm","title":lang.last_mail_login,"style":{"width":"170px"},
- "sortValue": function(value){
- res = value.split("/");
- return Math.max(res[0], res[1]);
- },
- "formatter": function(value){
- res = value.split("/");
- return '<div class="label label-last-login">IMAP @ ' + unix_time_format(Number(res[0])) + '</div><br>' +
- '<div class="label label-last-login">POP3 @ ' + unix_time_format(Number(res[1])) + '</div><br>' +
- '<div class="label label-last-login">SMTP @ ' + unix_time_format(Number(res[2])) + '</div>';
- }},
- {"name":"last_pw_change","filterable": false,"title":lang.last_pw_change,"breakpoints":"all"},
- {"name":"quarantine_notification","filterable": false,"title":lang.quarantine_notification,"breakpoints":"all"},
- {"name":"quarantine_category","filterable": false,"title":lang.quarantine_category,"breakpoints":"all"},
- {"name":"in_use","filterable": false,"type":"html","title":lang.in_use,"sortValue": function(value){
- return Number($(value).find(".progress-bar-mailbox").attr('aria-valuenow'));
- },
- },
- {"name":"messages","filterable": false,"title":lang.msg_num,"breakpoints":"xs sm md"},
- /* {"name":"rl","title":"RL","breakpoints":"all","style":{"width":"125px"}}, */
- {"name":"active","filterable": false,"style":{"min-width":"80px","width":"80px"},"title":lang.active,"formatter": function(value){return 1==value?'<i class="bi bi-check-lg"></i>':(0==value?'<i class="bi bi-x-lg"></i>':2==value&&'—');}},
- {"name":"action","filterable": false,"sortable": false,"style":{"min-width":"290px","text-align":"right"},"type":"html","title":lang.action,"breakpoints":"xs sm md"}
- ],
- "empty": lang.empty,
- "rows": $.ajax({
- dataType: 'json',
- url: '/api/v1/get/mailbox/reduced',
- jsonp: false,
- error: function () {
- console.log('Cannot draw mailbox table');
- },
- success: function (data) {
- $.each(data, function (i, item) {
+ // just recalc width if instance already exists
+ if ($.fn.DataTable.isDataTable('#mailbox_table') ) {
+ $('#mailbox_table').DataTable().columns.adjust().responsive.recalc();
+ return;
+ }
+
+ $('#mailbox_table').DataTable({
+ responsive : true,
+ processing: true,
+ serverSide: false,
+ language: lang_datatables,
+ ajax: {
+ type: "GET",
+ url: "/api/v1/get/mailbox/reduced",
+ dataSrc: function(json){
+ $.each(json, function (i, item) {
item.quota = item.quota_used + "/" + item.quota;
item.max_quota_for_mbox = humanFileSize(item.max_quota_for_mbox);
item.last_mail_login = item.last_imap_login + '/' + item.last_pop3_login + '/' + item.last_smtp_login;
@@ -458,6 +852,7 @@
item.pop3_access = '<i class="text-' + (item.attributes.pop3_access == 1 ? 'success' : 'danger') + ' bi bi-' + (item.attributes.pop3_access == 1 ? 'check-lg' : 'x-lg') + '"></i>';
item.imap_access = '<i class="text-' + (item.attributes.imap_access == 1 ? 'success' : 'danger') + ' bi bi-' + (item.attributes.imap_access == 1 ? 'check-lg' : 'x-lg') + '"></i>';
item.smtp_access = '<i class="text-' + (item.attributes.smtp_access == 1 ? 'success' : 'danger') + ' bi bi-' + (item.attributes.smtp_access == 1 ? 'check-lg' : 'x-lg') + '"></i>';
+ item.sieve_access = '<i class="text-' + (item.attributes.sieve_access == 1 ? 'success' : 'danger') + ' bi bi-' + (item.attributes.sieve_access == 1 ? 'check-lg' : 'x-lg') + '"></i>';
if (item.attributes.quarantine_notification === 'never') {
item.quarantine_notification = lang.never;
} else if (item.attributes.quarantine_notification === 'hourly') {
@@ -475,21 +870,19 @@
item.quarantine_category = lang.q_all;
}
if (acl_data.login_as === 1) {
- var btnSize = 'btn-xs-third';
- if (ALLOW_ADMIN_EMAIL_LOGIN) btnSize = 'btn-xs-quart';
- item.action = '<div class="btn-group footable-actions">' +
- '<a href="/edit/mailbox/' + encodeURIComponent(item.username) + '" class="btn btn-xs ' + btnSize + ' btn-default"><i class="bi bi-pencil-fill"></i> ' + lang.edit + '</a>' +
- '<a href="#" data-action="delete_selected" data-id="single-mailbox" data-api-url="delete/mailbox" data-item="' + encodeURIComponent(item.username) + '" class="btn btn-xs ' + btnSize + ' btn-danger"><i class="bi bi-trash"></i> ' + lang.remove + '</a>' +
- '<a href="/index.php?duallogin=' + encodeURIComponent(item.username) + '" class="login_as btn btn-xs ' + btnSize + ' btn-success"><i class="bi bi-person-fill"></i> Login</a>';
+ item.action = '<div class="btn-group">' +
+ '<a href="/edit/mailbox/' + encodeURIComponent(item.username) + '" class="btn btn-sm btn-xs-half btn-secondary"><i class="bi bi-pencil-fill"></i> ' + lang.edit + '</a>' +
+ '<a href="#" data-action="delete_selected" data-id="single-mailbox" data-api-url="delete/mailbox" data-item="' + encodeURIComponent(item.username) + '" class="btn btn-sm btn-xs-half btn-danger"><i class="bi bi-trash"></i> ' + lang.remove + '</a>' +
+ '<a href="/index.php?duallogin=' + encodeURIComponent(item.username) + '" class="login_as btn btn-sm btn-xs-half btn-success"><i class="bi bi-person-fill"></i> Login</a>';
if (ALLOW_ADMIN_EMAIL_LOGIN) {
- item.action += '<a href="/sogo-auth.php?login=' + encodeURIComponent(item.username) + '" class="login_as btn btn-xs ' + btnSize + ' btn-primary" target="_blank"><i class="bi bi-envelope-fill"></i> SOGo</a>';
+ item.action += '<a href="/sogo-auth.php?login=' + encodeURIComponent(item.username) + '" class="login_as btn btn-sm btn-xs-half btn-primary" target="_blank"><i class="bi bi-envelope-fill"></i> SOGo</a>';
}
item.action += '</div>';
}
else {
item.action = '<div class="btn-group">' +
- '<a href="/edit/mailbox/' + encodeURIComponent(item.username) + '" class="btn btn-xs btn-xs-half btn-default"><i class="bi bi-pencil-fill"></i> ' + lang.edit + '</a>' +
+ '<a href="/edit/mailbox/' + encodeURIComponent(item.username) + '" class="btn btn-xs btn-xs-half btn-secondary"><i class="bi bi-pencil-fill"></i> ' + lang.edit + '</a>' +
'<a href="#" data-action="delete_selected" data-id="single-mailbox" data-api-url="delete/mailbox" data-item="' + encodeURIComponent(item.username) + '" class="btn btn-xs btn-xs-half btn-danger"><i class="bi bi-trash"></i> ' + lang.remove + '</a>' +
'</div>';
}
@@ -497,348 +890,810 @@
'<div class="progress-bar-mailbox progress-bar progress-bar-' + item.percent_class + '" role="progressbar" aria-valuenow="' + item.percent_in_use + '" aria-valuemin="0" aria-valuemax="100" ' +
'style="min-width:2em;width:' + item.percent_in_use + '%">' + item.percent_in_use + '%' + '</div></div>';
item.username = escapeHtml(item.username);
+
+ if (Array.isArray(item.tags)){
+ var tags = '';
+ for (var i = 0; i < item.tags.length; i++)
+ tags += '<span class="badge bg-primary tag-badge"><i class="bi bi-tag-fill"></i> ' + escapeHtml(item.tags[i]) + '</span>';
+ item.tags = tags;
+ } else {
+ item.tags = '';
+ }
});
- }
- }),
- "paging": {
- "enabled": true,
- "limit": 5,
- "size": pagination_size
- },
- "state": {
- "enabled": true
- },
- "filtering": {
- "enabled": true,
- "delay": 1200,
- "position": "left",
- "connectors": false,
- //"container": "#tab-mailboxes.panel",
- "placeholder": lang.filter_table
- },
- "components": {
- "filtering": FooTable.domainFilter
- },
- "sorting": {
- "enabled": true
- },
- "on": {
- "destroy.ft.table": function(e, ft){
- $('.refresh_table').attr('disabled', 'true');
- },
- "ready.ft.table": function(e, ft){
- table_mailbox_ready(ft, 'mailbox_table');
- },
- "after.ft.filtering": function(e, ft){
- table_mailbox_ready(ft, 'mailbox_table');
+
+ return json;
}
},
- "toggleSelector": "table tbody span.footable-toggle"
+ columns: [
+ {
+ // placeholder, so checkbox will not block child row toggle
+ title: '',
+ data: null,
+ searchable: false,
+ orderable: false,
+ defaultContent: '',
+ responsivePriority: 1
+ },
+ {
+ title: '',
+ data: 'chkbox',
+ searchable: false,
+ orderable: false,
+ defaultContent: '',
+ responsivePriority: 2
+ },
+ {
+ title: lang.username,
+ data: 'username',
+ responsivePriority: 3,
+ defaultContent: ''
+ },
+ {
+ title: lang.domain_quota,
+ data: 'quota',
+ responsivePriority: 8,
+ defaultContent: '',
+ render: function (data, type) {
+ data = data.split("/");
+ var of_q = (data[1] == 0 ? "∞" : humanFileSize(data[1]));
+ return humanFileSize(data[0]) + " / " + of_q;
+ }
+ },
+ {
+ title: lang.last_mail_login,
+ data: 'last_mail_login',
+ defaultContent: '',
+ responsivePriority: 7,
+ render: function (data, type) {
+ res = data.split("/");
+ return '<div class="badge bg-info mb-2">IMAP @ ' + unix_time_format(Number(res[0])) + '</div><br>' +
+ '<div class="badge bg-info mb-2">POP3 @ ' + unix_time_format(Number(res[1])) + '</div><br>' +
+ '<div class="badge bg-info">SMTP @ ' + unix_time_format(Number(res[2])) + '</div>';
+ }
+ },
+ {
+ title: lang.last_pw_change,
+ data: 'last_pw_change',
+ defaultContent: ''
+ },
+ {
+ title: lang.in_use,
+ data: 'in_use',
+ defaultContent: '',
+ responsivePriority: 9,
+ className: 'dt-data-w100'
+ },
+ {
+ title: lang.fname,
+ data: 'name',
+ defaultContent: '',
+ className: 'none'
+ },
+ {
+ title: lang.domain,
+ data: 'domain',
+ defaultContent: '',
+ className: 'none'
+ },
+ {
+ title: lang.tls_enforce_in,
+ data: 'tls_enforce_in',
+ defaultContent: '',
+ className: 'none'
+ },
+ {
+ title: lang.tls_enforce_out,
+ data: 'tls_enforce_out',
+ defaultContent: '',
+ className: 'none'
+ },
+ {
+ title: 'SMTP',
+ data: 'smtp_access',
+ defaultContent: '',
+ className: 'none'
+ },
+ {
+ title: 'IMAP',
+ data: 'imap_access',
+ defaultContent: '',
+ className: 'none'
+ },
+ {
+ title: 'POP3',
+ data: 'pop3_access',
+ defaultContent: '',
+ className: 'none'
+ },
+ {
+ title: 'SIEVE',
+ data: 'sieve_access',
+ defaultContent: '',
+ className: 'none'
+ },
+ {
+ title: lang.quarantine_notification,
+ data: 'quarantine_notification',
+ defaultContent: '',
+ className: 'none'
+ },
+ {
+ title: lang.quarantine_category,
+ data: 'quarantine_category',
+ defaultContent: '',
+ className: 'none'
+ },
+ {
+ title: lang.msg_num,
+ data: 'messages',
+ defaultContent: '',
+ responsivePriority: 5
+ },
+ {
+ title: lang.created_on,
+ data: 'created',
+ defaultContent: '',
+ className: 'none'
+ },
+ {
+ title: lang.last_modified,
+ data: 'modified',
+ defaultContent: '',
+ className: 'none'
+ },
+ {
+ title: 'Tags',
+ data: 'tags',
+ defaultContent: '',
+ className: 'none'
+ },
+ {
+ title: lang.active,
+ data: 'active',
+ defaultContent: '',
+ responsivePriority: 4,
+ render: function (data, type) {
+ return 1==data?'<i class="bi bi-check-lg"></i>':(0==data?'<i class="bi bi-x-lg"></i>':2==data&&'—');
+ }
+ },
+ {
+ title: lang.action,
+ data: 'action',
+ className: 'dt-sm-head-hidden dt-data-w100 dtr-col-md',
+ responsivePriority: 6,
+ defaultContent: ''
+ },
+ ]
+ });
+ }
+ function draw_templates_mbox_table() {
+ // just recalc width if instance already exists
+ if ($.fn.DataTable.isDataTable('#templates_mbox_table') ) {
+ $('#templates_mbox_table').DataTable().columns.adjust().responsive.recalc();
+ return;
+ }
+
+ $('#templates_mbox_table').DataTable({
+ responsive : true,
+ processing: true,
+ serverSide: false,
+ language: lang_datatables,
+ ajax: {
+ type: "GET",
+ url: "/api/v1/get/mailbox/template/all",
+ dataSrc: function(json){
+ $.each(json, function (i, item) {
+ item.chkbox = '<input type="checkbox" data-id="mailbox_template" name="multi_select" value="' + encodeURIComponent(item.id) + '" />';
+
+ item.template = escapeHtml(item.template);
+ if (item.attributes.rl_frame === "s"){
+ item.attributes.rl_frame = lang_rl.second;
+ } else if (item.attributes.rl_frame === "m"){
+ item.attributes.rl_frame = lang_rl.minute;
+ } else if (item.attributes.rl_frame === "h"){
+ item.attributes.rl_frame = lang_rl.hour;
+ } else if (item.attributes.rl_frame === "d"){
+ item.attributes.rl_frame = lang_rl.day;
+ }
+ item.attributes.rl_value = escapeHtml(item.attributes.rl_value);
+
+ item.attributes.quota = humanFileSize(item.attributes.quota);
+
+ item.attributes.tls_enforce_in = '<i class="text-' + (item.attributes.tls_enforce_in == 1 ? 'success bi bi-lock-fill' : 'danger bi bi-unlock-fill') + '"></i>';
+ item.attributes.tls_enforce_out = '<i class="text-' + (item.attributes.tls_enforce_out == 1 ? 'success bi bi-lock-fill' : 'danger bi bi-unlock-fill') + '"></i>';
+ item.attributes.pop3_access = '<i class="text-' + (item.attributes.pop3_access == 1 ? 'success' : 'danger') + ' bi bi-' + (item.attributes.pop3_access == 1 ? 'check-lg' : 'x-lg') + '"></i>';
+ item.attributes.imap_access = '<i class="text-' + (item.attributes.imap_access == 1 ? 'success' : 'danger') + ' bi bi-' + (item.attributes.imap_access == 1 ? 'check-lg' : 'x-lg') + '"></i>';
+ item.attributes.smtp_access = '<i class="text-' + (item.attributes.smtp_access == 1 ? 'success' : 'danger') + ' bi bi-' + (item.attributes.smtp_access == 1 ? 'check-lg' : 'x-lg') + '"></i>';
+ item.attributes.sieve_access = '<i class="text-' + (item.attributes.sieve_access == 1 ? 'success' : 'danger') + ' bi bi-' + (item.attributes.sieve_access == 1 ? 'check-lg' : 'x-lg') + '"></i>';
+ item.attributes.sogo_access = '<i class="text-' + (item.attributes.sogo_access == 1 ? 'success' : 'danger') + ' bi bi-' + (item.attributes.sogo_access == 1 ? 'check-lg' : 'x-lg') + '"></i>';
+ if (item.attributes.quarantine_notification === 'never') {
+ item.attributes.quarantine_notification = lang.never;
+ } else if (item.attributes.quarantine_notification === 'hourly') {
+ item.attributes.quarantine_notification = lang.hourly;
+ } else if (item.attributes.quarantine_notification === 'daily') {
+ item.attributes.quarantine_notification = lang.daily;
+ } else if (item.attributes.quarantine_notification === 'weekly') {
+ item.attributes.quarantine_notification = lang.weekly;
+ }
+ if (item.attributes.quarantine_category === 'reject') {
+ item.attributes.quarantine_category = '<span class="text-danger">' + lang.q_reject + '</span>';
+ } else if (item.attributes.quarantine_category === 'add_header') {
+ item.attributes.quarantine_category = '<span class="text-warning">' + lang.q_add_header + '</span>';
+ } else if (item.attributes.quarantine_category === 'all') {
+ item.attributes.quarantine_category = lang.q_all;
+ }
+
+
+ if (item.template.toLowerCase() == "default"){
+ item.action = '<div class="btn-group">' +
+ '<a href="/edit/template/' + encodeURIComponent(item.id) + '" class="btn btn-xs btn-xs-half btn-secondary"><i class="bi bi-pencil-fill"></i> ' + lang.edit + '</a>' +
+ '</div>';
+ }
+ else {
+ item.action = '<div class="btn-group">' +
+ '<a href="/edit/template/' + encodeURIComponent(item.id) + '" class="btn btn-xs btn-xs-half btn-secondary"><i class="bi bi-pencil-fill"></i> ' + lang.edit + '</a>' +
+ '<a href="#" data-action="delete_selected" data-id="single-template" data-api-url="delete/mailbox/template" data-item="' + encodeURIComponent(item.id) + '" class="btn btn-xs btn-xs-half btn-danger"><i class="bi bi-trash"></i> ' + lang.remove + '</a>' +
+ '</div>';
+ }
+
+ if (Array.isArray(item.attributes.tags)){
+ var tags = '';
+ for (var i = 0; i < item.attributes.tags.length; i++)
+ tags += '<span class="badge bg-primary tag-badge"><i class="bi bi-tag-fill"></i> ' + escapeHtml(item.attributes.tags[i]) + '</span>';
+ item.attributes.tags = tags;
+ } else {
+ item.attributes.tags = '';
+ }
+ });
+
+ return json;
+ }
+ },
+ columns: [
+ {
+ // placeholder, so checkbox will not block child row toggle
+ title: '',
+ data: null,
+ searchable: false,
+ orderable: false,
+ defaultContent: '',
+ responsivePriority: 1
+ },
+ {
+ title: '',
+ data: 'chkbox',
+ searchable: false,
+ orderable: false,
+ defaultContent: '',
+ responsivePriority: 1
+ },
+ {
+ title: "ID",
+ data: 'id',
+ responsivePriority: 2,
+ defaultContent: ''
+ },
+ {
+ title: lang.template,
+ data: 'template',
+ responsivePriority: 3,
+ defaultContent: ''
+ },
+ {
+ title: lang.domain_quota,
+ data: 'attributes.quota',
+ defaultContent: '',
+ },
+ {
+ title: lang.tls_enforce_in,
+ data: 'attributes.tls_enforce_in',
+ defaultContent: ''
+ },
+ {
+ title: lang.tls_enforce_out,
+ data: 'attributes.tls_enforce_out',
+ defaultContent: ''
+ },
+ {
+ title: 'SMTP',
+ data: 'attributes.smtp_access',
+ defaultContent: '',
+ },
+ {
+ title: 'IMAP',
+ data: 'attributes.imap_access',
+ defaultContent: '',
+ },
+ {
+ title: 'POP3',
+ data: 'attributes.pop3_access',
+ defaultContent: '',
+ },
+ {
+ title: 'SIEVE',
+ data: 'attributes.sieve_access',
+ defaultContent: '',
+ },
+ {
+ title: 'SOGO',
+ data: 'attributes.sogo_access',
+ defaultContent: '',
+ },
+ {
+ title: lang.quarantine_notification,
+ data: 'attributes.quarantine_notification',
+ defaultContent: '',
+ className: 'none'
+ },
+ {
+ title: lang.quarantine_category,
+ data: 'attributes.quarantine_category',
+ defaultContent: '',
+ className: 'none'
+ },
+ {
+ title: lang.force_pw_update,
+ data: 'attributes.force_pw_update',
+ defaultContent: '',
+ class: 'none',
+ render: function (data, type) {
+ return 1==data?'<i class="bi bi-check-lg"></i>':'<i class="bi bi-x-lg"></i>';
+ }
+ },
+ {
+ title: "rl_frame",
+ data: 'attributes.rl_frame',
+ defaultContent: '',
+ class: 'none',
+ },
+ {
+ title: 'rl_value',
+ data: 'attributes.rl_value',
+ defaultContent: '',
+ class: 'none',
+ },
+ {
+ title: 'Tags',
+ data: 'attributes.tags',
+ defaultContent: '',
+ className: 'none'
+ },
+ {
+ title: lang.active,
+ data: 'attributes.active',
+ defaultContent: '',
+ responsivePriority: 4,
+ render: function (data, type) {
+ return 1==data?'<i class="bi bi-check-lg"></i>':(0==data?'<i class="bi bi-x-lg"></i>':2==data&&'—');
+ }
+ },
+ {
+ title: lang.action,
+ data: 'action',
+ className: 'dt-sm-head-hidden dt-data-w100 dtr-col-md',
+ responsivePriority: 6,
+ defaultContent: ''
+ },
+ ]
});
}
function draw_resource_table() {
- ft_resource_table = FooTable.init('#resource_table', {
- "columns": [
- {"name":"chkbox","title":"","style":{"min-width":"60px","width":"60px"},"filterable": false,"sortable": false,"type":"html"},
- {"sorted": true,"name":"description","title":lang.description,"style":{"width":"250px"}},
- {"name":"name","title":lang.alias},
- {"name":"kind","title":lang.kind},
- {"name":"domain","title":lang.domain,"breakpoints":"xs sm"},
- {"name":"multiple_bookings","filterable": false,"style":{"min-width":"150px","width":"140px"},"title":lang.multiple_bookings,"breakpoints":"xs sm"},
- {"name":"active","filterable": false,"style":{"min-width":"80px","width":"80px"},"title":lang.active,"formatter": function(value){return 1==value?'<i class="bi bi-check-lg"></i>':0==value&&'<i class="bi bi-x-lg"></i>';}},
- {"name":"action","filterable": false,"sortable": false,"style":{"text-align":"right","min-width":"180px","width":"180px"},"type":"html","title":lang.action,"breakpoints":"xs sm"}
- ],
- "empty": lang.empty,
- "rows": $.ajax({
- dataType: 'json',
- url: '/api/v1/get/resource/all',
- jsonp: false,
- error: function () {
- console.log('Cannot draw resource table');
- },
- success: function (data) {
- $.each(data, function (i, item) {
+ // just recalc width if instance already exists
+ if ($.fn.DataTable.isDataTable('#resource_table') ) {
+ $('#resource_table').DataTable().columns.adjust().responsive.recalc();
+ return;
+ }
+
+ $('#resource_table').DataTable({
+ processing: true,
+ serverSide: false,
+ language: lang_datatables,
+ ajax: {
+ type: "GET",
+ url: "/api/v1/get/resource/all",
+ dataSrc: function(json){
+ $.each(json, function (i, item) {
if (item.multiple_bookings == '0') {
- item.multiple_bookings = '<span id="active-script" class="label label-success">' + lang.booking_0_short + '</span>';
+ item.multiple_bookings = '<span id="active-script" class="badge fs-6 bg-success">' + lang.booking_0_short + '</span>';
} else if (item.multiple_bookings == '-1') {
- item.multiple_bookings = '<span id="active-script" class="label label-warning">' + lang.booking_lt0_short + '</span>';
+ item.multiple_bookings = '<span id="active-script" class="badge fs-6 bg-warning">' + lang.booking_lt0_short + '</span>';
} else {
- item.multiple_bookings = '<span id="active-script" class="label label-danger">' + lang.booking_custom_short + ' (' + item.multiple_bookings + ')</span>';
+ item.multiple_bookings = '<span id="active-script" class="badge fs-6 bg-danger">' + lang.booking_custom_short + ' (' + item.multiple_bookings + ')</span>';
}
- item.action = '<div class="btn-group footable-actions">' +
- '<a href="/edit/resource/' + encodeURIComponent(item.name) + '" class="btn btn-xs btn-xs-half btn-default"><i class="bi bi-pencil-fill"></i> ' + lang.edit + '</a>' +
- '<a href="#" data-action="delete_selected" data-id="single-resource" data-api-url="delete/resource" data-item="' + item.name + '" class="btn btn-xs btn-xs-half btn-danger"><i class="bi bi-trash"></i> ' + lang.remove + '</a>' +
+ item.action = '<div class="btn-group">' +
+ '<a href="/edit/resource/' + encodeURIComponent(item.name) + '" class="btn btn-sm btn-xs-half btn-secondary"><i class="bi bi-pencil-fill"></i> ' + lang.edit + '</a>' +
+ '<a href="#" data-action="delete_selected" data-id="single-resource" data-api-url="delete/resource" data-item="' + item.name + '" class="btn btn-sm btn-xs-half btn-danger"><i class="bi bi-trash"></i> ' + lang.remove + '</a>' +
'</div>';
item.chkbox = '<input type="checkbox" data-id="resource" name="multi_select" value="' + encodeURIComponent(item.name) + '" />';
item.name = escapeHtml(item.name);
+ item.description = escapeHtml(item.description);
});
- }
- }),
- "paging": {
- "enabled": true,
- "limit": 5,
- "size": pagination_size
- },
- "state": {
- "enabled": true
- },
- "filtering": {
- "enabled": true,
- "delay": 1200,
- "position": "left",
- "connectors": false,
- "placeholder": lang.filter_table
- },
- "components": {
- "filtering": FooTable.domainFilter
- },
- "sorting": {
- "enabled": true
- },
- "on": {
- "destroy.ft.table": function(e, ft){
- $('.refresh_table').attr('disabled', 'true');
- },
- "ready.ft.table": function(e, ft){
- table_mailbox_ready(ft, 'resource_table');
- },
- "after.ft.filtering": function(e, ft){
- table_mailbox_ready(ft, 'resource_table');
+
+ return json;
}
},
- "toggleSelector": "table tbody span.footable-toggle"
+ columns: [
+ {
+ // placeholder, so checkbox will not block child row toggle
+ title: '',
+ data: null,
+ searchable: false,
+ orderable: false,
+ defaultContent: '',
+ responsivePriority: 1
+ },
+ {
+ title: '',
+ data: 'chkbox',
+ searchable: false,
+ orderable: false,
+ defaultContent: '',
+ responsivePriority: 2
+ },
+ {
+ title: lang.description,
+ data: 'description',
+ responsivePriority: 3,
+ defaultContent: ''
+ },
+ {
+ title: lang.alias,
+ data: 'name',
+ defaultContent: ''
+ },
+ {
+ title: lang.kind,
+ data: 'kind',
+ defaultContent: ''
+ },
+ {
+ title: lang.domain,
+ data: 'domain',
+ responsivePriority: 4,
+ defaultContent: ''
+ },
+ {
+ title: lang.multiple_bookings,
+ data: 'multiple_bookings',
+ defaultContent: ''
+ },
+ {
+ title: lang.active,
+ data: 'active',
+ defaultContent: '',
+ render: function (data, type) {
+ return 1==data?'<i class="bi bi-check-lg"></i>':(0==data?'<i class="bi bi-x-lg"></i>':2==data&&'—');
+ }
+ },
+ {
+ title: lang.action,
+ data: 'action',
+ responsivePriority: 5,
+ defaultContent: '',
+ className: 'dt-sm-head-hidden dt-data-w100 dtr-col-md dt-body-right'
+ },
+ ]
});
}
function draw_bcc_table() {
- ft_bcc_table = FooTable.init('#bcc_table', {
- "columns": [
- {"name":"chkbox","title":"","style":{"min-width":"60px","width":"60px"},"filterable": false,"sortable": false,"type":"html"},
- {"sorted": true,"name":"id","title":"ID","style":{"min-width":"60px","width":"60px","text-align":"center"}},
- {"name":"type","title":lang.bcc_type},
- {"name":"local_dest","title":lang.bcc_local_dest},
- {"name":"bcc_dest","title":lang.bcc_destinations},
- {"name":"domain","title":lang.domain,"breakpoints":"xs sm"},
- {"name":"active","filterable": false,"style":{"min-width":"80px","width":"80px"},"title":lang.active,"formatter": function(value){return 1==value?'<i class="bi bi-check-lg"></i>':0==value&&'<i class="bi bi-x-lg"></i>';}},
- {"name":"action","filterable": false,"sortable": false,"style":{"text-align":"right","min-width":"180px","width":"180px"},"type":"html","title":lang.action,"breakpoints":"xs sm"}
- ],
- "empty": lang.empty,
- "rows": $.ajax({
- dataType: 'json',
- url: '/api/v1/get/bcc/all',
- jsonp: false,
- error: function () {
- console.log('Cannot draw bcc table');
- },
- success: function (data) {
- $.each(data, function (i, item) {
- item.action = '<div class="btn-group footable-actions">' +
- '<a href="/edit/bcc/' + item.id + '" class="btn btn-xs btn-xs-half btn-default"><i class="bi bi-pencil-fill"></i> ' + lang.edit + '</a>' +
- '<a href="#" data-action="delete_selected" data-id="single-bcc" data-api-url="delete/bcc" data-item="' + item.id + '" class="btn btn-xs btn-xs-half btn-danger"><i class="bi bi-trash"></i> ' + lang.remove + '</a>' +
+ $.get("/api/v1/get/bcc-destination-options", function(data){
+ // Domains
+ var optgroup = "<optgroup label='" + lang.domains + "'>";
+ $.each(data.domains, function(index, domain){
+ optgroup += "<option value='" + domain + "'>" + domain + "</option>"
+ });
+ optgroup += "</optgroup>"
+ $('#bcc-local-dest').append(optgroup);
+ // Alias domains
+ var optgroup = "<optgroup label='" + lang.domain_aliases + "'>";
+ $.each(data.alias_domains, function(index, alias_domain){
+ optgroup += "<option value='" + alias_domain + "'>" + alias_domain + "</option>"
+ });
+ optgroup += "</optgroup>"
+ $('#bcc-local-dest').append(optgroup);
+ // Mailboxes and aliases
+ $.each(data.mailboxes, function(mailbox, aliases){
+ var optgroup = "<optgroup label='" + mailbox + "'>";
+ $.each(aliases, function(index, alias){
+ optgroup += "<option value='" + alias + "'>" + alias + "</option>"
+ });
+ optgroup += "</optgroup>"
+ $('#bcc-local-dest').append(optgroup);
+ });
+ // Finish
+ $('#bcc-local-dest').selectpicker('refresh');
+ });
+
+ // just recalc width if instance already exists
+ if ($.fn.DataTable.isDataTable('#bcc_table') ) {
+ $('#bcc_table').DataTable().columns.adjust().responsive.recalc();
+ return;
+ }
+
+ $('#bcc_table').DataTable({
+ processing: true,
+ serverSide: false,
+ language: lang_datatables,
+ ajax: {
+ type: "GET",
+ url: "/api/v1/get/bcc/all",
+ dataSrc: function(json){
+ $.each(json, function (i, item) {
+ item.action = '<div class="btn-group">' +
+ '<a href="/edit/bcc/' + item.id + '" class="btn btn-sm btn-xs-half btn-secondary"><i class="bi bi-pencil-fill"></i> ' + lang.edit + '</a>' +
+ '<a href="#" data-action="delete_selected" data-id="single-bcc" data-api-url="delete/bcc" data-item="' + item.id + '" class="btn btn-sm btn-xs-half btn-danger"><i class="bi bi-trash"></i> ' + lang.remove + '</a>' +
'</div>';
item.chkbox = '<input type="checkbox" data-id="bcc" name="multi_select" value="' + item.id + '" />';
item.local_dest = escapeHtml(item.local_dest);
item.bcc_dest = escapeHtml(item.bcc_dest);
if (item.type == 'sender') {
- item.type = '<span id="active-script" class="label label-success">' + lang.bcc_sender_map + '</span>';
+ item.type = '<span id="active-script" class="badge fs-6 bg-success">' + lang.bcc_sender_map + '</span>';
} else {
- item.type = '<span id="inactive-script" class="label label-warning">' + lang.bcc_rcpt_map + '</span>';
+ item.type = '<span id="inactive-script" class="badge fs-6 bg-warning">' + lang.bcc_rcpt_map + '</span>';
}
});
- }
- }),
- "paging": {
- "enabled": true,
- "limit": 5,
- "size": pagination_size
- },
- "state": {
- "enabled": true
- },
- "filtering": {
- "enabled": true,
- "delay": 1200,
- "position": "left",
- "connectors": false,
- "placeholder": lang.filter_table
- },
- "sorting": {
- "enabled": true
- },
- "on": {
- "destroy.ft.table": function(e, ft){
- $('.refresh_table').attr('disabled', 'true');
- },
- "ready.ft.table": function(e, ft){
- table_mailbox_ready(ft, 'bcc_table');
- },
- "after.ft.filtering": function(e, ft){
- table_mailbox_ready(ft, 'bcc_table');
+
+ return json;
}
},
- "toggleSelector": "table tbody span.footable-toggle"
+ columns: [
+ {
+ // placeholder, so checkbox will not block child row toggle
+ title: '',
+ data: null,
+ searchable: false,
+ orderable: false,
+ defaultContent: '',
+ responsivePriority: 1
+ },
+ {
+ title: '',
+ data: 'chkbox',
+ searchable: false,
+ orderable: false,
+ defaultContent: '',
+ responsivePriority: 2
+ },
+ {
+ title: 'ID',
+ data: 'id',
+ responsivePriority: 3,
+ defaultContent: ''
+ },
+ {
+ title: lang.bcc_type,
+ data: 'type',
+ defaultContent: ''
+ },
+ {
+ title: lang.bcc_local_dest,
+ data: 'local_dest',
+ defaultContent: ''
+ },
+ {
+ title: lang.bcc_destinations,
+ data: 'bcc_dest',
+ defaultContent: ''
+ },
+ {
+ title: lang.domain,
+ data: 'domain',
+ responsivePriority: 4,
+ defaultContent: ''
+ },
+ {
+ title: lang.active,
+ data: 'active',
+ defaultContent: '',
+ render: function (data, type) {
+ return 1==data?'<i class="bi bi-check-lg"></i>':(0==data?'<i class="bi bi-x-lg"></i>':2==data&&'—');
+ }
+ },
+ {
+ title: lang.action,
+ data: 'action',
+ className: 'dt-sm-head-hidden dt-data-w100 dtr-col-md dt-body-right',
+ responsivePriority: 5,
+ defaultContent: ''
+ },
+ ]
});
}
function draw_recipient_map_table() {
- ft_recipient_map_table = FooTable.init('#recipient_map_table', {
- "columns": [
- {"name":"chkbox","title":"","style":{"min-width":"60px","width":"60px"},"filterable": false,"sortable": false,"type":"html"},
- {"sorted": true,"name":"id","title":"ID","style":{"min-width":"60px","width":"60px","text-align":"center"}},
- {"name":"recipient_map_old","title":lang.recipient_map_old},
- {"name":"recipient_map_new","title":lang.recipient_map_new},
- {"name":"active","filterable": false,"style":{"min-width":"80px","width":"80px"},"title":lang.active,"formatter": function(value){return 1==value?'<i class="bi bi-check-lg"></i>':0==value&&'<i class="bi bi-x-lg"></i>';}},
- {"name":"action","filterable": false,"sortable": false,"style":{"text-align":"right","min-width":"180px","width":"180px"},"type":"html","title":(role == "admin" ? lang.action : ""),"breakpoints":"xs sm"}
- ],
- "empty": lang.empty,
- "rows": $.ajax({
- dataType: 'json',
- url: '/api/v1/get/recipient_map/all',
- jsonp: false,
- error: function () {
- console.log('Cannot draw recipient map table');
- },
- success: function (data) {
- if (role == "admin") {
- $.each(data, function (i, item) {
- item.recipient_map_old = escapeHtml(item.recipient_map_old);
- item.recipient_map_new = escapeHtml(item.recipient_map_new);
- item.action = '<div class="btn-group footable-actions">' +
- '<a href="/edit/recipient_map/' + item.id + '" class="btn btn-xs btn-xs-half btn-default"><i class="bi bi-pencil-fill"></i> ' + lang.edit + '</a>' +
- '<a href="#" data-action="delete_selected" data-id="single-recipient_map" data-api-url="delete/recipient_map" data-item="' + item.id + '" class="btn btn-xs btn-xs-half btn-danger"><i class="bi bi-trash"></i> ' + lang.remove + '</a>' +
- '</div>';
- item.chkbox = '<input type="checkbox" data-id="recipient_map" name="multi_select" value="' + item.id + '" />';
- });
- }
- }
- }),
- "paging": {
- "enabled": true,
- "limit": 5,
- "size": pagination_size
- },
- "state": {
- "enabled": true
- },
- "filtering": {
- "enabled": true,
- "delay": 1200,
- "position": "left",
- "connectors": false,
- "placeholder": lang.filter_table
- },
- "sorting": {
- "enabled": true
- },
- "on": {
- "destroy.ft.table": function(e, ft){
- $('.refresh_table').attr('disabled', 'true');
- },
- "ready.ft.table": function(e, ft){
- table_mailbox_ready(ft, 'recipient_map_table');
- },
- "after.ft.filtering": function(e, ft){
- table_mailbox_ready(ft, 'recipient_map_table');
+ // just recalc width if instance already exists
+ if ($.fn.DataTable.isDataTable('#recipient_map_table') ) {
+ $('#recipient_map_table').DataTable().columns.adjust().responsive.recalc();
+ return;
+ }
+
+ $('#recipient_map_table').DataTable({
+ processing: true,
+ serverSide: false,
+ language: lang_datatables,
+ ajax: {
+ type: "GET",
+ url: "/api/v1/get/recipient_map/all",
+ dataSrc: function(json){
+ if (role !== "admin") return null;
+
+ $.each(json, function (i, item) {
+ item.recipient_map_old = escapeHtml(item.recipient_map_old);
+ item.recipient_map_new = escapeHtml(item.recipient_map_new);
+ item.action = '<div class="btn-group">' +
+ '<a href="/edit/recipient_map/' + item.id + '" class="btn btn-sm btn-xs-half btn-secondary"><i class="bi bi-pencil-fill"></i> ' + lang.edit + '</a>' +
+ '<a href="#" data-action="delete_selected" data-id="single-recipient_map" data-api-url="delete/recipient_map" data-item="' + item.id + '" class="btn btn-sm btn-xs-half btn-danger"><i class="bi bi-trash"></i> ' + lang.remove + '</a>' +
+ '</div>';
+ item.chkbox = '<input type="checkbox" data-id="recipient_map" name="multi_select" value="' + item.id + '" />';
+ });
+
+ return json;
}
},
- "toggleSelector": "table tbody span.footable-toggle"
+ columns: [
+ {
+ // placeholder, so checkbox will not block child row toggle
+ title: '',
+ data: null,
+ searchable: false,
+ orderable: false,
+ defaultContent: '',
+ responsivePriority: 1
+ },
+ {
+ title: '',
+ data: 'chkbox',
+ searchable: false,
+ orderable: false,
+ defaultContent: '',
+ responsivePriority: 2
+ },
+ {
+ title: 'ID',
+ data: 'id',
+ responsivePriority: 3,
+ defaultContent: ''
+ },
+ {
+ title: lang.recipient_map_old,
+ data: 'recipient_map_old',
+ defaultContent: ''
+ },
+ {
+ title: lang.recipient_map_new,
+ data: 'recipient_map_new',
+ defaultContent: '',
+ responsivePriority: 4
+ },
+ {
+ title: lang.active,
+ data: 'active',
+ defaultContent: '',
+ render: function (data, type) {
+ return 1==data?'<i class="bi bi-check-lg"></i>':0==data&&'<i class="bi bi-x-lg"></i>';
+ }
+ },
+ {
+ title: lang.action,
+ data: 'action',
+ className: 'dt-sm-head-hidden dt-data-w100 dtr-col-md dt-body-right',
+ responsivePriority: 5,
+ defaultContent: ''
+ },
+ ]
});
}
function draw_tls_policy_table() {
- ft_tls_policy_table = FooTable.init('#tls_policy_table', {
- "columns": [
- {"name":"chkbox","title":"","style":{"min-width":"60px","width":"60px"},"filterable": false,"sortable": false,"type":"html"},
- {"sorted": true,"name":"id","title":"ID","style":{"min-width":"60px","width":"60px","text-align":"center"}},
- {"name":"dest","title":lang.tls_map_dest},
- {"name":"policy","title":lang.tls_map_policy},
- {"name":"parameters","title":lang.tls_map_parameters},
- {"name":"active","filterable": false,"style":{"min-width":"80px","width":"80px"},"title":lang.active,"formatter": function(value){return 1==value?'<i class="bi bi-check-lg"></i>':0==value&&'<i class="bi bi-x-lg"></i>';}},
- {"name":"action","filterable": false,"sortable": false,"style":{"text-align":"right","min-width":"180px","width":"180px"},"type":"html","title":(role == "admin" ? lang.action : ""),"breakpoints":"xs sm"}
- ],
- "empty": lang.empty,
- "rows": $.ajax({
- dataType: 'json',
- url: '/api/v1/get/tls-policy-map/all',
- jsonp: false,
- error: function () {
- console.log('Cannot draw tls policy map table');
- },
- success: function (data) {
- if (role == "admin") {
- $.each(data, function (i, item) {
- item.dest = escapeHtml(item.dest);
- item.policy = '<b>' + escapeHtml(item.policy) + '</b>';
- if (item.parameters == '') {
- item.parameters = '<code>-</code>';
- } else {
- item.parameters = '<code>' + escapeHtml(item.parameters) + '</code>';
- }
- item.action = '<div class="btn-group footable-actions">' +
- '<a href="/edit/tls_policy_map/' + item.id + '" class="btn btn-xs btn-xs-half btn-default"><i class="bi bi-pencil-fill"></i> ' + lang.edit + '</a>' +
- '<a href="#" data-action="delete_selected" data-id="single-tls-policy-map" data-api-url="delete/tls-policy-map" data-item="' + item.id + '" class="btn btn-xs btn-xs-half btn-danger"><i class="bi bi-trash"></i> ' + lang.remove + '</a>' +
- '</div>';
- item.chkbox = '<input type="checkbox" data-id="tls-policy-map" name="multi_select" value="' + item.id + '" />';
- });
- }
- }
- }),
- "paging": {
- "enabled": true,
- "limit": 5,
- "size": pagination_size
- },
- "state": {
- "enabled": true
- },
- "filtering": {
- "enabled": true,
- "delay": 1200,
- "position": "left",
- "connectors": false,
- "placeholder": lang.filter_table
- },
- "sorting": {
- "enabled": true
- },
- "on": {
- "destroy.ft.table": function(e, ft){
- $('.refresh_table').attr('disabled', 'true');
- },
- "ready.ft.table": function(e, ft){
- table_mailbox_ready(ft, 'tls_policy_table');
- },
- "after.ft.filtering": function(e, ft){
- table_mailbox_ready(ft, 'tls_policy_table');
+ // just recalc width if instance already exists
+ if ($.fn.DataTable.isDataTable('#tls_policy_table') ) {
+ $('#tls_policy_table').DataTable().columns.adjust().responsive.recalc();
+ return;
+ }
+
+ $('#tls_policy_table').DataTable({
+ processing: true,
+ serverSide: false,
+ language: lang_datatables,
+ ajax: {
+ type: "GET",
+ url: "/api/v1/get/tls-policy-map/all",
+ dataSrc: function(json){
+ if (role !== "admin") return null;
+
+ $.each(json, function (i, item) {
+ item.dest = escapeHtml(item.dest);
+ item.policy = '<b>' + escapeHtml(item.policy) + '</b>';
+ if (item.parameters == '') {
+ item.parameters = '<code>-</code>';
+ } else {
+ item.parameters = '<code>' + escapeHtml(item.parameters) + '</code>';
+ }
+ item.action = '<div class="btn-group">' +
+ '<a href="/edit/tls_policy_map/' + item.id + '" class="btn btn-sm btn-xs-half btn-secondary"><i class="bi bi-pencil-fill"></i> ' + lang.edit + '</a>' +
+ '<a href="#" data-action="delete_selected" data-id="single-tls-policy-map" data-api-url="delete/tls-policy-map" data-item="' + item.id + '" class="btn btn-sm btn-xs-half btn-danger"><i class="bi bi-trash"></i> ' + lang.remove + '</a>' +
+ '</div>';
+ item.chkbox = '<input type="checkbox" data-id="tls-policy-map" name="multi_select" value="' + item.id + '" />';
+ });
+
+ return json;
}
},
- "toggleSelector": "table tbody span.footable-toggle"
+ columns: [
+ {
+ // placeholder, so checkbox will not block child row toggle
+ title: '',
+ data: null,
+ searchable: false,
+ orderable: false,
+ defaultContent: '',
+ responsivePriority: 1
+ },
+ {
+ title: '',
+ data: 'chkbox',
+ searchable: false,
+ orderable: false,
+ defaultContent: '',
+ responsivePriority: 2
+ },
+ {
+ title: 'ID',
+ data: 'id',
+ responsivePriority: 3,
+ defaultContent: ''
+ },
+ {
+ title: lang.tls_map_dest,
+ data: 'dest',
+ defaultContent: '',
+ responsivePriority: 4
+ },
+ {
+ title: lang.tls_map_policy,
+ data: 'policy',
+ defaultContent: ''
+ },
+ {
+ title: lang.tls_map_parameters,
+ data: 'parameters',
+ defaultContent: ''
+ },
+ {
+ title: lang.active,
+ data: 'active',
+ defaultContent: '',
+ render: function (data, type) {
+ return 1==data?'<i class="bi bi-check-lg"></i>':0==data&&'<i class="bi bi-x-lg"></i>';
+ }
+ },
+ {
+ title: lang.action,
+ data: 'action',
+ className: 'dt-sm-head-hidden dt-data-w100 dtr-col-md dt-body-right',
+ responsivePriority: 5,
+ defaultContent: ''
+ },
+ ]
});
}
function draw_alias_table() {
- ft_alias_table = FooTable.init('#alias_table', {
- "columns": [
- {"name":"chkbox","title":"","style":{"min-width":"60px","width":"60px"},"filterable": false,"sortable": false,"type":"html"},
- {"name":"id","title":"ID","style":{"min-width":"60px","width":"60px","text-align":"center"}},
- {"sorted": true,"name":"address","title":lang.alias,"style":{"width":"250px"}},
- {"name":"goto","title":lang.target_address},
- {"name":"domain","title":lang.domain,"breakpoints":"xs sm"},
- {"name":"public_comment","title":lang.public_comment,"breakpoints":"all"},
- {"name":"private_comment","title":lang.private_comment,"breakpoints":"all"},
- {"name":"sogo_visible","title":lang.sogo_visible,"formatter": function(value){return 1==value?'<i class="bi bi-check-lg"></i>':0==value&&'<i class="bi bi-x-lg"></i>';},"breakpoints":"all"},
- {"name":"active","filterable": false,"style":{"min-width":"80px","width":"80px"},"title":lang.active,"formatter": function(value){return 1==value?'<i class="bi bi-check-lg"></i>':0==value&&'<i class="bi bi-x-lg"></i>';}},
- {"name":"action","filterable": false,"sortable": false,"style":{"text-align":"right","min-width":"180px","width":"180px"},"type":"html","title":lang.action,"breakpoints":"xs sm"}
- ],
- "empty": lang.empty,
- "rows": $.ajax({
- dataType: 'json',
- url: '/api/v1/get/alias/all',
- jsonp: false,
- error: function () {
- console.log('Cannot draw alias table');
- },
- success: function (data) {
- $.each(data, function (i, item) {
- item.action = '<div class="btn-group footable-actions">' +
- '<a href="/edit/alias/' + encodeURIComponent(item.id) + '" class="btn btn-xs btn-xs-half btn-default"><i class="bi bi-pencil-fill"></i> ' + lang.edit + '</a>' +
- '<a href="#" data-action="delete_selected" data-id="single-alias" data-api-url="delete/alias" data-item="' + encodeURIComponent(item.id) + '" class="btn btn-xs btn-xs-half btn-danger"><i class="bi bi-trash"></i> ' + lang.remove + '</a>' +
+ // just recalc width if instance already exists
+ if ($.fn.DataTable.isDataTable('#alias_table') ) {
+ $('#alias_table').DataTable().columns.adjust().responsive.recalc();
+ return;
+ }
+
+ $('#alias_table').DataTable({
+ processing: true,
+ serverSide: false,
+ language: lang_datatables,
+ ajax: {
+ type: "GET",
+ url: "/api/v1/get/alias/all",
+ dataSrc: function(json){
+ $.each(json, function (i, item) {
+ item.action = '<div class="btn-group">' +
+ '<a href="/edit/alias/' + encodeURIComponent(item.id) + '" class="btn btn-sm btn-xs-half btn-secondary"><i class="bi bi-pencil-fill"></i> ' + lang.edit + '</a>' +
+ '<a href="#" data-action="delete_selected" data-id="single-alias" data-api-url="delete/alias" data-item="' + encodeURIComponent(item.id) + '" class="btn btn-sm btn-xs-half btn-danger"><i class="bi bi-trash"></i> ' + lang.remove + '</a>' +
'</div>';
item.chkbox = '<input type="checkbox" data-id="alias" name="multi_select" value="' + encodeURIComponent(item.id) + '" />';
item.goto = escapeHtml(item.goto.replace(/,/g, " "));
@@ -855,7 +1710,7 @@
item.private_comment = '-';
}
if (item.is_catch_all == 1) {
- item.address = '<div class="label label-default">' + lang.catch_all + '</div> ' + escapeHtml(item.address);
+ item.address = '<div class="badge fs-6 bg-secondary">' + lang.catch_all + '</div> ' + escapeHtml(item.address);
}
else {
item.address = escapeHtml(item.address);
@@ -864,163 +1719,217 @@
item.goto = '⤷ <i class="bi bi-trash" style="font-size:12px"></i>';
}
else if (item.goto == "spam@localhost") {
- item.goto = '<span class="label label-danger">' + lang.goto_spam + '</span>';
+ item.goto = '<span class="badge fs-6 bg-danger">' + lang.goto_spam + '</span>';
}
else if (item.goto == "ham@localhost") {
- item.goto = '<span class="label label-success">' + lang.goto_ham + '</span>';
+ item.goto = '<span class="badge fs-6 bg-success">' + lang.goto_ham + '</span>';
}
if (item.in_primary_domain !== "") {
- item.domain = '<i data-domainname="' + item.domain + '" class="bi bi-info-circle-fill alias-domain-info text-info" data-toggle="tooltip" title="' + lang.target_domain + ': ' + item.in_primary_domain + '"></i> ' + item.domain;
+ item.domain = '<i data-domainname="' + item.domain + '" class="bi bi-info-circle-fill alias-domain-info text-info" data-bs-toggle="tooltip" title="' + lang.target_domain + ': ' + item.in_primary_domain + '"></i> ' + item.domain;
}
});
- }
- }),
- "paging": {
- "enabled": true,
- "limit": 5,
- "size": pagination_size
- },
- "state": {
- "enabled": true
- },
- "filtering": {
- "enabled": true,
- "delay": 1200,
- "position": "left",
- "connectors": false,
- "placeholder": lang.filter_table
- },
- "components": {
- "filtering": FooTable.domainFilter
- },
- "sorting": {
- "enabled": true
- },
- "on": {
- "destroy.ft.table": function(e, ft){
- $('.refresh_table').attr('disabled', 'true');
- },
- "ready.ft.table": function(e, ft){
- table_mailbox_ready(ft, 'alias_table');
- $('.alias-domain-info').tooltip();
- },
- "after.ft.filtering": function(e, ft){
- table_mailbox_ready(ft, 'alias_table');
+
+ return json;
}
},
- "toggleSelector": "table tbody span.footable-toggle"
+ columns: [
+ {
+ // placeholder, so checkbox will not block child row toggle
+ title: '',
+ data: null,
+ searchable: false,
+ orderable: false,
+ defaultContent: '',
+ responsivePriority: 1
+ },
+ {
+ title: '',
+ data: 'chkbox',
+ searchable: false,
+ orderable: false,
+ defaultContent: '',
+ responsivePriority: 2
+ },
+ {
+ title: 'ID',
+ data: 'id',
+ responsivePriority: 3,
+ defaultContent: ''
+ },
+ {
+ title: lang.alias,
+ data: 'address',
+ responsivePriority: 4,
+ defaultContent: ''
+ },
+ {
+ title: lang.target_address,
+ data: 'goto',
+ defaultContent: ''
+ },
+ {
+ title: lang.domain,
+ data: 'domain',
+ defaultContent: '',
+ responsivePriority: 5,
+ },
+ {
+ title: lang.bcc_destinations,
+ data: 'bcc_dest',
+ defaultContent: ''
+ },
+ {
+ title: lang.sogo_visible,
+ data: 'sogo_visible',
+ defaultContent: '',
+ render: function(data, type){
+ return 1==data?'<i class="bi bi-check-lg"></i>':0==data&&'<i class="bi bi-x-lg"></i>';
+ }
+ },
+ {
+ title: lang.public_comment,
+ data: 'public_comment',
+ defaultContent: ''
+ },
+ {
+ title: lang.private_comment,
+ data: 'private_comment',
+ defaultContent: ''
+ },
+ {
+ title: lang.active,
+ data: 'active',
+ defaultContent: '',
+ responsivePriority: 6,
+ render: function (data, type) {
+ return 1==data?'<i class="bi bi-check-lg"></i>':0==data&&'<i class="bi bi-x-lg"></i>';
+ }
+ },
+ {
+ title: lang.action,
+ data: 'action',
+ className: 'dt-sm-head-hidden dt-data-w100 dtr-col-md dt-body-right',
+ responsivePriority: 5,
+ defaultContent: ''
+ },
+ ]
});
}
-
function draw_aliasdomain_table() {
- ft_aliasdomain_table = FooTable.init('#aliasdomain_table', {
- "columns": [
- {"name":"chkbox","title":"","style":{"min-width":"60px","width":"60px"},"filterable": false,"sortable": false,"type":"html"},
- {"sorted": true,"name":"alias_domain","title":lang.alias,"style":{"width":"250px"}},
- {"name":"target_domain","title":lang.target_domain,"type":"html"},
- {"name":"active","filterable": false,"style":{"min-width":"80px","width":"80px"},"title":lang.active,"formatter": function(value){return 1==value?'<i class="bi bi-check-lg"></i>':0==value&&'<i class="bi bi-x-lg"></i>';}},
- {"name":"action","filterable": false,"sortable": false,"style":{"text-align":"right","min-width":"250px","width":"250px"},"type":"html","title":lang.action,"breakpoints":"xs sm"}
- ],
- "empty": lang.empty,
- "rows": $.ajax({
- dataType: 'json',
- url: '/api/v1/get/alias-domain/all',
- jsonp: false,
- error: function () {
- console.log('Cannot draw alias domain table');
- },
- success: function (data) {
- $.each(data, function (i, item) {
- item.action = '<div class="btn-group footable-actions">' +
- '<a href="/edit/aliasdomain/' + encodeURIComponent(item.alias_domain) + '" class="btn btn-xs btn-xs-third btn-default"><i class="bi bi-pencil-fill"></i> ' + lang.edit + '</a>' +
- '<a href="#" data-action="delete_selected" data-id="single-alias-domain" data-api-url="delete/alias-domain" data-item="' + encodeURIComponent(item.alias_domain) + '" class="btn btn-xs btn-xs-third btn-danger"><i class="bi bi-trash"></i> ' + lang.remove + '</a>' +
- '<a href="#dnsInfoModal" class="btn btn-xs btn-xs-third btn-info" data-toggle="modal" data-domain="' + encodeURIComponent(item.alias_domain) + '"><i class="bi bi-globe2"></i> DNS</a></div>' +
+ // just recalc width if instance already exists
+ if ($.fn.DataTable.isDataTable('#aliasdomain_table') ) {
+ $('#aliasdomain_table').DataTable().columns.adjust().responsive.recalc();
+ return;
+ }
+
+ $('#aliasdomain_table').DataTable({
+ processing: true,
+ serverSide: false,
+ language: lang_datatables,
+ ajax: {
+ type: "GET",
+ url: "/api/v1/get/alias-domain/all",
+ dataSrc: function(json){
+ $.each(json, function (i, item) {
+ item.alias_domain = escapeHtml(item.alias_domain);
+
+ item.action = '<div class="btn-group">' +
+ '<a href="/edit/aliasdomain/' + encodeURIComponent(item.alias_domain) + '" class="btn btn-sm btn-xs-third btn-secondary"><i class="bi bi-pencil-fill"></i> ' + lang.edit + '</a>' +
+ '<a href="#" data-action="delete_selected" data-id="single-alias-domain" data-api-url="delete/alias-domain" data-item="' + encodeURIComponent(item.alias_domain) + '" class="btn btn-sm btn-xs-third btn-danger"><i class="bi bi-trash"></i> ' + lang.remove + '</a>' +
+ '<a href="#dnsInfoModal" class="btn btn-sm btn-xs-third btn-info" data-bs-toggle="modal" data-domain="' + encodeURIComponent(item.alias_domain) + '"><i class="bi bi-globe2"></i> DNS</a></div>' +
'</div>';
item.chkbox = '<input type="checkbox" data-id="alias-domain" name="multi_select" value="' + encodeURIComponent(item.alias_domain) + '" />';
if(item.parent_is_backupmx == '1') {
- item.target_domain = '<span><a href="/edit/domain/' + item.target_domain + '">' + item.target_domain + '</a> <div class="label label-warning">' + lang.alias_domain_backupmx + '</div></span>';
+ item.target_domain = '<span><a href="/edit/domain/' + item.target_domain + '">' + item.target_domain + '</a> <div class="badge fs-6 bg-warning">' + lang.alias_domain_backupmx + '</div></span>';
} else {
item.target_domain = '<span><a href="/edit/domain/' + item.target_domain + '">' + item.target_domain + '</a></span>';
}
});
- }
- }),
- "paging": {
- "enabled": true,
- "limit": 5,
- "size": pagination_size
- },
- "state": {
- "enabled": true
- },
- "filtering": {
- "enabled": true,
- "delay": 1200,
- "position": "left",
- "connectors": false,
- "placeholder": lang.filter_table
- },
- "sorting": {
- "enabled": true
- },
- "on": {
- "destroy.ft.table": function(e, ft){
- $('.refresh_table').attr('disabled', 'true');
- },
- "ready.ft.table": function(e, ft){
- table_mailbox_ready(ft, 'aliasdomain_table');
- },
- "after.ft.filtering": function(e, ft){
- table_mailbox_ready(ft, 'aliasdomain_table');
+
+ return json;
}
},
- "toggleSelector": "table tbody span.footable-toggle"
+ columns: [
+ {
+ // placeholder, so checkbox will not block child row toggle
+ title: '',
+ data: null,
+ searchable: false,
+ orderable: false,
+ defaultContent: '',
+ responsivePriority: 1
+ },
+ {
+ title: '',
+ data: 'chkbox',
+ searchable: false,
+ orderable: false,
+ defaultContent: '',
+ responsivePriority: 2
+ },
+ {
+ title: lang.alias,
+ data: 'alias_domain',
+ responsivePriority: 3,
+ defaultContent: ''
+ },
+ {
+ title: lang.target_domain,
+ data: 'target_domain',
+ responsivePriority: 4,
+ defaultContent: ''
+ },
+ {
+ title: lang.active,
+ data: 'active',
+ defaultContent: '',
+ render: function (data, type) {
+ return 1==data?'<i class="bi bi-check-lg"></i>':0==data&&'<i class="bi bi-x-lg"></i>';
+ }
+ },
+ {
+ title: lang.action,
+ data: 'action',
+ className: 'dt-sm-head-hidden dt-data-w100 dtr-col-md dt-body-right',
+ responsivePriority: 5,
+ defaultContent: ''
+ },
+ ]
});
}
-
function draw_sync_job_table() {
- ft_syncjob_table = FooTable.init('#sync_job_table', {
- "columns": [
- {"name":"chkbox","title":"","style":{"min-width":"60px","width":"60px","text-align":"center"},"filterable": false,"sortable": false,"type":"html"},
- {"sorted": true,"name":"id","title":"ID","style":{"min-width":"60px","width":"60px","text-align":"center"}},
- {"name":"user2","title":lang.owner},
- {"name":"server_w_port","title":"Server","breakpoints":"xs sm md","style":{"word-break":"break-all"}},
- {"name":"exclude","title":lang.excludes,"breakpoints":"all"},
- {"name":"mins_interval","title":lang.mins_interval,"breakpoints":"all"},
- {"name":"last_run","title":lang.last_run,"breakpoints":"xs sm md"},
- {"name":"exit_status","filterable": false,"title":lang.syncjob_last_run_result},
- {"name":"log","title":"Log"},
- {"name":"active","filterable": false,"style":{"min-width":"70px","width":"70px"},"title":lang.active,"formatter": function(value){return 1==value?'<i class="bi bi-check-lg"></i>':0==value&&'<i class="bi bi-x-lg"></i>';}},
- {"name":"is_running","filterable": false,"style":{"min-width":"120px","width":"100px"},"title":lang.status},
- {"name":"action","filterable": false,"sortable": false,"style":{"text-align":"right","min-width":"180px","width":"180px"},"type":"html","title":lang.action,"breakpoints":"xs sm"}
- ],
- "empty": lang.empty,
- "rows": $.ajax({
- dataType: 'json',
- url: '/api/v1/get/syncjobs/all/no_log',
- jsonp: false,
- error: function () {
- console.log('Cannot draw sync job table');
- },
- success: function (data) {
- $.each(data, function (i, item) {
- item.log = '<a href="#syncjobLogModal" data-toggle="modal" data-syncjob-id="' + encodeURIComponent(item.id) + '">' + lang.open_logs + '</a>'
+ // just recalc width if instance already exists
+ if ($.fn.DataTable.isDataTable('#sync_job_table') ) {
+ $('#sync_job_table').DataTable().columns.adjust().responsive.recalc();
+ return;
+ }
+
+ $('#sync_job_table').DataTable({
+ processing: true,
+ serverSide: false,
+ language: lang_datatables,
+ ajax: {
+ type: "GET",
+ url: "/api/v1/get/syncjobs/all/no_log",
+ dataSrc: function(json){
+ $.each(json, function (i, item) {
+ item.log = '<a href="#syncjobLogModal" data-bs-toggle="modal" data-syncjob-id="' + encodeURIComponent(item.id) + '">' + lang.open_logs + '</a>'
item.user2 = escapeHtml(item.user2);
if (!item.exclude > 0) {
item.exclude = '-';
} else {
- item.exclude = '<code>' + item.exclude + '</code>';
+ item.exclude = '<code>' + escapeHtml(item.exclude) + '</code>';
}
- item.server_w_port = escapeHtml(item.user1) + '@' + item.host1 + ':' + item.port1;
- item.action = '<div class="btn-group footable-actions">' +
- '<a href="/edit/syncjob/' + item.id + '" class="btn btn-xs btn-xs-half btn-default"><i class="bi bi-pencil-fill"></i> ' + lang.edit + '</a>' +
- '<a href="#" data-action="delete_selected" data-id="single-syncjob" data-api-url="delete/syncjob" data-item="' + item.id + '" class="btn btn-xs btn-xs-half btn-danger"><i class="bi bi-trash"></i> ' + lang.remove + '</a>' +
+ item.server_w_port = escapeHtml(item.user1) + '@' + escapeHtml(item.host1) + ':' + escapeHtml(item.port1);
+ item.action = '<div class="btn-group">' +
+ '<a href="/edit/syncjob/' + item.id + '" class="btn btn-sm btn-xs-half btn-secondary"><i class="bi bi-pencil-fill"></i> ' + lang.edit + '</a>' +
+ '<a href="#" data-action="delete_selected" data-id="single-syncjob" data-api-url="delete/syncjob" data-item="' + item.id + '" class="btn btn-sm btn-xs-half btn-danger"><i class="bi bi-trash"></i> ' + lang.remove + '</a>' +
'</div>';
item.chkbox = '<input type="checkbox" data-id="syncjob" name="multi_select" value="' + item.id + '" />';
if (item.is_running == 1) {
- item.is_running = '<span id="active-script" class="label label-success">' + lang.running + '</span>';
+ item.is_running = '<span id="active-script" class="badge fs-6 bg-success">' + lang.running + '</span>';
} else {
- item.is_running = '<span id="inactive-script" class="label label-warning">' + lang.waiting + '</span>';
+ item.is_running = '<span id="inactive-script" class="badge fs-6 bg-warning">' + lang.waiting + '</span>';
}
if (!item.last_run > 0) {
item.last_run = lang.waiting;
@@ -1038,124 +1947,220 @@
}
item.exit_status = item.success + ' ' + item.exit_status;
});
- }
- }),
- "paging": {
- "enabled": true,
- "limit": 5,
- "size": pagination_size
- },
- "state": {
- "enabled": true
- },
- "filtering": {
- "enabled": true,
- "delay": 1200,
- "position": "left",
- "connectors": false,
- "placeholder": lang.filter_table
- },
- "sorting": {
- "enabled": true
- },
- "on": {
- "destroy.ft.table": function(e, ft){
- $('.refresh_table').attr('disabled', 'true');
- },
- "ready.ft.table": function(e, ft){
- table_mailbox_ready(ft, 'sync_job_table');
- },
- "after.ft.filtering": function(e, ft){
- table_mailbox_ready(ft, 'sync_job_table');
+
+ return json;
}
},
- "toggleSelector": "table tbody span.footable-toggle"
+ columns: [
+ {
+ // placeholder, so checkbox will not block child row toggle
+ title: '',
+ data: null,
+ searchable: false,
+ orderable: false,
+ defaultContent: '',
+ responsivePriority: 1
+ },
+ {
+ title: '',
+ data: 'chkbox',
+ searchable: false,
+ orderable: false,
+ defaultContent: '',
+ responsivePriority: 2
+ },
+ {
+ title: 'ID',
+ data: 'id',
+ responsivePriority: 3,
+ defaultContent: ''
+ },
+ {
+ title: lang.owner,
+ data: 'user2',
+ responsivePriority: 4,
+ defaultContent: ''
+ },
+ {
+ title: 'Server',
+ data: 'server_w_port',
+ defaultContent: ''
+ },
+ {
+ title: lang.last_run,
+ data: 'last_run',
+ defaultContent: ''
+ },
+ {
+ title: lang.syncjob_last_run_result,
+ data: 'exit_status',
+ defaultContent: ''
+ },
+ {
+ title: 'Log',
+ data: 'log',
+ defaultContent: ''
+ },
+ {
+ title: lang.active,
+ data: 'active',
+ defaultContent: '',
+ render: function (data, type) {
+ return 1==data?'<i class="bi bi-check-lg"></i>':0==data&&'<i class="bi bi-x-lg"></i>';
+ }
+ },
+ {
+ title: lang.status,
+ data: 'is_running',
+ defaultContent: ''
+ },
+ {
+ title: lang.excludes,
+ data: 'exclude',
+ defaultContent: '',
+ className: 'none'
+ },
+ {
+ title: lang.mins_interval,
+ data: 'mins_interval',
+ defaultContent: '',
+ className: 'none'
+ },
+ {
+ title: lang.action,
+ data: 'action',
+ className: 'dt-sm-head-hidden dt-data-w100 dtr-col-md dt-body-right',
+ responsivePriority: 5,
+ defaultContent: ''
+ },
+ ]
});
}
-
function draw_filter_table() {
- ft_filter_table = FooTable.init('#filter_table', {
- "columns": [
- {"name":"chkbox","title":"","style":{"min-width":"60px","width":"60px","text-align":"center"},"filterable": false,"sortable": false,"type":"html"},
- {"name":"id","title":"ID","style":{"min-width":"60px","width":"60px","text-align":"center"}},
- {"name":"active","style":{"min-width":"80px","width":"80px"},"title":lang.active},
- {"name":"filter_type","style":{"min-width":"80px","width":"80px"},"title":"Type"},
- {"sorted": true,"name":"username","title":lang.owner,"style":{"min-width":"550px","width":"350px"}},
- {"name":"script_desc","title":lang.description,"breakpoints":"xs"},
- {"name":"script_data","title":"Script","breakpoints":"all"},
- {"name":"action","filterable": false,"sortable": false,"style":{"text-align":"right","min-width":"180px","width":"180px"},"type":"html","title":lang.action,"breakpoints":"xs sm"}
- ],
- "empty": lang.empty,
- "rows": $.ajax({
- dataType: 'json',
- url: '/api/v1/get/filters/all',
- jsonp: false,
- error: function () {
- console.log('Cannot draw filter table');
- },
- success: function (data) {
- $.each(data, function (i, item) {
+ // just recalc width if instance already exists
+ if ($.fn.DataTable.isDataTable('#filter_table') ) {
+ $('#filter_table').DataTable().columns.adjust().responsive.recalc();
+ return;
+ }
+
+ var table = $('#filter_table').DataTable({
+ autoWidth: false,
+ processing: true,
+ serverSide: false,
+ language: lang_datatables,
+ ajax: {
+ type: "GET",
+ url: "/api/v1/get/filters/all",
+ dataSrc: function(json){
+ $.each(json, function (i, item) {
if (item.active == 1) {
- item.active = '<span id="active-script" class="label label-success">' + lang.active + '</span>';
+ item.active = '<span id="active-script" class="badge fs-6 bg-success">' + lang.active + '</span>';
} else {
- item.active = '<span id="inactive-script" class="label label-warning">' + lang.inactive + '</span>';
+ item.active = '<span id="inactive-script" class="badge fs-6 bg-warning">' + lang.inactive + '</span>';
}
- item.script_data = '<pre style="margin:0px">' + escapeHtml(item.script_data) + '</pre>'
- item.filter_type = '<div class="label label-default">' + item.filter_type.charAt(0).toUpperCase() + item.filter_type.slice(1).toLowerCase() + '</div>'
- item.action = '<div class="btn-group footable-actions">' +
- '<a href="/edit/filter/' + item.id + '" class="btn btn-xs btn-xs-half btn-default"><i class="bi bi-pencil-fill"></i> ' + lang.edit + '</a>' +
- '<a href="#" data-action="delete_selected" data-id="single-filter" data-api-url="delete/filter" data-item="' + encodeURIComponent(item.id) + '" class="btn btn-xs btn-xs-half btn-danger"><i class="bi bi-trash"></i> ' + lang.remove + '</a>' +
+ item.script_desc = escapeHtml(item.script_desc);
+ item.script_data = '<pre class="text-break" style="margin:0px">' + escapeHtml(item.script_data) + '</pre>'
+ item.filter_type = '<div class="badge fs-6 bg-secondary">' + item.filter_type.charAt(0).toUpperCase() + item.filter_type.slice(1).toLowerCase() + '</div>'
+ item.action = '<div class="btn-group">' +
+ '<a href="/edit/filter/' + item.id + '" class="btn btn-sm btn-xs-half btn-secondary"><i class="bi bi-pencil-fill"></i> ' + lang.edit + '</a>' +
+ '<a href="#" data-action="delete_selected" data-id="single-filter" data-api-url="delete/filter" data-item="' + encodeURIComponent(item.id) + '" class="btn btn-sm btn-xs-half btn-danger"><i class="bi bi-trash"></i> ' + lang.remove + '</a>' +
'</div>';
item.chkbox = '<input type="checkbox" data-id="filter_item" name="multi_select" value="' + item.id + '" />'
});
- }
- }),
- "paging": {
- "enabled": true,
- "limit": 5,
- "size": pagination_size
- },
- "state": {
- "enabled": true
- },
- "filtering": {
- "enabled": true,
- "delay": 1200,
- "position": "left",
- "connectors": false,
- "placeholder": lang.filter_table
- },
- "sorting": {
- "enabled": true
- },
- "on": {
- "destroy.ft.table": function(e, ft){
- $('.refresh_table').attr('disabled', 'true');
- },
- "ready.ft.table": function(e, ft){
- table_mailbox_ready(ft, 'filter_table');
- },
- "after.ft.filtering": function(e, ft){
- table_mailbox_ready(ft, 'filter_table');
+
+ return json;
}
},
- "toggleSelector": "table tbody span.footable-toggle"
+ columns: [
+ {
+ // placeholder, so checkbox will not block child row toggle
+ title: '',
+ data: null,
+ searchable: false,
+ orderable: false,
+ defaultContent: '',
+ responsivePriority: 1
+ },
+ {
+ title: '',
+ data: 'chkbox',
+ searchable: false,
+ orderable: false,
+ defaultContent: '',
+ responsivePriority: 2
+ },
+ {
+ title: 'ID',
+ data: 'id',
+ responsivePriority: 2,
+ defaultContent: ''
+ },
+ {
+ title: lang.active,
+ data: 'active',
+ responsivePriority: 3,
+ defaultContent: ''
+ },
+ {
+ title: 'Type',
+ data: 'filter_type',
+ responsivePriority: 4,
+ defaultContent: ''
+ },
+ {
+ title: lang.owner,
+ data: 'username',
+ defaultContent: ''
+ },
+ {
+ title: lang.description,
+ data: 'script_desc',
+ defaultContent: ''
+ },
+ {
+ title: 'Script',
+ data: 'script_data',
+ defaultContent: '',
+ className: 'none'
+ },
+ {
+ title: lang.action,
+ data: 'action',
+ className: 'dt-sm-head-hidden dt-data-w100 dtr-col-md dt-body-right',
+ responsivePriority: 5,
+ defaultContent: ''
+ },
+ ]
});
};
- $('body').on('click', 'span.footable-toggle', function () {
- event.stopPropagation();
- })
+ // detect element visibility changes
+ function onVisible(element, callback) {
+ $(document).ready(function() {
+ element_object = document.querySelector(element);
+ if (element_object === null) return;
- draw_domain_table();
- draw_mailbox_table();
- draw_resource_table();
- draw_alias_table();
- draw_aliasdomain_table();
- draw_sync_job_table();
- draw_filter_table();
- draw_bcc_table();
- draw_recipient_map_table();
- draw_tls_policy_table();
+ new IntersectionObserver((entries, observer) => {
+ entries.forEach(entry => {
+ if(entry.intersectionRatio > 0) {
+ callback(element_object);
+ }
+ });
+ }).observe(element_object);
+ });
+ }
+ // Load only if the tab is visible
+ onVisible("[id^=domain_table]", () => draw_domain_table());
+ onVisible("[id^=templates_domain_table]", () => draw_templates_domain_table());
+ onVisible("[id^=mailbox_table]", () => draw_mailbox_table());
+ onVisible("[id^=templates_mbox_table]", () => draw_templates_mbox_table());
+ onVisible("[id^=resource_table]", () => draw_resource_table());
+ onVisible("[id^=alias_table]", () => draw_alias_table());
+ onVisible("[id^=aliasdomain_table]", () => draw_aliasdomain_table());
+ onVisible("[id^=sync_job_table]", () => draw_sync_job_table());
+ onVisible("[id^=filter_table]", () => draw_filter_table());
+ onVisible("[id^=bcc_table]", () => draw_bcc_table());
+ onVisible("[id^=recipient_map_table]", () => draw_recipient_map_table());
+ onVisible("[id^=tls_policy_table]", () => draw_tls_policy_table());
});
diff --git a/mailcow/src/mailcow-dockerized/data/web/js/site/qhandler.js b/mailcow/src/mailcow-dockerized/data/web/js/site/qhandler.js
index 4d32547..4fcc963 100644
--- a/mailcow/src/mailcow-dockerized/data/web/js/site/qhandler.js
+++ b/mailcow/src/mailcow-dockerized/data/web/js/site/qhandler.js
@@ -40,17 +40,17 @@
if (value.score > 0) highlightClass = 'negative'
else if (value.score < 0) highlightClass = 'positive'
else highlightClass = 'neutral'
- $('#qid_detail_symbols').append('<span data-toggle="tooltip" class="rspamd-symbol ' + highlightClass + '" title="' + (value.options ? value.options.join(', ') : '') + '">' + value.name + ' (<span class="score">' + value.score + '</span>)</span>');
+ $('#qid_detail_symbols').append('<span data-bs-toggle="tooltip" class="rspamd-symbol ' + highlightClass + '" title="' + (value.options ? value.options.join(', ') : '') + '">' + value.name + ' (<span class="score">' + value.score + '</span>)</span>');
});
- $('[data-toggle="tooltip"]').tooltip()
+ $('[data-bs-toggle="tooltip"]').tooltip()
}
if (typeof data.score !== 'undefined' && typeof data.action !== 'undefined') {
if (data.action === "add header") {
- $('#qid_detail_score').append('<span class="label-rspamd-action label label-warning"><b>' + data.score + '</b> - ' + lang.junk_folder + '</span>');
+ $('#qid_detail_score').append('<span class="label-rspamd-action badge fs-6 bg-warning"><b>' + data.score + '</b> - ' + lang.junk_folder + '</span>');
} else if (data.action === "reject") {
- $('#qid_detail_score').append('<span class="label-rspamd-action label label-danger"><b>' + data.score + '</b> - ' + lang.rejected + '</span>');
+ $('#qid_detail_score').append('<span class="label-rspamd-action badge fs-6 bg-danger"><b>' + data.score + '</b> - ' + lang.rejected + '</span>');
} else if (data.action === "rewrite subject") {
- $('#qid_detail_score').append('<span class="label-rspamd-action label label-warning"><b>' + data.score + '</b> - ' + lang.rewrite_subject + '</span>');
+ $('#qid_detail_score').append('<span class="label-rspamd-action badge fs-6 bg-warning"><b>' + data.score + '</b> - ' + lang.rewrite_subject + '</span>');
}
}
if (typeof data.recipients !== 'undefined') {
diff --git a/mailcow/src/mailcow-dockerized/data/web/js/site/quarantine.js b/mailcow/src/mailcow-dockerized/data/web/js/site/quarantine.js
index 57bd4cc..34531b0 100644
--- a/mailcow/src/mailcow-dockerized/data/web/js/site/quarantine.js
+++ b/mailcow/src/mailcow-dockerized/data/web/js/site/quarantine.js
@@ -7,67 +7,20 @@
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<B.length-1);return i.toFixed(1)+" "+B[e]}
- // Set paging
- $('[data-page-size]').on('click', function(e){
- e.preventDefault();
- var new_size = $(this).data('page-size');
- var parent_ul = $(this).closest('ul');
- var table_id = $(parent_ul).data('table-id');
- FooTable.get('#' + table_id).pageSize(new_size);
- //$(this).parent().addClass('active').siblings().removeClass('active')
- heading = $(this).parents('.panel').find('.panel-heading')
- var n_results = $(heading).children('.table-lines').text().split(' / ')[1];
- $(heading).children('.table-lines').text(function(){
- if (new_size > n_results) {
- new_size = n_results;
- }
- return new_size + ' / ' + n_results;
- })
- });
$(".refresh_table").on('click', function(e) {
e.preventDefault();
var table_name = $(this).data('table');
- $('#' + table_name).find("tr.footable-empty").remove();
- draw_table = $(this).data('draw');
- eval(draw_table + '()');
+ $('#' + table_name).DataTable().ajax.reload();
});
- function table_quarantine_ready(ft, name) {
- $('.refresh_table').prop("disabled", false);
- heading = ft.$el.parents('.panel').find('.panel-heading')
- var ft_paging = ft.use(FooTable.Paging)
- $(heading).children('.table-lines').text(function(){
- var total_rows = ft_paging.totalRows;
- var size = ft_paging.size;
- if (size > total_rows) {
- size = total_rows;
- }
- return size + ' / ' + total_rows;
- })
- }
function draw_quarantine_table() {
- ft_quarantinetable = FooTable.init('#quarantinetable', {
- "columns": [
- {"name":"chkbox","title":"","style":{"maxWidth":"60px","width":"60px"},"filterable": false,"sortable": false,"type":"html"},
- {"name":"id","type":"ID","filterable": false,"sorted": true,"direction":"DESC","title":"ID","style":{"width":"50px"}},
- {"name":"qid","breakpoints":"all","type":"text","title":lang.qid,"style":{"width":"125px"}},
- {"name":"sender","title":lang.sender},
- {"name":"subject","title":lang.subj, "type": "text"},
- {"name":"rspamdaction","title":lang.rspamd_result, "type": "html"},
- {"name":"rcpt","title":lang.rcpt, "type": "text"},
- {"name":"virus","title":lang.danger, "type": "text"},
- {"name":"score","title": lang.spam_score, "type": "text"},
- {"name":"notified","title":lang.notified, "type": "text"},
- {"name":"created","formatter":function unix_time_format(tm) { var date = new Date(tm ? tm * 1000 : 0); return date.toLocaleDateString(undefined, {year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit"});},"title":lang.received,"style":{"width":"170px"}},
- {"name":"action","filterable": false,"sortable": false,"style":{"text-align":"right"},"style":{"min-width":"250px"},"type":"html","title":lang.action,"breakpoints":"xs sm md"}
- ],
- "rows": $.ajax({
- dataType: 'json',
- url: '/api/v1/get/quarantine/all',
- jsonp: false,
- error: function () {
- console.log('Cannot draw quarantine table');
- },
- success: function (data) {
+ $('#quarantinetable').DataTable({
+ processing: true,
+ serverSide: false,
+ language: lang_datatables,
+ ajax: {
+ type: "GET",
+ url: "/api/v1/get/quarantine/all",
+ dataSrc: function(data){
$.each(data, function (i, item) {
if (item.subject === null) {
item.subject = '';
@@ -78,16 +31,16 @@
item.score = '-';
}
if (item.virus_flag > 0) {
- item.virus = '<span class="label label-danger">' + lang.high_danger + '</span>';
+ item.virus = '<span class="badge fs-6 bg-danger">' + lang.high_danger + '</span>';
} else {
- item.virus = '<span class="label label-default">' + lang.neutral_danger + '</span>';
+ item.virus = '<span class="badge fs-6 bg-secondary">' + lang.neutral_danger + '</span>';
}
if (item.action === "reject") {
- item.rspamdaction = '<span class="label label-danger">' + lang.rejected + '</span>';
+ item.rspamdaction = '<span class="badge fs-6 bg-danger">' + lang.rejected + '</span>';
} else if (item.action === "add header") {
- item.rspamdaction = '<span class="label label-warning">' + lang.junk_folder + '</span>';
+ item.rspamdaction = '<span class="badge fs-6 bg-warning">' + lang.junk_folder + '</span>';
} else if (item.action === "rewrite subject") {
- item.rspamdaction = '<span class="label label-warning">' + lang.rewrite_subject + '</span>';
+ item.rspamdaction = '<span class="badge fs-6 bg-warning">' + lang.rewrite_subject + '</span>';
}
if(item.notified > 0) {
item.notified = '✔';
@@ -95,7 +48,7 @@
item.notified = '✖';
}
if (acl_data.login_as === 1) {
- item.action = '<div class="btn-group footable-actions">' +
+ item.action = '<div class="btn-group">' +
'<a href="#" data-item="' + encodeURI(item.id) + '" class="btn btn-xs btn-xs-half btn-info show_qid_info"><i class="bi bi-box-arrow-up-right"></i> ' + lang.show_item + '</a>' +
'<a href="#" data-action="delete_selected" data-id="del-single-qitem" data-api-url="delete/qitem" data-item="' + encodeURI(item.id) + '" class="btn btn-xs btn-xs-half btn-danger"><i class="bi bi-trash"></i> ' + lang.remove + '</a>' +
'</div>';
@@ -107,25 +60,87 @@
}
item.chkbox = '<input type="checkbox" data-id="qitems" name="multi_select" value="' + item.id + '" />';
});
- }
- }),
- "empty": lang.empty,
- "paging": {"enabled": true,"limit": 5,"size": pagination_size},
- "state": {"enabled": true},
- "sorting": {"enabled": true},
- "filtering": {"enabled": true,"position": "left","connectors": false,"placeholder": lang.filter_table},
- "toggleSelector": "table tbody span.footable-toggle",
- "on": {
- "destroy.ft.table": function(e, ft){
- $('.refresh_table').attr('disabled', 'true');
- },
- "ready.ft.table": function(e, ft){
- table_quarantine_ready(ft, 'quarantinetable');
- },
- "after.ft.filtering": function(e, ft){
- table_quarantine_ready(ft, 'quarantinetable');
+
+ return data;
}
},
+ columns: [
+ {
+ // placeholder, so checkbox will not block child row toggle
+ title: '',
+ data: null,
+ searchable: false,
+ orderable: false,
+ defaultContent: ''
+ },
+ {
+ title: '',
+ data: 'chkbox',
+ searchable: false,
+ orderable: false,
+ defaultContent: ''
+ },
+ {
+ title: 'ID',
+ data: 'id',
+ defaultContent: ''
+ },
+ {
+ title: lang.qid,
+ data: 'qid',
+ defaultContent: ''
+ },
+ {
+ title: lang.sender,
+ data: 'sender',
+ defaultContent: ''
+ },
+ {
+ title: lang.subj,
+ data: 'subject',
+ defaultContent: ''
+ },
+ {
+ title: lang.rspamd_result,
+ data: 'rspamdaction',
+ defaultContent: ''
+ },
+ {
+ title: lang.rcpt,
+ data: 'rcpt',
+ defaultContent: ''
+ },
+ {
+ title: lang.danger,
+ data: 'virus',
+ defaultContent: ''
+ },
+ {
+ title: lang.spam_score,
+ data: 'score',
+ defaultContent: ''
+ },
+ {
+ title: lang.notified,
+ data: 'notified',
+ defaultContent: ''
+ },
+ {
+ title: lang.received,
+ data: 'created',
+ defaultContent: '',
+ render: function (data,type) {
+ var date = new Date(data ? data * 1000 : 0);
+ return date.toLocaleDateString(undefined, {year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit"});
+ }
+ },
+ {
+ title: lang.action,
+ data: 'action',
+ className: 'text-md-end dt-sm-head-hidden dt-body-right',
+ defaultContent: ''
+ },
+ ]
});
}
@@ -175,9 +190,9 @@
if (value.score > 0) highlightClass = 'negative'
else if (value.score < 0) highlightClass = 'positive'
else highlightClass = 'neutral'
- $('#qid_detail_symbols').append('<span data-toggle="tooltip" class="rspamd-symbol ' + highlightClass + '" title="' + (value.options ? value.options.join(', ') : '') + '">' + value.name + ' (<span class="score">' + value.score + '</span>)</span>');
+ $('#qid_detail_symbols').append('<span data-bs-toggle="tooltip" class="rspamd-symbol ' + highlightClass + '" title="' + (value.options ? value.options.join(', ') : '') + '">' + value.name + ' (<span class="score">' + value.score + '</span>)</span>');
});
- $('[data-toggle="tooltip"]').tooltip()
+ $('[data-bs-toggle="tooltip"]').tooltip()
}
if (typeof data.fuzzy_hashes === 'object' && data.fuzzy_hashes !== null && data.fuzzy_hashes.length !== 0) {
$.each(data.fuzzy_hashes, function (index, value) {
@@ -188,11 +203,11 @@
}
if (typeof data.score !== 'undefined' && typeof data.action !== 'undefined') {
if (data.action == "add header") {
- $('#qid_detail_score').append('<span class="label-rspamd-action label label-warning"><b>' + data.score + '</b> - ' + lang.junk_folder + '</span>');
+ $('#qid_detail_score').append('<span class="label-rspamd-action badge fs-6 bg-warning"><b>' + data.score + '</b> - ' + lang.junk_folder + '</span>');
} else if (data.action == "reject") {
- $('#qid_detail_score').append('<span class="label-rspamd-action label label-danger"><b>' + data.score + '</b> - ' + lang.rejected + '</span>');
+ $('#qid_detail_score').append('<span class="label-rspamd-action badge fs-6 bg-danger"><b>' + data.score + '</b> - ' + lang.rejected + '</span>');
} else if (data.action == "rewrite subject") {
- $('#qid_detail_score').append('<span class="label-rspamd-action label label-warning"><b>' + data.score + '</b> - ' + lang.rewrite_subject + '</span>');
+ $('#qid_detail_score').append('<span class="label-rspamd-action badge fs-6 bg-warning"><b>' + data.score + '</b> - ' + lang.rewrite_subject + '</span>');
}
}
if (typeof data.recipients !== 'undefined') {
diff --git a/mailcow/src/mailcow-dockerized/data/web/js/site/queue.js b/mailcow/src/mailcow-dockerized/data/web/js/site/queue.js
new file mode 100644
index 0000000..057ad84
--- /dev/null
+++ b/mailcow/src/mailcow-dockerized/data/web/js/site/queue.js
@@ -0,0 +1,123 @@
+jQuery(function($){
+
+ $(".refresh_table").on('click', function(e) {
+ e.preventDefault();
+ var table_name = $(this).data('table');
+ $('#' + table_name).DataTable().ajax.reload();
+ });
+
+
+ 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<B.length-1);return i.toFixed(1)+" "+B[e]}
+
+ // Queue item
+ $('#showQueuedMsg').on('show.bs.modal', function (e) {
+ $('#queue_msg_content').text(lang.loading);
+ button = $(e.relatedTarget)
+ if (button != null) {
+ $('#queue_id').text(button.data('queue-id'));
+ }
+ $.ajax({
+ type: 'GET',
+ url: '/api/v1/get/postcat/' + button.data('queue-id'),
+ dataType: 'text',
+ complete: function (data) {
+ console.log(data);
+ $('#queue_msg_content').text(data.responseText);
+ }
+ });
+ })
+
+ function draw_queue() {
+ // just recalc width if instance already exists
+ if ($.fn.DataTable.isDataTable('#queuetable') ) {
+ $('#queuetable').DataTable().columns.adjust().responsive.recalc();
+ return;
+ }
+
+ $('#queuetable').DataTable({
+ processing: true,
+ serverSide: false,
+ language: lang_datatables,
+ ajax: {
+ type: "GET",
+ url: "/api/v1/get/mailq/all",
+ dataSrc: function(data){
+ $.each(data, function (i, item) {
+ item.chkbox = '<input type="checkbox" data-id="mailqitems" name="multi_select" value="' + item.queue_id + '" />';
+ rcpts = $.map(item.recipients, function(i) {
+ return escapeHtml(i);
+ });
+ item.recipients = rcpts.join('<hr style="margin:1px!important">');
+ item.action = '<div class="btn-group">' +
+ '<a href="#" data-bs-toggle="modal" data-bs-target="#showQueuedMsg" data-queue-id="' + encodeURI(item.queue_id) + '" class="btn btn-xs btn-secondary">' + lang.queue_show_message + '</a>' +
+ '</div>';
+ });
+ return data;
+ }
+ },
+ columns: [
+ {
+ // placeholder, so checkbox will not block child row toggle
+ title: '',
+ data: null,
+ searchable: false,
+ orderable: false,
+ defaultContent: ''
+ },
+ {
+ title: '',
+ data: 'chkbox',
+ searchable: false,
+ orderable: false,
+ defaultContent: ''
+ },
+ {
+ title: 'QID',
+ data: 'queue_id',
+ defaultContent: ''
+ },
+ {
+ title: 'Queue',
+ data: 'queue_name',
+ defaultContent: ''
+ },
+ {
+ title: lang_admin.arrival_time,
+ data: 'arrival_time',
+ defaultContent: '',
+ render: function (data, type){
+ var date = new Date(data ? data * 1000 : 0);
+ return date.toLocaleDateString(undefined, {year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit"});
+ }
+ },
+ {
+ title: lang_admin.message_size,
+ data: 'message_size',
+ defaultContent: '',
+ render: function (data, type){
+ return humanFileSize(data);
+ }
+ },
+ {
+ title: lang_admin.sender,
+ data: 'sender',
+ defaultContent: ''
+ },
+ {
+ title: lang_admin.recipients,
+ data: 'recipients',
+ defaultContent: ''
+ },
+ {
+ title: lang_admin.action,
+ data: 'action',
+ className: 'text-md-end dt-sm-head-hidden dt-body-right',
+ defaultContent: ''
+ },
+ ]
+ });
+ }
+
+ draw_queue();
+
+})
\ No newline at end of file
diff --git a/mailcow/src/mailcow-dockerized/data/web/js/site/user.js b/mailcow/src/mailcow-dockerized/data/web/js/site/user.js
index 8fd7b47..36bcfa6 100644
--- a/mailcow/src/mailcow-dockerized/data/web/js/site/user.js
+++ b/mailcow/src/mailcow-dockerized/data/web/js/site/user.js
@@ -101,7 +101,7 @@
$.each(data.sasl, function (i, item) {
var datetime = new Date(item.datetime.replace(/-/g, "/"));
var local_datetime = datetime.toLocaleDateString(undefined, {year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit"});
- var service = '<div class="label label-default">' + item.service.toUpperCase() + '</div>';
+ var service = '<div class="badge fs-6 bg-secondary">' + item.service.toUpperCase() + '</div>';
var app_password = item.app_password ? ' <a href="/edit/app-passwd/' + item.app_password + '"><i class="bi bi-app-indicator"></i> ' + escapeHtml(item.app_password_name || "App") + '</a>' : '';
var real_rip = item.real_rip.startsWith("Web") ? item.real_rip : '<a href="https://bgp.he.net/ip/' + item.real_rip + '" target="_blank">' + item.real_rip + "</a>";
var ip_location = item.location ? ' <span class="flag-icon flag-icon-' + item.location.toLowerCase() + '"></span>' : '';
@@ -128,26 +128,24 @@
}
function draw_tla_table() {
- ft_tla_table = FooTable.init('#tla_table', {
- "columns": [
- {"name":"chkbox","title":"","style":{"min-width":"60px","width":"60px","text-align":"center"},"filterable": false,"sortable": false,"type":"html"},
- {"name":"address","title":lang.alias},
- {"name":"validity","formatter":function unix_time_format(tm) { var date = new Date(tm ? tm * 1000 : 0); return date.toLocaleDateString(undefined, {year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit"});},"title":lang.alias_valid_until,"style":{"width":"170px"}},
- {"sorted": true,"sortValue": function(value){res = new Date(value);return res.getTime();},"direction":"DESC","name":"created","formatter":function date_format(datetime) { var date = new Date(datetime.replace(/-/g, "/")); return date.toLocaleDateString(undefined, {year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit"});},"title":lang.created_on,"style":{"width":"170px"}},
- {"name":"action","filterable": false,"sortable": false,"style":{"text-align":"right","min-width":"220px","width":"220px"},"type":"html","title":lang.action,"breakpoints":"xs sm"}
- ],
- "empty": lang.empty,
- "rows": $.ajax({
- dataType: 'json',
- url: '/api/v1/get/time_limited_aliases',
- jsonp: false,
- error: function () {
- console.log('Cannot draw tla table');
- },
- success: function (data) {
+ // just recalc width if instance already exists
+ if ($.fn.DataTable.isDataTable('#tla_table') ) {
+ $('#tla_table').DataTable().columns.adjust().responsive.recalc();
+ return;
+ }
+
+ $('#tla_table').DataTable({
+ processing: true,
+ serverSide: false,
+ language: lang_datatables,
+ ajax: {
+ type: "GET",
+ url: "/api/v1/get/time_limited_aliases",
+ dataSrc: function(data){
+ console.log(data);
$.each(data, function (i, item) {
if (acl_data.spam_alias === 1) {
- item.action = '<div class="btn-group footable-actions">' +
+ item.action = '<div class="btn-group">' +
'<a href="#" data-action="delete_selected" data-id="single-tla" data-api-url="delete/time_limited_alias" data-item="' + encodeURIComponent(item.address) + '" class="btn btn-xs btn-danger"><i class="bi bi-trash"></i> ' + lang.remove + '</a>' +
'</div>';
item.chkbox = '<input type="checkbox" data-id="tla" name="multi_select" value="' + encodeURIComponent(item.address) + '" />';
@@ -158,49 +156,77 @@
item.action = '<span>-</span>';
}
});
+
+ return data;
}
- }),
- "paging": {
- "enabled": true,
- "limit": 5,
- "size": pagination_size
},
- "state": {"enabled": true},
- "sorting": {
- "enabled": true
- },
- "toggleSelector": "table tbody span.footable-toggle"
+ columns: [
+ {
+ // placeholder, so checkbox will not block child row toggle
+ title: '',
+ data: null,
+ searchable: false,
+ orderable: false,
+ defaultContent: ''
+ },
+ {
+ title: '',
+ data: 'chkbox',
+ searchable: false,
+ orderable: false,
+ defaultContent: ''
+ },
+ {
+ title: lang.alias,
+ data: 'address',
+ defaultContent: ''
+ },
+ {
+ title: lang.alias_valid_until,
+ data: 'validity',
+ defaultContent: '',
+ render: function (data, type) {
+ var date = new Date(data ? data * 1000 : 0);
+ return date.toLocaleDateString(undefined, {year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit"});
+ }
+ },
+ {
+ title: lang.created_on,
+ data: 'created',
+ defaultContent: '',
+ render: function (data, type) {
+ var date = new Date(data.replace(/-/g, "/"));
+ return date.toLocaleDateString(undefined, {year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit"});
+ }
+ },
+ {
+ title: lang.action,
+ data: 'action',
+ className: 'text-md-end dt-sm-head-hidden dt-body-right',
+ defaultContent: ''
+ }
+ ]
});
}
function draw_sync_job_table() {
- ft_syncjob_table = FooTable.init('#sync_job_table', {
- "columns": [
- {"name":"chkbox","title":"","style":{"min-width":"60px","width":"60px","text-align":"center"},"filterable": false,"sortable": false,"type":"html"},
- {"sorted": true,"name":"id","title":"ID","style":{"maxWidth":"60px","width":"60px","text-align":"center"}},
- {"name":"server_w_port","title":"Server","breakpoints":"xs sm md","style":{"word-break":"break-all"}},
- {"name":"enc1","title":lang.encryption,"breakpoints":"all"},
- {"name":"user1","title":lang.username},
- {"name":"exclude","title":lang.excludes,"breakpoints":"all"},
- {"name":"mins_interval","title":lang.interval + " (min)","breakpoints":"all"},
- {"name":"last_run","title":lang.last_run,"breakpoints":"xs sm md"},
- {"name":"exit_status","filterable": false,"title":lang.syncjob_last_run_result},
- {"name":"log","title":"Log"},
- {"name":"active","filterable": false,"style":{"maxWidth":"70px","width":"70px"},"title":lang.active,"formatter": function(value){return 1==value?'<i class="bi bi-check-lg"></i>':0==value&&'<i class="bi bi-x-lg"></i>';}},
- {"name":"is_running","filterable": false,"style":{"maxWidth":"120px","width":"100px"},"title":lang.status},
- {"name":"action","filterable": false,"sortable": false,"style":{"text-align":"right","min-width":"260px","width":"260px"},"type":"html","title":lang.action,"breakpoints":"xs sm"}
- ],
- "empty": lang.empty,
- "rows": $.ajax({
- dataType: 'json',
+ // just recalc width if instance already exists
+ if ($.fn.DataTable.isDataTable('#sync_job_table') ) {
+ $('#sync_job_table').DataTable().columns.adjust().responsive.recalc();
+ return;
+ }
+
+ $('#sync_job_table').DataTable({
+ processing: true,
+ serverSide: false,
+ language: lang_datatables,
+ ajax: {
+ type: "GET",
url: '/api/v1/get/syncjobs/' + encodeURIComponent(mailcow_cc_username) + '/no_log',
- jsonp: false,
- error: function () {
- console.log('Cannot draw sync job table');
- },
- success: function (data) {
+ dataSrc: function(data){
+ console.log(data);
$.each(data, function (i, item) {
item.user1 = escapeHtml(item.user1);
- item.log = '<a href="#syncjobLogModal" data-toggle="modal" data-syncjob-id="' + item.id + '">' + lang.open_logs + '</a>'
+ item.log = '<a href="#syncjobLogModal" data-bs-toggle="modal" data-syncjob-id="' + item.id + '">' + lang.open_logs + '</a>'
if (!item.exclude > 0) {
item.exclude = '-';
} else {
@@ -208,8 +234,8 @@
}
item.server_w_port = escapeHtml(item.user1 + '@' + item.host1 + ':' + item.port1);
if (acl_data.syncjobs === 1) {
- item.action = '<div class="btn-group footable-actions">' +
- '<a href="/edit/syncjob/' + item.id + '" class="btn btn-xs btn-xs-half btn-default"><i class="bi bi-pencil-fill"></i> ' + lang.edit + '</a>' +
+ item.action = '<div class="btn-group">' +
+ '<a href="/edit/syncjob/' + item.id + '" class="btn btn-xs btn-xs-half btn-secondary"><i class="bi bi-pencil-fill"></i> ' + lang.edit + '</a>' +
'<a href="#" data-action="delete_selected" data-id="single-syncjob" data-api-url="delete/syncjob" data-item="' + item.id + '" class="btn btn-xs btn-xs-half btn-danger"><i class="bi bi-trash"></i> ' + lang.remove + '</a>' +
'</div>';
item.chkbox = '<input type="checkbox" data-id="syncjob" name="multi_select" value="' + item.id + '" />';
@@ -219,9 +245,9 @@
item.chkbox = '<input type="checkbox" disabled />';
}
if (item.is_running == 1) {
- item.is_running = '<span id="active-script" class="label label-success">' + lang.running + '</span>';
+ item.is_running = '<span id="active-script" class="badge fs-6 bg-success">' + lang.running + '</span>';
} else {
- item.is_running = '<span id="inactive-script" class="label label-warning">' + lang.waiting + '</span>';
+ item.is_running = '<span id="inactive-script" class="badge fs-6 bg-warning">' + lang.waiting + '</span>';
}
if (!item.last_run > 0) {
item.last_run = lang.waiting;
@@ -239,39 +265,115 @@
}
item.exit_status = item.success + ' ' + item.exit_status;
});
+
+ return data;
}
- }),
- "paging": {
- "enabled": true,
- "limit": 5,
- "size": pagination_size
},
- "state": {"enabled": true},
- "sorting": {
- "enabled": true
- },
- "toggleSelector": "table tbody span.footable-toggle"
+ columns: [
+ {
+ // placeholder, so checkbox will not block child row toggle
+ title: '',
+ data: null,
+ searchable: false,
+ orderable: false,
+ defaultContent: '',
+ responsivePriority: 1
+ },
+ {
+ title: '',
+ data: 'chkbox',
+ searchable: false,
+ orderable: false,
+ defaultContent: '',
+ responsivePriority: 2
+ },
+ {
+ title: 'ID',
+ data: 'id',
+ defaultContent: '',
+ responsivePriority: 3
+ },
+ {
+ title: 'Server',
+ data: 'server_w_port',
+ defaultContent: ''
+ },
+ {
+ title: lang.username,
+ data: 'user1',
+ defaultContent: '',
+ responsivePriority: 3
+ },
+ {
+ title: lang.last_run,
+ data: 'last_run',
+ defaultContent: ''
+ },
+ {
+ title: lang.syncjob_last_run_result,
+ data: 'exit_status',
+ defaultContent: ''
+ },
+ {
+ title: 'Log',
+ data: 'log',
+ defaultContent: ''
+ },
+ {
+ title: lang.active,
+ data: 'active',
+ defaultContent: '',
+ render: function (data, type) {
+ return 1==data?'<i class="bi bi-check-lg"></i>':0==data&&'<i class="bi bi-x-lg"></i>'
+ }
+ },
+ {
+ title: lang.status,
+ data: 'is_running',
+ defaultContent: '',
+ responsivePriority: 5
+ },
+ {
+ title: lang.encryption,
+ data: 'enc1',
+ defaultContent: ''
+ },
+ {
+ title: lang.excludes,
+ data: 'exclude',
+ defaultContent: ''
+ },
+ {
+ title: lang.interval + " (min)",
+ data: 'mins_interval',
+ defaultContent: ''
+ },
+ {
+ title: lang.action,
+ data: 'action',
+ className: 'text-md-end dt-sm-head-hidden dt-body-right',
+ defaultContent: '',
+ responsivePriority: 5
+ }
+ ]
});
}
function draw_app_passwd_table() {
- ft_apppasswd_table = FooTable.init('#app_passwd_table', {
- "columns": [
- {"name":"chkbox","title":"","style":{"maxWidth":"60px","width":"60px","text-align":"center"},"filterable": false,"sortable": false,"type":"html"},
- {"sorted": true,"name":"id","title":"ID","style":{"maxWidth":"60px","width":"60px","text-align":"center"}},
- {"name":"name","title":lang.app_name},
- {"name":"protocols","title":lang.allowed_protocols},
- {"name":"active","filterable": false,"style":{"maxWidth":"70px","width":"70px"},"title":lang.active,"formatter": function(value){return 1==value?'<i class="bi bi-check-lg"></i>':0==value&&'<i class="bi bi-x-lg"></i>';}},
- {"name":"action","filterable": false,"sortable": false,"style":{"text-align":"right","min-width":"220px","width":"220px"},"type":"html","title":lang.action,"breakpoints":"xs sm"}
- ],
- "empty": lang.empty,
- "rows": $.ajax({
- dataType: 'json',
+ // just recalc width if instance already exists
+ if ($.fn.DataTable.isDataTable('#app_passwd_table') ) {
+ $('#app_passwd_table').DataTable().columns.adjust().responsive.recalc();
+ return;
+ }
+
+ $('#app_passwd_table').DataTable({
+ processing: true,
+ serverSide: false,
+ language: lang_datatables,
+ ajax: {
+ type: "GET",
url: '/api/v1/get/app-passwd/all',
- jsonp: false,
- error: function () {
- console.log('Cannot draw app passwd table');
- },
- success: function (data) {
+ dataSrc: function(data){
+ console.log(data);
$.each(data, function (i, item) {
item.name = escapeHtml(item.name)
item.protocols = []
@@ -283,8 +385,8 @@
if (item.sieve_access == 1) { item.protocols.push("<code>Sieve</code>"); }
item.protocols = item.protocols.join(" ")
if (acl_data.app_passwds === 1) {
- item.action = '<div class="btn-group footable-actions">' +
- '<a href="/edit/app-passwd/' + item.id + '" class="btn btn-xs btn-xs-half btn-default"><i class="bi bi-pencil-fill"></i> ' + lang.edit + '</a>' +
+ item.action = '<div class="btn-group">' +
+ '<a href="/edit/app-passwd/' + item.id + '" class="btn btn-xs btn-xs-half btn-secondary"><i class="bi bi-pencil-fill"></i> ' + lang.edit + '</a>' +
'<a href="#" data-action="delete_selected" data-id="single-apppasswd" data-api-url="delete/app-passwd" data-item="' + item.id + '" class="btn btn-xs btn-xs-half btn-danger"><i class="bi bi-trash"></i> ' + lang.remove + '</a>' +
'</div>';
item.chkbox = '<input type="checkbox" data-id="apppasswd" name="multi_select" value="' + item.id + '" />';
@@ -294,37 +396,74 @@
item.chkbox = '<input type="checkbox" disabled />';
}
});
+
+ return data;
}
- }),
- "paging": {
- "enabled": true,
- "limit": 5,
- "size": pagination_size
},
- "state": {"enabled": true},
- "sorting": {
- "enabled": true
- },
- "toggleSelector": "table tbody span.footable-toggle"
+ columns: [
+ {
+ // placeholder, so checkbox will not block child row toggle
+ title: '',
+ data: null,
+ searchable: false,
+ orderable: false,
+ defaultContent: ''
+ },
+ {
+ title: '',
+ data: 'chkbox',
+ searchable: false,
+ orderable: false,
+ defaultContent: ''
+ },
+ {
+ title: 'ID',
+ data: 'id',
+ defaultContent: ''
+ },
+ {
+ title: lang.app_name,
+ data: 'name',
+ defaultContent: ''
+ },
+ {
+ title: lang.allowed_protocols,
+ data: 'protocols',
+ defaultContent: ''
+ },
+ {
+ title: lang.active,
+ data: 'active',
+ defaultContent: '',
+ render: function (data, type) {
+ return 1==data?'<i class="bi bi-check-lg"></i>':0==data&&'<i class="bi bi-x-lg"></i>'
+ }
+ },
+ {
+ title: lang.action,
+ data: 'action',
+ className: 'text-md-end dt-sm-head-hidden dt-body-right',
+ defaultContent: ''
+ }
+ ]
});
}
function draw_wl_policy_mailbox_table() {
- ft_wl_policy_mailbox_table = FooTable.init('#wl_policy_mailbox_table', {
- "columns": [
- {"name":"chkbox","title":"","style":{"maxWidth":"40px","width":"40px","text-align":"center"},"filterable": false,"sortable": false,"type":"html"},
- {"name":"prefid","style":{"maxWidth":"40px","width":"40px"},"title":"ID","filterable": false,"sortable": false},
- {"sorted": true,"name":"value","title":lang.spamfilter_table_rule},
- {"name":"object","title":"Scope"}
- ],
- "empty": lang.empty,
- "rows": $.ajax({
- dataType: 'json',
+ // just recalc width if instance already exists
+ if ($.fn.DataTable.isDataTable('#wl_policy_mailbox_table') ) {
+ $('#wl_policy_mailbox_table').DataTable().columns.adjust().responsive.recalc();
+ return;
+ }
+
+ $('#wl_policy_mailbox_table').DataTable({
+ processing: true,
+ serverSide: false,
+ language: lang_datatables,
+ ajax: {
+ type: "GET",
url: '/api/v1/get/policy_wl_mailbox',
- jsonp: false,
- error: function () {
- console.log('Cannot draw mailbox policy wl table');
- },
- success: function (data) {
+ dataSrc: function(data){
+ console.log(data);
$.each(data, function (i, item) {
if (validateEmail(item.object)) {
item.chkbox = '<input type="checkbox" data-id="policy_wl_mailbox" name="multi_select" value="' + item.prefid + '" />';
@@ -336,36 +475,60 @@
item.chkbox = '<input type="checkbox" disabled />';
}
});
+
+ return data;
}
- }),
- "state": {"enabled": true},
- "paging": {
- "enabled": true,
- "limit": 5,
- "size": pagination_size
},
- "sorting": {
- "enabled": true
- }
+ columns: [
+ {
+ // placeholder, so checkbox will not block child row toggle
+ title: '',
+ data: null,
+ searchable: false,
+ orderable: false,
+ defaultContent: ''
+ },
+ {
+ title: '',
+ data: 'chkbox',
+ searchable: false,
+ orderable: false,
+ defaultContent: ''
+ },
+ {
+ title: 'ID',
+ data: 'prefid',
+ defaultContent: ''
+ },
+ {
+ title: lang.spamfilter_table_rule,
+ data: 'value',
+ defaultContent: ''
+ },
+ {
+ title:'Scope',
+ data: 'object',
+ defaultContent: ''
+ }
+ ]
});
}
function draw_bl_policy_mailbox_table() {
- ft_bl_policy_mailbox_table = FooTable.init('#bl_policy_mailbox_table', {
- "columns": [
- {"name":"chkbox","title":"","style":{"maxWidth":"40px","width":"40px","text-align":"center"},"filterable": false,"sortable": false,"type":"html"},
- {"name":"prefid","style":{"maxWidth":"40px","width":"40px"},"title":"ID","filterable": false,"sortable": false},
- {"sorted": true,"name":"value","title":lang.spamfilter_table_rule},
- {"name":"object","title":"Scope"}
- ],
- "empty": lang.empty,
- "rows": $.ajax({
- dataType: 'json',
+ // just recalc width if instance already exists
+ if ($.fn.DataTable.isDataTable('#bl_policy_mailbox_table') ) {
+ $('#bl_policy_mailbox_table').DataTable().columns.adjust().responsive.recalc();
+ return;
+ }
+
+ $('#bl_policy_mailbox_table').DataTable({
+ processing: true,
+ serverSide: false,
+ language: lang_datatables,
+ ajax: {
+ type: "GET",
url: '/api/v1/get/policy_bl_mailbox',
- jsonp: false,
- error: function () {
- console.log('Cannot draw mailbox policy bl table');
- },
- success: function (data) {
+ dataSrc: function(data){
+ console.log(data);
$.each(data, function (i, item) {
if (validateEmail(item.object)) {
item.chkbox = '<input type="checkbox" data-id="policy_bl_mailbox" name="multi_select" value="' + item.prefid + '" />';
@@ -377,31 +540,45 @@
item.chkbox = '<input type="checkbox" disabled />';
}
});
+
+ return data;
}
- }),
- "paging": {
- "enabled": true,
- "limit": 5,
- "size": pagination_size
},
- "state": {"enabled": true},
- "sorting": {
- "enabled": true
- }
+ columns: [
+ {
+ // placeholder, so checkbox will not block child row toggle
+ title: '',
+ data: null,
+ searchable: false,
+ orderable: false,
+ defaultContent: ''
+ },
+ {
+ title: '',
+ data: 'chkbox',
+ searchable: false,
+ orderable: false,
+ defaultContent: ''
+ },
+ {
+ title: 'ID',
+ data: 'prefid',
+ defaultContent: ''
+ },
+ {
+ title: lang.spamfilter_table_rule,
+ data: 'value',
+ defaultContent: ''
+ },
+ {
+ title:'Scope',
+ data: 'object',
+ defaultContent: ''
+ }
+ ]
});
}
- $('body').on('click', 'span.footable-toggle', function () {
- event.stopPropagation();
- })
-
- draw_sync_job_table();
- draw_app_passwd_table();
- draw_tla_table();
- draw_wl_policy_mailbox_table();
- draw_bl_policy_mailbox_table();
- last_logins('get');
-
// FIDO2 friendly name modal
$('#fido2ChangeFn').on('show.bs.modal', function (e) {
rename_link = $(e.relatedTarget)
@@ -433,4 +610,28 @@
$('#userFilterModal').on('hidden.bs.modal', function () {
$('#user_sieve_filter').text(lang.loading);
});
+
+ // 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);
+ });
+ }
+
+ // Load only if the tab is visible
+ onVisible("[id^=tla_table]", () => draw_tla_table());
+ onVisible("[id^=bl_policy_mailbox_table]", () => draw_bl_policy_mailbox_table());
+ onVisible("[id^=wl_policy_mailbox_table]", () => draw_wl_policy_mailbox_table());
+ onVisible("[id^=sync_job_table]", () => draw_sync_job_table());
+ onVisible("[id^=app_passwd_table]", () => draw_app_passwd_table());
+ last_logins('get');
});