www/manager6/qemu/Summary.js

   1 Ext.define('PVE.qemu.Summary', {
   2     extend: 'Ext.panel.Panel',
   3     alias: 'widget.pveQemuSummary',
   4
   5     scrollable: true,
   6     bodyPadding: '10 0 0 0',
   7
   8     initComponent: function() {
   9         var me = this;
  10
  11         var nodename = me.pveSelNode.data.node;
  12         if (!nodename) {
  13             throw "no node name specified";
  14         }
  15
  16         var vmid = me.pveSelNode.data.vmid;
  17         if (!vmid) {
  18             throw "no VM ID specified";
  19         }
  20
  21         if (!me.workspace) {
  22             throw "no workspace specified";
  23         }
  24
  25         if (!me.statusStore) {
  26             throw "no status storage specified";
  27         }
  28
  29         var template = !!me.pveSelNode.data.template;
  30         var rstore = me.statusStore;
  31
  32         var notesview = Ext.create('PVE.panel.NotesView', {
  33             pveSelNode: me.pveSelNode,
  34             padding: '0 0 0 10',
  35             flex: 1
  36         });
  37
  38         if (template) {
  39
  40             Ext.apply(me, {
  41                 plugins: {
  42                     ptype: 'lazyitems',
  43                     items: [
  44                         {
  45                             xtype: 'container',
  46                             layout: {
  47                                 type: 'column'
  48                             },
  49                             defaults: {
  50                                 padding: '0 0 10 0'
  51                             },
  52                             items: [{
  53                                 width: 770,
  54                                 layout: {
  55                                     type: 'vbox',
  56                                     align: 'stretch'
  57                                 },
  58                                 border: false,
  59                                 items: [
  60                                     {
  61                                         xtype: 'pveTemplateStatusView',
  62                                         pveSelNode: me.pveSelNode,
  63                                         padding: '0 0 10 10',
  64                                         rstore: rstore
  65                                     },
  66                                     notesview
  67                                 ]
  68                             }]
  69                         }
  70                     ]
  71                 },
  72                 listeners: {
  73                     activate: function() { notesview.load(); }
  74                 }
  75             });
  76
  77         } else {
  78             var rrdstore = Ext.create('Proxmox.data.RRDStore', {
  79                 rrdurl: "/api2/json/nodes/" + nodename + "/qemu/" + vmid + "/rrddata",
  80                 model: 'pve-rrd-guest'
  81             });
  82
  83             Ext.apply(me, {
  84                 tbar: [ '->', { xtype: 'proxmoxRRDTypeSelector' } ],
  85                 plugins: {
  86                     ptype: 'lazyitems',
  87                     items: [
  88                         {
  89                             xtype: 'container',
  90                             layout: {
  91                                 type: 'column'
  92                             },
  93                             defaults: {
  94                                 padding: '0 0 10 10'
  95                             },
  96                             items: [
  97                                 {
  98                                     width: 770,
  99                                     height: 330,
 100                                     layout: {
 101                                         type: 'hbox',
 102                                         align: 'stretch'
 103                                     },
 104                                     border: false,
 105                                     items: [
 106                                         {
 107                                             xtype: 'pveGuestStatusView',
 108                                             pveSelNode: me.pveSelNode,
 109                                             width: 400,
 110                                             rstore: rstore
 111                                         },
 112                                         notesview
 113                                     ]
 114                                 },
 115                                 {
 116                                     xtype: 'proxmoxRRDChart',
 117                                     title: gettext('CPU usage'),
 118                                     pveSelNode: me.pveSelNode,
 119                                     fields: ['cpu'],
 120                                     fieldTitles: [gettext('CPU usage')],
 121                                     store: rrdstore
 122                                 },
 123                                 {
 124                                     xtype: 'proxmoxRRDChart',
 125                                     title: gettext('Memory usage'),
 126                                     pveSelNode: me.pveSelNode,
 127                                     fields: ['maxmem', 'mem'],
 128                                     fieldTitles: [gettext('Total'), gettext('RAM usage')],
 129                                     store: rrdstore
 130                                 },
 131                                 {
 132                                     xtype: 'proxmoxRRDChart',
 133                                     title: gettext('Network traffic'),
 134                                     pveSelNode: me.pveSelNode,
 135                                     fields: ['netin','netout'],
 136                                     store: rrdstore
 137                                 },
 138                                 {
 139                                     xtype: 'proxmoxRRDChart',
 140                                     title: gettext('Disk IO'),
 141                                     pveSelNode: me.pveSelNode,
 142                                     fields: ['diskread','diskwrite'],
 143                                     store: rrdstore
 144                                 }
 145                             ]
 146                         }
 147                     ]
 148                 },
 149                 listeners: {
 150                     activate: function() {notesview.load(); rrdstore.startUpdate();},
 151                     destroy: rrdstore.stopUpdate
 152                 }
 153             });
 154         }
 155
 156         me.callParent();
 157     }
 158 });