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