mirror of
https://git.proxmox.com/git/pmg-gui
synced 2025-05-31 12:50:54 +00:00
e47571db64
Like we did in PBS, which has a very similar GUI structure as PMG. Rationale is that the network panel is flexed and thus normally the biggest, while DNS and time are fixed and short, and an inverted pyramid, height-wise, looks a bit off as layout. Also network will show the pending changes at the bottom, which is nicer if its really at the bottom of the view. Signed-off-by: Thomas Lamprecht <t.lamprecht@proxmox.com>
69 lines
1.4 KiB
JavaScript
69 lines
1.4 KiB
JavaScript
|
|
Ext.define('PMG.SystemConfiguration', {
|
|
extend: 'Ext.tab.Panel',
|
|
xtype: 'pmgSystemConfiguration',
|
|
|
|
title: gettext('Configuration') + ': ' + gettext('System'),
|
|
border: false,
|
|
scrollable: true,
|
|
defaults: { border: false },
|
|
items: [
|
|
{
|
|
title: gettext('Network/Time'),
|
|
itemId: 'network',
|
|
iconCls: 'fa fa-exchange',
|
|
xtype: 'panel',
|
|
layout: {
|
|
type: 'vbox',
|
|
align: 'stretch',
|
|
multi: true,
|
|
},
|
|
bodyPadding: '0 0 10 0',
|
|
defaults: {
|
|
collapsible: true,
|
|
animCollapse: false,
|
|
margin: '10 10 0 10',
|
|
},
|
|
items: [
|
|
{
|
|
title: gettext('Time'),
|
|
xtype: 'proxmoxNodeTimeView',
|
|
nodename: Proxmox.NodeName,
|
|
},
|
|
{
|
|
title: gettext('DNS'),
|
|
xtype: 'proxmoxNodeDNSView',
|
|
nodename: Proxmox.NodeName,
|
|
},
|
|
{
|
|
flex: 1,
|
|
minHeight: 200,
|
|
title: gettext('Interfaces'),
|
|
xtype: 'proxmoxNodeNetworkView',
|
|
types: ['bond'],
|
|
nodename: Proxmox.NodeName,
|
|
},
|
|
],
|
|
},
|
|
{
|
|
xtype: 'pmgSystemOptions',
|
|
itemId: 'options',
|
|
title: gettext('Options'),
|
|
iconCls: 'fa fa-cogs',
|
|
},
|
|
],
|
|
|
|
initComponent: function() {
|
|
var me = this;
|
|
|
|
me.callParent();
|
|
|
|
var networktime = me.getComponent('network');
|
|
Ext.Array.forEach(networktime.query(), function(item) {
|
|
item.relayEvents(networktime, ['activate', 'deactivate', 'destroy']);
|
|
});
|
|
},
|
|
});
|
|
|
|
|