www/manager6/qemu/Summary.js

   1 Ext.define('PVE.qemu.Summary', {
   2     extend: 'Ext.panel.Panel',
   3     alias: 'widget.pveQemuSummary',
   4
   5     tbar: [ '->', { xtype: 'pveRRDTypeSelector' } ],
   6     scrollable: true,
   7     bodyPadding: 10,
   8
   9     initComponent: function() {
  10         var me = this;
  11
  12         var nodename = me.pveSelNode.data.node;
  13         if (!nodename) {
  14             throw "no node name specified";
  15         }
  16
  17         var vmid = me.pveSelNode.data.vmid;
  18         if (!vmid) {
  19             throw "no VM ID specified";
  20         }
  21
  22         if (!me.workspace) {
  23             throw "no workspace specified";
  24         }
  25
  26         if (!me.statusStore) {
  27             throw "no status storage specified";
  28         }
  29
  30         var rstore = me.statusStore;
  31
  32         var statusview = Ext.create('PVE.qemu.StatusView', {
  33             title: gettext('Status'),
  34             pveSelNode: me.pveSelNode,
  35             width: 400,
  36             rstore: rstore
  37         });
  38
  39         var notesview = Ext.create('PVE.panel.NotesView', {
  40             pveSelNode: me.pveSelNode,
  41             padding: '0 0 0 10',
  42             flex: 1
  43         });
  44
  45         var rrdstore = Ext.create('PVE.data.RRDStore', {
  46             rrdurl: "/api2/json/nodes/" + nodename + "/qemu/" + vmid + "/rrddata"
  47         });
  48
  49         Ext.apply(me, {
  50             plugins: {
  51                 ptype: 'lazyitems',
  52                 items: [
  53                     {
  54                         xtype: 'container',
  55                         layout: {
  56                             type: 'column'
  57                         },
  58                         defaults: {
  59                             padding: '0 10 10 0'
  60                         },
  61                         items: [
  62                             {
  63                                 width: 800,
  64                                 height: 300,
  65                                 layout: {
  66                                     type: 'hbox',
  67                                     align: 'stretch'
  68                                 },
  69                                 border: false,
  70                                 items: [ statusview, notesview ]
  71                             },
  72                             {
  73                                 xtype: 'pveRRDChart',
  74                                 title: gettext('CPU usage'),
  75                                 pveSelNode: me.pveSelNode,
  76                                 fields: ['cpu'],
  77                                 fieldTitles: [gettext('CPU usage')],
  78                                 store: rrdstore
  79                             },
  80                             {
  81                                 xtype: 'pveRRDChart',
  82                                 title: gettext('Memory usage'),
  83                                 pveSelNode: me.pveSelNode,
  84                                 fields: ['maxmem', 'mem'],
  85                                 fieldTitles: [gettext('Total'), gettext('RAM usage')],
  86                                 store: rrdstore
  87                             },
  88                             {
  89                                 xtype: 'pveRRDChart',
  90                                 title: gettext('Network traffic'),
  91                                 pveSelNode: me.pveSelNode,
  92                                 fields: ['netin','netout'],
  93                                 store: rrdstore
  94                             },
  95                             {
  96                                 xtype: 'pveRRDChart',
  97                                 title: gettext('Disk IO'),
  98                                 pveSelNode: me.pveSelNode,
  99                                 fields: ['diskread','diskwrite'],
 100                                 store: rrdstore
 101                             }
 102                         ]
 103                     }
 104                 ]
 105             },
 106             listeners: {
 107                 activate: function() {notesview.load(); rrdstore.startUpdate();},
 108                 hide: rrdstore.stopUpdate,
 109                 destroy: rrdstore.stopUpdate
 110             }
 111         });
 112
 113         me.callParent();
 114     }
 115 });