]>
Commit | Line | Data |
---|---|---|
f6710aac | 1 | Ext.define('PVE.widget.Info', { |
23fd6c53 DC |
2 | extend: 'Ext.container.Container', |
3 | alias: 'widget.pveInfoWidget', | |
4 | ||
5 | layout: { | |
6 | type: 'vbox', | |
f6710aac | 7 | align: 'stretch', |
23fd6c53 DC |
8 | }, |
9 | ||
10 | value: 0, | |
11 | maximum: 1, | |
12 | printBar: true, | |
13 | items: [ | |
14 | { | |
15 | xtype: 'component', | |
16 | itemId: 'label', | |
17 | data: { | |
18 | title: '', | |
60fb2b99 | 19 | usage: '', |
f6710aac | 20 | iconCls: undefined, |
23fd6c53 | 21 | }, |
60fb2b99 DC |
22 | tpl: [ |
23 | '<div class="left-aligned">', | |
24 | '<tpl if="iconCls">', | |
25 | '<i class="{iconCls}"></i> ', | |
26 | '</tpl>', | |
f6710aac TL |
27 | '{title}</div> <div class="right-aligned">{usage}</div>', |
28 | ], | |
23fd6c53 DC |
29 | }, |
30 | { | |
31 | height: 2, | |
f6710aac | 32 | border: 0, |
23fd6c53 DC |
33 | }, |
34 | { | |
35 | xtype: 'progressbar', | |
36 | itemId: 'progress', | |
37 | height: 5, | |
38 | value: 0, | |
f6710aac TL |
39 | animate: true, |
40 | }, | |
23fd6c53 DC |
41 | ], |
42 | ||
43 | warningThreshold: 0.6, | |
44 | criticalThreshold: 0.9, | |
45 | ||
4926300a DC |
46 | setPrintBar: function(enable) { |
47 | var me = this; | |
48 | me.printBar = enable; | |
49 | me.getComponent('progress').setVisible(enable); | |
50 | }, | |
51 | ||
60fb2b99 DC |
52 | setIconCls: function(iconCls) { |
53 | var me = this; | |
54 | me.getComponent('label').data.iconCls = iconCls; | |
55 | }, | |
56 | ||
23fd6c53 DC |
57 | updateValue: function(text, usage) { |
58 | var me = this; | |
59 | var label = me.getComponent('label'); | |
60 | label.update(Ext.apply(label.data, {title: me.title, usage:text})); | |
61 | ||
62 | if (usage !== undefined && | |
63 | me.printBar && | |
64 | Ext.isNumeric(usage) && | |
65 | usage >= 0) { | |
66 | var progressBar = me.getComponent('progress'); | |
67 | progressBar.updateProgress(usage, ''); | |
68 | if (usage > me.criticalThreshold) { | |
69 | progressBar.removeCls('warning'); | |
70 | progressBar.addCls('critical'); | |
71 | } else if (usage > me.warningThreshold) { | |
72 | progressBar.removeCls('critical'); | |
73 | progressBar.addCls('warning'); | |
74 | } else { | |
75 | progressBar.removeCls('warning'); | |
76 | progressBar.removeCls('critical'); | |
77 | } | |
78 | } | |
79 | }, | |
80 | ||
81 | initComponent: function() { | |
82 | var me = this; | |
83 | ||
84 | if (!me.title) { | |
85 | throw "no title defined"; | |
86 | } | |
87 | ||
88 | me.callParent(); | |
89 | ||
90 | me.getComponent('progress').setVisible(me.printBar); | |
91 | ||
92 | me.updateValue(me.text, me.value); | |
60fb2b99 | 93 | me.setIconCls(me.iconCls); |
f6710aac | 94 | }, |
23fd6c53 DC |
95 | |
96 | }); |