]>
Commit | Line | Data |
---|---|---|
5289a1b8 EK |
1 | /* |
2 | * This class describes the bottom panel | |
3 | */ | |
7861642b DM |
4 | Ext.define('PVE.panel.StatusPanel', { |
5 | extend: 'Ext.tab.Panel', | |
6 | alias: 'widget.pveStatusPanel', | |
7 | ||
8 | ||
9 | //title: "Logs", | |
10 | //tabPosition: 'bottom', | |
11 | ||
12 | initComponent: function() { | |
13 | var me = this; | |
14 | ||
15 | var stateid = 'ltab'; | |
16 | var sp = Ext.state.Manager.getProvider(); | |
17 | ||
18 | var state = sp.get(stateid); | |
19 | if (state && state.value) { | |
20 | me.activeTab = state.value; | |
21 | } | |
22 | ||
23 | Ext.apply(me, { | |
24 | listeners: { | |
25 | tabchange: function() { | |
26 | var atab = me.getActiveTab().itemId; | |
27 | var state = { value: atab }; | |
28 | sp.set(stateid, state); | |
29 | } | |
30 | }, | |
31 | items: [ | |
32 | { | |
33 | itemId: 'tasks', | |
34 | title: gettext('Tasks'), | |
35 | xtype: 'pveClusterTasks' | |
36 | }, | |
37 | { | |
38 | itemId: 'clog', | |
39 | title: gettext('Cluster log'), | |
40 | xtype: 'pveClusterLog' | |
41 | } | |
42 | ] | |
43 | }); | |
44 | ||
45 | me.callParent(); | |
46 | ||
47 | me.items.get(0).fireEvent('show', me.items.get(0)); | |
48 | ||
49 | var statechange = function(sp, key, state) { | |
50 | if (key === stateid) { | |
51 | var atab = me.getActiveTab().itemId; | |
52 | var ntab = state.value; | |
53 | if (state && ntab && (atab != ntab)) { | |
54 | me.setActiveTab(ntab); | |
55 | } | |
56 | } | |
57 | }; | |
58 | ||
59 | sp.on('statechange', statechange); | |
60 | me.on('destroy', function() { | |
61 | sp.un('statechange', statechange); | |
62 | }); | |
63 | ||
64 | } | |
65 | }); |