list_rrd.html 2.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. <!-- Begin toolbar -->
  2. <div class="l-center">
  3. <div class="l-sort clearfix noselect">
  4. <div class="l-unit-toolbar__buttonstrip">
  5. <a class="ui-button cancel" dir="ltr" id="btn-back" href="/list/server/"><i class="fas fa-arrow-left status-icon blue"></i><?=_('Back');?></a>
  6. <a href="/list/server/?cpu" class="ui-button cancel" dir="ltr"><i class="fas fa-chart-pie status-icon green"></i><?=_('show: CPU / MEM / NET / DISK');?></a>
  7. </div>
  8. <div class="l-sort-toolbar clearfix">
  9. <table>
  10. <tr>
  11. <td>
  12. <a class="vst<?php if ((empty($period)) || ($period == 'daily')) echo " selected" ?>" href="?period=daily"><?=_('Daily');?></a>
  13. <a class="vst<?php if ((!empty($period)) && ($period == 'weekly')) echo " selected" ?>" href="?period=weekly"><?=_('Weekly');?></a>
  14. <a class="vst<?php if ((!empty($period)) && ($period == 'monthly')) echo " selected" ?>" href="?period=monthly"><?=_('Monthly');?></a>
  15. <a class="vst<?php if ((!empty($period)) && ($period == 'yearly')) echo " selected" ?>" href="?period=yearly"><?=_('Yearly');?></a>
  16. </td>
  17. <td>
  18. <div class="timer-container" style="float:right;">
  19. <span class="timer-button pause"></span>
  20. <span class="timer-button play hidden"></span>
  21. <div class="refresh-timer">
  22. <div class="movement left">
  23. <div class="loader-half left"></div>
  24. </div>
  25. <div class="movement right">
  26. <div class="loader-half right"></div>
  27. </div>
  28. </div>
  29. </div>
  30. </td>
  31. </tr>
  32. </table>
  33. </div>
  34. </div>
  35. </div>
  36. <!-- End toolbar -->
  37. <div class="l-separator"></div>
  38. <div class="l-center units animated fadeIn">
  39. <!-- Begin graph list item loop -->
  40. <?php
  41. foreach ($data as $key => $value) {
  42. ?>
  43. <div class="l-unit l-unit__stats">
  44. <div class="l-unit__col l-unit__col--right">
  45. <div class="l-unit__name separate">
  46. <?= _($data[$key]['TITLE'])?>
  47. </div>
  48. <div>
  49. <a href="/list/rrd/image.php?/rrd/<?=$data[$key]['TYPE']."/".$period."-".$data[$key]['RRD'].".png"?>" target="_blank"><img class="graph-rounded" src="/list/rrd/image.php?/rrd/<?=$data[$key]['TYPE']."/".$period."-".$data[$key]['RRD'].".png"?>"></a>
  50. </div>
  51. </div>
  52. </div>
  53. <?php } ?>
  54. </div>
  55. <div id="vstobjects">
  56. <div class="l-separator"></div>
  57. <div class="l-center">
  58. </div>
  59. </div>