]>
Commit | Line | Data |
---|---|---|
09d64465 DM |
1 | Ext.define('Proxmox.node.Tasks', { |
2 | extend: 'Ext.grid.GridPanel', | |
3 | ||
4 | alias: ['widget.proxmoxNodeTasks'], | |
5 | stateful: true, | |
6 | stateId: 'grid-node-tasks', | |
7 | loadMask: true, | |
8 | sortableColumns: false, | |
9 | vmidFilter: 0, | |
10 | ||
122a2079 TL |
11 | initComponent: function() { |
12 | let me = this; | |
09d64465 DM |
13 | |
14 | if (!me.nodename) { | |
15 | throw "no node name specified"; | |
16 | } | |
17 | ||
122a2079 | 18 | let store = Ext.create('Ext.data.BufferedStore', { |
09d64465 DM |
19 | pageSize: 500, |
20 | autoLoad: true, | |
21 | remoteFilter: true, | |
22 | model: 'proxmox-tasks', | |
23 | proxy: { | |
24 | type: 'proxmox', | |
25 | startParam: 'start', | |
26 | limitParam: 'limit', | |
122a2079 TL |
27 | url: "/api2/json/nodes/" + me.nodename + "/tasks", |
28 | }, | |
09d64465 DM |
29 | }); |
30 | ||
122a2079 TL |
31 | let userfilter = ''; |
32 | let filter_errors = 0; | |
09d64465 | 33 | |
122a2079 TL |
34 | let updateProxyParams = function() { |
35 | let params = { | |
36 | errors: filter_errors, | |
09d64465 DM |
37 | }; |
38 | if (userfilter) { | |
39 | params.userfilter = userfilter; | |
40 | } | |
41 | if (me.vmidFilter) { | |
42 | params.vmid = me.vmidFilter; | |
43 | } | |
44 | store.proxy.extraParams = params; | |
45 | }; | |
46 | ||
47 | updateProxyParams(); | |
48 | ||
122a2079 | 49 | let reload_task = Ext.create('Ext.util.DelayedTask', function() { |
09d64465 DM |
50 | updateProxyParams(); |
51 | store.reload(); | |
52 | }); | |
53 | ||
122a2079 TL |
54 | let run_task_viewer = function() { |
55 | let sm = me.getSelectionModel(); | |
56 | let rec = sm.getSelection()[0]; | |
09d64465 DM |
57 | if (!rec) { |
58 | return; | |
59 | } | |
60 | ||
122a2079 TL |
61 | let win = Ext.create('Proxmox.window.TaskViewer', { |
62 | upid: rec.data.upid, | |
09d64465 DM |
63 | }); |
64 | win.show(); | |
65 | }; | |
66 | ||
122a2079 | 67 | let view_btn = new Ext.Button({ |
09d64465 DM |
68 | text: gettext('View'), |
69 | disabled: true, | |
122a2079 | 70 | handler: run_task_viewer, |
09d64465 DM |
71 | }); |
72 | ||
917433e6 | 73 | Proxmox.Utils.monStoreErrors(me, store, true); |
09d64465 DM |
74 | |
75 | Ext.apply(me, { | |
76 | store: store, | |
77 | viewConfig: { | |
78 | trackOver: false, | |
79 | stripeRows: false, // does not work with getRowClass() | |
80 | ||
81 | getRowClass: function(record, index) { | |
122a2079 | 82 | let status = record.get('status'); |
09d64465 | 83 | |
122a2079 | 84 | if (status && status !== 'OK') { |
ec0296eb | 85 | return "proxmox-invalid-row"; |
09d64465 | 86 | } |
122a2079 TL |
87 | return ''; |
88 | }, | |
09d64465 DM |
89 | }, |
90 | tbar: [ | |
f138d11f TL |
91 | view_btn, |
92 | { | |
93 | text: gettext('Refresh'), // FIXME: smart-auto-refresh store | |
94 | handler: () => store.reload(), | |
95 | }, | |
96 | '->', | |
97 | gettext('User name') +':', | |
98 | ' ', | |
09d64465 DM |
99 | { |
100 | xtype: 'textfield', | |
101 | width: 200, | |
102 | value: userfilter, | |
103 | enableKeyEvents: true, | |
104 | listeners: { | |
105 | keyup: function(field, e) { | |
106 | userfilter = field.getValue(); | |
107 | reload_task.delay(500); | |
122a2079 TL |
108 | }, |
109 | }, | |
09d64465 DM |
110 | }, ' ', gettext('Only Errors') + ':', ' ', |
111 | { | |
112 | xtype: 'checkbox', | |
113 | hideLabel: true, | |
114 | checked: filter_errors, | |
115 | listeners: { | |
116 | change: function(field, checked) { | |
117 | filter_errors = checked ? 1 : 0; | |
118 | reload_task.delay(10); | |
122a2079 TL |
119 | }, |
120 | }, | |
121 | }, ' ', | |
09d64465 DM |
122 | ], |
123 | columns: [ | |
124 | { | |
125 | header: gettext("Start Time"), | |
126 | dataIndex: 'starttime', | |
7e0a80cd | 127 | width: 130, |
09d64465 DM |
128 | renderer: function(value) { |
129 | return Ext.Date.format(value, "M d H:i:s"); | |
122a2079 | 130 | }, |
09d64465 DM |
131 | }, |
132 | { | |
133 | header: gettext("End Time"), | |
134 | dataIndex: 'endtime', | |
7e0a80cd | 135 | width: 130, |
09d64465 | 136 | renderer: function(value, metaData, record) { |
f138d11f TL |
137 | if (!value) { |
138 | metaData.tdCls = "x-grid-row-loading"; | |
139 | return ''; | |
140 | } | |
141 | return Ext.Date.format(value, "M d H:i:s"); | |
122a2079 | 142 | }, |
09d64465 DM |
143 | }, |
144 | { | |
145 | header: gettext("Node"), | |
146 | dataIndex: 'node', | |
7e0a80cd | 147 | width: 120, |
09d64465 DM |
148 | }, |
149 | { | |
150 | header: gettext("User name"), | |
151 | dataIndex: 'user', | |
122a2079 | 152 | width: 150, |
09d64465 DM |
153 | }, |
154 | { | |
155 | header: gettext("Description"), | |
156 | dataIndex: 'upid', | |
157 | flex: 1, | |
122a2079 | 158 | renderer: Proxmox.Utils.render_upid, |
09d64465 DM |
159 | }, |
160 | { | |
161 | header: gettext("Status"), | |
162 | dataIndex: 'status', | |
163 | width: 200, | |
164 | renderer: function(value, metaData, record) { | |
122a2079 | 165 | if (value === 'OK') { |
09d64465 DM |
166 | return 'OK'; |
167 | } | |
f138d11f | 168 | if (value === undefined && !record.data.endtime) { |
122a2079 | 169 | metaData.tdCls = "x-grid-row-loading"; |
f138d11f TL |
170 | return ''; |
171 | } | |
09d64465 | 172 | return "ERROR: " + value; |
122a2079 TL |
173 | }, |
174 | }, | |
09d64465 DM |
175 | ], |
176 | listeners: { | |
177 | itemdblclick: run_task_viewer, | |
178 | selectionchange: function(v, selections) { | |
179 | view_btn.setDisabled(!(selections && selections[0])); | |
180 | }, | |
181 | show: function() { reload_task.delay(10); }, | |
122a2079 TL |
182 | destroy: function() { reload_task.cancel(); }, |
183 | }, | |
09d64465 DM |
184 | }); |
185 | ||
186 | me.callParent(); | |
122a2079 | 187 | }, |
09d64465 | 188 | }); |