proxmox-mirrors/proxmox-widget-toolkit
1
0
Fork 1
mirror of https://git.proxmox.com/git/proxmox-widget-toolkit synced 2025-08-16 09:52:40 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

input panel: support convenience top column

Browse Source 
mirrors columnB (column bottom) but is placed on the top, i.e.,
columnT.

One can no conveniently set the following layout:

  +-------------------------------------+
  |                                     |
  |               columnT               |
  |                                     |
  +------------------+------------------+
  |                  |                  |
  |                  |                  |
  |   column1        |   column2        |
  |                  |                  |
  |                  |                  |
  +------------------+------------------+
  |                                     |
  |               columnB               |
  |                                     |
  +-------------------------------------+

(4 columns should work too, but we do not use that anywhere FWICT)

Signed-off-by: Thomas Lamprecht <t.lamprecht@proxmox.com>
This commit is contained in:
Thomas Lamprecht 2020-11-23 13:13:23 +01:00
parent 9150498ca3
commit 455f5fe5ed
1 changed files with 20 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/panel/InputPanel.js
View File

@ -90,7 +90,15 @@ Ext.define('Proxmox.panel.InputPanel', {
]; ];
me.items = undefined; me.items = undefined;
} else if (me.column4) { } else if (me.column4) {
items = [ items = [];
if (me.columnT) {
items.push({
padding: '0 0 0 0',
layout: 'anchor',
items: me.columnT,
});
}
items.push(
{ {
layout: 'hbox', layout: 'hbox',
defaults: { defaults: {
@ -117,7 +125,7 @@ Ext.define('Proxmox.panel.InputPanel', {
}, },
], ],
}, },
]; );
if (me.columnB) { if (me.columnB) {
items.push({ items.push({
padding: '10 0 0 0', padding: '10 0 0 0',
@ -126,7 +134,15 @@ Ext.define('Proxmox.panel.InputPanel', {
}); });
} }
} else if (me.column1) { } else if (me.column1) {
items = [ items = [];
if (me.columnT) {
items.push({
padding: '0 0 10 0',
layout: 'anchor',
items: me.columnT,
});
}
items.push(
{ {
layout: 'hbox', layout: 'hbox',
defaults: { defaults: {
@ -145,7 +161,7 @@ Ext.define('Proxmox.panel.InputPanel', {
}, },
], ],
}, },
]; );
if (me.columnB) { if (me.columnB) {
items.push({ items.push({
padding: '10 0 0 0', padding: '10 0 0 0',