spam info grid: add score depending background colors gradations

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

diff --git a/js/SystemConfiguration.js b/js/SystemConfiguration.js
index 8e51127b2ef993c229bbaf6cbd2672344b889408..a2d1cef72c7c5f4a7dd7aac6a20f909f9e1c5b73 100644 (file)
--- a/js/SystemConfiguration.js
+++ b/js/SystemConfiguration.js
@@ -1,4 +1,3 @@
-/*global Proxmox*/
 
 Ext.define('PMG.SystemConfiguration', {
     extend: 'Ext.tab.Panel',
@@ -12,48 +11,59 @@ Ext.define('PMG.SystemConfiguration', {
        {
            title: gettext('Network/Time'),
            itemId: 'network',
+           iconCls: 'fa fa-exchange',
            xtype: 'panel',
            layout: {
                type: 'vbox',
                align: 'stretch',
-               multi: true
+               multi: true,
            },
            bodyPadding: '0 0 10 0',
            defaults: {
                collapsible: true,
                animCollapse: false,
-               margin: '10 10 0 10'
+               margin: '10 10 0 10',
            },
            items: [
                {
-                   flex: 1,
-                   minHeight: 200,
-                   title: gettext('Interfaces'),
-                   xtype: 'proxmoxNodeNetworkView',
-                   nodename: Proxmox.NodeName
+                   title: gettext('Time'),
+                   xtype: 'proxmoxNodeTimeView',
+                   nodename: Proxmox.NodeName,
                },
                {
                    title: gettext('DNS'),
                    xtype: 'proxmoxNodeDNSView',
-                   nodename: Proxmox.NodeName
+                   nodename: Proxmox.NodeName,
                },
                {
-                   title: gettext('Time'),
-                   xtype: 'proxmoxNodeTimeView',
-                   nodename: Proxmox.NodeName
-               }
-           ]
+                   flex: 1,
+                   minHeight: 200,
+                   title: gettext('Interfaces'),
+                   xtype: 'proxmoxNodeNetworkView',
+                   types: ['bond'],
+                   nodename: Proxmox.NodeName,
+                   showApplyBtn: true,
+               },
+           ],
        },
        {
+           xtype: 'pmgSystemOptions',
            itemId: 'options',
             title: gettext('Options'),
-           xtype: 'pmgSystemOptions'
+           iconCls: 'fa fa-cogs',
        },
-       {
-           itemId: 'backup',
-           xtype: 'pmgBackupRestore'
-       }
-    ]
+    ],
+
+    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']);
+       });
+    },
 });