proxmox-mirrors/proxmox-widget-toolkit
1
0
Fork 1
mirror of https://git.proxmox.com/git/proxmox-widget-toolkit synced 2025-06-22 19:58:40 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

input panel: Add drawing of layout

Browse Source 
The drawing makes clear in a few seconds:
 - what columnT and columnB stand for
 - what additional containers and panels are created
 - to which of those the elements of column1, column2... go to

When you're in the JS debugger and lost overview of where in this
element hierarchy you are, you can quickly check xtype + layout. Then
consulting this drawing solves the mistery.

Signed-off-by: Dominic Jäger <d.jaeger@proxmox.com>
This commit is contained in:
Dominic Jäger 2020-11-27 12:08:12 +01:00 committed by Thomas Lamprecht
parent 0753b980c8
commit bcc48f062c
1 changed files with 14 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/panel/InputPanel.js
View File

@ -76,6 +76,20 @@ Ext.define('Proxmox.panel.InputPanel', {
}); });
}, },
/**
* inputpanel, vbox
* +---------------------------------------------------------------------+
* | columnT |
* +---------------------------------------------------------------------+
* | container, hbox |
* | +---------------+---------------+---------------+---------------+ |
* | | column1 | column2 | column3 | column4 | |
* | | panel, anchor | panel, anchor | panel, anchor | panel, anchor | |
* | +---------------+---------------+---------------+---------------+ |
* +---------------------------------------------------------------------+
* | columnB |
* +---------------------------------------------------------------------+
*/
initComponent: function() { initComponent: function() {
let me = this; let me = this;