projects / pve-manager.git / blame
| 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'); | |
| 8058410f | 60 | label.update(Ext.apply(label.data, { title: me.title, usage: text })); |
| 23fd6c53 DC |
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 | }); |