/[projects]/misc/xenconsole/index.php
ViewVC logotype

Diff of /misc/xenconsole/index.php

Parent Directory Parent Directory | Revision Log Revision Log | View Patch Patch

revision 2021 by torben, Fri Jul 19 08:10:08 2013 UTC revision 2030 by torben, Tue Jul 23 21:03:32 2013 UTC
# Line 83  $(document).ready( function() { Line 83  $(document).ready( function() {
83                  openConsole(conurl,session,name);                  openConsole(conurl,session,name);
84          });          });
85    
86            $('#server_memory_usage').progressbar( );
87            $('#server_cpu_usage').progressbar( );
88    
89          $('#logo').click( function() {          $('#logo').click( function() {
90                  refreshData();                  refreshData();
91          });          });
# Line 133  function loginDialog() { Line 136  function loginDialog() {
136          $('#dialog-login').dialog({          $('#dialog-login').dialog({
137                  modal: true,                  modal: true,
138                  height: 210,                  height: 210,
139                  width: 325,                  width: 350,
140                  buttons: {                  buttons: {
141                          Login: loginDialogSubmit                          Login: loginDialogSubmit
142                  }                  }
# Line 149  function loginDialogSubmit() { Line 152  function loginDialogSubmit() {
152                          password = $('#password').val();                          password = $('#password').val();
153    
154                          $('#login').html("Logged in as <i>" + username + "</i>");                          $('#login').html("Logged in as <i>" + username + "</i>");
155                            refreshData();
156                  } else {                  } else {
157                          alert(data);                          alert(data);
158                  }                  }
# Line 168  function cdSelectorDialog(uuid) { Line 172  function cdSelectorDialog(uuid) {
172                  cddata = data;                  cddata = data;
173                  if (data.ISO != '') {                  if (data.ISO != '') {
174                          $('#cdcurrent').html(  data.ISO );                          $('#cdcurrent').html(  data.ISO );
175                            $(":button:contains('Mount')").prop("disabled", true).addClass("ui-state-disabled");
176                  } else {                  } else {
177                          $('#cdcurrent').html('<i>No ISO currently mounted</i>');                          $('#cdcurrent').html('<i>No ISO currently mounted</i>');
178                            $(":button:contains('Eject')").prop("disabled", true).addClass("ui-state-disabled");
179                  }                  }
180          });          });
181                    
# Line 208  function refreshData() { Line 214  function refreshData() {
214                  $(xml).find('host').each(function() {                  $(xml).find('host').each(function() {
215                          var memtotal = $(this).find('memtotal').text();                          var memtotal = $(this).find('memtotal').text();
216                          var memfree = $(this).find('memfree').text();                            var memfree = $(this).find('memfree').text();  
217                          var cpuavg = $(this).find('cpuavg').text();                          var cpuavg = $(this).find('cpuavg').text() * 1; // *1 is used to convert the string var to an int
218    
219                          memtotal = Math.round ( memtotal / (1024*1024) );                          memtotal = Math.round ( memtotal / (1024*1024) );
220                          memfree = Math.round ( memfree / (1024*1024) );                          memfree = Math.round ( memfree / (1024*1024) );
# Line 217  function refreshData() { Line 223  function refreshData() {
223    
224                          //alert(memused + ' ' + mem_percentage);                          //alert(memused + ' ' + mem_percentage);
225    
226                          $('#server_memory_usage').attr('src', 'usagebar.php?usage=' + mem_percentage);                          //$('#server_memory_usage').attr('src', 'usagebar.php?usage=' + mem_percentage);
227                            $('#server_memory_usage').progressbar( "value", mem_percentage );
228                          $('#server_memory_usage').attr('alt', mem_percentage + '%');                          $('#server_memory_usage').attr('alt', mem_percentage + '%');
229                          $('#server_memory_usage').attr('title', mem_percentage + '%');                          $('#server_memory_usage').attr('title', mem_percentage + '%');
230                          $('#server_memory_usage_txt').text( memused + '/' + memtotal + 'MB');                          $('#server_memory_usage_txt').text( memused + '/' + memtotal + 'MB');
231    
232    
233                          $('#server_cpu_usage').attr('src', 'usagebar.php?usage=' + cpuavg);                          //$('#server_cpu_usage').attr('src', 'usagebar.php?usage=' + cpuavg);
234                            $('#server_cpu_usage').progressbar( "value", cpuavg );
235                          $('#server_cpu_usage').attr('alt', cpuavg + '%');                          $('#server_cpu_usage').attr('alt', cpuavg + '%');
236                          $('#server_cpu_usage').attr('title', cpuavg + '%');                          $('#server_cpu_usage').attr('title', cpuavg + '%');
237                          $('#server_cpu_usage_txt').text( cpuavg+ '%');                          $('#server_cpu_usage_txt').text( cpuavg+ '%');
# Line 269  function refreshData() { Line 277  function refreshData() {
277                                  vm.find('.console').data('session', session);                                  vm.find('.console').data('session', session);
278                                  vm.find('.console').data('name', name);                                  vm.find('.console').data('name', name);
279                                  vm.find('.settings').hide();                                  vm.find('.settings').hide();
280                                  vm.find('.actionstop').show();                                  if (loggedin) {
281                                  vm.find('.actionstart').hide();                                          vm.find('.actionstop').show();
282                                            vm.find('.actionstart').hide();
283                                    }
284                                  vm.find('.os').text(' - ' + os);                                  vm.find('.os').text(' - ' + os);
285    
286    
# Line 292  function refreshData() { Line 302  function refreshData() {
302                                  vm.find('.network').hide();                                  vm.find('.network').hide();
303                                  vm.find('.console').hide();                                  vm.find('.console').hide();
304                                  vm.find('.settings').show();                                  vm.find('.settings').show();
305                                  vm.find('.actionstop').hide();                                  if (loggedin) {
306                                  vm.find('.actionstart').show();                                          vm.find('.actionstop').hide();
307                                            vm.find('.actionstart').show();
308                                    }
309                                  vm.find('.cpu_graph').hide();                                  vm.find('.cpu_graph').hide();
310                                  vm.find('.mem_graph').hide();                                  vm.find('.mem_graph').hide();
311                          }                          }
# Line 400  body { Line 412  body {
412          margin: 4;          margin: 4;
413          border: 1px solid #222;          border: 1px solid #222;
414  }  }
415    
416    .ui-progressbar-value {
417            background: #61B4F3;
418    }
419    
420    .bar {
421            width:  102px;
422            height:  16px;
423    }
424    
425  </style>  </style>
426  </head>  </head>
427  <body>  <body>
# Line 417  body { Line 439  body {
439          </span>          </span>
440  </td>  </td>
441  <td width='150'></td>  <td width='150'></td>
442          <td width='150' align='right' class='small'><img src='gfx/icon-cpu.png'>          <td width='150' align='right' class='small'>
443                  <img id='server_cpu_usage' src='usagebar.php?usage=12' width='102' height='16' title='static dummy data'><div id='server_cpu_usage_txt'>12%</div></td>          <div id='server_cpu_usage' class='bar'></div>
444                    <img src='gfx/icon-cpu.png'>
445                    <span id='server_cpu_usage_txt'>12%</span>
446            </td>
447    
448          <td width='150' align='right' class='small'><img src='gfx/icon-memory.png'>          <td width='150' align='right' class='small'>
449                  <img id='server_memory_usage' src='usagebar.php?usage=1' width='102' height='16' title='static dummy data'><div id='server_memory_usage_txt'>0/4 MB</div></td>          <div id='server_memory_usage' class='bar'></div>
450                    <img src='gfx/icon-memory.png'>
451                    <span id='server_memory_usage_txt'>0/4 MB</span>
452        </td>
453  <!--  <!--
454          <td width='150' align='right' class='small'><img src='gfx/icon-network.png'>          <td width='150' align='right' class='small'><img src='gfx/icon-network.png'>
455                  <img id='server_net_usage' src='usagebar.php?usage=41' width='102' height='16' title='static dummy data'><div id='server_net_usage_txt'>1%</div></td>                  <img id='server_net_usage' src='usagebar.php?usage=41' width='102' height='16' title='static dummy data'><div id='server_net_usage_txt'>1%</div></td>
# Line 473  foreach($vms_array as $vm) { Line 501  foreach($vms_array as $vm) {
501                          <td colspan='2' class='small' align='right'>                          <td colspan='2' class='small' align='right'>
502                                  <span class='network'></span>                                  <span class='network'></span>
503                                  <a href='#' class='cd' uuid='<?php echo $uuid;?>' >                                  <a href='#' class='cd' uuid='<?php echo $uuid;?>' >
504                                          <img src='gfx/icon-cd.png' style='vertical-align: middle;'>                                          <img src='gfx/icon-cd.gif' style='vertical-align: middle;'></a>
                                 </a>  
505                                  <a href='#' style='display:none;' class='console'>                                  <a href='#' style='display:none;' class='console'>
506                                          <img src='gfx/icon-terminal.png' style='vertical-align: middle;'>                                          <img src='gfx/icon-terminal.png' style='vertical-align: middle;'>
507                                  </a>                                  </a>
508    
509                                  <a href='#' style='display:none;' class='settings' uuid='<?php echo $uuid;?>'>                                  <a href='#' style='display:none;' class='settings' uuid='<?php echo $uuid;?>'>
510                                          <img src='gfx/icon-settings16.png' style='vertical-align: middle;'>                                          <img src='gfx/icon-settings16.png' style='vertical-align: middle;'>
511                                  </a>                                  </a>
# Line 494  foreach($vms_array as $vm) { Line 522  foreach($vms_array as $vm) {
522                                  <a href='#' onclick="doAction('hardshutdown','<?php echo $uuid;?>','<?php echo $clean_name;?>')" >force shutdown</a>                                  <a href='#' onclick="doAction('hardshutdown','<?php echo $uuid;?>','<?php echo $clean_name;?>')" >force shutdown</a>
523                          </span>                          </span>
524                                                    
525                          <span class="actionstart">                                                <span class="actionstart" style='display:none'>                
526                                  <a href='#' onclick="doAction('start','<?php echo $uuid;?>','<?php echo $clean_name;?>')" >start</a> |                                  <a href='#' onclick="doAction('start','<?php echo $uuid;?>','<?php echo $clean_name;?>')" >start</a> |
527                                  stop |                                  stop |
528                                  force shutdown                                  force shutdown

Legend:
Removed from v.2021  
changed lines
  Added in v.2030

  ViewVC Help
Powered by ViewVC 1.1.20