]>
Commit | Line | Data |
---|---|---|
426d7f74 DM |
1 | Ext.define('PVE.qemu.Summary', { |
2 | extend: 'Ext.panel.Panel', | |
3 | alias: 'widget.pveQemuSummary', | |
4 | ||
6f68dcbe EK |
5 | tbar: [ '->', { xtype: 'pveRRDTypeSelector' } ], |
6 | scrollable: true, | |
13af4d51 | 7 | bodyPadding: 10, |
64ff6a19 | 8 | |
426d7f74 DM |
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 | ||
426d7f74 DM |
39 | var notesview = Ext.create('PVE.panel.NotesView', { |
40 | pveSelNode: me.pveSelNode, | |
68867744 | 41 | padding: '0 0 0 10', |
426d7f74 DM |
42 | flex: 1 |
43 | }); | |
44 | ||
13af4d51 | 45 | var rrdstore = Ext.create('PVE.data.RRDStore', { |
22f2f9d6 | 46 | rrdurl: "/api2/json/nodes/" + nodename + "/qemu/" + vmid + "/rrddata" |
426d7f74 DM |
47 | }); |
48 | ||
13af4d51 DC |
49 | Ext.apply(me, { |
50 | plugins: { | |
51 | ptype: 'lazyitems', | |
52 | items: [ | |
13af4d51 | 53 | { |
d49b640b DC |
54 | xtype: 'container', |
55 | layout: { | |
56 | type: 'column' | |
57 | }, | |
58 | defaults: { | |
64ff6a19 | 59 | padding: '0 10 10 0' |
d49b640b DC |
60 | }, |
61 | items: [ | |
64ff6a19 DM |
62 | { |
63 | width: 800, | |
64 | height: 300, | |
65 | layout: { | |
66 | type: 'hbox', | |
67 | align: 'stretch' | |
68 | }, | |
69 | border: false, | |
70 | items: [ statusview, notesview ] | |
71 | }, | |
d49b640b DC |
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 | ] | |
13af4d51 | 103 | } |
22f2f9d6 | 104 | ] |
13af4d51 DC |
105 | }, |
106 | listeners: { | |
107 | activate: function() {notesview.load(); rrdstore.startUpdate();}, | |
108 | hide: rrdstore.stopUpdate, | |
22f2f9d6 | 109 | destroy: rrdstore.stopUpdate |
13af4d51 | 110 | } |
426d7f74 DM |
111 | }); |
112 | ||
113 | me.callParent(); | |
114 | } | |
115 | }); |