quarantines: use a check mark for the dark mode filter

...instead of a toggle button. also adjusts the wording and adds a
separator.

Signed-off-by: Stefan Sterz <s.sterz@proxmox.com>
This commit is contained in:
Stefan Sterz 2023-03-23 16:44:55 +01:00 committed by Thomas Lamprecht
parent aa557e8068
commit e950ec7202
4 changed files with 31 additions and 17 deletions

View File

@ -108,10 +108,14 @@ Ext.define('PMG.AttachmentQuarantine', {
iconCls: 'fa fa-file-code-o',
},
{
xtype: 'button',
reference: 'themeToggle',
text: gettext('Toggle Theme'),
enableToggle: true,
xtype: 'tbseparator',
reference: 'themeCheckSep',
},
{
xtype: 'proxmoxcheckbox',
reference: 'themeCheck',
checked: true,
boxLabel: gettext('Dark-mode filter'),
iconCls: 'fa fa-paint-brush',
},
'->',

View File

@ -225,10 +225,14 @@ Ext.define('PMG.SpamQuarantine', {
iconCls: 'fa fa-bullhorn',
},
{
xtype: 'button',
reference: 'themeToggle',
text: gettext('Toggle Theme'),
enableToggle: true,
xtype: 'tbseparator',
reference: 'themeCheckSep',
},
{
xtype: 'proxmoxcheckbox',
reference: 'themeCheck',
checked: true,
boxLabel: gettext('Dark-mode filter'),
iconCls: 'fa fa-paint-brush',
},
'->',

View File

@ -121,10 +121,14 @@ Ext.define('PMG.VirusQuarantine', {
iconCls: 'fa fa-file-code-o',
},
{
xtype: 'button',
reference: 'themeToggle',
text: gettext('Toggle Theme'),
enableToggle: true,
xtype: 'tbseparator',
reference: 'themeCheckSep',
},
{
xtype: 'proxmoxcheckbox',
reference: 'themeCheck',
checked: true,
boxLabel: gettext('Dark-mode filter'),
iconCls: 'fa fa-paint-brush',
},
'->',

View File

@ -46,21 +46,23 @@ Ext.define('PMG.controller.QuarantineController', {
hideThemeToggle: function(argument) {
let me = this;
let themeButton = me.lookup("themeToggle");
let themeButton = me.lookup('themeCheck');
themeButton.disable();
themeButton.hide();
me.lookup('themeCheckSep').hide();
me.themed = true;
me.toggleTheme();
},
showThemeToggle: function(argument) {
let me = this;
let themeButton = me.lookup("themeToggle");
let themeButton = me.lookup('themeCheck');
me.themed = false;
me.toggleTheme();
themeButton.setPressed(true);
themeButton.setValue(true);
themeButton.enable();
themeButton.show();
me.lookup('themeCheckSep').show();
},
toggleRaw: function(button) {
@ -226,8 +228,8 @@ Ext.define('PMG.controller.QuarantineController', {
'button[reference=raw]': {
click: 'toggleRaw',
},
'button[reference=themeToggle]': {
click: 'toggleTheme',
'proxmoxcheckbox[reference=themeCheck]': {
change: 'toggleTheme',
},
'pmgQuarantineList': {
selectionChange: 'onSelectMail',