]>
Commit | Line | Data |
---|---|---|
e5a857f7 DM |
1 | Ext.define('PVE.node.Summary', { |
2 | extend: 'Ext.panel.Panel', | |
3 | alias: 'widget.pveNodeSummary', | |
4 | ||
355ac51e | 5 | scrollable: true, |
33f459ca | 6 | bodyPadding: 5, |
355ac51e | 7 | |
e5a857f7 DM |
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, | |
43faab18 | 18 | id: 'pkgversions', |
33f459ca | 19 | padding: 5, |
e5a857f7 DM |
20 | style: { |
21 | 'background-color': 'white', | |
22 | 'white-space': 'pre', | |
33f459ca | 23 | 'font-family': 'monospace' |
e5a857f7 DM |
24 | } |
25 | }); | |
26 | ||
27 | var win = Ext.create('Ext.window.Window', { | |
28 | title: gettext('Package versions'), | |
29 | width: 600, | |
43faab18 | 30 | height: 600, |
e5a857f7 DM |
31 | layout: 'fit', |
32 | modal: true, | |
43faab18 TL |
33 | items: [ view ], |
34 | buttons: [ | |
35 | { | |
36 | xtype: 'button', | |
37 | iconCls: 'fa fa-clipboard', | |
38 | handler: function(button) { | |
39 | window.getSelection().selectAllChildren( | |
40 | document.getElementById('pkgversions') | |
41 | ); | |
42 | document.execCommand("copy"); | |
43 | }, | |
44 | text: gettext('Copy'), | |
45 | }, | |
46 | { | |
47 | text: gettext('Ok'), | |
48 | handler: function() { | |
49 | this.up('window').close(); | |
50 | }, | |
51 | }, | |
52 | ], | |
e5a857f7 DM |
53 | }); |
54 | ||
e7ade592 | 55 | Proxmox.Utils.API2Request({ |
e5a857f7 | 56 | waitMsgTarget: me, |
3ddcdadc | 57 | url: `/nodes/${nodename}/apt/versions`, |
e5a857f7 DM |
58 | method: 'GET', |
59 | failure: function(response, opts) { | |
60 | win.close(); | |
61 | Ext.Msg.alert(gettext('Error'), response.htmlStatus); | |
62 | }, | |
63 | success: function(response, opts) { | |
64 | win.show(); | |
3ddcdadc | 65 | let text = ''; |
e5a857f7 | 66 | Ext.Array.each(response.result.data, function(rec) { |
3ddcdadc TL |
67 | let version = "not correctly installed"; |
68 | let pkg = rec.Package; | |
e5a857f7 DM |
69 | if (rec.OldVersion && rec.CurrentState === 'Installed') { |
70 | version = rec.OldVersion; | |
71 | } | |
72 | if (rec.RunningKernel) { | |
3ddcdadc | 73 | text += `${pkg}: ${version} (running kernel: ${rec.RunningKernel})\n`; |
e5a857f7 | 74 | } else if (rec.ManagerVersion) { |
3ddcdadc | 75 | text += `${pkg}: ${version} (running version: ${rec.ManagerVersion})\n`; |
e5a857f7 | 76 | } else { |
3ddcdadc | 77 | text += `${pkg}: ${version}\n`; |
e5a857f7 DM |
78 | } |
79 | }); | |
80 | ||
81 | view.update(Ext.htmlEncode(text)); | |
82 | } | |
83 | }); | |
84 | }, | |
85 | ||
86 | initComponent: function() { | |
87 | var me = this; | |
88 | ||
89 | var nodename = me.pveSelNode.data.node; | |
90 | if (!nodename) { | |
91 | throw "no node name specified"; | |
92 | } | |
93 | ||
94 | if (!me.statusStore) { | |
95 | throw "no status storage specified"; | |
96 | } | |
97 | ||
98 | var rstore = me.statusStore; | |
99 | ||
e5a857f7 DM |
100 | var version_btn = new Ext.Button({ |
101 | text: gettext('Package versions'), | |
102 | handler: function(){ | |
e7ade592 | 103 | Proxmox.Utils.checked_command(function() { me.showVersions(); }); |
e5a857f7 DM |
104 | } |
105 | }); | |
106 | ||
5536d678 DC |
107 | var rrdstore = Ext.create('Proxmox.data.RRDStore', { |
108 | rrdurl: "/api2/json/nodes/" + nodename + "/rrddata", | |
109 | model: 'pve-rrd-node' | |
13af4d51 DC |
110 | }); |
111 | ||
e5a857f7 | 112 | Ext.apply(me, { |
ce7eeea1 | 113 | tbar: [version_btn, '->', { xtype: 'proxmoxRRDTypeSelector' } ], |
33f459ca DC |
114 | items: [ |
115 | { | |
116 | xtype: 'container', | |
f73a7334 | 117 | itemId: 'itemcontainer', |
33f459ca | 118 | layout: 'column', |
ed3e711e | 119 | minWidth: 700, |
33f459ca DC |
120 | defaults: { |
121 | minHeight: 320, | |
122 | padding: 5, | |
f73a7334 | 123 | columnWidth: 1 |
33f459ca DC |
124 | }, |
125 | items: [ | |
126 | { | |
127 | xtype: 'pveNodeStatus', | |
128 | rstore: rstore, | |
129 | width: 770, | |
130 | pveSelNode: me.pveSelNode | |
131 | }, | |
132 | { | |
133 | xtype: 'proxmoxRRDChart', | |
134 | title: gettext('CPU usage'), | |
135 | fields: ['cpu','iowait'], | |
136 | fieldTitles: [gettext('CPU usage'), gettext('IO delay')], | |
137 | store: rrdstore | |
138 | }, | |
139 | { | |
140 | xtype: 'proxmoxRRDChart', | |
141 | title: gettext('Server load'), | |
142 | fields: ['loadavg'], | |
143 | fieldTitles: [gettext('Load average')], | |
144 | store: rrdstore | |
145 | }, | |
146 | { | |
147 | xtype: 'proxmoxRRDChart', | |
148 | title: gettext('Memory usage'), | |
149 | fields: ['memtotal','memused'], | |
150 | fieldTitles: [gettext('Total'), gettext('RAM usage')], | |
151 | store: rrdstore | |
152 | }, | |
153 | { | |
154 | xtype: 'proxmoxRRDChart', | |
155 | title: gettext('Network traffic'), | |
156 | fields: ['netin','netout'], | |
157 | store: rrdstore | |
158 | } | |
f73a7334 DC |
159 | ], |
160 | listeners: { | |
161 | resize: function(panel) { | |
162 | PVE.Utils.updateColumns(panel); | |
163 | }, | |
164 | }, | |
165 | }, | |
33f459ca | 166 | ], |
e5a857f7 | 167 | listeners: { |
6d143caf TL |
168 | activate: function() { |
169 | rstore.setInterval(1000); | |
170 | rstore.startUpdate(); // just to be sure | |
171 | rrdstore.startUpdate(); | |
172 | }, | |
173 | destroy: function() { | |
174 | rstore.setInterval(5000); // don't stop it, it's not ours! | |
175 | rrdstore.stopUpdate(); | |
176 | }, | |
e5a857f7 DM |
177 | } |
178 | }); | |
179 | ||
180 | me.callParent(); | |
f973c5b2 DC |
181 | |
182 | let sp = Ext.state.Manager.getProvider(); | |
183 | me.mon(sp, 'statechange', function(provider, key, value) { | |
184 | if (key !== 'summarycolumns') { | |
185 | return; | |
186 | } | |
187 | PVE.Utils.updateColumns(me.getComponent('itemcontainer')); | |
188 | }); | |
e5a857f7 DM |
189 | } |
190 | }); |