From bcc48f062cfada820f8ee610a97798997673949c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Dominic=20J=C3=A4ger?= Date: Fri, 27 Nov 2020 12:08:12 +0100 Subject: [PATCH] input panel: Add drawing of layout MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 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 --- src/panel/InputPanel.js | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/src/panel/InputPanel.js b/src/panel/InputPanel.js index 67f7352..a9c7263 100644 --- a/src/panel/InputPanel.js +++ b/src/panel/InputPanel.js @@ -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() { let me = this;