pve-manager/www/manager6/qemu/Summary.js

Ext.define('PVE.qemu.Summary', {
    extend: 'Ext.panel.Panel',
    alias: 'widget.pveQemuSummary',

    scrollable: true,
    bodyPadding: '10 0 0 0',

    initComponent: function() {
        var me = this;

	var nodename = me.pveSelNode.data.node;
	if (!nodename) {
	    throw "no node name specified";
	}

	var vmid = me.pveSelNode.data.vmid;
	if (!vmid) {
	    throw "no VM ID specified";
	}

	if (!me.workspace) {
	    throw "no workspace specified";
	}

	if (!me.statusStore) {
	    throw "no status storage specified";
	}

	var template = !!me.pveSelNode.data.template;
	var rstore = me.statusStore;

	var notesview = Ext.create('PVE.panel.NotesView', {
	    pveSelNode: me.pveSelNode,
	    padding: '0 0 0 10',
	    flex: 1
	});

	if (template) {

	    Ext.apply(me, {
		plugins: {
		    ptype: 'lazyitems',
		    items: [
			{
			    xtype: 'container',
			    layout: {
				type: 'column'
			    },
			    defaults: {
				padding: '0 0 10 0'
			    },
			    items: [{
				width: 770,
				layout: {
				    type: 'vbox',
				    align: 'stretch'
				},
				border: false,
				items: [
				    {
					xtype: 'pveTemplateStatusView',
					pveSelNode: me.pveSelNode,
					padding: '0 0 10 10',
					rstore: rstore
				    },
				    notesview
				]
			    }]
			}
		    ]
		},
		listeners: {
		    activate: function() { notesview.load(); }
		}
	    });

	} else {
	    var rrdstore = Ext.create('Proxmox.data.RRDStore', {
		rrdurl: "/api2/json/nodes/" + nodename + "/qemu/" + vmid + "/rrddata",
		model: 'pve-rrd-guest'
	    });

	    Ext.apply(me, {
		tbar: [ '->', { xtype: 'proxmoxRRDTypeSelector' } ],
		plugins: {
		    ptype: 'lazyitems',
		    items: [
			{
			    xtype: 'container',
			    layout: {
				type: 'column'
			    },
			    defaults: {
				padding: '0 0 10 10'
			    },
			    items: [
				{
				    width: 770,
				    height: 300,
				    layout: {
					type: 'hbox',
					align: 'stretch'
				    },
				    border: false,
				    items: [
					{
					    xtype: 'pveGuestStatusView',
					    pveSelNode: me.pveSelNode,
					    width: 400,
					    rstore: rstore
					},
					notesview
				    ]
				},
				{
				    xtype: 'proxmoxRRDChart',
				    title: gettext('CPU usage'),
				    pveSelNode: me.pveSelNode,
				    fields: ['cpu'],
				    fieldTitles: [gettext('CPU usage')],
				    store: rrdstore
				},
				{
				    xtype: 'proxmoxRRDChart',
				    title: gettext('Memory usage'),
				    pveSelNode: me.pveSelNode,
				    fields: ['maxmem', 'mem'],
				    fieldTitles: [gettext('Total'), gettext('RAM usage')],
				    store: rrdstore
				},
				{
				    xtype: 'proxmoxRRDChart',
				    title: gettext('Network traffic'),
				    pveSelNode: me.pveSelNode,
				    fields: ['netin','netout'],
				    store: rrdstore
				},
				{
				    xtype: 'proxmoxRRDChart',
				    title: gettext('Disk IO'),
				    pveSelNode: me.pveSelNode,
				    fields: ['diskread','diskwrite'],
				    store: rrdstore
				}
			    ]
			}
		    ]
		},
		listeners: {
		    activate: function() {notesview.load(); rrdstore.startUpdate();},
		    destroy: rrdstore.stopUpdate
		}
	    });
	}

	me.callParent();
    }
});