]>
Commit | Line | Data |
---|---|---|
40d43a39 DM |
1 | Ext.define('Proxmox.grid.PendingObjectGrid', { |
2 | extend: 'Proxmox.grid.ObjectGrid', | |
3 | alias: ['widget.proxmoxPendingObjectGrid'], | |
4 | ||
5 | getObjectValue: function(key, defaultValue, pending) { | |
6 | var me = this; | |
7 | var rec = me.store.getById(key); | |
8 | if (rec) { | |
9 | var value = (pending && Ext.isDefined(rec.data.pending) && (rec.data.pending !== '')) ? | |
10 | rec.data.pending : rec.data.value; | |
11 | ||
12 | if (Ext.isDefined(value) && (value !== '')) { | |
13 | return value; | |
14 | } else { | |
15 | return defaultValue; | |
16 | } | |
17 | } | |
18 | return defaultValue; | |
19 | }, | |
20 | ||
21 | hasPendingChanges: function(key) { | |
22 | var me = this; | |
23 | var rows = me.rows; | |
24 | var rowdef = (rows && rows[key]) ? rows[key] : {}; | |
25 | var keys = rowdef.multiKey || [ key ]; | |
26 | var pending = false; | |
27 | ||
28 | Ext.Array.each(keys, function(k) { | |
29 | var rec = me.store.getById(k); | |
30 | if (rec && rec.data && Ext.isDefined(rec.data.pending) && (rec.data.pending !== '')) { | |
31 | pending = true; | |
32 | return false; // break | |
33 | } | |
34 | }); | |
35 | ||
36 | return pending; | |
37 | }, | |
38 | ||
39 | renderValue: function(value, metaData, record, rowIndex, colIndex, store) { | |
40 | var me = this; | |
41 | var rows = me.rows; | |
42 | var key = record.data.key; | |
43 | var rowdef = (rows && rows[key]) ? rows[key] : {}; | |
44 | var renderer = rowdef.renderer; | |
45 | var current = ''; | |
46 | var pendingdelete = ''; | |
47 | var pending = ''; | |
48 | ||
49 | if (renderer) { | |
50 | current = renderer(value, metaData, record, rowIndex, colIndex, store, false); | |
51 | if (me.hasPendingChanges(key)) { | |
52 | pending = renderer(record.data.pending, metaData, record, rowIndex, colIndex, store, true); | |
53 | } | |
54 | if (pending == current) { | |
55 | pending = undefined; | |
56 | } | |
57 | } else { | |
58 | current = value || ''; | |
59 | pending = record.data.pending; | |
60 | } | |
61 | ||
62 | if (record.data['delete']) { | |
63 | pendingdelete = '<div style="text-decoration: line-through;">'+ current +'</div>'; | |
64 | } | |
65 | ||
66 | if (pending || pendingdelete) { | |
67 | return current + '<div style="color:red">' + (pending || '') + pendingdelete + '</div>'; | |
68 | } else { | |
69 | return current; | |
70 | } | |
71 | }, | |
72 | ||
73 | initComponent : function() { | |
74 | var me = this; | |
75 | ||
76 | var rows = me.rows; | |
77 | ||
78 | if (!me.rstore) { | |
79 | if (!me.url) { | |
80 | throw "no url specified"; | |
81 | } | |
82 | ||
83 | me.rstore = Ext.create('Proxmox.data.ObjectStore', { | |
84 | model: 'KeyValuePendingDelete', | |
85 | readArray: true, | |
86 | url: me.url, | |
87 | interval: me.interval, | |
88 | extraParams: me.extraParams, | |
89 | rows: me.rows | |
90 | }); | |
91 | } | |
92 | ||
93 | me.callParent(); | |
94 | } | |
95 | }); |