]>
Commit | Line | Data |
---|---|---|
5888ba93 | 1 | Ext.define('PVE.guest.Summary', { |
426d7f74 | 2 | extend: 'Ext.panel.Panel', |
df0875c2 | 3 | xtype: 'pveGuestSummary', |
426d7f74 | 4 | |
6f68dcbe | 5 | scrollable: true, |
33f459ca | 6 | bodyPadding: 5, |
64ff6a19 | 7 | |
426d7f74 DM |
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 | ||
df0875c2 | 29 | var type = me.pveSelNode.data.type; |
a4d292d9 | 30 | var template = !!me.pveSelNode.data.template; |
426d7f74 DM |
31 | var rstore = me.statusStore; |
32 | ||
33f459ca DC |
33 | var items = [ |
34 | { | |
35 | xtype: template ? 'pveTemplateStatusView' : 'pveGuestStatusView', | |
bbc83309 DC |
36 | flex: 1, |
37 | padding: template ? '5' : '0 5 0 0', | |
33f459ca DC |
38 | itemId: 'gueststatus', |
39 | pveSelNode: me.pveSelNode, | |
f6710aac | 40 | rstore: rstore, |
33f459ca DC |
41 | }, |
42 | { | |
742de03d | 43 | xtype: 'pmxNotesView', |
bbc83309 DC |
44 | flex: 1, |
45 | padding: template ? '5' : '0 0 0 5', | |
33f459ca DC |
46 | itemId: 'notesview', |
47 | pveSelNode: me.pveSelNode, | |
bbc83309 | 48 | }, |
33f459ca DC |
49 | ]; |
50 | ||
51 | var rrdstore; | |
52 | if (!template) { | |
bbc83309 DC |
53 | // in non-template mode put the two panels always together |
54 | items = [ | |
55 | { | |
56 | xtype: 'container', | |
164a86ab | 57 | height: 300, |
bbc83309 DC |
58 | layout: { |
59 | type: 'hbox', | |
60 | align: 'stretch', | |
61 | }, | |
f6710aac TL |
62 | items: items, |
63 | }, | |
bbc83309 DC |
64 | ]; |
65 | ||
33f459ca | 66 | rrdstore = Ext.create('Proxmox.data.RRDStore', { |
df0875c2 | 67 | rrdurl: `/api2/json/nodes/${nodename}/${type}/${vmid}/rrddata`, |
f6710aac | 68 | model: 'pve-rrd-guest', |
a4d292d9 DC |
69 | }); |
70 | ||
33f459ca DC |
71 | items.push( |
72 | { | |
73 | xtype: 'proxmoxRRDChart', | |
74 | title: gettext('CPU usage'), | |
75 | pveSelNode: me.pveSelNode, | |
76 | fields: ['cpu'], | |
77 | fieldTitles: [gettext('CPU usage')], | |
cf6b65a2 | 78 | unit: 'percent', |
f6710aac | 79 | store: rrdstore, |
a4d292d9 | 80 | }, |
33f459ca DC |
81 | { |
82 | xtype: 'proxmoxRRDChart', | |
83 | title: gettext('Memory usage'), | |
84 | pveSelNode: me.pveSelNode, | |
85 | fields: ['maxmem', 'mem'], | |
86 | fieldTitles: [gettext('Total'), gettext('RAM usage')], | |
e67d454a TL |
87 | unit: 'bytes', |
88 | powerOfTwo: true, | |
f6710aac | 89 | store: rrdstore, |
33f459ca DC |
90 | }, |
91 | { | |
92 | xtype: 'proxmoxRRDChart', | |
93 | title: gettext('Network traffic'), | |
94 | pveSelNode: me.pveSelNode, | |
f6710aac TL |
95 | fields: ['netin', 'netout'], |
96 | store: rrdstore, | |
33f459ca DC |
97 | }, |
98 | { | |
99 | xtype: 'proxmoxRRDChart', | |
100 | title: gettext('Disk IO'), | |
101 | pveSelNode: me.pveSelNode, | |
f6710aac TL |
102 | fields: ['diskread', 'diskwrite'], |
103 | store: rrdstore, | |
104 | }, | |
33f459ca | 105 | ); |
a4d292d9 | 106 | } |
426d7f74 | 107 | |
33f459ca | 108 | Ext.apply(me, { |
8058410f | 109 | tbar: ['->', { xtype: 'proxmoxRRDTypeSelector' }], |
33f459ca DC |
110 | items: [ |
111 | { | |
112 | xtype: 'container', | |
bbc83309 | 113 | itemId: 'itemcontainer', |
33f459ca | 114 | layout: { |
f6710aac | 115 | type: 'column', |
33f459ca | 116 | }, |
ed3e711e | 117 | minWidth: 700, |
33f459ca DC |
118 | defaults: { |
119 | minHeight: 330, | |
120 | padding: 5, | |
33f459ca | 121 | }, |
bbc83309 DC |
122 | items: items, |
123 | listeners: { | |
124 | resize: function(container) { | |
2874be00 | 125 | Proxmox.Utils.updateColumns(container); |
f6710aac TL |
126 | }, |
127 | }, | |
128 | }, | |
129 | ], | |
33f459ca DC |
130 | }); |
131 | ||
426d7f74 | 132 | me.callParent(); |
33f459ca DC |
133 | if (!template) { |
134 | rrdstore.startUpdate(); | |
135 | me.on('destroy', rrdstore.stopUpdate); | |
136 | } | |
f973c5b2 DC |
137 | let sp = Ext.state.Manager.getProvider(); |
138 | me.mon(sp, 'statechange', function(provider, key, value) { | |
139 | if (key !== 'summarycolumns') { | |
140 | return; | |
141 | } | |
2874be00 | 142 | Proxmox.Utils.updateColumns(me.getComponent('itemcontainer')); |
f973c5b2 | 143 | }); |
f6710aac | 144 | }, |
426d7f74 | 145 | }); |