No OneTemporary
Actions

Size

219 KB

Referenced Files

None

订阅者

None

View Options

	diff --git a/data/web/css/build/013-mailcow.css b/data/web/css/build/013-mailcow.css
	index 67034709..c49a8463 100644
	--- a/data/web/css/build/013-mailcow.css
	+++ b/data/web/css/build/013-mailcow.css
	@@ -1,306 +1,310 @@
	@font-face {
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 400;
	src: local(''),
	url('/fonts/noto-sans-v12-latin_greek_cyrillic-regular.woff2') format('woff2'),
	url('/fonts/noto-sans-v12-latin_greek_cyrillic-regular.woff') format('woff');
	}

	@font-face {
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 700;
	src: local(''),
	url('/fonts/noto-sans-v12-latin_greek_cyrillic-700.woff2') format('woff2'),
	url('/fonts/noto-sans-v12-latin_greek_cyrillic-700.woff') format('woff');
	}

	@font-face {
	font-family: 'Noto Sans';
	font-style: italic;
	font-weight: 400;
	src: local(''),
	url('/fonts/noto-sans-v12-latin_greek_cyrillic-italic.woff2') format('woff2'),
	url('/fonts/noto-sans-v12-latin_greek_cyrillic-italic.woff') format('woff');
	}

	@font-face {
	font-family: 'Noto Sans';
	font-style: italic;
	font-weight: 700;
	src: local(''),
	url('/fonts/noto-sans-v12-latin_greek_cyrillic-700italic.woff2') format('woff2'),
	url('/fonts/noto-sans-v12-latin_greek_cyrillic-700italic.woff') format('woff');
	}
	#maxmsgsize { min-width: 80px; }
	#slider1 .slider-selection {
	background: #FFD700;
	}
	#slider1 .slider-track-high {
	background: #FF4500;
	}
	#slider1 .slider-track-low {
	background: #66CD00;
	}
	.striped:nth-child(odd) {
	background-color: #fff;
	}
	.striped:nth-child(even) {
	background-color: #fafafa;
	border:1px solid white;
	}
	.btn {
	text-transform: none;
	}
	.btn * {
	pointer-events: none;
	}
	.textarea-code {
	font-family:Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
	background:transparent !important;
	}
	.navbar-nav {
	margin: 0;
	}
	.navbar-nav .nav-link {
	height: 44px;
	display: flex;
	align-items: center;
	- margin: 0 10px;
	+ padding: 0 10px !important;
	}
	.navbar-fixed-bottom .navbar-collapse,
	.navbar-fixed-top .navbar-collapse {
	max-height: 1000px
	}
	.bi {
	display: inline-block;
	font-size: 12pt;
	}
	.btn .bi {
	display: inline-block;
	font-size: inherit;
	}
	.btn-group-xs > .btn, .btn-xs {
	padding: .25rem .4rem;
	font-size: .875rem;
	line-height: 1rem;
	border-radius: .2rem;
	}
	.icon-spin {
	animation-name: spin;
	animation-duration: 2000ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation: spin 2000ms infinite linear;
	}
	.dropdown-menu {
	font-size: 0.9rem;
	}
	@-webkit-keyframes spin {
	0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	}
	100% {
	-webkit-transform: rotate(359deg);
	transform: rotate(359deg);
	}
	}
	@keyframes spin {
	0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	}
	100% {
	-webkit-transform: rotate(359deg);
	transform: rotate(359deg);
	}
	}
	pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;}
	/* Fix modal moving content left */
	body.modal-open {
	overflow: inherit;
	padding-right: inherit !important;
	}
	body {
	font-family: "Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 10.5pt;
	line-height: 1.5;
	}
	html {
	font-family: "Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 10.5pt;
	line-height: 1.5;
	}
	#mailcow-alert {
	position: fixed;
	bottom: 8px;
	right: 25px;
	min-width: 350px;
	max-width: 550px;
	z-index: 2000;
	}
	.input-group-sm .btn { margin-top: 0 !important }
	legend {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	font-size: 1.2rem;
	}
	.navbar .navbar-brand {
	padding-top: 5px;
	}
	.navbar .navbar-brand img {
	height: 40px;
	}
	.mailcow-logo img {
	max-width: 250px;
	}
	.lang-link-disabled a {
	pointer-events: none;
	}
	.lang-link-disabled {
	cursor: not-allowed;
	}
	.overlay {
	background: #fff;
	position: absolute;
	z-index: 10000;
	top: 0; right: 0; bottom: 0; left: 0;
	opacity: 0.7;
	}
	.bootstrap-select.btn-group .no-results {
	display: none;
	}
	.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary {
	color: rgb(197, 197, 197) !important;
	}
	.haveibeenpwned {
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	}
	.full-width-select {
	width: 100%!important;
	}
	.tooltip {
	font-family: inherit;
	font-size: 0.8rem;
	}
	.progress-bar {
	font-size: 0.8rem;
	line-height: 14px;
	}
	.footer {
	margin-top: 27px;
	margin-bottom: 20px;
	color: #959595;
	display: flex;
	flex-direction: column;
	}
	.footer .version {
	margin-left: auto;
	margin-top: 20px;
	}
	.slave-info {
	padding: 15px 0px 15px 15px;
	font-weight: bold;
	}
	.alert-hr {
	margin:3px 0px;
	border-bottom:1px solid #f5f5f5!important;
	opacity: 0.3;
	}
	.btn-input-missing,
	.btn-input-missing:hover,
	.btn-input-missing:active,
	.btn-input-missing:focus,
	.btn-input-missing:active:hover,
	.btn-input-missing:active:focus {
	color: #000 !important;
	background-color: rgba(255, 65, 54, 0.2);
	border-color: #ff291c;
	}
	.navbar-nav > li {
	font-size: 1rem !important;
	}
	.dropdown-menu > li > a {
	font-size: 1rem !important;
	}
	.label {
	font-size:inherit;
	}
	[class^="bi-"]::before, [class*=" bi-"]::before {
	vertical-align: -0.2em !important;
	}
	legend > [class^="bi-"]::before, legend > [class*=" bi-"]::before {
	vertical-align: 0em !important;
	}
	code {
	font-size: inherit;
	}
	.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
	margin-top: 0px;
	}
	.flag-icon {
	margin-right: 5px;
	}
	.dropdown-header {
	font-weight: 600;
	}

	.dataTables_info {
	margin: 15px 0 !important;
	padding: 0px !important;
	}
	.dataTables_paginate, .dataTables_length, .dataTables_filter {
	margin: 15px 0 !important;
	}
	.dtr-details {
	width: 100%;
	}
	.dtr-title {
	width: 20%;
	}
	+table.dataTable>tbody>tr.child ul.dtr-details>li {
	+ border-bottom: 1px solid rgba(239, 239, 239, 0.129);
	+ padding: 0.5em 0;
	+}

	.tag-box {
	display: flex;
	flex-wrap: wrap;
	height: auto;
	}
	.tag-badge {
	transition: 200ms linear;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 2px;
	margin-right: 2px;
	}
	.tag-badge.btn-badge {
	cursor: pointer;
	}
	.tag-badge .bi {
	font-size: 12px;
	}
	.tag-badge.btn-badge:hover {
	filter: brightness(0.9);
	}
	.tag-input {
	margin-left: 10px;
	- border: 0;
	+ border: 0 !important;
	flex: 1;
	height: 24px;
	min-width: 150px;
	}
	.tag-input:focus {
	outline: none;
	}
	.tag-add {
	padding: 0 5px 0 5px;
	align-items: center;
	display: inline-flex;
	}
	diff --git a/data/web/css/site/admin.css b/data/web/css/site/admin.css
	index bff4f204..e49046b0 100644
	--- a/data/web/css/site/admin.css
	+++ b/data/web/css/site/admin.css
	@@ -1,87 +1,86 @@
	.pagination a {
	text-decoration: none !important;
	}
	.panel.panel-default {
	overflow: visible !important;
	}
	.table-responsive {
	overflow: visible !important;
	}
	.table-responsive {
	overflow-x: scroll !important;
	}
	body {
	overflow-y:scroll;
	}
	/* Fix modal moving content left */
	body.modal-open {
	overflow-y:scroll;
	padding-right: inherit !important;
	}
	@media (min-width: 992px) {
	.container {
	width: 80%;
	}
	}
	.mass-actions-admin {
	user-select: none;
	- padding:10px 0 10px 0;
	}
	.inputMissingAttr {
	border-color: #FF4136;
	}
	.rotate {
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
	}
	.rotate.animation {
	-ms-transform:rotateX(180deg);
	-moz-transform:rotateX(180deg);
	-webkit-transform:rotateX(180deg);
	transform:rotateX(180deg);
	}
	.anchor {
	display: block;
	height: 65px;
	margin-top: -65px;
	visibility: hidden;
	}
	.thumbnail img {
	min-height:100px;
	height:100px;
	}
	.nav-tabs>li>a {
	z-index: 1;
	}
	.table-condensed .input-sm {
	width: 100%!important;
	}
	.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
	padding: 3px;
	}
	table tbody tr {
	cursor: pointer;
	}
	table tbody tr td input[type="checkbox"] {
	cursor: pointer;
	}
	#quarantine_template {
	margin:20px;
	}
	.regex-input {
	font-family: Consolas,monaco,monospace;
	font-size: 1rem;
	}
	.label-keys {
	font-size:100%;
	margin: 0px !important;
	white-space: normal !important;
	}
	.key-action {
	font-weight:bold;
	color:white !important;
	}
	.dkim-label {
	margin: 0 0 8px !important;
	}
	\ No newline at end of file
	diff --git a/data/web/css/site/debug.css b/data/web/css/site/debug.css
	index 39c3a866..6e15c2b0 100644
	--- a/data/web/css/site/debug.css
	+++ b/data/web/css/site/debug.css
	@@ -1,37 +1,36 @@
	.pagination a {
	text-decoration: none !important;
	}
	.panel.panel-default {
	overflow: visible !important;
	}
	.table-responsive {
	overflow: visible !important;
	}
	@media screen and (max-width: 1280px) {
	.table-responsive {
	overflow-x: scroll !important;
	}
	}
	.footer-add-item {
	display:block;
	text-align: center;
	font-style: italic;
	padding: 10px;
	background: #F5F5F5;
	}
	@media (min-width: 992px) {
	.container {
	width: 80%;
	}
	}
	.mass-actions-debug {
	user-select: none;
	- padding:10px 0 10px 10px;
	}
	.inputMissingAttr {
	border-color: #FF4136;
	}
	.table-lines {
	vertical-align: inherit;
	}

	diff --git a/data/web/css/site/edit.css b/data/web/css/site/edit.css
	index e8fb819d..b0d93839 100644
	--- a/data/web/css/site/edit.css
	+++ b/data/web/css/site/edit.css
	@@ -1,43 +1,42 @@
	.pagination a {
	text-decoration: none !important;
	}
	.panel.panel-default {
	overflow: visible !important;
	}
	.table-responsive {
	overflow: visible !important;
	}
	@media screen and (max-width: 767px) {
	.table-responsive {
	overflow-x: scroll !important;
	}
	}
	.footer-add-item {
	display:block;
	text-align: center;
	font-style: italic;
	padding: 10px;
	background: #F5F5F5;
	}
	.mass-actions-user {
	user-select: none;
	- padding:10px 0 10px 0;
	}
	.inputMissingAttr {
	border-color: #FF4136;
	}
	.rotate {
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
	}
	.rotate.animation {
	-ms-transform:rotateX(180deg);
	-moz-transform:rotateX(180deg);
	-webkit-transform:rotateX(180deg);
	transform:rotateX(180deg);
	}
	#sender_acl_disabled {
	display:none;
	margin-top:10px;
	}
	diff --git a/data/web/css/site/mailbox.css b/data/web/css/site/mailbox.css
	index 4822a6fd..f62ead31 100644
	--- a/data/web/css/site/mailbox.css
	+++ b/data/web/css/site/mailbox.css
	@@ -1,70 +1,69 @@
	.pagination a {
	text-decoration: none !important;
	}
	.panel.panel-default {
	overflow: visible !important;
	}
	.table-responsive {
	overflow: inherit !important;
	}
	.table-responsive {
	overflow-x: scroll !important;
	}
	.btn-group {
	width: max-content;
	}
	.footer-add-item {
	display:block;
	text-align: center;
	font-style: italic;
	padding: 10px;
	background: #F5F5F5;
	}
	@media (min-width: 992px) {
	.container {
	width: 100%;
	}
	}
	@media (min-width: 1920px) {
	.container {
	width: 80%;
	}
	}
	.mass-actions-mailbox {
	user-select: none;
	- padding:10px 0 10px 10px;
	}
	.inputMissingAttr {
	border-color: #FF4136;
	}
	.dns-found {
	max-width: 300px;
	word-break: break-all;
	}
	.dns-recommended {
	max-width: 150px;
	word-break: break-all;
	}
	.table-lines {
	vertical-align: inherit;
	}
	#logText {
	font-family:Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
	font-size:smaller;
	}
	table tbody tr {
	cursor: pointer;
	}
	table tbody tr td input[type="checkbox"] {
	cursor: pointer;
	}
	.label-last-login .bi {
	font-size: 8pt !important;
	}
	.label-last-login {
	line-height: 2.2;
	color: #4a4a4a!important;
	padding: .2em .4em .3em !important;
	background-color: #ececec!important;
	}

	diff --git a/data/web/css/site/quarantine.css b/data/web/css/site/quarantine.css
	index 36346965..98a74d66 100644
	--- a/data/web/css/site/quarantine.css
	+++ b/data/web/css/site/quarantine.css
	@@ -1,103 +1,102 @@
	.pagination a {
	text-decoration: none !important;
	}

	.panel.panel-default {
	overflow: visible !important;
	}

	.table-responsive {
	overflow: visible !important;
	}

	.table-responsive {
	overflow-x: scroll !important;
	}

	.footer-add-item {
	display: block;
	text-align: center;
	font-style: italic;
	padding: 10px;
	background: #F5F5F5;
	}

	@media (min-width: 992px) {
	.container {
	width: 100%;
	}
	}
	@media (min-width: 1920px) {
	.container {
	width: 80%;
	}
	}

	.mass-actions-quarantine {
	user-select: none;
	- padding: 10px;
	}

	.inputMissingAttr {
	border-color: #FF4136;
	}

	.modal#qidDetailModal p {
	word-break: break-all;
	}

	span#qid_detail_score {
	font-weight: 700;
	margin-left: 5px;
	}

	span.rspamd-symbol {
	display: inline-block;
	margin: 2px 6px 2px 0;
	border-radius: 4px;
	padding: 0 7px;
	}

	span.rspamd-symbol.positive {
	background: #4CAF50;
	border: 1px solid #4CAF50;
	color: white;
	}

	span.rspamd-symbol.negative {
	background: #ff4136;
	border: 1px solid #ff4136;
	color: white;
	}

	span.rspamd-symbol.neutral {
	background: #f5f5f5;
	color: #333;
	border: 1px solid #ccc;
	}

	span.rspamd-symbol span.score {
	font-weight: 700;
	}

	span.mail-address-item {
	background-color: #f5f5f5;
	border-radius: 4px;
	border: 1px solid #ccc;
	padding: 2px 7px;
	display: inline-block;
	margin: 2px 6px 2px 0;
	}

	table tbody tr {
	cursor: pointer;
	}

	table tbody tr td input[type="checkbox"] {
	cursor: pointer;
	}
	.label-rspamd-action {
	font-size:110%;
	margin:20px;
	}

	diff --git a/data/web/css/site/user.css b/data/web/css/site/user.css
	index 27a438ca..b1148d5f 100644
	--- a/data/web/css/site/user.css
	+++ b/data/web/css/site/user.css
	@@ -1,135 +1,134 @@
	.pagination a {
	text-decoration: none !important;
	}
	.panel.panel-default {
	overflow: visible !important;
	}
	.table-responsive {
	overflow: visible !important;
	}
	@media screen and (max-width: 767px) {
	.table-responsive {
	overflow-x: scroll !important;
	}
	}
	.footer-add-item {
	display:block;
	text-align: center;
	font-style: italic;
	padding: 10px;
	background: #F5F5F5;
	}
	.mass-actions-user {
	user-select: none;
	- padding:10px 0;
	}
	.inputMissingAttr {
	border-color: #FF4136;
	}
	#logText {
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
	}
	body {
	overflow-y:scroll;
	}

	table tbody tr {
	cursor: pointer;
	}

	table tbody tr td input[type="checkbox"] {
	cursor: pointer;
	}
	.label-keys {
	font-size:100%;
	margin: 0px !important;
	white-space: normal !important;
	}
	.key-action {
	font-weight:bold;
	color:white !important;
	}
	svg {
	display: inline-block;
	vertical-align: middle;
	}
	.c-1-color, .label-ham {
	background: #28b62c;
	background: -webkit-linear-gradient(to right, #28b62c, #fff233);
	background: linear-gradient(to right, #28b62c, #fff233);
	color: #000;
	}
	.c-2-color, .label-spam {
	background: #fff233;
	background: -webkit-linear-gradient(to right, #fff233, #ff4136);
	background: linear-gradient(to right, #fff233, #ff4136);
	color: #000;
	}
	.c-3-color, .label-reject{
	background: #ff4136;
	color: #fff;
	}
	#spam_score {
	margin-bottom: 10px;
	}
	.noUi-handle {
	border: 1px solid #e2e2e2;
	border-radius: 0px;
	background: #eee;
	cursor: default;
	box-shadow: none;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 4px;
	border-left-width: 1px;
	}
	.noUi-handle:hover {
	background-color: #eee;
	border-color: #e2e2e2;
	margin-top: 1px;
	border-bottom-width: 3px;
	}
	.noUi-handle::after, .noUi-handle::before {
	background: #c6c6c6;
	width: 2px;
	}
	.noUi-target {
	background: transparent;
	border-radius: 0px;
	border: 1px solid #D3D3D3;
	box-shadow: none;
	}
	.noUi-connects {
	border-radius: 0px;
	}
	.label-ham,
	.label-spam,
	.label-reject {
	padding: .1em .5em .1em;
	font-size: inherit;
	font-weight: 400;
	}
	.clear-last-logins {
	cursor: pointer;
	font-size:90%;
	font-style: italic;
	color: #158cba;
	user-select:none;
	}
	.ip-location-flag {
	border-radius: 4px;
	top: 3px;
	}
	.recent-login-success {
	margin-top:2px;
	margin-right:10px;
	}
	.label-protocol-access {
	line-height: 2;
	}
	.help-block-mt-0 {
	margin-top: 0px;
	}
	diff --git a/data/web/js/build/014-mailcow.js b/data/web/js/build/014-mailcow.js
	index fa66d023..154b80c2 100644
	--- a/data/web/js/build/014-mailcow.js
	+++ b/data/web/js/build/014-mailcow.js
	@@ -1,328 +1,328 @@
	$(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'}});
	}

	$(".generate_password").click(function( event ) {
	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 {
	var random_passwd = GPW.pronounceable(8)
	}
	$(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 + '"]');
	$(tab).find('.card-body.collapse').collapse('show');
	}
	});
	})();

	// 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-secondary" 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
	});

	// 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);
	}
	});
	function addTag(tagAddElem){
	var tagboxElem = $(tagAddElem).parent();
	var tagInputElem = $(tagboxElem).find(".tag-input")[0];
	var tagValuesElem = $(tagboxElem).find(".tag-values")[0];

	var tag = escapeHtml($(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 badge-primary tag-badge btn-badge"><i class="bi bi-tag-fill"></i> ' + tag + '</span>').insertBefore('.tag-input').click(function(){
	+ $('<span class="badge bg-primary tag-badge btn-badge"><i class="bi bi-tag-fill"></i> ' + 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($(tagInputElem).val());
	$(tagValuesElem).val(JSON.stringify(value_tags));
	$(tagInputElem).val('');
	}
	});


	// http://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(/&\|<\|>\|"\|'\|&#x2F\|&#x60\|=/g,function(t){return n[t]})}
	diff --git a/data/web/js/site/mailbox.js b/data/web/js/site/mailbox.js
	index 5cf447fd..8350e92d 100644
	--- a/data/web/js/site/mailbox.js
	+++ b/data/web/js/site/mailbox.js
	@@ -1,1279 +1,1298 @@
	$(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
	// Clone mailbox mass actions
	$("div").find("[data-actions-header='true'").each(function() {
	$(this).html($(this).nextAll('.mass-actions-mailbox:first').html());
	});
	// Auto-fill domain quota when adding new domain
	auto_fill_quota = function(domain) {
	$.get("/api/v1/get/domain/" + domain, function(data){
	var result = $.parseJSON(JSON.stringify(data));
	def_new_mailbox_quota = ( result.def_new_mailbox_quota / 1048576);
	max_new_mailbox_quota = ( result.max_new_mailbox_quota / 1048576);
	if (max_new_mailbox_quota != '0') {
	$('.addInputQuotaExhausted').hide();
	$("#quotaBadge").html('max. ' + max_new_mailbox_quota + ' MiB');
	$('#addInputQuota').attr({"disabled": false, "value": "", "type": "number", "max": max_new_mailbox_quota});
	$('#addInputQuota').val(def_new_mailbox_quota);
	}
	else {
	$('.addInputQuotaExhausted').show();
	$("#quotaBadge").html('max. ' + max_new_mailbox_quota + ' MiB');
	$('#addInputQuota').attr({"disabled": true, "value": "", "type": "text", "value": "n/a"});
	$('#addInputQuota').val(max_new_mailbox_quota);
	}
	});
	}
	$('#addSelectDomain').on('change', function() {
	auto_fill_quota($('#addSelectDomain').val());
	});
	auto_fill_quota($('#addSelectDomain').val());

	$(".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) {
	$('#textarea_alias_goto').prop('disabled', true);
	}
	else {
	$("#textarea_alias_goto").removeAttr('disabled');
	}
	});
	$('#addAliasModal').on('show.bs.modal', function(e) {
	if ($("form[data-id='add_alias'] .goto_checkbox:checked").length > 0) {
	$('#textarea_alias_goto').prop('disabled', true);
	}
	else {
	$("#textarea_alias_goto").removeAttr('disabled');
	}
	});
	// Log modal
	$('#syncjobLogModal').on('show.bs.modal', function(e) {
	var syncjob_id = $(e.relatedTarget).data('syncjob-id');
	$.ajax({
	url: '/inc/ajax/syncjob_logs.php',
	data: { id: syncjob_id },
	dataType: 'text',
	success: function(data){
	$(e.currentTarget).find('#logText').text(data);
	},
	error: function(xhr, status, error) {
	$(e.currentTarget).find('#logText').text(xhr.responseText);
	}
	});
	});
	// Log modal
	$('#dnsInfoModal').on('show.bs.modal', function(e) {
	var domain = $(e.relatedTarget).data('domain');
	$('.dns-modal-body').html('<div class="spinner-border text-secondary" role="status"><span class="visually-hidden">Loading...</span></div>');
	$.ajax({
	url: '/inc/ajax/dns_diagnostics.php',
	data: { domain: domain },
	dataType: 'text',
	success: function(data){
	$('.dns-modal-body').html(data);
	},
	error: function(xhr, status, error) {
	$('.dns-modal-body').html(xhr.responseText);
	}
	});
	});
	// Sieve data modal
	$('#sieveDataModal').on('show.bs.modal', function(e) {
	var sieveScript = $(e.relatedTarget).data('sieve-script');
	$(e.currentTarget).find('#sieveDataText').html('<pre style="font-size:14px;line-height:1.1">' + sieveScript + '</pre>');
	});
	// Disable submit button on script change
	$('.textarea-code').on('keyup', function() {
	// Disable all "save" buttons, could be a "related button only" function, todo
	$('.add_sieve_script').attr({"disabled": true});
	});
	// Validate script data
	$(".validate_sieve").click(function( event ) {
	event.preventDefault();
	var validation_button = $(this);
	// Get script_data textarea content from form the button was clicked in
	var script = $('textarea[name="script_data"]', $(this).parents('form:first')).val();
	$.ajax({
	dataType: 'json',
	url: "/inc/ajax/sieve_validation.php",
	type: "get",
	data: { script: script },
	complete: function(data) {
	var response = (data.responseText);
	response_obj = JSON.parse(response);
	if (response_obj.type == "success") {
	$(validation_button).next().attr({"disabled": false});
	}
	mailcow_alert_box(response_obj.msg, response_obj.type);
	},
	});
	});
	// $(document).on('DOMNodeInserted', '#prefilter_table', function () {
	// $("#active-script").closest('td').css('background-color','#b0f0a0');
	// $("#inactive-script").closest('td').css('background-color','#b0f0a0');
	// });
	$('#addResourceModal').on('shown.bs.modal', function() {
	$("#multiple_bookings").val($("#multiple_bookings_select").val());
	if ($("#multiple_bookings").val() == "custom") {
	$("#multiple_bookings_custom_div").show();
	$("#multiple_bookings").val($("#multiple_bookings_custom").val());
	}
	})
	$("#multiple_bookings_select").change(function() {
	$("#multiple_bookings").val($("#multiple_bookings_select").val());
	if ($("#multiple_bookings").val() == "custom") {
	$("#multiple_bookings_custom_div").show();
	}
	else {
	$("#multiple_bookings_custom_div").hide();
	}
	});
	$("#multiple_bookings_custom").bind ("change keypress keyup blur", function () {
	$("#multiple_bookings").val($("#multiple_bookings_custom").val());
	});


	});
	jQuery(function($){
	// 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"})}
	$(".refresh_table").on('click', function(e) {
	e.preventDefault();
	var table_name = $(this).data('table');
	$('#' + table_name).DataTable().ajax.reload();
	});
	function draw_domain_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.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 {
	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">';
	if (role == "admin") {
	item.action += '<a href="/edit/domain/' + encodeURIComponent(item.domain_name) + '" 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" 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-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-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 badge-primary tag-badge"><i class="bi bi-tag-fill"></i> ' + escapeHtml(item.tags[i]) + '</span>';
	+ 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="badge fs-5 bg-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="badge fs-5 bg-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="badge fs-5 bg-info">Relay</div> ' + item.domain_name;
	+ item.domain_name = '<div class="badge fs-6 bg-info">Relay</div> ' + item.domain_name;
	}
	}
	});

	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: 2
	},
	{
	title: lang.domain,
	data: 'domain_name',
	responsivePriority: 3
	},
	{
	title: lang.aliases,
	data: 'aliases_in_domain'
	},
	{
	title: lang.mailboxes,
	data: 'mboxes_in_domain',
	responsivePriority: 4
	},
	{
	title: lang.domain_quota,
	data: 'quota',
	render: function (data, type) {
	data = data.split("/");
	return humanFileSize(data[0]) + " / " + humanFileSize(data[1]);
	}
	},
	{
	title: lang.stats,
	data: 'stats',
	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'
	},
	{
	title: lang.mailbox_quota,
	data: 'max_quota_for_mbox'
	},
	{
	title: 'RL',
	data: 'rl'
	},
	{
	title: lang.backup_mx,
	data: 'backupmx',
	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'
	},
	+ {
	+ title: 'Tags',
	+ data: 'tags'
	+ },
	+ {
	+ title: lang.active,
	+ data: 'active',
	+ 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: 'text-md-end dt-sm-head-hidden dt-body-right',
	responsivePriority: 5
	},
	]
	});
	}
	function draw_mailbox_table() {
	$('#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;
	/*
	if (!item.rl) {
	item.rl = '∞';
	} else {
	item.rl = $.map(item.rl, function(e){
	return e;
	}).join('/1');
	if (item.rl_scope === 'domain') {
	item.rl = '<i class="bi bi-arrow-return-right"></i> ' + item.rl + ' (via ' + item.domain + ')';
	}
	}
	*/
	item.chkbox = '<input type="checkbox" data-id="mailbox" name="multi_select" value="' + encodeURIComponent(item.username) + '" />';
	if (item.attributes.passwd_update != '0') {
	var last_pw_change = new Date(item.attributes.passwd_update.replace(/-/g, "/"));
	item.last_pw_change = last_pw_change.toLocaleDateString(undefined, {year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit"});
	} else {
	item.last_pw_change = '-';
	}
	item.tls_enforce_in = '<i class="text-' + (item.attributes.tls_enforce_in == 1 ? 'success bi bi-lock-fill' : 'danger bi bi-unlock-fill') + '"></i>';
	item.tls_enforce_out = '<i class="text-' + (item.attributes.tls_enforce_out == 1 ? 'success bi bi-lock-fill' : 'danger bi bi-unlock-fill') + '"></i>';
	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>';
	if (item.attributes.quarantine_notification === 'never') {
	item.quarantine_notification = lang.never;
	} else if (item.attributes.quarantine_notification === 'hourly') {
	item.quarantine_notification = lang.hourly;
	} else if (item.attributes.quarantine_notification === 'daily') {
	item.quarantine_notification = lang.daily;
	} else if (item.attributes.quarantine_notification === 'weekly') {
	item.quarantine_notification = lang.weekly;
	}
	if (item.attributes.quarantine_category === 'reject') {
	item.quarantine_category = '<span class="text-danger">' + lang.q_reject + '</span>';
	} else if (item.attributes.quarantine_category === 'add_header') {
	item.quarantine_category = '<span class="text-warning">' + lang.q_add_header + '</span>';
	} else if (item.attributes.quarantine_category === 'all') {
	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">' +
	'<a href="/edit/mailbox/' + encodeURIComponent(item.username) + '" class="btn btn-xs ' + btnSize + ' 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 ' + 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>';
	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 += '</div>';
	}
	else {
	item.action = '<div class="btn-group">' +
	'<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>';
	}
	item.in_use = '<div class="progress">' +
	'<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 badge-primary tag-badge"><i class="bi bi-tag-fill"></i> ' + escapeHtml(item.tags[i]) + '</span>';
	+ 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 = '';
	}
	});

	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: 2
	},
	{
	title: lang.username,
	data: 'username',
	responsivePriority: 3
	},
	{
	title: lang.fname,
	data: 'name'
	},
	{
	title: lang.domain,
	data: 'domain'
	},
	{
	title: lang.domain_quota,
	data: 'quota',
	responsivePriority: 4,
	render: function (data, type) {
	data = data.split("/");
	var of_q = (data[1] == 0 ? "∞" : humanFileSize(data[1]));
	return humanFileSize(data[0]) + " / " + of_q;
	}
	},
	{
	title: lang.tls_enforce_in,
	data: 'tls_enforce_in'
	},
	{
	title: lang.tls_enforce_out,
	data: 'tls_enforce_out'
	},
	{
	title: 'SMTP',
	data: 'smtp_access'
	},
	{
	title: 'IMAP',
	data: 'imap_access'
	},
	{
	title: 'POP3',
	data: 'pop3_access'
	},
	{
	title: lang.last_mail_login,
	data: 'last_mail_login'
	},
	{
	title: lang.last_pw_change,
	data: 'last_pw_change'
	},
	{
	title: lang.quarantine_notification,
	data: 'quarantine_notification'
	},
	{
	title: lang.quarantine_category,
	data: 'quarantine_category'
	},
	{
	title: lang.in_use,
	data: 'in_use'
	},
	{
	title: lang.msg_num,
	data: 'messages'
	},
	+ {
	+ title: 'Tags',
	+ data: 'tags'
	+ },
	{
	title: lang.active,
	data: 'active',
	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: 'text-md-end dt-sm-head-hidden dt-body-right',
	responsivePriority: 5
	},
	]
	});
	}
	function draw_resource_table() {
	$('#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="badge fs-5 bg-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="badge fs-5 bg-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="badge fs-5 bg-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">' +
	'<a href="/edit/resource/' + encodeURIComponent(item.name) + '" 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-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>' +
	'</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);
	});

	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: 2
	},
	{
	title: lang.description,
	data: 'description',
	responsivePriority: 3
	},
	{
	title: lang.alias,
	data: 'name'
	},
	{
	title: lang.kind,
	data: 'kind'
	},
	{
	title: lang.domain,
	data: 'domain',
	responsivePriority: 4
	},
	{
	title: lang.multiple_bookings,
	data: 'multiple_bookings'
	},
	{
	title: lang.active,
	data: 'active',
	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: 'text-md-end dt-sm-head-hidden dt-body-right',
	responsivePriority: 5
	},
	]
	});
	}
	function draw_bcc_table() {
	$('#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-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-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>' +
	'</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="badge fs-5 bg-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="badge fs-5 bg-warning">' + lang.bcc_rcpt_map + '</span>';
	+ item.type = '<span id="inactive-script" class="badge fs-6 bg-warning">' + lang.bcc_rcpt_map + '</span>';
	}
	});

	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: 2
	},
	{
	title: 'ID',
	data: 'id',
	responsivePriority: 3
	},
	{
	title: lang.bcc_type,
	data: 'type'
	},
	{
	title: lang.bcc_local_dest,
	data: 'local_dest'
	},
	{
	title: lang.bcc_destinations,
	data: 'bcc_dest'
	},
	{
	title: lang.domain,
	data: 'domain',
	responsivePriority: 4
	},
	{
	title: lang.active,
	data: 'active',
	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: 'text-md-end dt-sm-head-hidden dt-body-right',
	responsivePriority: 5
	},
	]
	});
	}
	function draw_recipient_map_table() {
	$('#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-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-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 + '" />';
	});

	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: 2
	},
	{
	title: 'ID',
	data: 'id',
	responsivePriority: 3
	},
	{
	title: lang.recipient_map_old,
	data: 'recipient_map_old'
	},
	{
	title: lang.recipient_map_new,
	data: 'recipient_map_new'
	},
	{
	title: lang.active,
	data: 'active',
	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',
	responsivePriority: 4
	},
	]
	});
	}
	function draw_tls_policy_table() {
	$('#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-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-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 + '" />';
	});

	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: 2
	},
	{
	title: 'ID',
	data: 'id',
	responsivePriority: 3
	},
	{
	title: lang.tls_map_dest,
	data: 'dest'
	},
	{
	title: lang.tls_map_policy,
	data: 'policy'
	},
	{
	title: lang.tls_map_parameters,
	data: 'parameters'
	},
	{
	title: lang.domain,
	data: 'domain',
	responsivePriority: 4
	},
	{
	title: lang.active,
	data: 'active',
	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',
	responsivePriority: 5
	},
	]
	});
	}
	function draw_alias_table() {
	$('#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-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-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>' +
	'</div>';
	item.chkbox = '<input type="checkbox" data-id="alias" name="multi_select" value="' + encodeURIComponent(item.id) + '" />';
	item.goto = escapeHtml(item.goto.replace(/,/g, " "));
	if (item.public_comment !== null) {
	item.public_comment = escapeHtml(item.public_comment);
	}
	else {
	item.public_comment = '-';
	}
	if (item.private_comment !== null) {
	item.private_comment = escapeHtml(item.private_comment);
	}
	else {
	item.private_comment = '-';
	}
	if (item.is_catch_all == 1) {
	- item.address = '<div class="badge fs-5 bg-secondary">' + 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);
	}
	if (item.goto == "null@localhost") {
	item.goto = '⤷ <i class="bi bi-trash" style="font-size:12px"></i>';
	}
	else if (item.goto == "spam@localhost") {
	- item.goto = '<span class="badge fs-5 bg-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="badge fs-5 bg-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-bs-toggle="tooltip" title="' + lang.target_domain + ': ' + item.in_primary_domain + '"></i> ' + item.domain;
	}
	});

	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: 2
	},
	{
	title: 'ID',
	data: 'id',
	responsivePriority: 3
	},
	{
	title: lang.alias,
	data: 'address',
	responsivePriority: 4
	},
	{
	title: lang.target_address,
	data: 'goto'
	},
	{
	title: lang.bcc_destinations,
	data: 'bcc_dest'
	},
	{
	title: lang.domain,
	data: 'domain'
	},
	{
	title: lang.public_comment,
	data: 'public_comment'
	},
	{
	title: lang.private_comment,
	data: 'private_comment'
	},
	{
	title: lang.sogo_visible,
	data: 'sogo_visible'
	},
	{
	title: lang.active,
	data: 'active',
	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',
	responsivePriority: 5
	},
	]
	});
	}
	function draw_aliasdomain_table() {
	$('#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.action = '<div class="btn-group">' +
	'<a href="/edit/aliasdomain/' + encodeURIComponent(item.alias_domain) + '" 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-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-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="badge fs-5 bg-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>';
	}
	});

	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: 2
	},
	{
	title: lang.alias,
	data: 'alias_domain',
	responsivePriority: 3
	},
	{
	title: lang.target_domain,
	data: 'target_domain',
	responsivePriority: 4
	},
	{
	title: lang.bcc_local_dest,
	data: 'local_dest'
	},
	{
	title: lang.bcc_destinations,
	data: 'bcc_dest'
	},
	{
	title: lang.domain,
	data: 'domain'
	},
	{
	title: lang.active,
	data: 'active',
	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',
	responsivePriority: 5
	},
	]
	});
	}
	function draw_sync_job_table() {
	$('#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>' + escapeHtml(item.exclude) + '</code>';
	}
	item.server_w_port = escapeHtml(item.user1) + '@' + item.host1 + ':' + item.port1;
	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 + '" />';
	if (item.is_running == 1) {
	- item.is_running = '<span id="active-script" class="badge fs-5 bg-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="badge fs-5 bg-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;
	}
	if (item.success == null) {
	item.success = '-';
	item.exit_status = '';
	} else {
	item.success = '<i class="text-' + (item.success == 1 ? 'success' : 'danger') + ' bi bi-' + (item.success == 1 ? 'check-lg' : 'x-lg') + '"></i>';
	}
	if (lang['syncjob_'+item.exit_status]) {
	item.exit_status = lang['syncjob_'+item.exit_status];
	} else if (item.success != '-') {
	item.exit_status = lang.syncjob_check_log;
	}
	item.exit_status = item.success + ' ' + item.exit_status;
	});

	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: 2
	},
	{
	title: 'ID',
	data: 'id',
	responsivePriority: 3
	},
	{
	title: lang.owner,
	data: 'user2',
	responsivePriority: 4
	},
	{
	title: 'Server',
	data: 'server_w_port'
	},
	{
	title: lang.excludes,
	data: 'exclude'
	},
	{
	title: lang.mins_interval,
	data: 'mins_interval'
	},
	{
	title: lang.last_run,
	data: 'last_run'
	},
	{
	title: lang.syncjob_last_run_result,
	data: 'exit_status'
	},
	{
	title: lang.status,
	data: 'is_running'
	},
	{
	title: lang.active,
	data: 'active',
	render: function (data, type) {
	return 1==data?'<i class="bi bi-check-lg"></i>':0==data&&'<i class="bi bi-x-lg"></i>';
	}
	},
	{
	title: 'Log',
	data: 'log'
	},
	{
	title: lang.action,
	data: 'action',
	className: 'text-md-end dt-sm-head-hidden dt-body-right',
	responsivePriority: 5
	},
	]
	});
	}
	function draw_filter_table() {
	$('#filter_table').DataTable({
	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="badge fs-5 bg-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="badge fs-5 bg-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="badge fs-5 bg-secondary">' + item.filter_type.charAt(0).toUpperCase() + item.filter_type.slice(1).toLowerCase() + '</div>'
	+ 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-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-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>' +
	'</div>';
	item.chkbox = '<input type="checkbox" data-id="filter_item" name="multi_select" value="' + item.id + '" />'
	});

	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: 2
	},
	{
	title: 'ID',
	data: 'id',
	responsivePriority: 3
	},
	{
	title: lang.active,
	data: 'active'
	},
	{
	title: 'Type',
	data: 'filter_type',
	responsivePriority: 4
	},
	{
	title: lang.owner,
	data: 'username'
	},
	{
	title: lang.description,
	data: 'script_desc'
	},
	{
	title: 'Script',
	data: 'script_data'
	},
	{
	title: lang.action,
	data: 'action',
	className: 'text-md-end dt-sm-head-hidden dt-body-right',
	responsivePriority: 5
	},
	]
	});
	};

	// detect element visibility changes
	function onVisible(element, callback) {
	$(element).ready(function() {
	element_object = document.querySelector(element)
	new IntersectionObserver((entries, observer) => {
	entries.forEach(entry => {
	if(entry.intersectionRatio > 0) {
	callback(element_object);
	observer.disconnect();
	}
	});
	}).observe(element_object);
	});
	}

	// Load only if the tab is visible
	onVisible("[id^=domain_table]", () => draw_domain_table());
	onVisible("[id^=mailbox_table]", () => draw_mailbox_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/data/web/js/site/qhandler.js b/data/web/js/site/qhandler.js
	index 31ac569c..4fcc9634 100644
	--- a/data/web/js/site/qhandler.js
	+++ b/data/web/js/site/qhandler.js
	@@ -1,71 +1,71 @@
	jQuery(function($){
	var qitem = $('legend').data('hash');
	var qError = $("#qid_error");
	$.ajax({
	url: '/inc/ajax/qitem_details.php',
	data: { hash: qitem },
	dataType: 'json',
	success: function(data){
	$('[data-id="qitems_single"]').each(function(index) {
	$(this).attr("data-item", qitem);
	});
	$('#qid_detail_subj').text(data.subject);
	$('#qid_detail_hfrom').text(data.header_from);
	$('#qid_detail_efrom').text(data.env_from);
	$('#qid_detail_score').html('');
	$('#qid_detail_symbols').html('');
	$('#qid_detail_recipients').html('');
	$('#qid_detail_fuzzy').html('');
	if (typeof data.fuzzy_hashes === 'object' && data.fuzzy_hashes !== null && data.fuzzy_hashes.length !== 0) {
	$.each(data.fuzzy_hashes, function (index, value) {
	$('#qid_detail_fuzzy').append('<p style="font-family:monospace">' + value + '</p>');
	});
	} else {
	$('#qid_detail_fuzzy').append('-');
	}
	if (typeof data.symbols !== 'undefined') {
	data.symbols.sort(function (a, b) {
	if (a.score === 0) return 1
	if (b.score === 0) return -1
	if (b.score < 0 && a.score < 0) {
	return a.score - b.score
	}
	if (b.score > 0 && a.score > 0) {
	return b.score - a.score
	}
	return b.score - a.score
	})
	$.each(data.symbols, function (index, value) {
	var highlightClass = ''
	if (value.score > 0) highlightClass = 'negative'
	else if (value.score < 0) highlightClass = 'positive'
	else highlightClass = 'neutral'
	$('#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-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 badge fs-5 bg-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 badge fs-5 bg-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 badge fs-5 bg-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') {
	$.each(data.recipients, function(index, value) {
	var elem = $('<span class="mail-address-item"></span>');
	elem.text(value.address + ' (' + value.type.toUpperCase() + ')');
	$('#qid_detail_recipients').append(elem);
	});
	}
	},
	error: function(data){
	if (typeof data.error !== 'undefined') {
	qError.text("Error loading quarantine item");
	qError.show();
	}
	}
	});
	});
	diff --git a/data/web/js/site/quarantine.js b/data/web/js/site/quarantine.js
	index 3deae87b..7848ebe7 100644
	--- a/data/web/js/site/quarantine.js
	+++ b/data/web/js/site/quarantine.js
	@@ -1,249 +1,249 @@
	// Base64 functions
	var Base64={_keyStr:"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",encode:function(r){var t,e,o,a,h,n,c,d="",C=0;for(r=Base64._utf8_encode(r);C<r.length;)a=(t=r.charCodeAt(C++))>>2,h=(3&t)<<4\|(e=r.charCodeAt(C++))>>4,n=(15&e)<<2\|(o=r.charCodeAt(C++))>>6,c=63&o,isNaN(e)?n=c=64:isNaN(o)&&(c=64),d=d+this._keyStr.charAt(a)+this._keyStr.charAt(h)+this._keyStr.charAt(n)+this._keyStr.charAt(c);return d},decode:function(r){var t,e,o,a,h,n,c="",d=0;for(r=r.replace(/[^A-Za-z0-9\+\/\=]/g,"");d<r.length;)t=this._keyStr.indexOf(r.charAt(d++))<<2\|(a=this._keyStr.indexOf(r.charAt(d++)))>>4,e=(15&a)<<4\|(h=this._keyStr.indexOf(r.charAt(d++)))>>2,o=(3&h)<<6\|(n=this._keyStr.indexOf(r.charAt(d++))),c+=String.fromCharCode(t),64!=h&&(c+=String.fromCharCode(e)),64!=n&&(c+=String.fromCharCode(o));return c=Base64._utf8_decode(c)},_utf8_encode:function(r){r=r.replace(/\r\n/g,"\n");for(var t="",e=0;e<r.length;e++){var o=r.charCodeAt(e);o<128?t+=String.fromCharCode(o):o>127&&o<2048?(t+=String.fromCharCode(o>>6\|192),t+=String.fromCharCode(63&o\|128)):(t+=String.fromCharCode(o>>12\|224),t+=String.fromCharCode(o>>6&63\|128),t+=String.fromCharCode(63&o\|128))}return t},_utf8_decode:function(r){for(var t="",e=0,o=c1=c2=0;e<r.length;)(o=r.charCodeAt(e))<128?(t+=String.fromCharCode(o),e++):o>191&&o<224?(c2=r.charCodeAt(e+1),t+=String.fromCharCode((31&o)<<6\|63&c2),e+=2):(c2=r.charCodeAt(e+1),c3=r.charCodeAt(e+2),t+=String.fromCharCode((15&o)<<12\|(63&c2)<<6\|63&c3),e+=3);return t}};

	jQuery(function($){
	acl_data = JSON.parse(acl);
	// 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]}
	$(".refresh_table").on('click', function(e) {
	e.preventDefault();
	var table_name = $(this).data('table');
	$('#' + table_name).DataTable().ajax.reload();
	});
	function draw_quarantine_table() {
	$('#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 = '';
	} else {
	item.subject = escapeHtml(item.subject);
	}
	if (item.score === null) {
	item.score = '-';
	}
	if (item.virus_flag > 0) {
	- item.virus = '<span class="badge fs-5 bg-danger">' + lang.high_danger + '</span>';
	+ item.virus = '<span class="badge fs-6 bg-danger">' + lang.high_danger + '</span>';
	} else {
	- item.virus = '<span class="badge fs-5 bg-secondary">' + 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="badge fs-5 bg-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="badge fs-5 bg-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="badge fs-5 bg-warning">' + lang.rewrite_subject + '</span>';
	+ item.rspamdaction = '<span class="badge fs-6 bg-warning">' + lang.rewrite_subject + '</span>';
	}
	if(item.notified > 0) {
	item.notified = '✔';
	} else {
	item.notified = '✖';
	}
	if (acl_data.login_as === 1) {
	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>';
	}
	else {
	item.action = '<div class="btn-group">' +
	'<a href="#" data-item="' + encodeURI(item.id) + '" class="btn btn-xs btn-info show_qid_info"><i class="bi bi-file-earmark-text"></i> ' + lang.show_item + '</a>' +
	'</div>';
	}
	item.chkbox = '<input type="checkbox" data-id="qitems" name="multi_select" value="' + item.id + '" />';
	});

	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',
	},
	{
	title: lang.qid,
	data: 'qid'
	},
	{
	title: lang.sender,
	data: 'sender'
	},
	{
	title: lang.subj,
	data: 'sender'
	},
	{
	title: lang.rspamd_result,
	data: 'rspamdaction'
	},
	{
	title: lang.rcpt,
	data: 'rcpt'
	},
	{
	title: lang.danger,
	data: 'virus'
	},
	{
	title: lang.spam_score,
	data: 'score'
	},
	{
	title: lang.notified,
	data: 'notified'
	},
	{
	title: lang.received,
	data: 'created',
	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'
	},
	]
	});
	}

	$('body').on('click', '.show_qid_info', function (e) {
	e.preventDefault();
	var qitem = $(this).attr('data-item');
	var qError = $("#qid_error");

	$('#qidDetailModal').modal('show');
	qError.hide();

	$.ajax({
	url: '/inc/ajax/qitem_details.php',
	data: { id: qitem },
	dataType: 'json',
	success: function(data){

	$('[data-id="qitems_single"]').each(function(index) {
	$(this).attr("data-item", qitem);
	});

	$("#quick_download_link").attr("onclick", "window.open('/inc/ajax/qitem_details.php?id=" + qitem + "&eml', '_blank')");
	$("#quick_release_link").attr("onclick", "window.open('/inc/ajax/qitem_details.php?id=" + qitem + "&quick_release', '_blank')");
	$("#quick_delete_link").attr("onclick", "window.open('/inc/ajax/qitem_details.php?id=" + qitem + "&quick_delete', '_blank')");

	$('#qid_detail_subj').text(data.subject);
	$('#qid_detail_hfrom').text(data.header_from);
	$('#qid_detail_efrom').text(data.env_from);
	$('#qid_detail_score').html('');
	$('#qid_detail_recipients').html('');
	$('#qid_detail_symbols').html('');
	$('#qid_detail_fuzzy').html('');
	if (typeof data.symbols !== 'undefined') {
	data.symbols.sort(function (a, b) {
	if (a.score === 0) return 1
	if (b.score === 0) return -1
	if (b.score < 0 && a.score < 0) {
	return a.score - b.score
	}
	if (b.score > 0 && a.score > 0) {
	return b.score - a.score
	}
	return b.score - a.score
	})
	$.each(data.symbols, function (index, value) {
	var highlightClass = ''
	if (value.score > 0) highlightClass = 'negative'
	else if (value.score < 0) highlightClass = 'positive'
	else highlightClass = 'neutral'
	$('#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-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) {
	$('#qid_detail_fuzzy').append('<p style="font-family:monospace">' + value + '</p>');
	});
	} else {
	$('#qid_detail_fuzzy').append('-');
	}
	if (typeof data.score !== 'undefined' && typeof data.action !== 'undefined') {
	if (data.action == "add header") {
	- $('#qid_detail_score').append('<span class="label-rspamd-action badge fs-5 bg-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 badge fs-5 bg-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 badge fs-5 bg-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') {
	$.each(data.recipients, function(index, value) {
	var elem = $('<span class="mail-address-item"></span>');
	elem.text(value.address + ' (' + value.type.toUpperCase() + ')');
	$('#qid_detail_recipients').append(elem);
	});
	}
	$('#qid_detail_text').text(data.text_plain);
	$('#qid_detail_text_from_html').text(data.text_html);
	var qAtts = $("#qid_detail_atts");
	if (typeof data.attachments !== 'undefined') {
	qAtts.text('');
	$.each(data.attachments, function(index, value) {
	qAtts.append(
	'<p><a href="/inc/ajax/qitem_details.php?id=' + qitem + '&att=' + index + '" target="_blank">' + value[0] + '</a> (' + value[1] + ')' +
	' - <small><a href="' + value[3] + '" target="_blank">' + lang.check_hash + '</a></small></p>'
	);
	});
	}
	else {
	qAtts.text('-');
	}
	},
	error: function(data){
	if (typeof data.error !== 'undefined') {
	$('#qid_detail_subj').text('-');
	$('#qid_detail_hfrom').text('-');
	$('#qid_detail_efrom').text('-');
	$('#qid_detail_score').html('-');
	$('#qid_detail_recipients').html('-');
	$('#qid_detail_symbols').html('-');
	$('#qid_detail_fuzzy').html('-');
	$('#qid_detail_text').text('-');
	$('#qid_detail_text_from_html').text('-');
	qError.text("Error loading quarantine item");
	qError.show();
	}
	}
	});
	});

	$('body').on('click', 'span.footable-toggle', function () {
	event.stopPropagation();
	})

	// Initial table drawings
	draw_quarantine_table();
	});
	diff --git a/data/web/js/site/user.js b/data/web/js/site/user.js
	index 4ad3fbcb..8a6994b5 100644
	--- a/data/web/js/site/user.js
	+++ b/data/web/js/site/user.js
	@@ -1,565 +1,565 @@
	// Base64 functions
	var Base64={_keyStr:"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",encode:function(r){var t,e,o,a,h,n,c,d="",C=0;for(r=Base64._utf8_encode(r);C<r.length;)a=(t=r.charCodeAt(C++))>>2,h=(3&t)<<4\|(e=r.charCodeAt(C++))>>4,n=(15&e)<<2\|(o=r.charCodeAt(C++))>>6,c=63&o,isNaN(e)?n=c=64:isNaN(o)&&(c=64),d=d+this._keyStr.charAt(a)+this._keyStr.charAt(h)+this._keyStr.charAt(n)+this._keyStr.charAt(c);return d},decode:function(r){var t,e,o,a,h,n,c="",d=0;for(r=r.replace(/[^A-Za-z0-9\+\/\=]/g,"");d<r.length;)t=this._keyStr.indexOf(r.charAt(d++))<<2\|(a=this._keyStr.indexOf(r.charAt(d++)))>>4,e=(15&a)<<4\|(h=this._keyStr.indexOf(r.charAt(d++)))>>2,o=(3&h)<<6\|(n=this._keyStr.indexOf(r.charAt(d++))),c+=String.fromCharCode(t),64!=h&&(c+=String.fromCharCode(e)),64!=n&&(c+=String.fromCharCode(o));return c=Base64._utf8_decode(c)},_utf8_encode:function(r){r=r.replace(/\r\n/g,"\n");for(var t="",e=0;e<r.length;e++){var o=r.charCodeAt(e);o<128?t+=String.fromCharCode(o):o>127&&o<2048?(t+=String.fromCharCode(o>>6\|192),t+=String.fromCharCode(63&o\|128)):(t+=String.fromCharCode(o>>12\|224),t+=String.fromCharCode(o>>6&63\|128),t+=String.fromCharCode(63&o\|128))}return t},_utf8_decode:function(r){for(var t="",e=0,o=c1=c2=0;e<r.length;)(o=r.charCodeAt(e))<128?(t+=String.fromCharCode(o),e++):o>191&&o<224?(c2=r.charCodeAt(e+1),t+=String.fromCharCode((31&o)<<6\|63&c2),e+=2):(c2=r.charCodeAt(e+1),c3=r.charCodeAt(e+2),t+=String.fromCharCode((15&o)<<12\|(63&c2)<<6\|63&c3),e+=3);return t}};
	$(document).ready(function() {
	// Spam score slider
	var spam_slider = $('#spam_score')[0];
	if (typeof spam_slider !== 'undefined') {
	noUiSlider.create(spam_slider, {
	start: user_spam_score,
	connect: [true, true, true],
	range: {
	'min': [0], //stepsize is 50.000
	'50%': [10],
	'70%': [20, 5],
	'80%': [50, 10],
	'90%': [100, 100],
	'95%': [1000, 1000],
	'max': [5000]
	},
	});
	var connect = spam_slider.querySelectorAll('.noUi-connect');
	var classes = ['c-1-color', 'c-2-color', 'c-3-color'];
	for (var i = 0; i < connect.length; i++) {
	connect[i].classList.add(classes[i]);
	}
	spam_slider.noUiSlider.on('update', function (values, handle) {
	$('.spam-ham-score').text('< ' + Math.round(values[0] * 10) / 10);
	$('.spam-spam-score').text(Math.round(values[0] * 10) / 10 + ' - ' + Math.round(values[1] * 10) / 10);
	$('.spam-reject-score').text('> ' + Math.round(values[1] * 10) / 10);
	$('#spam_score_value').val((Math.round(values[0] * 10) / 10) + ',' + (Math.round(values[1] * 10) / 10));
	});
	}
	// syncjobLogModal
	$('#syncjobLogModal').on('show.bs.modal', function(e) {
	var syncjob_id = $(e.relatedTarget).data('syncjob-id');
	$.ajax({
	url: '/inc/ajax/syncjob_logs.php',
	data: { id: syncjob_id },
	dataType: 'text',
	success: function(data){
	$(e.currentTarget).find('#logText').text(data);
	},
	error: function(xhr, status, error) {
	$(e.currentTarget).find('#logText').text(xhr.responseText);
	}
	});
	});
	$(".arrow-toggle").on('click', function(e) { e.preventDefault(); $(this).find('.arrow').toggleClass("animation"); });
	$("#pushover_delete").click(function() { return confirm(lang.delete_ays); });

	});
	jQuery(function($){
	// http://stackoverflow.com/questions/24816/escaping-html-strings-with-jquery
	var entityMap = {
	'&': '&',
	'<': '<',
	'>': '>',
	'"': '"',
	"'": ''',
	'/': '/',
	'`': '`',
	'=': '='
	};
	function escapeHtml(string) {
	return String(string).replace(/[&<>"'`=\/]/g, function (s) {
	return entityMap[s];
	});
	}
	// http://stackoverflow.com/questions/46155/validate-email-address-in-javascript
	function validateEmail(email) {
	var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)\|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])\|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
	return re.test(email);
	}
	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"});
	}
	acl_data = JSON.parse(acl);

	$('.clear-last-logins').on('click', function () {if (confirm(lang.delete_ays)) {last_logins('reset');}})
	$(".login-history").on('click', function(e) {e.preventDefault(); last_logins('get', $(this).data('days'));$(this).addClass('active').siblings().removeClass('active');});

	function last_logins(action, days = 7) {
	if (action == 'get') {
	$('.last-login').html('<i class="bi bi-hourglass"></i>' + lang.waiting);
	$.ajax({
	dataType: 'json',
	url: '/api/v1/get/last-login/' + encodeURIComponent(mailcow_cc_username) + '/' + days,
	jsonp: false,
	error: function () {
	console.log('error reading last logins');
	},
	success: function (data) {
	$('.last-login').html();
	if (data.ui.time) {
	$('.last-login').html('<i class="bi bi-person-fill"></i> ' + lang.last_ui_login + ': ' + unix_time_format(data.ui.time));
	} else {
	$('.last-login').text(lang.no_last_login);
	}
	if (data.sasl) {
	$('.last-login').append('<ul class="list-group">');
	$.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="badge fs-5 bg-secondary">' + 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>' : '';
	var ip_data = real_rip + ip_location + app_password;
	$(".last-login").append('<li class="list-group-item">' + local_datetime + " " + service + " " + lang.from + " " + ip_data + "</li>");
	})
	$('.last-login').append('</ul>');
	}
	}
	})
	} else if (action == 'reset') {
	$.ajax({
	dataType: 'json',
	url: '/api/v1/get/reset-last-login/' + encodeURIComponent(mailcow_cc_username),
	jsonp: false,
	error: function () {
	console.log('cannot reset last logins');
	},
	success: function (data) {
	last_logins('get');
	}
	})
	}
	}

	function draw_tla_table() {
	$('#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">' +
	'<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) + '" />';
	item.address = escapeHtml(item.address);
	}
	else {
	item.chkbox = '<input type="checkbox" disabled />';
	item.action = '<span>-</span>';
	}
	});

	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: lang.alias,
	data: 'address'
	},
	{
	title: lang.alias_valid_until,
	data: 'validity',
	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'
	}
	]
	});
	}
	function draw_sync_job_table() {
	$('#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',
	dataSrc: function(data){
	console.log(data);
	$.each(data, function (i, item) {
	item.user1 = escapeHtml(item.user1);
	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 {
	item.exclude = '<code>' + escapeHtml(item.exclude) + '</code>';
	}
	item.server_w_port = escapeHtml(item.user1 + '@' + item.host1 + ':' + item.port1);
	if (acl_data.syncjobs === 1) {
	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 + '" />';
	}
	else {
	item.action = '<span>-</span>';
	item.chkbox = '<input type="checkbox" disabled />';
	}
	if (item.is_running == 1) {
	- item.is_running = '<span id="active-script" class="badge fs-5 bg-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="badge fs-5 bg-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;
	}
	if (item.success == null) {
	item.success = '-';
	item.exit_status = '';
	} else {
	item.success = '<i class="text-' + (item.success == 1 ? 'success' : 'danger') + ' bi bi-' + (item.success == 1 ? 'check-lg' : 'x-lg') + '"></i>';
	}
	if (lang['syncjob_'+item.exit_status]) {
	item.exit_status = lang['syncjob_'+item.exit_status];
	} else if (item.success != '-') {
	item.exit_status = lang.syncjob_check_log;
	}
	item.exit_status = item.success + ' ' + item.exit_status;
	});

	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'
	},
	{
	title: 'Server',
	data: 'server_w_port'
	},
	{
	title: lang.encryption,
	data: 'enc1'
	},
	{
	title: lang.username,
	data: 'user1'
	},
	{
	title: lang.excludes,
	data: 'exclude'
	},
	{
	title: lang.interval + " (min)",
	data: 'mins_interval'
	},
	{
	title: lang.last_run,
	data: 'last_run'
	},
	{
	title: lang.syncjob_last_run_result,
	data: 'exit_status'
	},
	{
	title: 'Log',
	data: 'log'
	},
	{
	title: lang.active,
	data: 'active',
	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'
	},
	{
	title: lang.action,
	data: 'action',
	className: 'text-md-end dt-sm-head-hidden dt-body-right'
	}
	]
	});
	}
	function draw_app_passwd_table() {
	$('#app_passwd_table').DataTable({
	processing: true,
	serverSide: false,
	language: lang_datatables,
	ajax: {
	type: "GET",
	url: '/api/v1/get/app-passwd/all',
	dataSrc: function(data){
	console.log(data);
	$.each(data, function (i, item) {
	item.name = escapeHtml(item.name)
	item.protocols = []
	if (item.imap_access == 1) { item.protocols.push("<code>IMAP</code>"); }
	if (item.smtp_access == 1) { item.protocols.push("<code>SMTP</code>"); }
	if (item.eas_access == 1) { item.protocols.push("<code>EAS/ActiveSync</code>"); }
	if (item.dav_access == 1) { item.protocols.push("<code>DAV</code>"); }
	if (item.pop3_access == 1) { item.protocols.push("<code>POP3</code>"); }
	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">' +
	'<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 + '" />';
	}
	else {
	item.action = '<span>-</span>';
	item.chkbox = '<input type="checkbox" disabled />';
	}
	});

	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'
	},
	{
	title: lang.app_name,
	data: 'name'
	},
	{
	title: lang.allowed_protocols,
	data: 'protocols'
	},
	{
	title: lang.active,
	data: 'active',
	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'
	}
	]
	});
	}
	function draw_wl_policy_mailbox_table() {
	$('#wl_policy_mailbox_table').DataTable({
	processing: true,
	serverSide: false,
	language: lang_datatables,
	ajax: {
	type: "GET",
	url: '/api/v1/get/policy_wl_mailbox',
	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 + '" />';
	}
	else {
	item.chkbox = '<input type="checkbox" disabled title="' + lang.spamfilter_table_domain_policy + '" />';
	}
	if (acl_data.spam_policy === 0) {
	item.chkbox = '<input type="checkbox" disabled />';
	}
	});

	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: 'prefid'
	},
	{
	title: lang.spamfilter_table_rule,
	data: 'name'
	},
	{
	title:'Scope',
	data: 'object'
	}
	]
	});
	}
	function draw_bl_policy_mailbox_table() {
	$('#bl_policy_mailbox_table').DataTable({
	processing: true,
	serverSide: false,
	language: lang_datatables,
	ajax: {
	type: "GET",
	url: '/api/v1/get/policy_bl_mailbox',
	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 + '" />';
	}
	else {
	item.chkbox = '<input type="checkbox" disabled tooltip="' + lang.spamfilter_table_domain_policy + '" />';
	}
	if (acl_data.spam_policy === 0) {
	item.chkbox = '<input type="checkbox" disabled />';
	}
	});

	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: 'prefid'
	},
	{
	title: lang.spamfilter_table_rule,
	data: 'name'
	},
	{
	title:'Scope',
	data: 'object'
	}
	]
	});
	}

	// FIDO2 friendly name modal
	$('#fido2ChangeFn').on('show.bs.modal', function (e) {
	rename_link = $(e.relatedTarget)
	if (rename_link != null) {
	$('#fido2_cid').val(rename_link.data('cid'));
	$('#fido2_subject_desc').text(Base64.decode(rename_link.data('subject')));
	}
	})

	// Sieve data modal
	$('#userFilterModal').on('show.bs.modal', function(e) {
	$('#user_sieve_filter').text(lang.loading);
	$.ajax({
	dataType: 'json',
	url: '/api/v1/get/active-user-sieve/' + encodeURIComponent(mailcow_cc_username),
	jsonp: false,
	error: function () {
	console.log('Cannot get active sieve script');
	},
	complete: function (data) {
	if (data.responseText == '{}') {
	$('#user_sieve_filter').text(lang.no_active_filter);
	} else {
	$('#user_sieve_filter').text(JSON.parse(data.responseText));
	}
	}
	})
	});
	$('#userFilterModal').on('hidden.bs.modal', function () {
	$('#user_sieve_filter').text(lang.loading);
	});

	// detect element visibility changes
	function onVisible(element, callback) {
	$(element).ready(function() {
	element_object = document.querySelector(element)
	new IntersectionObserver((entries, observer) => {
	entries.forEach(entry => {
	if(entry.intersectionRatio > 0) {
	callback(element_object);
	observer.disconnect();
	}
	});
	}).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');
	});
	diff --git a/data/web/templates/edit/domain.twig b/data/web/templates/edit/domain.twig
	index 735b41a1..81d04d6e 100644
	--- a/data/web/templates/edit/domain.twig
	+++ b/data/web/templates/edit/domain.twig
	@@ -1,232 +1,230 @@
	{% extends 'edit.twig' %}

	{% block inner_content %}
	{% if result %}
	<ul class="nav nav-tabs" role="tablist">
	<li role="presentation" class="nav-item"><button class="nav-link active" data-bs-toggle="tab" data-bs-target="#dedit">{{ lang.edit.domain }}</button></li>
	<li role="presentation" class="nav-item"><button class="nav-link" data-bs-toggle="tab" data-bs-target="#dratelimit">{{ lang.edit.ratelimit }}</button></li>
	<li role="presentation" class="nav-item"><button class="nav-link" data-bs-toggle="tab" data-bs-target="#dspamfilter">{{ lang.edit.spam_filter }}</button></li>
	<li role="presentation" class="nav-item"><button class="nav-link" data-bs-toggle="tab" data-bs-target="#dqwbcc">{{ lang.edit.quota_warning_bcc }}</button></li>
	</ul>
	<hr>
	<div class="tab-content">
	<div id="dedit" class="tab-pane fade show active" role="tabpanel" aria-labelledby="domain-edit">
	<form data-id="editdomain" class="form-horizontal" role="form" method="post">
	<input type="hidden" value="0" name="active">
	<input type="hidden" value="0" name="backupmx">
	<input type="hidden" value="0" name="gal">
	<input type="hidden" value="0" name="relay_all_recipients">
	<input type="hidden" value="0" name="relay_unknown_only">
	<div class="row" data-acl="{{ acl.domain_desc }}">
	<label class="control-label col-sm-2" for="description">{{ lang.edit.description }}</label>
	<div class="col-sm-10">
	<input type="text" class="form-control" name="description" value="{{ result.description }}">
	</div>
	</div>
	- <div class="form-group">
	+ <div class="row">
	<label class="control-label col-sm-2">{{ lang.add.tags }}</label>
	<div class="col-sm-10">
	<div class="form-control tag-box">
	{% for tag in domain_details.tags %}
	- <span data-action='delete_selected' data-item="{{ tag\|url_encode }}" data-id="domain_tag_{{ tag }}" data-api-url='delete/domain/tag/{{ domain }}' class="badge badge-primary tag-badge btn-badge">
	+ <span data-action='delete_selected' data-item="{{ tag\|url_encode }}" data-id="domain_tag_{{ tag }}" data-api-url='delete/domain/tag/{{ domain }}' class="badge bg-primary tag-badge btn-badge">
	<i class="bi bi-tag-fill"></i>
	{{ tag }}
	</span>
	{% endfor %}
	<input type="text" class="tag-input">
	<span class="btn tag-add"><i class="bi bi-plus-lg"></i></span>
	<input type="hidden" value="" name="tags" class="tag-values" />
	</div>
	</div>
	</div>
	- <div class="form-group">
	+ <div class="row">
	<label class="control-label col-sm-2" for="relayhost">{{ lang.edit.relayhost }}</label>
	<div class="col-sm-10">
	<select data-acl="{{ acl.domain_relayhost }}" data-live-search="true" id="relayhost" name="relayhost" class="form-control">
	{% for rlyhost in rlyhosts %}
	<option
	style="{% if rlyhost.active != '1' %}background: #ff4136; color: #fff{% endif %}"
	{% if result.relayhost == rlyhost.id %} selected{% endif %}
	value="{{ rlyhost.id }}">
	ID {{ rlyhost.id }}: {{ rlyhost.hostname }} ({{ rlyhost.username }})
	</option>
	{% endfor %}
	<option value=""{% if not result.relayhost %} selected{% endif %}>
	{{ lang.edit.none_inherit }}
	</option>
	</select>
	</div>
	</div>
	{% if mailcow_cc_role == 'admin' %}
	<div class="row">
	<label class="control-label col-sm-2" for="aliases">{{ lang.edit.max_aliases }}</label>
	<div class="col-sm-10">
	<input type="number" class="form-control" name="aliases" value="{{ result.max_num_aliases_for_domain }}">
	</div>
	</div>
	<div class="row">
	<label class="control-label col-sm-2" for="mailboxes">{{ lang.edit.max_mailboxes }}</label>
	<div class="col-sm-10">
	<input type="number" class="form-control" name="mailboxes" value="{{ result.max_num_mboxes_for_domain }}">
	</div>
	</div>
	<div class="row">
	<label class="control-label col-sm-2" for="defquota">{{ lang.edit.mailbox_quota_def }}</label>
	<div class="col-sm-10">
	<input type="number" class="form-control" name="defquota" value="{{ (result.def_quota_for_mbox / 1048576) }}">
	</div>
	</div>
	<div class="row">
	<label class="control-label col-sm-2" for="maxquota">{{ lang.edit.max_quota }}</label>
	<div class="col-sm-10">
	<input type="number" class="form-control" name="maxquota" value="{{ (result.max_quota_for_mbox / 1048576) }}">
	</div>
	</div>
	<div class="row">
	<label class="control-label col-sm-2" for="quota">{{ lang.edit.domain_quota }}</label>
	<div class="col-sm-10">
	<input type="number" class="form-control" name="quota" value="{{ (result.max_quota_for_domain / 1048576) }}">
	</div>
	</div>
	<div class="row">
	<label class="control-label col-sm-2">{{ lang.edit.backup_mx_options }}</label>
	<div class="col-sm-10">
	<div class="checkbox">
	<label><input type="checkbox" value="1" name="backupmx"{% if result.backupmx == '1' %} checked{% endif %}> {{ lang.edit.relay_domain }}</label>
	<br>
	<label><input type="checkbox" value="1" name="relay_all_recipients"{% if result.relay_all_recipients == '1' %} checked{% endif %}> {{ lang.edit.relay_all }}</label>
	<p>{{ lang.edit.relay_all_info\|raw }}</p>
	<label><input type="checkbox" value="1" name="relay_unknown_only"{% if result.relay_unknown_only == '1' %} checked{% endif %}> {{ lang.edit.relay_unknown_only }}</label>
	<br>
	<p>{{ lang.edit.relay_transport_info\|raw }}</p>
	<hr style="margin:25px 0px 0px 0px">
	</div>
	</div>
	</div>
	{% endif %}
	<div class="row">
	<div class="offset-sm-2 col-sm-10">
	<div class="checkbox">
	<label><input type="checkbox" value="1" name="gal"{% if result.gal == '1' %} checked{% endif %}> {{ lang.edit.gal }}</label>
	<small class="text-muted">{{ lang.edit.gal_info\|raw }}</small>
	</div>
	</div>
	</div>
	<hr>
	<div class="row">
	<div class="offset-sm-2 col-sm-10">
	<div class="checkbox">
	<label><input type="checkbox" value="1" name="active"{% if result.active == '1' %} checked{% endif %}{% if mailcow_cc_role != 'admin' %} disabled{% endif %}> {{ lang.edit.active }}</label>
	</div>
	</div>
	</div>
	<div class="row">
	<div class="offset-sm-2 col-sm-10">
	<button class="btn btn-xs-lg d-block d-sm-inline btn-success" data-action="edit_selected" data-id="editdomain" data-item="{{ domain }}" data-api-url='edit/domain' data-api-attr='{}' href="#">{{ lang.admin.save }}</button>
	</div>
	</div>
	</form>
	{% if dkim %}
	<hr>
	<div class="row">
	<div class="col-12 col-sm-2">
	<p>Domain: <strong>{{ result.domain_name }}</strong> ({{ dkim.dkim_selector }}._domainkey)</p>
	</div>
	<div class="col-12 col-sm-10">
	<pre>{{ dkim.dkim_txt }}</pre>
	</div>
	</div>
	{% endif %}
	</div>
	<div id="dratelimit" class="tab-pane fade" role="tabpanel" aria-labelledby="domain-ratelimit">
	<form data-id="domratelimit" class="form-inline well" method="post">
	<div class="row">
	- <label class="control-label">{{ lang.edit.ratelimit }}</label>
	- <input name="rl_value" type="number" value="{{ rl.value }}" autocomplete="off" class="form-control" placeholder="{{ lang.ratelimit.disabled }}">
	- </div>
	- <div class="row">
	- <select name="rl_frame" class="form-control">
	- {% include 'mailbox/rl-frame.twig' %}
	- </select>
	- </div>
	- <div class="row">
	- <button data-acl="{{ acl.ratelimit }}" class="btn btn-xs-lg d-block d-sm-inline btn-secondary" data-action="edit_selected" data-id="domratelimit" data-item="{{ domain }}" data-api-url='edit/rl-domain' data-api-attr='{}' href="#">{{ lang.admin.save }}</button>
	+ <div class="col-12">
	+ <label class="control-label">{{ lang.edit.ratelimit }}</label>
	+ <input name="rl_value" type="number" value="{{ rl.value }}" autocomplete="off" class="form-control" placeholder="{{ lang.ratelimit.disabled }}">
	+ <select name="rl_frame" class="form-control">
	+ {% include 'mailbox/rl-frame.twig' %}
	+ </select>
	+ <button data-acl="{{ acl.ratelimit }}" class="btn btn-xs-lg d-block d-sm-inline btn-secondary" data-action="edit_selected" data-id="domratelimit" data-item="{{ domain }}" data-api-url='edit/rl-domain' data-api-attr='{}' href="#">{{ lang.admin.save }}</button>
	+ </div>
	</div>
	</form>
	</div>
	<div id="dspamfilter" class="tab-pane fade" role="tabpanel" aria-labelledby="domain-spamfilter">
	<div class="row">
	<div class="col-sm-6">
	<h4>{{ lang.user.spamfilter_wl }}</h4>
	<p>{{ lang.user.spamfilter_wl_desc\|raw }}</p>
	<form class="form-inline mb-4" data-id="add_wl_policy_domain">
	<div class="input-group" data-acl="{{ acl.spam_policy }}">
	<input type="text" class="form-control" name="object_from" placeholder="*@example.org" required>
	<span class="input-group-btn">
	<button class="btn btn-secondary" data-action="add_item" data-id="add_wl_policy_domain" data-api-url='add/domain-policy' data-api-attr='{"domain":"{{ domain }}","object_list":"wl"}' href="#">{{ lang.user.spamfilter_table_add }}</button>
	</span>
	</div>
	</form>
	<table id="wl_policy_domain_table" class="table table-striped dt-responsive w-100"></table>
	<div class="mass-actions-user">
	<div class="btn-group" data-acl="{{ acl.spam_policy }}">
	<a class="btn btn-xs-half d-block d-sm-inline btn-sm btn-secondary" id="toggle_multi_select_all" data-id="policy_wl_domain" href="#"><i class="bi bi-check-all"></i> {{ lang.mailbox.toggle_all }}</a>
	<a class="btn btn-xs-half d-block d-sm-inline btn-sm btn-danger" data-action="delete_selected" data-id="policy_wl_domain" data-api-url='delete/domain-policy' href="#">{{ lang.mailbox.remove }}</a>
	</div>
	</div>
	</div>
	<div class="col-sm-6">
	<h4>{{ lang.user.spamfilter_bl }}</h4>
	<p>{{ lang.user.spamfilter_bl_desc\|raw }}</p>
	<form class="form-inline mb-4" data-id="add_bl_policy_domain">
	<div class="input-group" data-acl="{{ acl.spam_policy }}">
	<input type="text" class="form-control" name="object_from" placeholder="*@example.org" required>
	<span class="input-group-btn">
	<button class="btn btn-secondary" data-action="add_item" data-id="add_bl_policy_domain" data-api-url='add/domain-policy' data-api-attr='{"domain":"{{ domain }}","object_list":"bl"}' href="#">{{ lang.user.spamfilter_table_add }}</button>
	</span>
	</div>
	</form>
	<table id="bl_policy_domain_table" class="table table-striped dt-responsive w-100"></table>
	<div class="mass-actions-user">
	<div class="btn-group" data-acl="{{ acl.spam_policy }}">
	<a class="btn btn-xs-half d-block d-sm-inline btn-sm btn-secondary" id="toggle_multi_select_all" data-id="policy_bl_domain" href="#"><i class="bi bi-check-all"></i> {{ lang.mailbox.toggle_all }}</a>
	<a class="btn btn-xs-half d-block d-sm-inline btn-sm btn-danger" data-action="delete_selected" data-id="policy_bl_domain" data-api-url='delete/domain-policy' href="#">{{ lang.mailbox.remove }}</a></li>
	</div>
	</div>
	</div>
	</div>
	</div>
	<div id="dqwbcc" class="tab-pane fade" role="tabpanel" aria-labelledby="domain-qwbcc">
	<div class="row">
	<div class="col-sm-12">
	<h4>{{ lang.edit.quota_warning_bcc }}</h4>
	<p>{{ lang.edit.quota_warning_bcc_info\|raw }}</p>
	<form class="form-horizontal" data-id="quota_bcc">
	<input type="hidden" value="0" name="active">
	<div class="row">
	<label class="control-label col-sm-2" for="script_data">{{ lang.edit.target_address\|raw }}:</label>
	<div class="col-sm-10">
	<textarea spellcheck="false" autocorrect="off" autocapitalize="none" class="form-control" rows="10" id="bcc_rcpt" name="bcc_rcpt">{{ quota_notification_bcc.bcc_rcpts\|join("\n") }}</textarea>
	</div>
	</div>
	<div class="row">
	<div class="offset-sm-2 col-sm-10">
	<div class="checkbox">
	<label><input type="checkbox" value="1" name="active"{% if quota_notification_bcc.active == '1' %} checked{% endif %}> {{ lang.edit.active }}</label>
	</div>
	</div>
	</div>
	<div class="row">
	<div class="offset-sm-2 col-sm-10">
	<button class="btn btn-xs-lg d-block d-sm-inline btn-success" data-action="edit_selected" data-id="quota_bcc" data-item="quota_bcc" data-api-url='edit/quota_notification_bcc' data-api-attr='{"domain":"{{ domain }}"}' href="#">{{ lang.edit.save }}</button>
	</div>
	</div>
	</form>
	</div>
	</div>
	</div>
	</div>
	{% else %}
	{{ parent() }}
	{% endif %}
	{% endblock %}
	diff --git a/data/web/templates/edit/mailbox.twig b/data/web/templates/edit/mailbox.twig
	index 80f0449f..f8ec91f8 100644
	--- a/data/web/templates/edit/mailbox.twig
	+++ b/data/web/templates/edit/mailbox.twig
	@@ -1,388 +1,388 @@
	{% extends 'edit.twig' %}

	{% block inner_content %}
	{% if result %}
	<ul class="nav nav-tabs" role="tablist">
	<li role="presentation" class="nav-item"><button class="nav-link active" data-bs-toggle="tab" data-bs-target="#medit">{{ lang.edit.mailbox }}</button></li>
	<li role="presentation" class="nav-item"><button class="nav-link" data-bs-toggle="tab" data-bs-target="#mpushover">{{ lang.edit.pushover }}</button></li>
	<li role="presentation" class="nav-item"><button class="nav-link" data-bs-toggle="tab" data-bs-target="#macl">{{ lang.edit.acl }}</button></li>
	<li role="presentation" class="nav-item"><button class="nav-link" data-bs-toggle="tab" data-bs-target="#mrl">{{ lang.edit.ratelimit }}</button></li>
	</ul>
	<hr>
	<div class="tab-content">
	<div id="medit" class="tab-pane fade show active" role="tabpanel" aria-labelledby="mailbox-edit">
	<form class="form-horizontal" data-id="editmailbox" role="form" method="post">
	<input type="hidden" value="default" name="sender_acl">
	<input type="hidden" value="0" name="force_pw_update">
	<input type="hidden" value="0" name="sogo_access">
	<input type="hidden" value="0" name="protocol_access">
	<div class="row">
	<label class="control-label col-sm-2" for="name">{{ lang.edit.full_name }}</label>
	<div class="col-sm-10">
	<input type="text" class="form-control" name="name" value="{{ result.name }}">
	</div>
	</div>
	- <div class="form-group">
	+ <div class="row">
	<label class="control-label col-sm-2">{{ lang.add.tags }}</label>
	<div class="col-sm-10">
	<div class="form-control tag-box">
	{% for tag in mailbox_details.tags %}
	- <span data-action='delete_selected' data-item="{{ tag }}" data-id="mailbox_tag_{{ tag }}" data-api-url='delete/mailbox/tag/{{ mailbox }}' class="badge badge-primary tag-badge btn-badge">
	+ <span data-action='delete_selected' data-item="{{ tag }}" data-id="mailbox_tag_{{ tag }}" data-api-url='delete/mailbox/tag/{{ mailbox }}' class="badge bg-primary tag-badge btn-badge">
	<i class="bi bi-tag-fill"></i>
	{{ tag }}
	</span>
	{% endfor %}
	<input type="text" class="tag-input">
	<span class="btn tag-add"><i class="bi bi-plus-lg"></i></span>
	<input type="hidden" value="" name="tags" class="tag-values" />
	</div>
	</div>
	</div>
	- <div class="form-group">
	+ <div class="row">
	<label class="control-label col-sm-2" for="quota">{{ lang.edit.quota_mb }}
	<br><span id="quotaBadge" class="badge">max. {{ (result.max_new_quota / 1048576) }} MiB</span>
	</label>
	<div class="col-sm-10">
	<input type="number" name="quota" style="width:100%" min="0" max="{{ (result.max_new_quota / 1048576) }}" value="{{ (result.quota / 1048576) }}" class="form-control">
	<small class="text-muted">0 = ∞</small>
	</div>
	</div>
	<div class="row">
	<label class="control-label col-sm-2" for="sender_acl">{{ lang.edit.sender_acl }}</label>
	<div class="col-sm-10">
	<select data-live-search="true" data-width="100%" style="width:100%" id="editSelectSenderACL" name="sender_acl" size="10" multiple>
	{% for domain in sender_acl_handles.sender_acl_domains.ro %}
	<option data-subtext="Admin" value="{{ domain }}" disabled selected>
	{{ lang.edit.dont_check_sender_acl\|format(domain) }}
	</option>
	{% endfor %}
	{% for alias in sender_acl_handles.sender_acl_addresses.ro %}
	<option data-subtext="Admin" disabled selected>
	{{ alias }}
	</option>
	{% endfor %}
	{% for alias in sender_acl_handles.fixed_sender_aliases %}
	<option data-subtext="Alias" disabled selected>{{ alias }}</option>
	{% endfor %}
	{% for domain in sender_acl_handles.sender_acl_domains.rw %}
	<option value="{{ domain }}" selected>
	{{ lang.edit.dont_check_sender_acl\|format(domain) }}
	</option>
	{% endfor %}
	{% for domain in sender_acl_handles.sender_acl_domains.selectable %}
	<option value="{{ domain }}">
	{{ lang.edit.dont_check_sender_acl\|format(domain) }}
	</option>
	{% endfor %}
	{% for address in sender_acl_handles.sender_acl_addresses.rw %}
	<option selected>{{ address }}</option>
	{% endfor %}
	{% for address in sender_acl_handles.sender_acl_addresses.selectable %}
	<option>{{ address }}</option>
	{% endfor %}
	</select>
	<div id="sender_acl_disabled"><i class="bi bi-shield-exclamation"></i> {{ lang.edit.sender_acl_disabled\|raw }}</div>
	<small class="text-muted">{{ lang.edit.sender_acl_info\|raw }}</small>
	</div>
	</div>
	<div class="row">
	<label class="control-label col-sm-2" for="relayhost">{{ lang.edit.relayhost }}</label>
	<div class="col-sm-10">
	<select data-acl="{{ acl.mailbox_relayhost }}" data-live-search="true" id="relayhost" name="relayhost" class="form-control mb-4">
	{% for rlyhost in rlyhosts %}
	<option
	style="{% if rlyhost.active != '1' %}background: #ff4136; color: #fff{% endif %}"
	{% if result.attributes.relayhost == rlyhost.id %} selected{% endif %}
	value="{{ rlyhost.id }}">
	ID {{ rlyhost.id }}: {{ rlyhost.hostname }} ({{ rlyhost.username }})
	</option>
	{% endfor %}
	<option value=""{% if not result.attributes.relayhost %} selected{% endif %}>
	{{ lang.edit.none_inherit }}
	</option>
	</select>
	<p class="d-block d-sm-none" style="margin: 0;padding: 0"> </p>
	<small class="text-muted">{{ lang.edit.mailbox_relayhost_info }}</small>
	</div>
	</div>
	<div class="row">
	<label class="control-label col-sm-2">{{ lang.user.quarantine_notification }}</label>
	<div class="col-sm-10">
	<div class="btn-group" data-acl="{{ acl.quarantine_notification }}">
	<button type="button" class="btn btn-sm btn-xs-quart d-block d-sm-inline btn-secondary{% if quarantine_notification == 'never' %} active{% endif %}"
	data-action="edit_selected"
	data-item="{{ mailbox }}"
	data-id="quarantine_notification"
	data-api-url='edit/quarantine_notification'
	data-api-attr='{"quarantine_notification":"never"}'>{{ lang.user.never }}</button>
	<button type="button" class="btn btn-sm btn-xs-quart d-block d-sm-inline btn-secondary{% if quarantine_notification == 'hourly' %} active{% endif %}"
	data-action="edit_selected"
	data-item="{{ mailbox }}"
	data-id="quarantine_notification"
	data-api-url='edit/quarantine_notification'
	data-api-attr='{"quarantine_notification":"hourly"}'>{{ lang.user.hourly }}</button>
	<button type="button" class="btn btn-sm btn-xs-quart d-block d-sm-inline btn-secondary{% if quarantine_notification == 'daily' %} active{% endif %}"
	data-action="edit_selected"
	data-item="{{ mailbox }}"
	data-id="quarantine_notification"
	data-api-url='edit/quarantine_notification'
	data-api-attr='{"quarantine_notification":"daily"}'>{{ lang.user.daily }}</button>
	<button type="button" class="btn btn-sm btn-xs-quart d-block d-sm-inline btn-secondary{% if quarantine_notification == 'weekly' %} active{% endif %}"
	data-action="edit_selected"
	data-item="{{ mailbox }}"
	data-id="quarantine_notification"
	data-api-url='edit/quarantine_notification'
	data-api-attr='{"quarantine_notification":"weekly"}'>{{ lang.user.weekly }}</button>
	</div>
	<p class="text-muted"><small>{{ lang.user.quarantine_notification_info }}</small></p>
	</div>
	</div>
	<div class="row">
	<label class="control-label col-sm-2">{{ lang.user.quarantine_category }}</label>
	<div class="col-sm-10">
	<div class="btn-group" data-acl="{{ acl.quarantine_category }}">
	<button type="button" class="btn btn-sm btn-xs-third d-block d-sm-inline btn-secondary{% if quarantine_category == 'reject' %} active{% endif %}"
	data-action="edit_selected"
	data-item="{{ mailbox }}"
	data-id="quarantine_category"
	data-api-url='edit/quarantine_category'
	data-api-attr='{"quarantine_category":"reject"}'>{{ lang.user.q_reject }}</button>
	<button type="button" class="btn btn-sm btn-xs-third d-block d-sm-inline btn-secondary{% if quarantine_category == 'add_header' %} active{% endif %}"
	data-action="edit_selected"
	data-item="{{ mailbox }}"
	data-id="quarantine_category"
	data-api-url='edit/quarantine_category'
	data-api-attr='{"quarantine_category":"add_header"}'>{{ lang.user.q_add_header }}</button>
	<button type="button" class="btn btn-sm btn-xs-third d-block d-sm-inline btn-secondary{% if quarantine_category == 'all' %} active{% endif %}"
	data-action="edit_selected"
	data-item="{{ mailbox }}"
	data-id="quarantine_category"
	data-api-url='edit/quarantine_category'
	data-api-attr='{"quarantine_category":"all"}'>{{ lang.user.q_all }}</button>
	</div>
	<p class="text-muted"><small>{{ lang.user.quarantine_category_info }}</small></p>
	</div>
	</div>
	<div class="row">
	<label class="control-label col-sm-2" for="sender_acl">{{ lang.user.tls_policy }}</label>
	<div class="col-sm-10">
	<div class="btn-group" data-acl="{{ acl.tls_policy }}">
	- <button type="button" class="btn btn-sm btn-xs-half d-block d-sm-inline btn-secondary{% if get_tls_policy.tls_enforce_in == '1' %} active"{% endif %}">
	- data-action="edit_selected"
	- data-item="{{ mailbox }}"
	- data-id="tls_policy"
	- data-api-url='edit/tls_policy'
	- data-api-attr='{"tls_enforce_in": {% if get_tls_policy.tls_enforce_in == '1' %}0{% else %}1{% endif %} }'>{{ lang.user.tls_enforce_in }}</button>
	- <button type="button" class="btn btn-sm btn-xs-half d-block d-sm-inline btn-secondary{% if get_tls_policy.tls_enforce_out == '1' %} active"{% endif %}">
	- data-action="edit_selected"
	- data-item="{{ mailbox }}"
	- data-id="tls_policy"
	- data-api-url='edit/tls_policy'
	- data-api-attr='{"tls_enforce_out": {% if get_tls_policy.tls_enforce_out == '1' %}0{% else %}1{% endif %} }'>{{ lang.user.tls_enforce_out }}</button>
	+ <button type="button" class="btn btn-sm btn-xs-half d-block d-sm-inline btn-secondary{% if get_tls_policy.tls_enforce_in == '1' %} active"{% endif %}"
	+ data-action="edit_selected"
	+ data-item="{{ mailbox }}"
	+ data-id="tls_policy"
	+ data-api-url='edit/tls_policy'
	+ data-api-attr='{"tls_enforce_in": {% if get_tls_policy.tls_enforce_in == '1' %}0{% else %}1{% endif %} }'>{{ lang.user.tls_enforce_in }}</button>
	+ <button type="button" class="btn btn-sm btn-xs-half d-block d-sm-inline btn-secondary{% if get_tls_policy.tls_enforce_out == '1' %} active"{% endif %}"
	+ data-action="edit_selected"
	+ data-item="{{ mailbox }}"
	+ data-id="tls_policy"
	+ data-api-url='edit/tls_policy'
	+ data-api-attr='{"tls_enforce_out": {% if get_tls_policy.tls_enforce_out == '1' %}0{% else %}1{% endif %} }'>{{ lang.user.tls_enforce_out }}</button>
	</div>
	</div>
	</div>
	<div class="row">
	<label class="control-label col-sm-2" for="password">{{ lang.edit.password }} (<a href="#" class="generate_password">{{ lang.edit.generate }}</a>)</label>
	<div class="col-sm-10">
	<input type="password" data-pwgen-field="true" data-hibp="true" class="form-control" name="password" placeholder="{{ lang.edit.unchanged_if_empty }}" autocomplete="new-password">
	</div>
	</div>
	<div class="row">
	<label class="control-label col-sm-2" for="password2">{{ lang.edit.password_repeat }}</label>
	<div class="col-sm-10">
	<input type="password" data-pwgen-field="true" class="form-control" name="password2" autocomplete="new-password">
	</div>
	</div>
	<div data-acl="{{ acl.extend_sender_acl }}" class="row">
	<label class="control-label col-sm-2" for="extended_sender_acl">{{ lang.edit.extended_sender_acl }}</label>
	<div class="col-sm-10">
	{% if sender_acl_handles.external_sender_aliases %}
	{% set ext_sender_acl = sender_acl_handles.external_sender_aliases\|join(', ') %}
	{% endif %}
	<input type="text" class="form-control" name="extended_sender_acl" value="{{ ext_sender_acl }}" placeholder="user1@example.com, user2@example.org, @example.com, ...">
	<small class="text-muted">{{ lang.edit.extended_sender_acl_info\|raw }}</small>
	</div>
	</div>
	<div class="row">
	<label class="control-label col-sm-2" for="protocol_access">{{ lang.edit.allowed_protocols }}</label>
	<div class="col-sm-10">
	<select data-acl="{{ acl.protocol_access }}" name="protocol_access" multiple class="form-control">
	<option value="imap"{% if result.attributes.imap_access == '1' %} selected{% endif %}>IMAP</option>
	<option value="pop3"{% if result.attributes.pop3_access == '1' %} selected{% endif %}>POP3</option>
	<option value="smtp"{% if result.attributes.smtp_access == '1' %} selected{% endif %}>SMTP</option>
	<option value="sieve"{% if result.attributes.sieve_access == '1' %} selected{% endif %}>Sieve</option>
	</select>
	</div>
	</div>
	<div hidden data-acl="{{ acl.smtp_ip_access }}" class="row">
	<label class="control-label col-sm-2" for="allow_from_smtp">{{ lang.edit.allow_from_smtp }}</label>
	<div class="col-sm-10">
	<input type="text" class="form-control" name="allow_from_smtp" value="{{ allow_from_smtp }}" placeholder="1.1.1.1, 10.2.0.0/24, ...">
	<small class="text-muted">{{ lang.edit.allow_from_smtp_info }}</small>
	</div>
	</div>
	<hr>
	<div class="row">
	<div class="offset-sm-2 col-sm-10">
	<select name="active" class="form-control">
	<option value="1"{% if result.active == '1' %} selected{% endif %}>{{ lang.edit.active }}</option>
	<option value="2"{% if result.active == '2' %} selected{% endif %}>{{ lang.edit.disable_login }}</option>
	<option value="0"{% if result.active == '0' %} selected{% endif %}>{{ lang.edit.inactive }}</option>
	</select>
	</div>
	</div>
	<div class="row">
	<div class="offset-sm-2 col-sm-10">
	<div class="checkbox">
	<label><input type="checkbox" value="1" name="force_pw_update"{% if result.attributes.force_pw_update == '1' %} checked{% endif %}> {{ lang.edit.force_pw_update }}</label>
	<small class="text-muted">{{ lang.edit.force_pw_update_info\|format(ui_texts.main_name) }}</small>
	</div>
	</div>
	</div>
	{% if not skip_sogo %}
	<div data-acl="{{ acl.sogo_access }}" class="row">
	<div class="offset-sm-2 col-sm-10">
	<div class="checkbox">
	<label><input type="checkbox" value="1" name="sogo_access"{% if result.attributes.sogo_access == '1' %} checked{% endif %}> {{ lang.edit.sogo_access }}</label>
	<small class="text-muted">{{ lang.edit.sogo_access_info }}</small>
	</div>
	</div>
	</div>
	{% endif %}
	<div class="row">
	<div class="offset-sm-2 col-sm-10">
	<button class="btn btn-xs-lg d-block d-sm-inline btn-success" data-action="edit_selected" data-id="editmailbox" data-item="{{ result.username }}" data-api-url='edit/mailbox' data-api-attr='{}' href="#">{{ lang.edit.save }}</button>
	</div>
	</div>
	</form>
	</div>
	<div id="mpushover" class="tab-pane fade" role="tabpanel" aria-labelledby="mailbox-pushover">
	<form data-id="pushover" class="form well" method="post">
	<input type="hidden" value="0" name="evaluate_x_prio">
	<input type="hidden" value="0" name="only_x_prio">
	<input type="hidden" value="0" name="active">
	<div class="row">
	<div class="col-sm-1">
	<p class="text-muted"><a href="https://pushover.net" target="_blank"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAACglBMVEUAAAAAAAEAAAAilecFGigAAAAAAAAAAAAAAAANj+c3n+Ypm+oeYI4KWI4MieAtkdQbleoJcLcjmeswmN4Rit4KgdMKUYQJKUAQSnILL0kMNlMSTngimOoNPF0hlOQBBgkNOlkRS3MHIjUhk+IPf8wKLUYsjM0AAAASTngAAAAAAAAPfckbdLIbdrYUWIgegsgce70knfEAAAAknfENOVkGHi8YaaIjnvEdgMUhkuAQSG8aca0hleQUh9YLjOM4nOEMgtMcbaYWa6YemO02ltkKhNktgLodYZEPXJEyi8kKesktfLUzj84cWYMiluckZ5YJXJYeW4Y0k9YKfs4yjs0pc6YHZaUviskLfMkqmugak+cqkNcViNcqeK4Iaq4XRmYGPmYMKDsFJTstgr0LdL0ti84CCQ4BCQ4Qgc8rlt8XjN8shcQsi8wZSGgEP2cRMEUDKkUAAAD///8dmvEamfExo/EXmPEWl/ERlvElnvEsofEjnfETl/Enn/Ezo/E4pvEvovEfm/E1pPEzpPEvofEOlfEpoPEamPEQlfEYmfE6p/EgnPEVlvEroPE3pfE2pfENk/Ern/E3pPEcmfEfmvEnnvBlufT6/P0soPAknPDd7/zs9vzo9PxBqfItofAqoPD9/f3B4/q43/mx2/l/xfZ6w/Vxv/VtvfVgt/RXtPNTsfNEq/L3+/31+v3a7fvR6vvH5fqs2vmc0/jx+P3v9/3h8fzW7PvV7PvL5/q13fmo1/mh1PiY0fiNy/aHyfZ2wfVou/Vdt/RPsPM3oeoQkuowmeAgjdgcgMQbeLrw9/3k8vy74Pm63/mX0PdYtfNNr/Ikm+4wnOchkuAVjOAfdrMVcrOdoJikAAAAcnRSTlMAIQ8IzzweFwf+/fvw8P79+/Xt7e3p6eji4d7U08y8qZyTiIWDgn53bWxqaWBKQ0JBOjUwMCkoJCEfHBkT/vz8/Pv7+vr69/b29PTy7ezm5ubm5N7e29vQ0M/Pv7+4uLW1pqaWloWDg3x7e21mUVFFRUXdPracAAAEbElEQVRIx4WUZbvaQBCFF+ru7u7u7u7u7t4mvVwSoBC0JIUCLRQolLq7u7vr/+nMLkmQyvlwyfPcd86e3ZldUqwyQ/p329J+XfutPQYOLUP+q55rFtQJRvY79+xxlZTUWbKpz7/xrrMr2+3BoNPpdLn2lJQ4HEeqLOr1d7z7XNkesQed4A848G63Oy4Gmg/6Mz542QvZbqe8C/Ig73CLYiYTrtLmT3zfqbIcAR7y4wIqH/B6M9Fo0+Ldb6sM9ph/v4ozPuz12mxRofaAAr7jCNkuoz/jNf9AGHibkBCm51fsGKvxsAGWx4H+jBcEi6V2birDpCL/9Klrd1KHbiSvPWP8V0tTnTfO03iXi57P6WNHOVUf44IFdFDRz6pV5fw8Zy5z3JVH5+R48OwxqDiGvKJIY9R+9JsCuJ5HPg74OVEMpz+nbdEPUHEWeEk6IDUnTC1l5r+f8uffc0cfxc8fS17kLso24SwUPFDA/6DE82xKDOPliJ7n/GGOOyWK9zD9CdjvOfg9Dv6AH+AX04LW9gj2i8W/APx1UbxwCAu+wPmcpgUKL/EHdvtq4uwaZwCuznPJVY5LHhED15G/isd5Hz4eKui/e/du02YoKFeD5mHzHIN/nxEDe25gQQwKorAid04CfyzwL4XutXvl1Pt1guMOwwKPkU8mYIFT8JHK+vv8prpDScUVL+j8s3lOctw1GIhbWHAS+HgKPk7xPM/4UtNAYmzizJkf6NgTb/gM8jePQLsewMdthS3g95tMpT1IhVm6v1s8fYmLeb13Odwp8Fh5KY048y/d14WUrwrb1e/X/rNp73nkD8kWS+wi/MZ4XuetG4mhKubJm3/WNEvi8SHwB56nPKjUam0LBdp9ARwupFemTYudvgN/L1+A/Ko/LGBuS8pPy+YR1fuCTWNKnUyoeUyYx2o2dyEVGmr5xTD42xzvkD16+Pb9WIIH6fmt1r3mbsTY7Bvw+n23naT8BUWh86bz6G/e259UXPUK3gfAxQDlo7Rpx3Geqb2e3wp83SGEdKpB7zvwYbzvT2n65xLwbH6YP+M9C8vA8E1wxLU8gkCbdhXGUyrMgwVrcbzLHonr78lzDvWM3q/C/HtDlXoSUIe3YkblhRPIX4E8Oo/9siLv8dRjV7SBlkdgTXvKS7nzsA/9AfeEuhKq9T8zWIDv1Sd6ETAP4D6/H/1V+1BojvruNa4SZXz4JhY84dV5MOF5agUvu5OsOo+KRpG30KalEnoeDccFlutPZYs38D5n3zcpr1/0fBhfb3DOY1z2tSAgLxWezz6zuoHhfUmOejf6blHQH/sFuJYfcMZX307ytKvRa3ifoV/586P5j+tICtS77BuJxzxYAPZsntX8k3eSIhlajK4p8b7iefCEKs03kD/I2LnxL9ovH+43y4fAv1YrI/mzDBsavAX/UppfzVOrZT/ydxk6lJ047MfLfVbcb6hS9ZEzWxekKQ5WrtPqZg3rV6tWrX6Tle3KQZj/q6KxQnmDoXwFY0VSrN9e8FRXBCTAvwAAAABJRU5ErkJggg==" class="img img-fluid"></a></p>
	</div>
	<div class="col-sm-10">
	<p class="text-muted">{{ lang.user.pushover_info\|format(mailbox)\|raw }}</p>
	<p class="text-muted">{{ lang.edit.pushover_vars\|raw }}: <code>{SUBJECT}</code>, <code>{SENDER}</code></p>
	<div class="row">
	<div class="row">
	<div class="col-sm-6">
	<div class="row">
	<label for="token">API Token/Key (Application)</label>
	<input type="text" class="form-control" name="token" maxlength="30" value="{{ pushover_data.token }}" required>
	</div>
	</div>
	<div class="col-sm-6">
	<div class="row">
	<label for="key">User/Group Key</label>
	<input type="text" class="form-control" name="key" maxlength="30" value="{{ pushover_data.key }}" required>
	</div>
	</div>
	<div class="col-sm-6">
	<div class="row">
	<label for="title">{{ lang.edit.pushover_title }}</label>
	<input type="text" class="form-control" name="title" value="{{ pushover_data.title }}" placeholder="Mail">
	</div>
	</div>
	<div class="col-sm-6">
	<div class="row">
	<label for="text">{{ lang.edit.pushover_text }}</label>
	<input type="text" class="form-control" name="text" value="{{ pushover_data.text }}" placeholder="You've got mail 📧">
	</div>
	</div>
	<div class="col-sm-12">
	<div class="row">
	<label for="text">{{ lang.edit.pushover_sender_array\|raw }}</label>
	<input type="text" class="form-control" name="senders" value="{{ pushover_data.senders }}" placeholder="sender1@example.com, sender2@example.com">
	</div>
	</div>
	<div class="col-sm-12">
	<div class="checkbox">
	<label><input type="checkbox" value="1" name="active"{% if pushover_data.active == '1' %} checked{% endif %}> {{ lang.edit.active }}</label>
	</div>
	</div>
	<div class="col-sm-12">
	<legend style="cursor:pointer;margin-top:10px" data-bs-target="#po_advanced" unselectable="on" data-bs-toggle="collapse">
	<i class="bi bi-plus"></i> {{ lang.edit.advanced_settings }}
	</legend>
	<hr />
	</div>
	<div class="col-sm-12">
	<div id="po_advanced" class="collapse">
	<div class="row">
	<label for="text">{{ lang.edit.pushover_sender_regex }}</label>
	<input type="text" class="form-control" name="senders_regex" value="{{ pushover_data.senders_regex }}" placeholder="/(.*@example\.org$\|^foo@example\.com$)/i" regex="true">
	<div class="checkbox">
	<label><input type="checkbox" value="1" name="evaluate_x_prio"{% if pushover_data.attributes.evaluate_x_prio == '1' %} checked{% endif %}> {{ lang.edit.pushover_evaluate_x_prio\|raw }}</label>
	</div>
	<div class="checkbox">
	<label><input type="checkbox" value="1" name="only_x_prio"{% if pushover_data.attributes.only_x_prio == '1' %} checked{% endif %}> {{ lang.edit.pushover_only_x_prio\|raw }}</label>
	</div>
	</div>
	</div>
	</div>
	</div>
	</div>
	<div class="btn-group" data-acl="{{ acl.pushover }}">
	<a class="btn btn-sm btn-xs-half d-block d-sm-inline btn-success" data-action="edit_selected" data-id="pushover" data-item="{{ mailbox }}" data-api-url='edit/pushover' data-api-attr='{}' href="#">{{ lang.edit.save }}</a>
	<a class="btn btn-sm btn-xs-half d-block d-sm-inline btn-secondary" data-action="edit_selected" data-id="pushover-test" data-item="{{ mailbox }}" data-api-url='edit/pushover-test' data-api-attr='{}' href="#"><i class="bi bi-check-lg"></i> {{ lang.edit.pushover_verify }}</a>
	<a id="pushover_delete" class="btn btn-sm d-block d-sm-inline btn-danger" data-action="edit_selected" data-id="pushover-delete" data-item="{{ mailbox }}" data-api-url='edit/pushover' data-api-attr='{"delete":"true"}' href="#"><i class="bi bi-trash"></i> {{ lang.edit.remove }}</a>
	</div>
	</div>
	</div>
	</form>
	</div>
	<div id="macl" class="tab-pane fade" role="tabpanel" aria-labelledby="mailbox-acl">
	<form data-id="useracl" class="form-inline well" method="post">
	<div class="row">
	<div class="col-sm-1">
	<p class="text-muted">ACL</p>
	</div>
	<div class="col-sm-10">
	<div class="row">
	<select id="user_acl" name="user_acl" size="10" multiple>
	{% for acl, val in user_acls %}
	<option value="{{ acl }}"{% if val == 1 %} selected{% endif %}>{{ lang.acl[acl] }}</option>
	{% endfor %}
	</select>
	</div>
	<div class="row">
	<button class="btn btn-xs-lg d-block d-sm-inline btn-secondary" data-action="edit_selected" data-id="useracl" data-item="{{ mailbox }}" data-api-url='edit/user-acl' data-api-attr='{}' href="#">{{ lang.edit.save }}</button>
	</div>
	</div>
	</div>
	</form>
	</div>
	<div id="mrl" class="tab-pane fade" role="tabpanel" aria-labelledby="mailbox-rl">
	<form data-id="mboxratelimit" class="form-inline well" method="post">
	<div class="row">
	<div class="col-sm-1">
	<p class="text-muted">{{ lang.acl.ratelimit }}</p>
	</div>
	<div class="col-sm-10">
	<div class="row">
	<input name="rl_value" type="number" autocomplete="off" value="{{ rl.value }}" class="form-control" placeholder="{{ lang.ratelimit.disabled }}">
	</div>
	<div class="row">
	<select name="rl_frame" class="form-control">
	{% include 'mailbox/rl-frame.twig' %}
	</select>
	</div>
	<div class="row">
	<button class="btn btn-xs-lg d-block d-sm-inline btn-secondary" data-action="edit_selected" data-id="mboxratelimit" data-item="{{ mailbox }}" data-api-url='edit/rl-mbox' data-api-attr='{}' href="#">{{ lang.edit.save }}</button>
	</div>
	<p class="text-muted">{{ lang.edit.mbox_rl_info }}</p>
	</div>
	</div>
	</form>
	</div>
	</div>
	{% else %}
	{{ parent() }}
	{% endif %}
	{% endblock %}
	diff --git a/data/web/templates/modals/mailbox.twig b/data/web/templates/modals/mailbox.twig
	index 8c47f02c..674c8be4 100644
	--- a/data/web/templates/modals/mailbox.twig
	+++ b/data/web/templates/modals/mailbox.twig
	@@ -1,836 +1,836 @@
	<!-- add mailbox modal -->
	<div class="modal fade" id="addMailboxModal" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog modal-xl">
	<div class="modal-content">
	<div class="modal-header">
	<h3 class="modal-title">{{ lang.mailbox.add_mailbox }}</h3>
	<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
	</div>
	<div class="modal-body">
	<form class="form-horizontal" data-cached-form="true" data-id="add_mailbox" role="form" autocomplete="off">
	<div class="row mb-2">
	<label class="control-label col-sm-2 text-sm-end text-sm-end" for="local_part">{{ lang.add.mailbox_username }}</label>
	<div class="col-sm-10">
	<input type="text" pattern="[A-Za-z0-9\.!#$%&'*+/=?^_`{\|}~-]+" autocorrect="off" autocapitalize="none" class="form-control" name="local_part" required>
	</div>
	</div>
	<div class="row mb-2">
	<label class="control-label col-sm-2 text-sm-end text-sm-end" for="domain">{{ lang.add.domain }}</label>
	<div class="col-sm-10">
	<select class="full-width-select" data-live-search="true" id="addSelectDomain" name="domain" required>
	{% for domain in domains %}
	<option>{{ domain }}</option>
	{% endfor %}
	</select>
	</div>
	</div>
	<div class="row mb-4">
	<label class="control-label col-sm-2 text-sm-end text-sm-end" for="name">{{ lang.add.full_name }}</label>
	<div class="col-sm-10">
	<input type="text" class="form-control" name="name">
	</div>
	</div>
	- <div class="form-group">
	- <label class="control-label col-sm-2">{{ lang.add.tags }}</label>
	+ <div class="row mb-2">
	+ <label class="control-label col-sm-2 text-sm-end text-sm-end">{{ lang.add.tags }}</label>
	<div class="col-sm-10">
	<div class="form-control tag-box">
	<input type="text" class="tag-input">
	<span class="btn tag-add"><i class="bi bi-plus-lg"></i></span>
	<input type="hidden" value="" name="tags" class="tag-values" />
	</div>
	</div>
	</div>
	- <div class="form-group">
	- <label class="control-label col-sm-2" for="addInputQuota">{{ lang.add.quota_mb }}
	+ <div class="row mb-2">
	+ <label class="control-label col-sm-2 text-sm-end text-sm-end" for="addInputQuota">{{ lang.add.quota_mb }}
	<br /><span id="quotaBadge" class="badge">max. - MiB</span>
	</label>
	<div class="col-sm-10">
	<input type="text" class="form-control" name="quota" min="0" max="" id="addInputQuota" disabled value="{{ lang.add.select_domain }}" required>
	<small class="text-muted">0 = ∞</small>
	<div class="badge fs-5 bg-warning addInputQuotaExhausted" style="display:none;">{{ lang.warning.quota_exceeded_scope }}</div>
	</div>
	</div>
	<div class="row mb-2">
	<label class="control-label col-sm-2 text-sm-end text-sm-end" for="password">{{ lang.add.password }} (<a href="#" class="generate_password">{{ lang.add.generate }}</a>)</label>
	<div class="col-sm-10">
	<input type="password" data-pwgen-field="true" data-hibp="true" class="form-control" name="password" placeholder="" autocomplete="new-password" required>
	</div>
	</div>
	<div class="row mb-4">
	<label class="control-label col-sm-2 text-sm-end text-sm-end" for="password2">{{ lang.add.password_repeat }}</label>
	<div class="col-sm-10">
	<input type="password" data-pwgen-field="true" class="form-control" name="password2" placeholder="" autocomplete="new-password" required>
	</div>
	</div>
	<div class="row mb-4">
	<div class="offset-sm-2 col-sm-10">
	<select name="active" class="form-control">
	<option value="1" selected>{{ lang.add.active }}</option>
	<option value="2">{{ lang.add.disable_login }}</option>
	<option value="0">{{ lang.add.inactive }}</option>
	</select>
	</div>
	</div>
	<hr>
	<div class="row">
	<div class="offset-sm-2 col-sm-10">
	<button class="btn btn-xs-lg d-block d-sm-inline btn-success" data-action="add_item" data-id="add_mailbox" data-api-url='add/mailbox' data-api-attr='{}' href="#">{{ lang.admin.add }}</button>
	</div>
	</div>
	</form>
	</div>
	</div>
	</div>
	</div><!-- add mailbox modal -->
	<!-- add domain modal -->
	<div class="modal fade" id="addDomainModal" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog modal-xl">
	<div class="modal-content">
	<div class="modal-header">
	<h3 class="modal-title">{{ lang.mailbox.add_domain }}</h3>
	<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
	</div>
	<div class="modal-body">
	<form class="form-horizontal" data-cached-form="true" data-id="add_domain" role="form">
	<div class="row mb-2">
	<label class="control-label col-sm-2 text-sm-end text-sm-end" for="domain">{{ lang.add.domain }}</label>
	<div class="col-sm-10">
	<input type="text" autocorrect="off" autocapitalize="none" class="form-control" name="domain" required>
	</div>
	</div>
	<div class="row mb-4">
	<label class="control-label col-sm-2 text-sm-end text-sm-end" for="description">{{ lang.add.description }}</label>
	<div class="col-sm-10">
	<input type="text" class="form-control" name="description">
	</div>
	</div>
	- <div class="form-group">
	- <label class="control-label col-sm-2">{{ lang.add.tags }}</label>
	+ <div class="row mb-2">
	+ <label class="control-label col-sm-2 text-sm-end text-sm-end">{{ lang.add.tags }}</label>
	<div class="col-sm-10">
	<div class="form-control tag-box">
	<input type="text" class="tag-input">
	<span class="btn tag-add"><i class="bi bi-plus-lg"></i></span>
	<input type="hidden" value="" name="tags" class="tag-values" />
	</div>
	</div>
	</div>
	- <div class="form-group">
	- <label class="control-label col-sm-2" for="aliases">{{ lang.add.max_aliases }}</label>
	+ <div class="row mb-2">
	+ <label class="control-label col-sm-2 text-sm-end text-sm-end" for="aliases">{{ lang.add.max_aliases }}</label>
	<div class="col-sm-10">
	<input type="number" class="form-control" name="aliases" value="400" required>
	</div>
	</div>
	<div class="row mb-2">
	<label class="control-label col-sm-2 text-sm-end text-sm-end" for="mailboxes">{{ lang.add.max_mailboxes }}</label>
	<div class="col-sm-10">
	<input type="number" class="form-control" name="mailboxes" value="10" required>
	</div>
	</div>
	<div class="row mb-2">
	<label class="control-label col-sm-2 text-sm-end text-sm-end" for="defquota">{{ lang.add.mailbox_quota_def }}</label>
	<div class="col-sm-10">
	<input type="number" class="form-control" name="defquota" value="3072" required>
	</div>
	</div>
	<div class="row mb-2">
	<label class="control-label col-sm-2 text-sm-end text-sm-end" for="maxquota">{{ lang.add.mailbox_quota_m }}</label>
	<div class="col-sm-10">
	<input type="number" class="form-control" name="maxquota" value="10240" required>
	</div>
	</div>
	<div class="row mb-4">
	<label class="control-label col-sm-2 text-sm-end text-sm-end" for="quota">{{ lang.add.domain_quota_m }}</label>
	<div class="col-sm-10">
	<input type="number" class="form-control" name="quota" value="10240" required>
	</div>
	</div>
	{% if not skip_sogo %}
	<div class="row mb-2">
	<div class="offset-sm-2 col-sm-10">
	<div class="checkbox">
	<label><input type="checkbox" value="1" name="gal" checked> {{ lang.edit.gal }}</label>
	<small class="text-muted">{{ lang.edit.gal_info\|raw }}</small>
	</div>
	</div>
	</div>
	{% endif %}
	<div class="row mb-4">
	<div class="offset-sm-2 col-sm-10">
	<div class="checkbox">
	<label><input type="checkbox" value="1" name="active" checked> {{ lang.add.active }}</label>
	</div>
	</div>
	</div>
	<hr>
	<div class="row mb-4">
	<label class="control-label col-sm-2 text-sm-end" for="rl_frame">{{ lang.acl.ratelimit }}</label>
	<div class="col-sm-7">
	<input name="rl_value" type="number" class="form-control" placeholder="{{ lang.ratelimit.disabled }}">
	</div>
	<div class="col-sm-3">
	<select name="rl_frame" class="form-control">
	{% include 'mailbox/rl-frame.twig' %}
	</select>
	</div>
	</div>
	<hr>
	<div class="row mb-2">
	<label class="control-label col-sm-2 text-sm-end text-sm-end" for="dkim_selector">{{ lang.admin.dkim_domains_selector }}</label>
	<div class="col-sm-10">
	<input class="form-control" id="dkim_selector" name="dkim_selector" value="dkim">
	</div>
	</div>
	<div class="row mb-4">
	<label class="control-label col-sm-2 text-sm-end text-sm-end" for="key_size">{{ lang.admin.dkim_key_length }}</label>
	<div class="col-sm-10">
	<select data-style="btn btn-secondary btn-sm" class="form-control" id="key_size" name="key_size">
	<option data-subtext="bits">1024</option>
	<option data-subtext="bits" selected>2048</option>
	</select>
	</div>
	</div>
	<hr>
	<div class="row mb-4">
	<label class="control-label col-sm-2 text-sm-end text-sm-end">{{ lang.add.backup_mx_options }}</label>
	<div class="col-sm-10">
	<div class="checkbox">
	<label><input type="checkbox" value="1" name="backupmx"> {{ lang.add.relay_domain }}</label>
	<br>
	<label><input type="checkbox" value="1" name="relay_all_recipients"> {{ lang.add.relay_all }}</label>
	<p>{{ lang.add.relay_all_info\|raw }}</p>
	<label><input type="checkbox" value="1" name="relay_unknown_only"> {{ lang.add.relay_unknown_only }}</label>
	<br>
	<p>{{ lang.add.relay_transport_info\|raw }}</p>
	</div>
	</div>
	</div>
	<hr>
	<div class="row mb-4">
	<div class="offset-sm-2 col-sm-10 btn-group">
	{% if not skip_sogo %}
	- <button class="btn btn-xs-lg btn-xs-half visible-xs-block visible-sm-inline visible-md-inline visible-lg-inline btn-default" data-action="add_item" data-id="add_domain" data-api-url='add/domain' data-api-attr='{"tags": []}' href="#">{{ lang.add.add_domain_only }}</button>
	- <button class="btn btn-xs-lg btn-xs-half visible-xs-block visible-sm-inline visible-md-inline visible-lg-inline btn-default" data-action="add_item" data-id="add_domain" data-api-url='add/domain' data-api-attr='{"restart_sogo":"1", "tags": []}' href="#">{{ lang.add.add_domain_restart }}</button>
	+ <button class="btn btn-xs-lg btn-xs-half d-block d-sm-inline btn-secondary" data-action="add_item" data-id="add_domain" data-api-url='add/domain' data-api-attr='{"tags": []}' href="#">{{ lang.add.add_domain_only }}</button>
	+ <button class="btn btn-xs-lg btn-xs-half d-block d-sm-inline btn-secondary" data-action="add_item" data-id="add_domain" data-api-url='add/domain' data-api-attr='{"restart_sogo":"1", "tags": []}' href="#">{{ lang.add.add_domain_restart }}</button>
	<div class="clearfix visible-xs"></div>
	{% else %}
	- <button class="btn btn-xs-lg visible-xs-block visible-sm-inline visible-md-inline visible-lg-inline btn-success" data-action="add_item" data-id="add_domain" data-api-url='add/domain' data-api-attr='{"tags": []}' href="#">{{ lang.add.add }}</button>
	+ <button class="btn btn-xs-lg d-block d-sm-inline btn-success" data-action="add_item" data-id="add_domain" data-api-url='add/domain' data-api-attr='{"tags": []}' href="#">{{ lang.add.add }}</button>
	{% endif %}
	</div>
	</div>
	{# TODO: Separate SOGo-related text #}
	{% if not skip_sogo %}
	<p><i class="bi bi-shield-fill-exclamation text-danger"></i> {{ lang.add.post_domain_add\|raw }}</p>
	{% endif %}
	</form>
	</div>
	</div>
	</div>
	</div><!-- add domain modal -->
	<!-- add resource modal -->
	<div class="modal fade" id="addResourceModal" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog modal-xl">
	<div class="modal-content">
	<div class="modal-header">
	<h3 class="modal-title">{{ lang.mailbox.add_resource }}</h3>
	<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
	</div>
	<div class="modal-body">
	<form class="form-horizontal" data-cached-form="true" role="form" data-id="add_resource">
	<div class="row mb-2">
	<label class="control-label col-sm-2 text-sm-end text-sm-end" for="description">{{ lang.add.description }}</label>
	<div class="col-sm-10">
	<input type="text" class="form-control" name="description" required>
	</div>
	</div>
	<div class="row mb-2">
	<label class="control-label col-sm-2 text-sm-end text-sm-end" for="domain">{{ lang.add.domain }}</label>
	<div class="col-sm-10">
	<select data-live-search="true" name="domain" title="{{ lang.add.select }}" required>
	{% for domain in domains %}
	<option>{{ domain }}</option>
	{% endfor %}
	</select>
	</div>
	</div>
	<div class="row mb-2">
	<label class="control-label col-sm-2 text-sm-end text-sm-end" for="domain">{{ lang.add.kind }}</label>
	<div class="col-sm-10">
	<select name="kind" title="{{ lang.add.select }}" required>
	<option value="location">Location</option>
	<option value="group">Group</option>
	<option value="thing">Thing</option>
	</select>
	</div>
	</div>
	<div class="row mb-4">
	<label class="control-label col-sm-2 text-sm-end text-sm-end" for="multiple_bookings_select">{{ lang.add.multiple_bookings }}</label>
	<div class="col-sm-10">
	<select name="multiple_bookings_select" id="multiple_bookings_select" title="{{ lang.add.select }}" required>
	<option value="0">{{ lang.mailbox.booking_null }}</option>
	<option value="-1" selected>{{ lang.mailbox.booking_ltnull }}</option>
	<option value="custom">{{ lang.mailbox.booking_custom }}</option>
	</select>
	<div style="display:none" id="multiple_bookings_custom_div">
	<hr>
	<input type="number" class="form-control" name="multiple_bookings_custom" id="multiple_bookings_custom">
	</div>
	<input type="hidden" name="multiple_bookings" id="multiple_bookings">
	</div>
	</div>
	<div class="row mb-2">
	<div class="offset-sm-2 col-sm-10">
	<div class="checkbox">
	<label><input type="checkbox" value="1" name="active" checked> {{ lang.add.active }}</label>
	</div>
	</div>
	</div>
	<div class="row mb-4">
	<div class="offset-sm-2 col-sm-10">
	<button class="btn btn-xs-lg d-block d-sm-inline btn-success" data-action="add_item" data-id="add_resource" data-api-url='add/resource' data-api-attr='{}' href="#">{{ lang.admin.add }}</button>
	</div>
	</div>
	</form>
	</div>
	</div>
	</div>
	</div><!-- add resource modal -->
	<!-- add alias modal -->
	<div class="modal fade" id="addAliasModal" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog modal-xl">
	<div class="modal-content">
	<div class="modal-header">
	<h3 class="modal-title">{{ lang.mailbox.add_alias }}</h3>
	<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
	</div>
	<div class="modal-body">
	<form class="form-horizontal" data-cached-form="true" role="form" data-id="add_alias">
	<input type="hidden" value="0" name="active">
	<div class="row mb-2">
	<label class="control-label col-sm-2 text-sm-end" for="address">{{ lang.add.alias_address }}</label>
	<div class="col-sm-10">
	<textarea autocorrect="off" autocapitalize="none" class="form-control" rows="5" name="address" id="address" required></textarea>
	<p>{{ lang.add.alias_address_info\|raw }}</p>
	</div>
	</div>
	<div class="row mb-4">
	<label class="control-label col-sm-2 text-sm-end" for="goto">{{ lang.add.target_address }}</label>
	<div class="col-sm-10">
	<textarea id="textarea_alias_goto" autocorrect="off" autocapitalize="none" class="form-control" rows="5" id="goto" name="goto" required></textarea>
	<p>{{ lang.add.target_address_info\|raw }}</p>
	<div class="checkbox">
	<label><input class="goto_checkbox" type="checkbox" value="1" name="goto_null"> {{ lang.add.goto_null }}</label>
	</div>
	<div class="checkbox">
	<label><input class="goto_checkbox" type="checkbox" value="1" name="goto_spam"> {{ lang.add.goto_spam\|raw }}</label>
	</div>
	<div class="checkbox">
	<label><input class="goto_checkbox" type="checkbox" value="1" name="goto_ham"> {{ lang.add.goto_ham\|raw }}</label>
	</div>
	{% if not skip_sogo %}
	<hr>
	<div class="checkbox">
	<label><input type="checkbox" value="1" name="sogo_visible" checked> {{ lang.edit.sogo_visible }}</label>
	</div>
	<p class="text-muted">{{ lang.edit.sogo_visible_info }}</p>
	{% endif %}
	</div>
	</div>
	<div class="row mb-2">
	<div class="offset-sm-2 col-sm-10">
	<div class="checkbox">
	<label><input type="checkbox" value="1" name="active" checked> {{ lang.add.active }}</label>
	</div>
	</div>
	</div>
	<div class="row mb-4">
	<div class="offset-sm-2 col-sm-10">
	<button class="btn btn-xs-lg d-block d-sm-inline btn-success" data-action="add_item" data-id="add_alias" data-api-url='add/alias' data-api-attr='{}' href="#">{{ lang.admin.add }}</button>
	</div>
	</div>
	</form>
	</div>
	</div>
	</div>
	</div><!-- add alias modal -->
	<!-- add domain alias modal -->
	<div class="modal fade" id="addAliasDomainModal" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog modal-xl">
	<div class="modal-content">
	<div class="modal-header">
	<h3 class="modal-title">{{ lang.mailbox.add_domain_alias }}</h3>
	<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
	</div>
	<div class="modal-body">
	<form class="form-horizontal" data-cached-form="true" role="form" data-id="add_alias_domain">
	<input type="hidden" value="0" name="active">
	<div class="row mb-2">
	<label class="control-label col-sm-2 text-sm-end" for="alias_domain">{{ lang.add.alias_domain }}</label>
	<div class="col-sm-10">
	<textarea autocorrect="off" autocapitalize="none" class="form-control" rows="5" name="alias_domain" id="alias_domain" required></textarea>
	<p>{{ lang.add.alias_domain_info\|raw }}</p>
	</div>
	</div>
	<div class="row mb-4">
	<label class="control-label col-sm-2 text-sm-end" for="target_domain">{{ lang.add.target_domain }}</label>
	<div class="col-sm-10">
	<select data-live-search="true" name="target_domain" title="{{ lang.add.select }}" required>
	{% for domain in domains %}
	<option>{{ domain }}</option>
	{% endfor %}
	</select>
	</div>
	</div>
	<div class="row mb-4">
	<div class="offset-sm-2 col-sm-10">
	<div class="checkbox">
	<label><input type="checkbox" value="1" name="active" checked> {{ lang.add.active }}</label>
	</div>
	</div>
	</div>
	<hr>
	<div class="row mb-2">
	<label class="control-label col-sm-2 text-sm-end" for="rl_frame">{{ lang.acl.ratelimit }}</label>
	<div class="col-sm-7">
	<input name="rl_value" type="number" class="form-control" placeholder="{{ lang.ratelimit.disabled }}">
	</div>
	<div class="col-sm-3">
	<select name="rl_frame" class="form-control">
	{% include 'mailbox/rl-frame.twig' %}
	</select>
	</div>
	</div>
	<hr>
	<div class="row mb-2">
	<label class="control-label col-sm-2 text-sm-end" for="dkim_selector2">{{ lang.admin.dkim_domains_selector }}</label>
	<div class="col-sm-10">
	<input class="form-control" id="dkim_selector2" name="dkim_selector" value="dkim">
	</div>
	</div>
	<div class="row mb-4">
	<label class="control-label col-sm-2 text-sm-end" for="key_size2">{{ lang.admin.dkim_key_length }}</label>
	<div class="col-sm-10">
	<select data-style="btn btn-secondary btn-sm" class="form-control" id="key_size2" name="key_size">
	<option data-subtext="bits">1024</option>
	<option data-subtext="bits" selected>2048</option>
	</select>
	</div>
	</div>
	<hr>
	<div class="row mb-4">
	<div class="offset-sm-2 col-sm-10">
	<button class="btn btn-xs-lg d-block d-sm-inline btn-success" data-action="add_item" data-id="add_alias_domain" data-api-url='add/alias-domain' data-api-attr='{}' href="#">{{ lang.admin.add }}</button>
	</div>
	</div>
	</form>
	</div>
	</div>
	</div>
	</div><!-- add domain alias modal -->
	<!-- add sync job modal -->
	<div class="modal fade" id="addSyncJobModalAdmin" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog modal-xl">
	<div class="modal-content">
	<div class="modal-header">
	<h3 class="modal-title">{{ lang.add.syncjob }}</h3>
	<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
	</div>
	<div class="modal-body">
	<p class="text-muted">{{ lang.add.syncjob_hint }}</p>
	<form class="form-horizontal" data-cached-form="true" role="form" data-id="add_syncjob">
	<div class="row mb-2">
	<label class="control-label col-sm-2 text-sm-end" for="username">{{ lang.add.username }}</label>
	<div class="col-sm-10">
	<select data-live-search="true" name="username" required>
	{% for mailbox in mailboxes %}
	<option>{{ mailbox }}</option>
	{% endfor %}
	</select>
	</div>
	</div>
	<div class="row mb-2">
	<label class="control-label col-sm-2 text-sm-end" for="host1">{{ lang.add.hostname }}</label>
	<div class="col-sm-10">
	<input type="text" class="form-control" name="host1" required>
	</div>
	</div>
	<div class="row mb-2">
	<label class="control-label col-sm-2 text-sm-end" for="port1">{{ lang.add.port }}</label>
	<div class="col-sm-10">
	<input type="number" class="form-control" name="port1" min="1" max="65535" value="143" required>
	<small class="text-muted">1-65535</small>
	</div>
	</div>
	<div class="row mb-2">
	<label class="control-label col-sm-2 text-sm-end" for="user1">{{ lang.add.username }}</label>
	<div class="col-sm-10">
	<input type="text" class="form-control" name="user1" required>
	</div>
	</div>
	<div class="row mb-2">
	<label class="control-label col-sm-2 text-sm-end" for="password1">{{ lang.add.password }}</label>
	<div class="col-sm-10">
	<input type="password" class="form-control" name="password1" required>
	</div>
	</div>
	<div class="row mb-2">
	<label class="control-label col-sm-2 text-sm-end" for="enc1">{{ lang.add.enc_method }}</label>
	<div class="col-sm-10">
	<select name="enc1" title="{{ lang.add.select }}" required>
	<option value="SSL" selected>SSL</option>
	<option value="TLS">STARTTLS</option>
	<option value="PLAIN">PLAIN</option>
	</select>
	</div>
	</div>
	<div class="row mb-2">
	<label class="control-label col-sm-2 text-sm-end" for="mins_interval">{{ lang.add.mins_interval }}</label>
	<div class="col-sm-10">
	<input type="number" class="form-control" name="mins_interval" min="1" max="43800" value="20" required>
	<small class="text-muted">1-43800</small>
	</div>
	</div>
	<div class="row mb-2">
	<label class="control-label col-sm-2 text-sm-end" for="subfolder2">{{ lang.edit.subfolder2\|raw }}</label>
	<div class="col-sm-10">
	<input type="text" class="form-control" name="subfolder2" value="">
	</div>
	</div>
	<div class="row mb-2">
	<label class="control-label col-sm-2 text-sm-end" for="maxage">{{ lang.edit.maxage\|raw }}</label>
	<div class="col-sm-10">
	<input type="number" class="form-control" name="maxage" min="0" max="32000" value="0">
	<small class="text-muted">0-32000</small>
	</div>
	</div>
	<div class="row mb-2">
	<label class="control-label col-sm-2 text-sm-end" for="maxbytespersecond">{{ lang.edit.maxbytespersecond\|raw }}</label>
	<div class="col-sm-10">
	<input type="number" class="form-control" name="maxbytespersecond" min="0" max="125000000" value="0">
	<small class="text-muted">0-125000000</small>
	</div>
	</div>
	<div class="row mb-2">
	<label class="control-label col-sm-2 text-sm-end" for="timeout1">{{ lang.edit.timeout1 }}</label>
	<div class="col-sm-10">
	<input type="number" class="form-control" name="timeout1" min="1" max="32000" value="600">
	<small class="text-muted">1-32000</small>
	</div>
	</div>
	<div class="row mb-2">
	<label class="control-label col-sm-2 text-sm-end" for="timeout2">{{ lang.edit.timeout2 }}</label>
	<div class="col-sm-10">
	<input type="number" class="form-control" name="timeout2" min="1" max="32000" value="600">
	<small class="text-muted">1-32000</small>
	</div>
	</div>
	<div class="row mb-2">
	<label class="control-label col-sm-2 text-sm-end" for="exclude">{{ lang.add.exclude }}</label>
	<div class="col-sm-10">
	<input type="text" class="form-control" name="exclude" value="(?i)spam\|(?i)junk">
	</div>
	</div>
	<div class="row mb-4">
	<label class="control-label col-sm-2 text-sm-end" for="custom_params">{{ lang.add.custom_params }}</label>
	<div class="col-sm-10">
	<input type="text" class="form-control" name="custom_params" placeholder="--dry --some-param=xy --other-param=yx">
	<small class="text-muted">{{ lang.add.custom_params_hint }}</small>
	</div>
	</div>
	<div class="row mb-2">
	<div class="offset-sm-2 col-sm-10">
	<div class="checkbox">
	<label><input type="checkbox" value="1" name="delete2duplicates" checked> {{ lang.add.delete2duplicates }} (--delete2duplicates)</label>
	</div>
	</div>
	</div>
	<div class="row mb-2">
	<div class="offset-sm-2 col-sm-10">
	<div class="checkbox">
	<label><input type="checkbox" value="1" name="delete1"> {{ lang.add.delete1 }} (--delete1)</label>
	</div>
	</div>
	</div>
	<div class="row mb-2">
	<div class="offset-sm-2 col-sm-10">
	<div class="checkbox">
	<label><input type="checkbox" value="1" name="delete2"> {{ lang.add.delete2 }} (--delete2)</label>
	</div>
	</div>
	</div>
	<div class="row mb-2">
	<div class="offset-sm-2 col-sm-10">
	<div class="checkbox">
	<label><input type="checkbox" value="1" name="automap" checked> {{ lang.add.automap }} (--automap)</label>
	</div>
	</div>
	</div>
	<div class="row mb-2">
	<div class="offset-sm-2 col-sm-10">
	<div class="checkbox">
	<label><input type="checkbox" value="1" name="skipcrossduplicates"> {{ lang.add.skipcrossduplicates }} (--skipcrossduplicates)</label>
	</div>
	</div>
	</div>
	<div class="row mb-4">
	<div class="offset-sm-2 col-sm-10">
	<div class="checkbox">
	<label><input type="checkbox" value="1" name="subscribeall" checked> {{ lang.add.subscribeall }} (--subscribeall)</label>
	</div>
	</div>
	</div>
	<div class="row mb-2">
	<div class="offset-sm-2 col-sm-10">
	<div class="checkbox">
	<label><input type="checkbox" value="1" name="active" checked> {{ lang.add.active }}</label>
	</div>
	</div>
	</div>
	<div class="row mb-4">
	<div class="offset-sm-2 col-sm-10">
	<button class="btn btn-xs-lg d-block d-sm-inline btn-success" data-action="add_item" data-id="add_syncjob" data-api-url='add/syncjob' data-api-attr='{}' href="#">{{ lang.admin.add }}</button>
	</div>
	</div>
	</form>
	</div>
	</div>
	</div>
	</div><!-- add sync job modal -->
	<!-- add add_filter modal -->
	<div class="modal fade" id="addFilterModalAdmin" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog modal-xl">
	<div class="modal-content">
	<div class="modal-header">
	<h3 class="modal-title">Filter</h3>
	<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
	</div>
	<div class="modal-body">
	<form class="form-horizontal" data-cached-form="true" role="form" data-id="add_filter">
	<div class="row mb-2">
	<label class="control-label col-sm-2 text-sm-end" for="username">{{ lang.add.username }}</label>
	<div class="col-sm-10">
	<select data-live-search="true" name="username" required>
	{% for mailbox in mailboxes %}
	<option>{{ mailbox }}</option>
	{% endfor %}
	</select>
	</div>
	</div>
	<div class="row mb-2">
	<label class="control-label col-sm-2 text-sm-end" for="filter_type">{{ lang.add.sieve_type }}</label>
	<div class="col-sm-10">
	<select id="addFilterType" name="filter_type" required>
	<option value="prefilter">Prefilter</option>
	<option value="postfilter">Postfilter</option>
	</select>
	</div>
	</div>
	<div class="row mb-2">
	<label class="control-label col-sm-2 text-sm-end" for="script_desc">{{ lang.add.sieve_desc }}</label>
	<div class="col-sm-10">
	<input type="text" class="form-control" id="script_desc" name="script_desc" required maxlength="255">
	</div>
	</div>
	<div class="row mb-4">
	<label class="control-label col-sm-2 text-sm-end" for="script_data">Script:</label>
	<div class="col-sm-10">
	<textarea autocorrect="off" spellcheck="false" autocapitalize="none" class="form-control textarea-code script_data" rows="20" name="script_data" required></textarea>
	<p class="text-muted">{{ lang.add.activate_filter_warn }}</p>
	</div>
	</div>
	<div class="row mb-2">
	<div class="offset-sm-2 col-sm-10">
	<div class="checkbox">
	<label><input type="checkbox" value="1" name="active" checked> {{ lang.add.active }}</label>
	</div>
	</div>
	</div>
	<div class="row mb-4">
	<div class="offset-sm-2 col-sm-10 add_filter_btns btn-group">
	<button class="btn btn-xs-lg btn-xs-half d-block d-sm-inline btn-secondary validate_sieve" href="#">{{ lang.add.validate }}</button>
	<button class="btn btn-xs-lg btn-xs-half d-block d-sm-inline btn-success add_sieve_script" data-action="add_item" data-id="add_filter" data-api-url='add/filter' data-api-attr='{}' href="#" disabled>{{ lang.admin.add }}</button>
	</div>
	</div>
	</form>
	{{ lang.mailbox.sieve_preset_header\|raw }}
	<ul id="sieve_presets"></ul>
	</div>
	</div>
	</div>
	</div><!-- add add_filter modal -->
	<!-- add add_bcc modal -->
	<div class="modal fade" id="addBCCModalAdmin" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog modal-xl">
	<div class="modal-content">
	<div class="modal-header">
	<h3 class="modal-title">{{ lang.mailbox.bcc_maps }}</h3>
	<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
	</div>
	<div class="modal-body">
	<form class="form-horizontal" data-cached-form="true" role="form" data-id="add_bcc">
	<div class="row mb-2">
	<label class="control-label col-sm-2 text-sm-end" for="local_dest">{{ lang.mailbox.bcc_local_dest }}</label>
	<div class="col-sm-10">
	<select id="bcc-local-dest" data-live-search="true" data-size="20" name="local_dest" required>
	<option selected>{{ lang.footer.loading }}</option>
	</select>
	</div>
	</div>
	<div class="row mb-2">
	<label class="control-label col-sm-2 text-sm-end" for="type">{{ lang.mailbox.bcc_map_type }}</label>
	<div class="col-sm-10">
	<select name="type" required>
	<option value="sender">{{ lang.mailbox.bcc_sender_map }}</option>
	<option value="rcpt">{{ lang.mailbox.bcc_rcpt_map }}</option>
	</select>
	</div>
	</div>
	<div class="row mb-4">
	<label class="control-label col-sm-2 text-sm-end" for="bcc_dest">{{ lang.mailbox.bcc_destination }}</label>
	<div class="col-sm-10">
	<input type="text" class="form-control" name="bcc_dest">
	<small>{{ lang.add.bcc_dest_format\|raw }}</small>
	</div>
	</div>
	<div class="row mb-2">
	<div class="offset-sm-2 col-sm-10">
	<div class="checkbox">
	<label><input type="checkbox" value="1" name="active" checked> {{ lang.add.active }}</label>
	</div>
	</div>
	</div>
	<div class="row mb-4">
	<div class="offset-sm-2 col-sm-10">
	<button class="btn btn-xs-lg d-block d-sm-inline btn-success" data-action="add_item" data-id="add_bcc" data-api-url='add/bcc' data-api-attr='{}' href="#">{{ lang.admin.add }}</button>
	</div>
	</div>
	</form>
	</div>
	</div>
	</div>
	</div><!-- add add_bcc modal -->
	<!-- add add_recipient_map modal -->
	<div class="modal fade" id="addRecipientMapModalAdmin" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog modal-xl">
	<div class="modal-content">
	<div class="modal-header">
	<h3 class="modal-title">{{ lang.mailbox.recipient_maps }}</h3>
	<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
	</div>
	<div class="modal-body">
	<form class="form-horizontal" data-cached-form="true" role="form" data-id="add_recipient_map">
	<div class="row mb-2">
	<label class="control-label col-sm-2 text-sm-end" for="recipient_map_old">{{ lang.mailbox.recipient_map_old }}</label>
	<div class="col-sm-10">
	<input type="text" class="form-control" name="recipient_map_old">
	<small>{{ lang.mailbox.recipient_map_old_info }}</small>
	</div>
	</div>
	<div class="row mb-4">
	<label class="control-label col-sm-2 text-sm-end" for="recipient_map_new">{{ lang.mailbox.recipient_map_new }}</label>
	<div class="col-sm-10">
	<input type="text" class="form-control" name="recipient_map_new">
	<small>{{ lang.mailbox.recipient_map_new_info }}</small>
	</div>
	</div>
	<div class="row mb-2">
	<div class="offset-sm-2 col-sm-10">
	<div class="checkbox">
	<label><input type="checkbox" value="1" name="active" checked> {{ lang.add.active }}</label>
	</div>
	</div>
	</div>
	<div class="row mb-4">
	<div class="offset-sm-2 col-sm-10">
	<button class="btn btn-xs-lg d-block d-sm-inline btn-success" data-action="add_item" data-id="add_recipient_map" data-api-url='add/recipient_map' data-api-attr='{}' href="#">{{ lang.admin.add }}</button>
	</div>
	</div>
	</form>
	</div>
	</div>
	</div>
	</div><!-- add add_recipient_map modal -->
	<!-- add add_tls_policy_map modal -->
	<div class="modal fade" id="addTLSPolicyMapAdmin" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog modal-xl">
	<div class="modal-content">
	<div class="modal-header">
	<h3 class="modal-title">{{ lang.mailbox.tls_policy_maps }}</h3>
	<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
	</div>
	<div class="modal-body">
	<form class="form-horizontal" data-cached-form="true" role="form" data-id="add_tls_policy_map">
	<div class="row mb-2">
	<label class="control-label col-sm-2 text-sm-end" for="dest">{{ lang.mailbox.tls_map_dest }}</label>
	<div class="col-sm-10">
	<input type="text" class="form-control" name="dest">
	<small>{{ lang.mailbox.tls_map_dest_info }}</small>
	</div>
	</div>
	<div class="row mb-2">
	<label class="control-label col-sm-2 text-sm-end" for="policy">{{ lang.mailbox.tls_map_policy }}</label>
	<div class="col-sm-10">
	<select class="full-width-select" name="policy" required>
	<option value="none">none</option>
	<option value="may">may</option>
	<option value="encrypt">encrypt</option>
	<option value="dane">dane</option>
	<option value="dane-only">dane-only</option>
	<option value="fingerprint">fingerprint</option>
	<option value="verify">verify</option>
	<option value="secure">secure</option>
	</select>
	</div>
	</div>
	<div class="row mb-4">
	<label class="control-label col-sm-2 text-sm-end" for="parameters">{{ lang.mailbox.tls_map_parameters }}</label>
	<div class="col-sm-10">
	<input type="text" class="form-control" name="parameters">
	<small>{{ lang.mailbox.tls_map_parameters_info }}</small>
	</div>
	</div>
	<div class="row mb-2">
	<div class="offset-sm-2 col-sm-10">
	<div class="checkbox">
	<label><input type="checkbox" value="1" name="active" checked> {{ lang.add.active }}</label>
	</div>
	</div>
	</div>
	<div class="row mb-4">
	<div class="offset-sm-2 col-sm-10">
	<button class="btn btn-xs-lg d-block d-sm-inline btn-success" data-action="add_item" data-id="add_tls_policy_map" data-api-url='add/tls-policy-map' data-api-attr='{}' href="#">{{ lang.admin.add }}</button>
	</div>
	</div>
	</form>
	</div>
	</div>
	</div>
	</div><!-- add add_tls_policy_map modal -->
	<!-- log modal -->
	<div class="modal fade" id="syncjobLogModal" tabindex="-1" role="dialog" aria-labelledby="syncjobLogModalLabel">
	<div class="modal-dialog modal-xl" role="document">
	<div class="modal-content">
	<div class="modal-header">
	<h3 class="modal-title">Log</h3>
	<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
	</div>
	<div class="modal-body">
	<textarea class="form-control" rows="20" id="logText" spellcheck="false"></textarea>
	</div>
	</div>
	</div>
	</div><!-- log modal -->
	<!-- DNS info modal -->
	<div class="modal fade" id="dnsInfoModal" tabindex="-1" role="dialog" aria-labelledby="dnsInfoModalLabel">
	<div class="modal-dialog modal-xl" role="document">
	<div class="modal-content">
	<div class="modal-header">
	<h3 class="modal-title">{{ lang.diagnostics.dns_records }}</h3>
	<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
	</div>
	<div class="modal-body">
	<p>{{ lang.diagnostics.dns_records_24hours }}</p>
	<div class="dns-modal-body"></div>
	<p>{{ lang.diagnostics.dns_records_docs\|raw }}</p>
	</div>
	</div>
	</div>
	</div><!-- DNS info modal -->
	diff --git a/data/web/templates/user/Spamfilter.twig b/data/web/templates/user/Spamfilter.twig
	index d13ce567..a8179023 100644
	--- a/data/web/templates/user/Spamfilter.twig
	+++ b/data/web/templates/user/Spamfilter.twig
	@@ -1,83 +1,83 @@
	<div role="tabpanel" class="tab-pane fade" id="Spamfilter" role="tabpanel" aria-labelledby="Spamfilter">
	<div class="card mb-4">
	<div class="card-header d-flex">
	<button class="btn d-md-none flex-grow-1 text-start" data-bs-target="#collapse-tab-Spamfilter" data-bs-toggle="collapse" aria-controls="collapse-tab-Spamfilter">
	{{ lang.user.spamfilter }}
	</button>
	<span class="d-none d-md-block">{{ lang.user.spamfilter }}
	</div>
	<div id="collapse-tab-Spamfilter" class="card-body collapse" data-bs-parent="#user-content">
	<h4>{{ lang.user.spamfilter_behavior }}</h4>
	<div class="row">
	<div class="col-sm-12">
	<form class="form-horizontal" role="form" data-id="spam_score" method="post">
	<div class="row">
	- <div class="col-lg-8 col-sm-12">
	+ <div class="col-sm-12">
	<div id="spam_score" data-provide="slider" data-acl="{{ acl.spam_score }}"></div>
	<input id="spam_score_value" name="spam_score" type="hidden" value="{{ user_spam_score }}">
	<ul class="list-group list-group-flush">
	<li class="list-group-item"><span class="label label-ham spam-ham-score"></span> {{ lang.user.spamfilter_green }}</li>
	<li class="list-group-item"><span class="label label-spam spam-spam-score"></span> {{ lang.user.spamfilter_yellow }}</li>
	<li class="list-group-item"><span class="label label-reject spam-reject-score"></span> {{ lang.user.spamfilter_red }}</li>
	</ul>
	</div>
	</div>
	<div class="btn-group" data-acl="{{ acl.spam_score }}">
	<a type="button" class="btn btn-sm btn-xs-half d-block d-sm-inline btn-success" data-action="edit_selected"
	data-item="{{ mailcow_cc_username }}"
	data-id="spam_score"
	data-api-url='edit/spam-score'
	data-api-attr='{}'><i class="bi bi-save"></i> {{ lang.user.save_changes }}</a>
	<a type="button" class="btn btn-sm btn-xs-half d-block d-sm-inline btn-secondary" data-action="edit_selected"
	data-item="{{ mailcow_cc_username }}"
	data-id="spam_score_reset"
	data-api-url='edit/spam-score'
	data-api-attr='{"spam_score":"default"}'>{{ lang.user.spam_score_reset }}</a>
	</div>
	</form>
	</div>
	</div>
	<hr>
	<div class="row">
	<div class="col-sm-6 my-3">
	<h4>{{ lang.user.spamfilter_wl }}</h4>
	<p>{{ lang.user.spamfilter_wl_desc\|raw }}</p>
	<form class="form-inline mb-4" data-id="add_wl_policy_mailbox">
	<div class="input-group" data-acl="{{ acl.spam_policy }}">
	<input type="text" class="form-control" name="object_from" placeholder="*@example.org" required>
	<span class="input-group-btn">
	<button class="btn btn-secondary" data-action="add_item" data-id="add_wl_policy_mailbox" data-api-url='add/mailbox-policy' data-api-attr='{"username": {{ mailcow_cc_username\|json_encode\|raw }},"object_list":"wl"}' href="#"><i class="bi bi-plus-lg"></i> {{ lang.user.spamfilter_table_add }}</button>
	</span>
	</div>
	</form>
	<table id="wl_policy_mailbox_table" class="table table-striped dt-responsive w-100"></table>
	<div class="mass-actions-user">
	<div class="btn-group" data-acl="{{ acl.spam_policy }}">
	<a class="btn btn-sm btn-xs-half d-block d-sm-inline btn-secondary" id="toggle_multi_select_all" data-id="policy_wl_mailbox" href="#"><i class="bi bi-check-all"></i> {{ lang.mailbox.toggle_all }}</a>
	<a class="btn btn-sm btn-xs-half d-block d-sm-inline btn-danger" data-action="delete_selected" data-id="policy_wl_mailbox" data-api-url='delete/mailbox-policy' href="#">{{ lang.mailbox.remove }}</a>
	</div>
	</div>
	</div>
	<div class="col-sm-6 my-3">
	<h4>{{ lang.user.spamfilter_bl }}</h4>
	<p>{{ lang.user.spamfilter_bl_desc\|raw }}</p>
	<form class="form-inline mb-4" data-id="add_bl_policy_mailbox">
	<div class="input-group" data-acl="{{ acl.spam_policy }}">
	<input type="text" class="form-control" name="object_from" placeholder="*@example.org" required>
	<span class="input-group-btn">
	<button class="btn btn-secondary" data-action="add_item" data-id="add_bl_policy_mailbox" data-api-url='add/mailbox-policy' data-api-attr='{"username": {{ mailcow_cc_username\|json_encode\|raw }},"object_list":"bl"}' href="#"><i class="bi bi-plus-lg"></i> {{ lang.user.spamfilter_table_add }}</button>
	</span>
	</div>
	</form>
	<table id="bl_policy_mailbox_table" class="table table-striped dt-responsive w-100"></table>
	<div class="mass-actions-user">
	<div class="btn-group" data-acl="{{ acl.spam_policy }}">
	<a class="btn btn-sm btn-xs-half d-block d-sm-inline btn-secondary" id="toggle_multi_select_all" data-id="policy_bl_mailbox" href="#"><i class="bi bi-check-all"></i> {{ lang.mailbox.toggle_all }}</a>
	<a class="btn btn-sm btn-xs-half d-block d-sm-inline btn-danger" data-action="delete_selected" data-id="policy_bl_mailbox" data-api-url='delete/mailbox-policy' href="#">{{ lang.mailbox.remove }}</a>
	</div>
	</div>
	</div>
	</div>
	</div>
	</div>
	</div>
	diff --git a/data/web/templates/user/tab-user-auth.twig b/data/web/templates/user/tab-user-auth.twig
	index c9b5be4b..a0d45b67 100644
	--- a/data/web/templates/user/tab-user-auth.twig
	+++ b/data/web/templates/user/tab-user-auth.twig
	@@ -1,140 +1,140 @@
	<div role="tabpanel" class="tab-pane active" id="tab-user-auth">
	- <div class="panel panel-default">
	- <div class="panel-heading">{{ lang.user.mailbox_general }}</div>
	- <div class="panel-body">
	+ <div class="card">
	+ <div class="card-header">{{ lang.user.mailbox_general }}</div>
	+ <div class="card-body">
	{% if mailboxdata.attributes.force_pw_update == '1' %}
	<div class="alert alert-danger">{{ lang.user.force_pw_update\|raw }}</div>
	{% endif %}
	{% if not skip_sogo %}
	<div class="row">
	<div class="hidden-xs col-md-3 col-xs-5 text-right"></div>
	<div class="col-md-3 col-xs-12">
	{% if dual_login and allow_admin_email_login == 'n' or mailboxdata.attributes.force_pw_update == '1' %}
	<button disabled class="btn btn-default btn-block btn-xs-lg">
	<i class="bi bi-inbox-fill"></i> {{ lang.user.open_webmail_sso }}
	</button>
	{% else %}
	<a target="_blank" href="/sogo-auth.php?login={{ mailcow_cc_username }}" role="button" class="btn btn-secondary btn-block btn-xs-lg">
	<i class="bi bi-inbox-fill"></i> {{ lang.user.open_webmail_sso }}
	</a>
	{% endif %}
	</div>
	</div>
	<hr>
	<div class="row">
	<div class="d-none d-sm-flex col-md-3 col-5 text-end"></div>
	<div class="col-md-9 col-12">
	<p class="text-muted text-muted-mt-0">{{ lang.user.direct_protocol_access\|raw }}</p>
	{% if mailboxdata.attributes.imap_access == 1 %}<div class="badge fs-6 bg-success">IMAP <i class="bi bi-check-lg"></i></div>{% else %}<div class="badge fs-6 bg-danger">IMAP <i class="bi bi-x-lg"></i></div>{% endif %}
	{% if mailboxdata.attributes.smtp_access == 1 %}<div class="badge fs-6 bg-success">SMTP <i class="bi bi-check-lg"></i></div>{% else %}<div class="badge fs-6 bg-danger">SMTP <i class="bi bi-x-lg"></i></div>{% endif %}
	{% if mailboxdata.attributes.sieve_access == 1 %}<div class="badge fs-6 bg-success">Sieve <i class="bi bi-check-lg"></i></div>{% else %}<div class="badge fs-6 bg-danger">Sieve <i class="bi bi-x-lg"></i></div>{% endif %}
	{% if mailboxdata.attributes.pop3_access == 1 %}<div class="badge fs-6 bg-success">POP3 <i class="bi bi-check-lg"></i></div>{% else %}<div class="badge fs-6 bg-danger">POP3 <i class="bi bi-x-lg"></i></div>{% endif %}
	{% if mailboxdata.attributes.sogo_access == 1 %}<div class="badge fs-6 bg-success">SOGo <i class="bi bi-check-lg"></i></div>{% else %}<div class="badge fs-6 bg-danger">SOGo <i class="bi bi-x-lg"></i></div>{% endif %}
	</div>
	</div>
	<hr>
	{% endif %}
	<div class="row">
	<div class="col-md-3 col-12 text-sm-end text-start mb-4">{{ lang.user.in_use }}:</div>
	<div class="col-md-5 col-12">
	<div class="progress">
	<div class="progress-bar bg-{{ mailboxdata.percent_class }}" role="progressbar" aria-valuenow="{{ mailboxdata.percent_in_use }}" aria-valuemin="0" aria-valuemax="100" style="min-width:2em;width: {{ mailboxdata.percent_in_use }}%;">
	{{ mailboxdata.percent_in_use }}%
	</div>
	</div>
	<p>{{ mailboxdata.quota_used\|formatBytes(2) }} / {% if mailboxdata.quota == 0 %}∞{% else %}{{ mailboxdata.quota\|formatBytes(2) }}{% endif %}<br>{{ mailboxdata.messages }} {{ lang.user.messages }}</p>
	<hr>
	<p><a href="#pwChangeModal" data-bs-toggle="modal"><i class="bi bi-pencil-fill"></i> {{ lang.user.change_password }}</a></p>
	</div>
	</div>
	<hr>
	{# FIDO2 #}
	<div class="row">
	<div class="col-sm-3 col-12 text-sm-end text-start">
	<p><i class="bi bi-shield-fill-check"></i> {{ lang.fido2.fido2_auth }}</p>
	</div>
	</div>
	<div class="row">
	<div class="col-sm-3 col-12 text-sm-end text-start mb-4">
	{{ lang.fido2.known_ids }}:
	</div>
	<div class="col-sm-9 col-12">
	<div class="table-responsive">
	<table class="table table-striped table-hover table-condensed" id="fido2_keys">
	<tr>
	<th>ID</th>
	<th style="min-width:240px;text-align: right">{{ lang.admin.action }}</th>
	</tr>
	{% include 'fido2.twig' %}
	</table>
	</div>
	<br>
	</div>
	</div>
	<div class="row">
	<div class="offset-sm-3 col-sm-9">
	<div class="btn-group nowrap">
	<button class="btn btn-sm btn-primary d-block d-sm-inline" id="register-fido2">{{ lang.fido2.set_fido2 }}</button>
	<button type="button" class="btn btn-sm btn-xs-lg btn-primary dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button>
	<ul class="dropdown-menu">
	<li><a class="dropdown-item" href="#" id="register-fido2-touchid"><i class="bi bi-apple"></i> {{ lang.fido2.set_fido2_touchid }}</a></li>
	</ul>
	</div>
	</div>
	</div>
	<br>
	<div class="row" id="status-fido2">
	<div class="col-sm-3 col-5 text-end">{{ lang.fido2.register_status }}:</div>
	<div class="col-sm-9 col-7">
	<div id="fido2-alerts">-</div>
	</div>
	<br>
	</div>
	<hr>
	<div class="row">
	<div class="col-md-3 col-12 text-sm-end text-start mb-4"><i class="bi bi-file-earmark-text"></i> {{ lang.user.apple_connection_profile }}:</div>
	<div class="col-md-9 col-12">
	<p><i class="bi bi-file-earmark-post"></i> <a href="/mobileconfig.php?only_email">{{ lang.user.email }}</a> <small>IMAP, SMTP</small></p>
	<p class="text-muted">{{ lang.user.apple_connection_profile_mailonly }}</p>
	{% if not skip_sogo %}
	<p><i class="bi bi-file-earmark-post"></i> <a href="/mobileconfig.php">{{ lang.user.email_and_dav }}</a> <small>IMAP, SMTP, Cal/CardDAV</small></p>
	<p class="text-muted">{{ lang.user.apple_connection_profile_complete }}</p>
	{% endif %}
	</div>
	</div>
	<div class="row">
	<div class="col-md-3 col-12 text-sm-end text-start mb-4"><i class="bi bi-file-earmark-text"></i> {{ lang.user.apple_connection_profile }}<br />{{ lang.user.with_app_password }}:</div>
	<div class="col-md-9 col-12">
	<p><i class="bi bi-file-earmark-post"></i> <a href="/mobileconfig.php?only_email&app_password">{{ lang.user.email }}</a> <small>IMAP, SMTP</small></p>
	<p class="text-muted">{{ lang.user.apple_connection_profile_mailonly }} {{ lang.user.apple_connection_profile_with_app_password }}</p>
	{% if not skip_sogo %}
	<p><i class="bi bi-file-earmark-post"></i> <a href="/mobileconfig.php?app_password">{{ lang.user.email_and_dav }}</a> <small>IMAP, SMTP, Cal/CardDAV</small></p>
	<p class="text-muted">{{ lang.user.apple_connection_profile_complete }} {{ lang.user.apple_connection_profile_with_app_password }}</p>
	{% endif %}
	</div>
	</div>
	<hr>
	<div class="row">
	- <div class="col-sm-offset-3 col-sm-9">
	+ <div class="offset-sm-3 col-sm-9">
	<p><a target="_blank" href="https://mailcow.github.io/mailcow-dockerized-docs/client/client/#{{ clientconfigstr }}">[{{ lang.user.client_configuration }}]</a></p>
	<p><a href="#userFilterModal" data-bs-toggle="modal">[{{ lang.user.show_sieve_filters }}]</a></p>
	<hr>
	<h4 class="recent-login-success pull-left">{{ lang.user.recent_successful_connections }}</h4>
	<div class="dropdown pull-left pull-xs-right">
	<button class="btn btn-secondary btn-xs btn-xs-lg dropdown-toggle" type="button" id="history_sasl_days" data-bs-toggle="dropdown">{{ lang.user.login_history }}</button>
	<ul class="dropdown-menu">
	<li class="login-history" data-days="1"><a class="dropdown-item" href="#">1 {{ lang.user.day }}</a></li>
	<li class="login-history" data-days="7"><a class="dropdown-item active" href="#">1 {{ lang.user.week }}</a></li>
	<li class="login-history" data-days="14"><a class="dropdown-item" href="#">2 {{ lang.user.weeks }}</a></li>
	<li class="login-history" data-days="31"><a class="dropdown-item" href="#">1 {{ lang.user.month }}</a></li>
	</ul>
	</div>
	<div class="last-login"></div>
	<span class="clear-last-logins">
	{{ lang.user.clear_recent_successful_connections }}
	</span>
	</div>
	</div>
	</div>
	</div>
	</div>

File Metadata

Mime Type: text/x-diff
Expires: 9月 11 Thu, 1:45 PM (13 h, 24 m)
Storage Engine: blob
Storage Format: Raw Data
Storage Handle: 5577
默认替代文本: (219 KB)

No OneTemporaryActions

View Options

File Metadata

Event Timeline

No OneTemporary
Actions