]> git.proxmox.com Git - pve-manager.git/blob - www/manager6/node/Summary.js
ext6migrate: use new charts for node/lxc/qemu
[pve-manager.git] / www / manager6 / node / Summary.js
1 Ext.define('PVE.node.Summary', {
2 extend: 'Ext.panel.Panel',
3 alias: 'widget.pveNodeSummary',
4
5 scrollable: true,
6 bodyStyle: 'padding:10px',
7 defaults: {
8 width: 800,
9 style: { 'padding-top': '10px' }
10 },
11
12 showVersions: function() {
13 var me = this;
14
15 // Note: we use simply text/html here, because ExtJS grid has problems
16 // with cut&paste
17
18 var nodename = me.pveSelNode.data.node;
19
20 var view = Ext.createWidget('component', {
21 autoScroll: true,
22 style: {
23 'background-color': 'white',
24 'white-space': 'pre',
25 'font-family': 'monospace',
26 padding: '5px'
27 }
28 });
29
30 var win = Ext.create('Ext.window.Window', {
31 title: gettext('Package versions'),
32 width: 600,
33 height: 400,
34 layout: 'fit',
35 modal: true,
36 items: [ view ]
37 });
38
39 PVE.Utils.API2Request({
40 waitMsgTarget: me,
41 url: "/nodes/" + nodename + "/apt/versions",
42 method: 'GET',
43 failure: function(response, opts) {
44 win.close();
45 Ext.Msg.alert(gettext('Error'), response.htmlStatus);
46 },
47 success: function(response, opts) {
48 win.show();
49 var text = '';
50
51 Ext.Array.each(response.result.data, function(rec) {
52 var version = "not correctly installed";
53 var pkg = rec.Package;
54 if (rec.OldVersion && rec.CurrentState === 'Installed') {
55 version = rec.OldVersion;
56 }
57 if (rec.RunningKernel) {
58 text += pkg + ': ' + version + ' (running kernel: ' +
59 rec.RunningKernel + ')\n';
60 } else if (rec.ManagerVersion) {
61 text += pkg + ': ' + version + ' (running version: ' +
62 rec.ManagerVersion + ')\n';
63 } else {
64 text += pkg + ': ' + version + '\n';
65 }
66 });
67
68 view.update(Ext.htmlEncode(text));
69 }
70 });
71 },
72
73 initComponent: function() {
74 var me = this;
75
76 var nodename = me.pveSelNode.data.node;
77 if (!nodename) {
78 throw "no node name specified";
79 }
80
81 if (!me.statusStore) {
82 throw "no status storage specified";
83 }
84
85 var rstore = me.statusStore;
86
87 var statusview = Ext.create('PVE.node.StatusView', {
88 title: gettext('Status'),
89 pveSelNode: me.pveSelNode,
90 style: { 'padding-top': '0px' },
91 rstore: rstore
92 });
93
94 var version_btn = new Ext.Button({
95 text: gettext('Package versions'),
96 handler: function(){
97 PVE.Utils.checked_command(function() { d675f09dme.showVersions(); });
98 }
99 });
100
101 var rrdstore = Ext.create('PVE.data.RRDStore', {
102 rrdurl: "/api2/json/nodes/" + nodename + "/rrddata",
103 });
104
105 Ext.apply(me, {
106 tbar: [version_btn, '->', { xtype: 'pveRRDTypeSelector' } ],
107 plugins: {
108 ptype: 'lazyitems',
109 items: [
110 statusview,
111 {
112 xtype: 'pveRRDChart',
113 title: gettext('CPU usage'),
114 fields: ['cpu','iowait'],
115 fieldTitles: [gettext('CPU usage'), gettext('IO delay')],
116 store: rrdstore
117 },
118 {
119 xtype: 'pveRRDChart',
120 title: gettext('Server load'),
121 fields: ['loadavg'],
122 fieldTitles: [gettext('Load average')],
123 store: rrdstore
124 },
125 {
126 xtype: 'pveRRDChart',
127 title: gettext('Memory usage'),
128 fields: ['memtotal','memused'],
129 fieldTitles: [gettext('Total'), gettext('RAM usage')],
130 store: rrdstore
131 },
132 {
133 xtype: 'pveRRDChart',
134 title: gettext('Network traffic'),
135 fields: ['netin','netout'],
136 store: rrdstore
137 },
138 ],
139 },
140 listeners: {
141 activate: function() { rstore.startUpdate(); rrdstore.startUpdate(); },
142 hide: function() { rstore.stopUpdate(); rrdstore.stopUpdate(); },
143 destroy: function() { rstore.stopUpdate(); rrdstore.stopUpdate(); },
144 }
145 });
146
147 me.callParent();
148 }
149 });