2023-04-21 12:26:50 +02:00
|
|
|
const LOCALE = undefined;
|
|
|
|
const DATETIME_FORMAT = {
|
|
|
|
year: "numeric",
|
|
|
|
month: "2-digit",
|
|
|
|
day: "2-digit",
|
|
|
|
hour: "2-digit",
|
|
|
|
minute: "2-digit",
|
|
|
|
second: "2-digit"
|
|
|
|
};
|
|
|
|
|
Fix timestamps not sorting in datatables
Timestamps retrieved from the API were always converted to a browser
local format. The format specified for moment.js added in
5160eff29446ba94329116a6ed3787400b03e461 did not work because of this.
Additionally, the format specified used `dd` which looks for two letter
days, such as "Mo", "Tu", "We", etc. Furthermore, `mm` is used for
minutes, not months.
Because the locale formatted datetime can vary a lot, it is not easy to
get this into moment.js to enable the sorting of datetimes in the
datatables. In other words, there is no conversion from an
`Intl.DateTimeFormat` specifier string to moment.js. Adding many
`$.fn.dataTable.moment(format);` with different `format`s is not useful.
I have fixed this rewriting how the timestamps from the API are added
to the tables. It still uses the locale of the browser, because not
everyone wants to use ISO 8601, but no longer requires moment.js (which
has been removed).
Two data attributes are added to the `td`s of the timestamps:
- `data-order`
- `data-sort`
The values of these are the timestamps as returned by the server, which
are very easily sorted (as they are just UNIX timestamps). Then, when
creating the cell in the table, it will be converted to what the locale
of the browser specified (this has not changed).
2022-12-24 18:33:49 +02:00
|
|
|
$(document).ready(function() {
|
|
|
|
// mailcow alert box generator
|
|
|
|
window.mailcow_alert_box = function(message, type) {
|
|
|
|
msg = $('<span/>').text(message).text();
|
|
|
|
if (type == 'danger' || type == 'info') {
|
|
|
|
auto_hide = 0;
|
|
|
|
$('#' + localStorage.getItem("add_modal")).modal('show');
|
|
|
|
localStorage.removeItem("add_modal");
|
|
|
|
} else {
|
|
|
|
auto_hide = 5000;
|
|
|
|
}
|
|
|
|
$.notify({message: msg},{z_index: 20000, delay: auto_hide, type: type,placement: {from: "bottom",align: "right"},animate: {enter: 'animated fadeInUp',exit: 'animated fadeOutDown'}});
|
|
|
|
}
|
|
|
|
|
2023-01-06 14:18:59 +02:00
|
|
|
$(".generate_password").click(async function( event ) {
|
|
|
|
try {
|
|
|
|
var password_policy = await window.fetch("/api/v1/get/passwordpolicy", { method:'GET', cache:'no-cache' });
|
|
|
|
var password_policy = await password_policy.json();
|
|
|
|
random_passwd_length = password_policy.length;
|
|
|
|
} catch(err) {
|
|
|
|
var random_passwd_length = 8;
|
|
|
|
}
|
|
|
|
|
Fix timestamps not sorting in datatables
Timestamps retrieved from the API were always converted to a browser
local format. The format specified for moment.js added in
5160eff29446ba94329116a6ed3787400b03e461 did not work because of this.
Additionally, the format specified used `dd` which looks for two letter
days, such as "Mo", "Tu", "We", etc. Furthermore, `mm` is used for
minutes, not months.
Because the locale formatted datetime can vary a lot, it is not easy to
get this into moment.js to enable the sorting of datetimes in the
datatables. In other words, there is no conversion from an
`Intl.DateTimeFormat` specifier string to moment.js. Adding many
`$.fn.dataTable.moment(format);` with different `format`s is not useful.
I have fixed this rewriting how the timestamps from the API are added
to the tables. It still uses the locale of the browser, because not
everyone wants to use ISO 8601, but no longer requires moment.js (which
has been removed).
Two data attributes are added to the `td`s of the timestamps:
- `data-order`
- `data-sort`
The values of these are the timestamps as returned by the server, which
are very easily sorted (as they are just UNIX timestamps). Then, when
creating the cell in the table, it will be converted to what the locale
of the browser specified (this has not changed).
2022-12-24 18:33:49 +02:00
|
|
|
event.preventDefault();
|
|
|
|
$('[data-hibp]').trigger('input');
|
|
|
|
if (typeof($(this).closest("form").data('pwgen-length')) == "number") {
|
|
|
|
var random_passwd = GPW.pronounceable($(this).closest("form").data('pwgen-length'))
|
|
|
|
}
|
|
|
|
else {
|
2023-01-06 14:18:59 +02:00
|
|
|
var random_passwd = GPW.pronounceable(random_passwd_length)
|
Fix timestamps not sorting in datatables
Timestamps retrieved from the API were always converted to a browser
local format. The format specified for moment.js added in
5160eff29446ba94329116a6ed3787400b03e461 did not work because of this.
Additionally, the format specified used `dd` which looks for two letter
days, such as "Mo", "Tu", "We", etc. Furthermore, `mm` is used for
minutes, not months.
Because the locale formatted datetime can vary a lot, it is not easy to
get this into moment.js to enable the sorting of datetimes in the
datatables. In other words, there is no conversion from an
`Intl.DateTimeFormat` specifier string to moment.js. Adding many
`$.fn.dataTable.moment(format);` with different `format`s is not useful.
I have fixed this rewriting how the timestamps from the API are added
to the tables. It still uses the locale of the browser, because not
everyone wants to use ISO 8601, but no longer requires moment.js (which
has been removed).
Two data attributes are added to the `td`s of the timestamps:
- `data-order`
- `data-sort`
The values of these are the timestamps as returned by the server, which
are very easily sorted (as they are just UNIX timestamps). Then, when
creating the cell in the table, it will be converted to what the locale
of the browser specified (this has not changed).
2022-12-24 18:33:49 +02:00
|
|
|
}
|
|
|
|
$(this).closest("form").find('[data-pwgen-field]').attr('type', 'text');
|
|
|
|
$(this).closest("form").find('[data-pwgen-field]').val(random_passwd);
|
|
|
|
});
|
|
|
|
function str_rot13(str) {
|
|
|
|
return (str + '').replace(/[a-z]/gi, function(s){
|
|
|
|
return String.fromCharCode(s.charCodeAt(0) + (s.toLowerCase() < 'n' ? 13 : -13))
|
|
|
|
})
|
|
|
|
}
|
|
|
|
$(".rot-enc").html(function(){
|
|
|
|
return str_rot13($(this).html())
|
|
|
|
});
|
|
|
|
// https://stackoverflow.com/questions/4399005/implementing-jquerys-shake-effect-with-animate
|
|
|
|
function shake(div,interval,distance,times) {
|
|
|
|
if(typeof interval === 'undefined') {
|
|
|
|
interval = 100;
|
|
|
|
}
|
|
|
|
if(typeof distance === 'undefined') {
|
|
|
|
distance = 10;
|
|
|
|
}
|
|
|
|
if(typeof times === 'undefined') {
|
|
|
|
times = 4;
|
|
|
|
}
|
|
|
|
$(div).css('position','relative');
|
|
|
|
for(var iter=0;iter<(times+1);iter++){
|
|
|
|
$(div).animate({ left: ((iter%2==0 ? distance : distance*-1))}, interval);
|
|
|
|
}
|
|
|
|
$(div).animate({ left: 0},interval);
|
|
|
|
}
|
|
|
|
|
|
|
|
// form cache
|
|
|
|
$('[data-cached-form="true"]').formcache({key: $(this).data('id')});
|
|
|
|
|
|
|
|
// tooltips
|
|
|
|
$(function () {
|
|
|
|
$('[data-bs-toggle="tooltip"]').tooltip()
|
|
|
|
});
|
|
|
|
|
|
|
|
// remember last navigation pill
|
|
|
|
(function () {
|
|
|
|
'use strict';
|
|
|
|
// remember desktop tabs
|
|
|
|
$('button[data-bs-toggle="tab"]').on('click', function (e) {
|
|
|
|
if ($(this).data('dont-remember') == 1) {
|
|
|
|
return true;
|
|
|
|
}
|
|
|
|
var id = $(this).parents('[role="tablist"]').attr('id');
|
|
|
|
var key = 'lastTag';
|
|
|
|
if (id) {
|
|
|
|
key += ':' + id;
|
|
|
|
}
|
|
|
|
|
|
|
|
var tab_id = $(e.target).attr('data-bs-target').substring(1);
|
|
|
|
localStorage.setItem(key, tab_id);
|
|
|
|
});
|
|
|
|
// remember mobile tabs
|
|
|
|
$('button[data-bs-target^="#collapse-tab-"]').on('click', function (e) {
|
|
|
|
// only remember tab if its being opened
|
|
|
|
if ($(this).hasClass('collapsed')) return false;
|
|
|
|
var tab_id = $(this).closest('div[role="tabpanel"]').attr('id');
|
|
|
|
|
|
|
|
if ($(this).data('dont-remember') == 1) {
|
|
|
|
return true;
|
|
|
|
}
|
|
|
|
var id = $(this).parents('[role="tablist"]').attr('id');;
|
|
|
|
var key = 'lastTag';
|
|
|
|
if (id) {
|
|
|
|
key += ':' + id;
|
|
|
|
}
|
|
|
|
|
|
|
|
localStorage.setItem(key, tab_id);
|
|
|
|
});
|
|
|
|
// open last tab
|
|
|
|
$('[role="tablist"]').each(function (idx, elem) {
|
|
|
|
var id = $(elem).attr('id');
|
|
|
|
var key = 'lastTag';
|
|
|
|
if (id) {
|
|
|
|
key += ':' + id;
|
|
|
|
}
|
|
|
|
var lastTab = localStorage.getItem(key);
|
|
|
|
if (lastTab) {
|
|
|
|
$('[data-bs-target="#' + lastTab + '"]').click();
|
|
|
|
var tab = $('[id^="' + lastTab + '"]');
|
2023-09-03 18:34:20 +02:00
|
|
|
$(tab).find('.card-body.collapse:first').collapse('show');
|
Fix timestamps not sorting in datatables
Timestamps retrieved from the API were always converted to a browser
local format. The format specified for moment.js added in
5160eff29446ba94329116a6ed3787400b03e461 did not work because of this.
Additionally, the format specified used `dd` which looks for two letter
days, such as "Mo", "Tu", "We", etc. Furthermore, `mm` is used for
minutes, not months.
Because the locale formatted datetime can vary a lot, it is not easy to
get this into moment.js to enable the sorting of datetimes in the
datatables. In other words, there is no conversion from an
`Intl.DateTimeFormat` specifier string to moment.js. Adding many
`$.fn.dataTable.moment(format);` with different `format`s is not useful.
I have fixed this rewriting how the timestamps from the API are added
to the tables. It still uses the locale of the browser, because not
everyone wants to use ISO 8601, but no longer requires moment.js (which
has been removed).
Two data attributes are added to the `td`s of the timestamps:
- `data-order`
- `data-sort`
The values of these are the timestamps as returned by the server, which
are very easily sorted (as they are just UNIX timestamps). Then, when
creating the cell in the table, it will be converted to what the locale
of the browser specified (this has not changed).
2022-12-24 18:33:49 +02:00
|
|
|
}
|
|
|
|
});
|
|
|
|
})();
|
2023-09-03 18:35:24 +02:00
|
|
|
|
|
|
|
// responsive tabs, scroll to opened tab
|
|
|
|
$(document).on("shown.bs.collapse shown.bs.tab", function (e) {
|
|
|
|
var target = $(e.target);
|
|
|
|
if($(window).width() <= 767) {
|
|
|
|
var offset = target.offset().top - 60;
|
|
|
|
$("html, body").stop().animate({
|
|
|
|
scrollTop: offset
|
|
|
|
}, 100);
|
|
|
|
}
|
|
|
|
});
|
Fix timestamps not sorting in datatables
Timestamps retrieved from the API were always converted to a browser
local format. The format specified for moment.js added in
5160eff29446ba94329116a6ed3787400b03e461 did not work because of this.
Additionally, the format specified used `dd` which looks for two letter
days, such as "Mo", "Tu", "We", etc. Furthermore, `mm` is used for
minutes, not months.
Because the locale formatted datetime can vary a lot, it is not easy to
get this into moment.js to enable the sorting of datetimes in the
datatables. In other words, there is no conversion from an
`Intl.DateTimeFormat` specifier string to moment.js. Adding many
`$.fn.dataTable.moment(format);` with different `format`s is not useful.
I have fixed this rewriting how the timestamps from the API are added
to the tables. It still uses the locale of the browser, because not
everyone wants to use ISO 8601, but no longer requires moment.js (which
has been removed).
Two data attributes are added to the `td`s of the timestamps:
- `data-order`
- `data-sort`
The values of these are the timestamps as returned by the server, which
are very easily sorted (as they are just UNIX timestamps). Then, when
creating the cell in the table, it will be converted to what the locale
of the browser specified (this has not changed).
2022-12-24 18:33:49 +02:00
|
|
|
|
|
|
|
// IE fix to hide scrollbars when table body is empty
|
|
|
|
$('tbody').filter(function (index) {
|
|
|
|
return $(this).children().length < 1;
|
|
|
|
}).remove();
|
|
|
|
|
|
|
|
// selectpicker
|
|
|
|
$('select').selectpicker({
|
|
|
|
'styleBase': 'btn btn-xs-lg',
|
|
|
|
'noneSelectedText': lang_footer.nothing_selected
|
|
|
|
});
|
|
|
|
|
|
|
|
// haveibeenpwned and passwd policy
|
|
|
|
$.ajax({
|
|
|
|
url: '/api/v1/get/passwordpolicy/html',
|
|
|
|
type: 'GET',
|
|
|
|
success: function(res) {
|
|
|
|
$(".hibp-out").after(res);
|
|
|
|
}
|
|
|
|
});
|
|
|
|
$('[data-hibp]').after('<p class="small haveibeenpwned"><i class="bi bi-shield-fill-exclamation"></i> ' + lang_footer.hibp_check + '</p><span class="hibp-out"></span>');
|
|
|
|
$('[data-hibp]').on('input', function() {
|
|
|
|
out_field = $(this).next('.haveibeenpwned').next('.hibp-out').text('').attr('class', 'hibp-out');
|
|
|
|
});
|
|
|
|
$('.haveibeenpwned:not(.task-running)').on('click', function() {
|
|
|
|
var hibp_field = $(this)
|
|
|
|
$(hibp_field).addClass('task-running');
|
|
|
|
var hibp_result = $(hibp_field).next('.hibp-out')
|
|
|
|
var password_field = $(this).prev('[data-hibp]')
|
|
|
|
if ($(password_field).val() == '') {
|
|
|
|
shake(password_field);
|
|
|
|
}
|
|
|
|
else {
|
|
|
|
$(hibp_result).attr('class', 'hibp-out badge fs-5 bg-info');
|
|
|
|
$(hibp_result).text(lang_footer.loading);
|
|
|
|
var password_digest = $.sha1($(password_field).val())
|
|
|
|
var digest_five = password_digest.substring(0, 5).toUpperCase();
|
|
|
|
var queryURL = "https://api.pwnedpasswords.com/range/" + digest_five;
|
|
|
|
var compl_digest = password_digest.substring(5, 41).toUpperCase();
|
|
|
|
$.ajax({
|
|
|
|
url: queryURL,
|
|
|
|
type: 'GET',
|
|
|
|
success: function(res) {
|
|
|
|
if (res.search(compl_digest) > -1){
|
|
|
|
$(hibp_result).removeClass('badge fs-5 bg-info').addClass('badge fs-5 bg-danger');
|
|
|
|
$(hibp_result).text(lang_footer.hibp_nok)
|
|
|
|
} else {
|
|
|
|
$(hibp_result).removeClass('badge fs-5 bg-info').addClass('badge fs-5 bg-success');
|
|
|
|
$(hibp_result).text(lang_footer.hibp_ok)
|
|
|
|
}
|
|
|
|
$(hibp_field).removeClass('task-running');
|
|
|
|
},
|
|
|
|
error: function(xhr, status, error) {
|
|
|
|
$(hibp_result).removeClass('badge fs-5 bg-info').addClass('badge fs-5 bg-warning');
|
|
|
|
$(hibp_result).text('API error: ' + xhr.responseText)
|
|
|
|
$(hibp_field).removeClass('task-running');
|
|
|
|
}
|
|
|
|
});
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
// Disable disallowed inputs
|
|
|
|
$('[data-acl="0"]').each(function(event){
|
|
|
|
if ($(this).is("a")) {
|
|
|
|
$(this).removeAttr("data-bs-toggle");
|
|
|
|
$(this).removeAttr("data-bs-target");
|
|
|
|
$(this).removeAttr("data-action");
|
|
|
|
$(this).click(function(event) {
|
|
|
|
event.preventDefault();
|
|
|
|
});
|
|
|
|
}
|
|
|
|
if ($(this).is("select")) {
|
|
|
|
$(this).selectpicker('destroy');
|
|
|
|
$(this).replaceWith(function() {
|
|
|
|
return '<label class="control-label"><b>' + this.innerText + '</b></label>';
|
|
|
|
});
|
|
|
|
}
|
|
|
|
if ($(this).hasClass('btn-group')) {
|
|
|
|
$(this).find('a').each(function(){
|
|
|
|
$(this).removeClass('dropdown-toggle')
|
|
|
|
.removeAttr('data-bs-toggle')
|
|
|
|
.removeAttr('data-bs-target')
|
|
|
|
.removeAttr('data-action')
|
|
|
|
.removeAttr('id')
|
|
|
|
.attr("disabled", true);
|
|
|
|
$(this).click(function(event) {
|
|
|
|
event.preventDefault();
|
|
|
|
return;
|
|
|
|
});
|
|
|
|
});
|
|
|
|
$(this).find('button').each(function() {
|
|
|
|
$(this).attr("disabled", true);
|
|
|
|
});
|
|
|
|
} else if ($(this).hasClass('input-group')) {
|
|
|
|
$(this).find('input').each(function() {
|
|
|
|
$(this).removeClass('dropdown-toggle')
|
|
|
|
.removeAttr('data-bs-toggle')
|
|
|
|
.attr("disabled", true);
|
|
|
|
$(this).click(function(event) {
|
|
|
|
event.preventDefault();
|
|
|
|
});
|
|
|
|
});
|
|
|
|
$(this).find('button').each(function() {
|
|
|
|
$(this).attr("disabled", true);
|
|
|
|
});
|
|
|
|
} else if ($(this).hasClass('form-group')) {
|
|
|
|
$(this).find('input').each(function() {
|
|
|
|
$(this).attr("disabled", true);
|
|
|
|
});
|
|
|
|
} else if ($(this).hasClass('btn')) {
|
|
|
|
$(this).attr("disabled", true);
|
|
|
|
} else if ($(this).attr('data-provide') == 'slider') {
|
|
|
|
$(this).attr('disabled', true);
|
|
|
|
} else if ($(this).is(':checkbox')) {
|
|
|
|
$(this).attr("disabled", true);
|
|
|
|
}
|
|
|
|
$(this).data("toggle", "tooltip");
|
|
|
|
$(this).attr("title", lang_acl.prohibited);
|
|
|
|
$(this).tooltip();
|
|
|
|
});
|
|
|
|
|
|
|
|
// disable submit after submitting form (not API driven buttons)
|
|
|
|
$('form').submit(function() {
|
|
|
|
if ($('form button[type="submit"]').data('submitted') == '1') {
|
|
|
|
return false;
|
|
|
|
} else {
|
|
|
|
$(this).find('button[type="submit"]').first().text(lang_footer.loading);
|
|
|
|
$('form button[type="submit"]').attr('data-submitted', '1');
|
|
|
|
function disableF5(e) { if ((e.which || e.keyCode) == 116 || (e.which || e.keyCode) == 82) e.preventDefault(); };
|
|
|
|
$(document).on("keydown", disableF5);
|
|
|
|
}
|
|
|
|
});
|
|
|
|
// Textarea line numbers
|
|
|
|
$(".textarea-code").numberedtextarea({allowTabChar: true});
|
|
|
|
// trigger container restart
|
|
|
|
$('#RestartContainer').on('show.bs.modal', function(e) {
|
|
|
|
var container = $(e.relatedTarget).data('container');
|
|
|
|
$('#containerName').text(container);
|
|
|
|
$('#triggerRestartContainer').click(function(){
|
|
|
|
$(this).prop("disabled",true);
|
|
|
|
$(this).html('<div class="spinner-border text-white" role="status"><span class="visually-hidden">Loading...</span></div>');
|
|
|
|
$('#statusTriggerRestartContainer').html(lang_footer.restarting_container);
|
|
|
|
$.ajax({
|
|
|
|
method: 'get',
|
|
|
|
url: '/inc/ajax/container_ctrl.php',
|
|
|
|
timeout: docker_timeout,
|
|
|
|
data: {
|
|
|
|
'service': container,
|
|
|
|
'action': 'restart'
|
|
|
|
}
|
|
|
|
})
|
|
|
|
.always( function (data, status) {
|
|
|
|
$('#statusTriggerRestartContainer').append(data);
|
|
|
|
var htmlResponse = $.parseHTML(data)
|
|
|
|
if ($(htmlResponse).find('span').hasClass('text-success')) {
|
|
|
|
$('#triggerRestartContainer').html('<i class="bi bi-check-lg"></i> ');
|
|
|
|
setTimeout(function(){
|
|
|
|
$('#RestartContainer').modal('toggle');
|
|
|
|
window.location = window.location.href.split("#")[0];
|
|
|
|
}, 1200);
|
|
|
|
} else {
|
|
|
|
$('#triggerRestartContainer').html('<i class="bi bi-slash-lg"></i> ');
|
|
|
|
}
|
|
|
|
})
|
|
|
|
});
|
|
|
|
})
|
|
|
|
|
|
|
|
// Jquery Datatables, enable responsive plugin
|
|
|
|
$.extend($.fn.dataTable.defaults, {
|
|
|
|
responsive: true
|
|
|
|
});
|
2023-01-16 12:41:34 +02:00
|
|
|
// disable default datatable click listener
|
|
|
|
$(document).off('click', 'tbody>tr');
|
Fix timestamps not sorting in datatables
Timestamps retrieved from the API were always converted to a browser
local format. The format specified for moment.js added in
5160eff29446ba94329116a6ed3787400b03e461 did not work because of this.
Additionally, the format specified used `dd` which looks for two letter
days, such as "Mo", "Tu", "We", etc. Furthermore, `mm` is used for
minutes, not months.
Because the locale formatted datetime can vary a lot, it is not easy to
get this into moment.js to enable the sorting of datetimes in the
datatables. In other words, there is no conversion from an
`Intl.DateTimeFormat` specifier string to moment.js. Adding many
`$.fn.dataTable.moment(format);` with different `format`s is not useful.
I have fixed this rewriting how the timestamps from the API are added
to the tables. It still uses the locale of the browser, because not
everyone wants to use ISO 8601, but no longer requires moment.js (which
has been removed).
Two data attributes are added to the `td`s of the timestamps:
- `data-order`
- `data-sort`
The values of these are the timestamps as returned by the server, which
are very easily sorted (as they are just UNIX timestamps). Then, when
creating the cell in the table, it will be converted to what the locale
of the browser specified (this has not changed).
2022-12-24 18:33:49 +02:00
|
|
|
|
|
|
|
// tag boxes
|
|
|
|
$('.tag-box .tag-add').click(function(){
|
|
|
|
addTag(this);
|
|
|
|
});
|
|
|
|
$(".tag-box .tag-input").keydown(function (e) {
|
|
|
|
if (e.which == 13){
|
|
|
|
e.preventDefault();
|
|
|
|
addTag(this);
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
// Dark Mode Loader
|
|
|
|
$('#dark-mode-toggle').click(toggleDarkMode);
|
|
|
|
if ($('#dark-mode-theme').length) {
|
|
|
|
$('#dark-mode-toggle').prop('checked', true);
|
2023-09-03 18:49:12 +02:00
|
|
|
$('.main-logo').addClass('d-none');
|
|
|
|
$('.main-logo-dark').removeClass('d-none');
|
Fix timestamps not sorting in datatables
Timestamps retrieved from the API were always converted to a browser
local format. The format specified for moment.js added in
5160eff29446ba94329116a6ed3787400b03e461 did not work because of this.
Additionally, the format specified used `dd` which looks for two letter
days, such as "Mo", "Tu", "We", etc. Furthermore, `mm` is used for
minutes, not months.
Because the locale formatted datetime can vary a lot, it is not easy to
get this into moment.js to enable the sorting of datetimes in the
datatables. In other words, there is no conversion from an
`Intl.DateTimeFormat` specifier string to moment.js. Adding many
`$.fn.dataTable.moment(format);` with different `format`s is not useful.
I have fixed this rewriting how the timestamps from the API are added
to the tables. It still uses the locale of the browser, because not
everyone wants to use ISO 8601, but no longer requires moment.js (which
has been removed).
Two data attributes are added to the `td`s of the timestamps:
- `data-order`
- `data-sort`
The values of these are the timestamps as returned by the server, which
are very easily sorted (as they are just UNIX timestamps). Then, when
creating the cell in the table, it will be converted to what the locale
of the browser specified (this has not changed).
2022-12-24 18:33:49 +02:00
|
|
|
if ($('#rspamd_logo').length) $('#rspamd_logo').attr('src', '/img/rspamd_logo_light.png');
|
|
|
|
if ($('#rspamd_logo_sm').length) $('#rspamd_logo_sm').attr('src', '/img/rspamd_logo_light.png');
|
2023-09-03 18:49:12 +02:00
|
|
|
} else {
|
|
|
|
$('.main-logo').removeClass('d-none');
|
|
|
|
$('.main-logo-dark').addClass('d-none');
|
Fix timestamps not sorting in datatables
Timestamps retrieved from the API were always converted to a browser
local format. The format specified for moment.js added in
5160eff29446ba94329116a6ed3787400b03e461 did not work because of this.
Additionally, the format specified used `dd` which looks for two letter
days, such as "Mo", "Tu", "We", etc. Furthermore, `mm` is used for
minutes, not months.
Because the locale formatted datetime can vary a lot, it is not easy to
get this into moment.js to enable the sorting of datetimes in the
datatables. In other words, there is no conversion from an
`Intl.DateTimeFormat` specifier string to moment.js. Adding many
`$.fn.dataTable.moment(format);` with different `format`s is not useful.
I have fixed this rewriting how the timestamps from the API are added
to the tables. It still uses the locale of the browser, because not
everyone wants to use ISO 8601, but no longer requires moment.js (which
has been removed).
Two data attributes are added to the `td`s of the timestamps:
- `data-order`
- `data-sort`
The values of these are the timestamps as returned by the server, which
are very easily sorted (as they are just UNIX timestamps). Then, when
creating the cell in the table, it will be converted to what the locale
of the browser specified (this has not changed).
2022-12-24 18:33:49 +02:00
|
|
|
}
|
|
|
|
function toggleDarkMode(){
|
|
|
|
if($('#dark-mode-theme').length){
|
|
|
|
$('#dark-mode-theme').remove();
|
|
|
|
$('#dark-mode-toggle').prop('checked', false);
|
2023-09-03 18:49:12 +02:00
|
|
|
$('.main-logo').removeClass('d-none');
|
|
|
|
$('.main-logo-dark').addClass('d-none');
|
Fix timestamps not sorting in datatables
Timestamps retrieved from the API were always converted to a browser
local format. The format specified for moment.js added in
5160eff29446ba94329116a6ed3787400b03e461 did not work because of this.
Additionally, the format specified used `dd` which looks for two letter
days, such as "Mo", "Tu", "We", etc. Furthermore, `mm` is used for
minutes, not months.
Because the locale formatted datetime can vary a lot, it is not easy to
get this into moment.js to enable the sorting of datetimes in the
datatables. In other words, there is no conversion from an
`Intl.DateTimeFormat` specifier string to moment.js. Adding many
`$.fn.dataTable.moment(format);` with different `format`s is not useful.
I have fixed this rewriting how the timestamps from the API are added
to the tables. It still uses the locale of the browser, because not
everyone wants to use ISO 8601, but no longer requires moment.js (which
has been removed).
Two data attributes are added to the `td`s of the timestamps:
- `data-order`
- `data-sort`
The values of these are the timestamps as returned by the server, which
are very easily sorted (as they are just UNIX timestamps). Then, when
creating the cell in the table, it will be converted to what the locale
of the browser specified (this has not changed).
2022-12-24 18:33:49 +02:00
|
|
|
if ($('#rspamd_logo').length) $('#rspamd_logo').attr('src', '/img/rspamd_logo_dark.png');
|
|
|
|
if ($('#rspamd_logo_sm').length) $('#rspamd_logo_sm').attr('src', '/img/rspamd_logo_dark.png');
|
|
|
|
localStorage.setItem('theme', 'light');
|
|
|
|
}else{
|
|
|
|
$('head').append('<link id="dark-mode-theme" rel="stylesheet" type="text/css" href="/css/themes/mailcow-darkmode.css">');
|
|
|
|
$('#dark-mode-toggle').prop('checked', true);
|
2023-09-03 18:49:12 +02:00
|
|
|
$('.main-logo').addClass('d-none');
|
|
|
|
$('.main-logo-dark').removeClass('d-none');
|
Fix timestamps not sorting in datatables
Timestamps retrieved from the API were always converted to a browser
local format. The format specified for moment.js added in
5160eff29446ba94329116a6ed3787400b03e461 did not work because of this.
Additionally, the format specified used `dd` which looks for two letter
days, such as "Mo", "Tu", "We", etc. Furthermore, `mm` is used for
minutes, not months.
Because the locale formatted datetime can vary a lot, it is not easy to
get this into moment.js to enable the sorting of datetimes in the
datatables. In other words, there is no conversion from an
`Intl.DateTimeFormat` specifier string to moment.js. Adding many
`$.fn.dataTable.moment(format);` with different `format`s is not useful.
I have fixed this rewriting how the timestamps from the API are added
to the tables. It still uses the locale of the browser, because not
everyone wants to use ISO 8601, but no longer requires moment.js (which
has been removed).
Two data attributes are added to the `td`s of the timestamps:
- `data-order`
- `data-sort`
The values of these are the timestamps as returned by the server, which
are very easily sorted (as they are just UNIX timestamps). Then, when
creating the cell in the table, it will be converted to what the locale
of the browser specified (this has not changed).
2022-12-24 18:33:49 +02:00
|
|
|
if ($('#rspamd_logo').length) $('#rspamd_logo').attr('src', '/img/rspamd_logo_light.png');
|
|
|
|
if ($('#rspamd_logo_sm').length) $('#rspamd_logo_sm').attr('src', '/img/rspamd_logo_light.png');
|
|
|
|
localStorage.setItem('theme', 'dark');
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
// https://stackoverflow.com/questions/24816/escaping-html-strings-with-jquery
|
|
|
|
function escapeHtml(n){var entityMap={"&":"&","<":"<",">":">",'"':""","'":"'","/":"/","`":"`","=":"="}; return String(n).replace(/[&<>"'`=\/]/g,function(n){return entityMap[n]})}
|
|
|
|
function unescapeHtml(t){var n={"&":"&","<":"<",">":">",""":'"',"'":"'","/":"/","`":"`","=":"="};return String(t).replace(/&|<|>|"|'|/|`|=/g,function(t){return n[t]})}
|
|
|
|
|
|
|
|
function addTag(tagAddElem, tag = null){
|
|
|
|
var tagboxElem = $(tagAddElem).parent();
|
|
|
|
var tagInputElem = $(tagboxElem).find(".tag-input")[0];
|
|
|
|
var tagValuesElem = $(tagboxElem).find(".tag-values")[0];
|
|
|
|
|
|
|
|
if (!tag)
|
|
|
|
tag = $(tagInputElem).val();
|
|
|
|
if (!tag) return;
|
|
|
|
var value_tags = [];
|
|
|
|
try {
|
|
|
|
value_tags = JSON.parse($(tagValuesElem).val());
|
|
|
|
} catch {}
|
|
|
|
if (!Array.isArray(value_tags)) value_tags = [];
|
|
|
|
if (value_tags.includes(tag)) return;
|
|
|
|
|
|
|
|
$('<span class="badge bg-primary tag-badge btn-badge"><i class="bi bi-tag-fill"></i> ' + escapeHtml(tag) + '</span>').insertBefore('.tag-input').click(function(){
|
|
|
|
var del_tag = unescapeHtml($(this).text());
|
|
|
|
var del_tags = [];
|
|
|
|
try {
|
|
|
|
del_tags = JSON.parse($(tagValuesElem).val());
|
|
|
|
} catch {}
|
|
|
|
if (Array.isArray(del_tags)){
|
|
|
|
del_tags.splice(del_tags.indexOf(del_tag), 1);
|
|
|
|
$(tagValuesElem).val(JSON.stringify(del_tags));
|
|
|
|
}
|
|
|
|
$(this).remove();
|
|
|
|
});
|
|
|
|
|
|
|
|
value_tags.push(tag);
|
|
|
|
$(tagValuesElem).val(JSON.stringify(value_tags));
|
|
|
|
$(tagInputElem).val('');
|
|
|
|
}
|
2023-07-10 13:54:23 +02:00
|
|
|
function copyToClipboard(id) {
|
|
|
|
var copyText = document.getElementById(id);
|
|
|
|
copyText.select();
|
|
|
|
copyText.setSelectionRange(0, 99999);
|
|
|
|
// only works with https connections
|
|
|
|
navigator.clipboard.writeText(copyText.value);
|
|
|
|
mailcow_alert_box(lang.copy_to_clipboard, "success");
|
|
|
|
}
|