mail-proxy-relaying: format function arguments

[pmg-gui.git] / js / SystemConfiguration.js

diff --git a/js/SystemConfiguration.js b/js/SystemConfiguration.js
index 937ccb436861a91c4081b0440acebce41cbc623b..a2d1cef72c7c5f4a7dd7aac6a20f909f9e1c5b73 100644 (file)
--- a/js/SystemConfiguration.js
+++ b/js/SystemConfiguration.js
@@ -1,48 +1,69 @@
+
 Ext.define('PMG.SystemConfiguration', {
     extend: 'Ext.tab.Panel',
-    alias: 'widget.pmgSystemConfiguration',
+    xtype: 'pmgSystemConfiguration',
 
     title: gettext('Configuration') + ': ' + gettext('System'),
     border: false,
+    scrollable: true,
     defaults: { border: false },
-
     items: [
        {
-           title: gettext('Network'),
-           xtype: 'proxmoxNodeNetworkView',
-           nodename: Proxmox.NodeName
-       },
-       {
-           title: gettext('DNS'),
-           xtype: 'proxmoxNodeDNSView',
-           nodename: Proxmox.NodeName
-       },
-       {
-           title: gettext('Time'),
-            xtype: 'proxmoxNodeTimeView',
-           nodename: Proxmox.NodeName
-       },
-       {
-           itemId: 'backup',
-            title: gettext('Backup'),
-           html: "Backkup"
-       },
-       {
-           itemId: 'restore',
-            title: gettext('Restore'),
-           html: "Restore"
+           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,
+                   showApplyBtn: true,
+               },
+           ],
        },
        {
-           itemId: 'reports',
-            title: gettext('Reports'),
-           html: "Reports"
+           xtype: 'pmgSystemOptions',
+           itemId: 'options',
+            title: gettext('Options'),
+           iconCls: 'fa fa-cogs',
        },
-       {
-           itemId: 'ssh',
-            title: gettext('SSH Access'),
-           html: "SSH Access"
-       }
-    ]
+    ],
+
+    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']);
+       });
+    },
 });