www/manager6/dc/Guests.js

   1 Ext.define('PVE.dc.Guests', {
   2     extend: 'Ext.panel.Panel',
   3     alias: 'widget.pveDcGuests',
   4
   5
   6     title: gettext('Guests'),
   7     height: 200,
   8     layout: 'column',
   9     bodyPadding: '0 20 20 20',
  10
  11     defaults: {
  12         columnWidth: 0.5,
  13         xtype: 'box',
  14         padding: '0 50 0 50',
  15         style: {
  16             'text-align':'center'
  17         }
  18     },
  19     items: [{
  20         itemId: 'qemu',
  21         data: {
  22             running: 0,
  23             paused: 0,
  24             stopped: 0,
  25             template: 0
  26         },
  27         tpl: [
  28             '<h3>' + gettext("Virtual Machines") + '</h3>',
  29             '<div class="left-aligned">',
  30                 '<i class="good fa fa-fw fa-play-circle">&nbsp;</i>',
  31                 gettext('Running'),
  32             '</div>',
  33             '<div class="right-aligned">{running}</div>' + '<br />',
  34             '<tpl if="paused &gt; 0">',
  35                 '<div class="left-aligned">',
  36                     '<i class="warning fa fa-fw fa-pause-circle">&nbsp;</i>',
  37                     gettext('Paused'),
  38                 '</div>',
  39                 '<div class="right-aligned">{paused}</div>' + '<br />',
  40             '</tpl>',
  41             '<div class="left-aligned">',
  42                 '<i class="faded fa fa-fw fa-stop-circle">&nbsp;</i>',
  43                 gettext('Stopped'),
  44             '</div>',
  45             '<div class="right-aligned">{stopped}</div>' + '<br />',
  46             '<tpl if="template &gt; 0">',
  47                 '<div class="left-aligned">',
  48                     '<i class="fa fa-fw fa-circle-o">&nbsp;</i>',
  49                     gettext('Templates'),
  50                 '</div>',
  51                 '<div class="right-aligned">{template}</div>',
  52             '</tpl>'
  53         ]
  54     },{
  55         itemId: 'lxc',
  56         data: {
  57             running: 0,
  58             paused: 0,
  59             stopped: 0,
  60             template: 0
  61         },
  62         tpl: [
  63             '<h3>' + gettext("LXC Container") + '</h3>',
  64             '<div class="left-aligned">',
  65                 '<i class="good fa fa-fw fa-play-circle">&nbsp;</i>',
  66                 gettext('Running'),
  67             '</div>',
  68             '<div class="right-aligned">{running}</div>' + '<br />',
  69             '<tpl if="paused &gt; 0">',
  70                 '<div class="left-aligned">',
  71                     '<i class="warning fa fa-fw fa-pause-circle">&nbsp;</i>',
  72                     gettext('Paused'),
  73                 '</div>',
  74                 '<div class="right-aligned">{paused}</div>' + '<br />',
  75             '</tpl>',
  76             '<div class="left-aligned">',
  77                 '<i class="faded fa fa-fw fa-stop-circle">&nbsp;</i>',
  78                 gettext('Stopped'),
  79             '</div>',
  80             '<div class="right-aligned">{stopped}</div>' + '<br />',
  81             '<tpl if="template &gt; 0">',
  82                 '<div class="left-aligned">',
  83                     '<i class="fa fa-fw fa-circle-o">&nbsp;</i>',
  84                     gettext('Templates'),
  85                 '</div>',
  86                 '<div class="right-aligned">{template}</div>',
  87             '</tpl>'
  88         ]
  89     },{
  90         itemId: 'error',
  91         data: {
  92             num: 0
  93         },
  94         columnWidth: 1,
  95         padding: '10 250 0 250',
  96         tpl: [
  97             '<tpl if="num &gt; 0">',
  98                 '<div class="left-aligned">',
  99                     '<i class="critical fa fa-fw fa-times-circle">&nbsp;</i>',
 100                     gettext('Error'),
 101                 '</div>',
 102                 '<div class="right-aligned">{num}</div>',
 103             '</tpl>'
 104         ]
 105     }],
 106
 107     updateValues: function(qemu, lxc, error) {
 108         var me = this;
 109         me.getComponent('qemu').update(qemu);
 110         me.getComponent('lxc').update(lxc);
 111         me.getComponent('error').update({num: error});
 112     }
 113 });