proxmox-mirrors/pmg-gui
1
0
Fork 0
mirror of https://git.proxmox.com/git/pmg-gui synced 2025-08-15 21:55:56 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

objects: add separator between match field selector and description

Browse Source 
Make it easier to see that match-field selector and its description
are separate. For that we have to make the top level docked item a
'toolbar'.

Reported-by: Thomas Lamprecht <t.lamprecht@proxmox.com>
Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
This commit is contained in:
Dominik Csapak 2024-02-27 09:53:15 +01:00 committed by Thomas Lamprecht
parent 443e7de1f4
commit 758ddf0639
1 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
js/ObjectGroup.js
View File

@ -40,6 +40,7 @@ Ext.define('PMG.ObjectGroup', {
if (me.ogdata === undefined) { if (me.ogdata === undefined) {
me.down('#oginfo').update(me.emptyText); me.down('#oginfo').update(me.emptyText);
me.down('#separator').setHidden(true);
me.down('#modeBox').setHidden(true); me.down('#modeBox').setHidden(true);
me.down('#whatWarning').setHidden(true); me.down('#whatWarning').setHidden(true);
} else { } else {
@ -49,6 +50,7 @@ Ext.define('PMG.ObjectGroup', {
me.down('#oginfo').update(html); me.down('#oginfo').update(html);
me.down('#ogdata').setHidden(false); me.down('#ogdata').setHidden(false);
me.down('#separator').setHidden(false);
let modeSelector = me.down('#modeSelector'); let modeSelector = me.down('#modeSelector');
modeSelector.suspendEvents(); modeSelector.suspendEvents();
me.down('#modeSelector').setValue(mode); me.down('#modeSelector').setValue(mode);
@ -228,9 +230,13 @@ Ext.define('PMG.ObjectGroup', {
me.dockedItems.push({ me.dockedItems.push({
dock: 'top', dock: 'top',
border: 1, border: 1,
layout: 'hbox', layout: {
type: 'hbox',
align: 'stretch',
},
hidden: !!me.hideGroupInfo, hidden: !!me.hideGroupInfo,
itemId: 'ogdata', itemId: 'ogdata',
xtype: 'toolbar',
items: [ items: [
{ {
xtype: 'container', xtype: 'container',
@ -274,6 +280,11 @@ Ext.define('PMG.ObjectGroup', {
}, },
], ],
}, },
{
xtype: 'tbseparator',
itemId: 'separator',
hidden: true,
},
{ {
xtype: 'component', xtype: 'component',
flex: 1, flex: 1,