karesansui/templates/default/hostby1report/hostby1report.part

   1 <%doc>Copyright (C) 2010 HDE, Inc.</%doc>
   2 <%inherit file="../include/common.part" />
   3
   4 <script type="text/javascript">
   5 <!--
   6 function validates_report_time(){
   7     return true;
   8 }
   9
  10 $(document).ready(function(){
  11     $("#report_tab td").click(function(){
  12         var target = $(this).attr("id");
  13         var target_val = target.split("_");
  14
  15         $("#report_tab td.selected").removeClass("selected");
  16         $(this).addClass("selected");
  17
  18             ajax_get("#report_value",
  19             "${ctx.homepath}/host/${host_id}/report/" + target_val[2] + ".part",
  20             null);
  21     });
  22
  23     $("#report_refresh").mousedown(function(){
  24         $(this).children().addClass("onclick");
  25     }).mouseup(function(){
  26         $(this).children().removeClass("onclick");
  27     }).mouseout(function(){
  28         $(this).children().removeClass("onclick");
  29     });
  30
  31     $("#report_refresh").click(function(){
  32         $("#report_tab td.selected").click();
  33     });
  34
  35     $("#report_start_day").datepicker({altFormat: '${USER_DATE_FORMAT[2]}'});
  36     $("#report_end_day").datepicker({altFormat: '${USER_DATE_FORMAT[2]}'});
  37
  38     $("#report_start_day").datepicker("setDate", "-1d");
  39     $("#report_end_day").datepicker("setDate", "+0d");
  40
  41     $("#report_start_time").timeEntry({
  42         show24Hours: true,
  43         spinnerImage: ""
  44     });
  45     $("#report_end_time").timeEntry({
  46         show24Hours: true,
  47         spinnerImage: ""
  48     });
  49
  50     $("#report_start_time").timeEntry("setTime", new Date());
  51     $("#report_end_time").timeEntry("setTime", new Date());
  52
  53     $("#report_set_now").mousedown(function(){
  54         $(this).attr("src", "${ctx.homepath}/static/images/time-onclick.png");
  55     }).mouseup(function(){
  56         $(this).attr("src", "${ctx.homepath}/static/images/time.png");
  57     }).mouseout(function(){
  58         $(this).attr("src", "${ctx.homepath}/static/images/time.png");
  59     });
  60
  61     $("#report_set_now").click(function(){
  62         $("#report_end_day").datepicker("setDate", "+0d");
  63         $("#report_end_time").timeEntry("setTime", new Date());
  64     });
  65
  66     $("#report_tab_cpu").click();
  67 });
  68
  69 -->
  70 </script>
  71                     <div id="report">
  72                         <div id="report_dialog"></div>
  73                         <div id="action" >
  74                             <div class="left"></div>
  75                             <div class="right">
  76                                 <a href="#" class="tool-link" >
  77                                     <div class="tool-mid">
  78                                         <img src="${ctx.homepath}/static/images/reload.gif" alt="renew" id="tool_renew"/>
  79                                     </div>
  80                                 </a>
  81                             </div>
  82                         </div>
  83                         <br style="clear: both;"/>
  84                         <div class="space"/>
  85                         <div class="alert"/>
  86                         <div id="view">
  87                             <table width="99.8%" cellspacing="1" border="0" style="background-color:#bcbcbc;">
  88                                 <tr>
  89                                     <td id="report_tab" class="report_tab" rowspan="2" valign="top">
  90                                         <table id="report_tab_list" class="report_tab_list" cellspacing="0" border="0">
  91                                             <tr>
  92                                                 <td id="report_tab_cpu">
  93                                                     <img src="${ctx.homepath}/static/images/device-cpu.png">
  94                                                     <span>${_('CPU')}</span>
  95                                                 </td>
  96                                             </tr>
  97                                             <tr>
  98                                                 <td id="report_tab_memory">
  99                                                     <img src="${ctx.homepath}/static/images/device-memory.png">
 100                                                     <span>${_('Memory')}</span>
 101                                                 </td>
 102                                             </tr>
 103                                             <tr>
 104                                                 <td id="report_tab_df">
 105                                                     <img src="${ctx.homepath}/static/images/device-disk.png">
 106                                                     <span>${_('Disk Space')}</span>
 107                                                 </td>
 108                                             </tr>
 109                                             <tr>
 110                                                 <td id="report_tab_disk">
 111                                                     <img src="${ctx.homepath}/static/images/device-disk.png">
 112                                                     <span>${_('Disk Performance')}</span>
 113                                                 </td>
 114                                             </tr>
 115                                             <tr>
 116                                                 <td id="report_tab_interface">
 117                                                     <img src="${ctx.homepath}/static/images/device-network.png">
 118                                                     <span>${_('Network')}</span>
 119                                                 </td>
 120                                             </tr>
 121                                             <tr>
 122                                                 <td id="report_tab_load">
 123                                                     <img src="${ctx.homepath}/static/images/load-ave.png">
 124                                                     <span>${_('Load Average')}</span>
 125                                                 </td>
 126                                             </tr>
 127                                             <tr>
 128                                                 <td id="report_tab_uptime">
 129                                                     <img src="${ctx.homepath}/static/images/boot-time.png">
 130                                                     <span>${_('Uptime')}</span>
 131                                                 </td>
 132                                             </tr>
 133                                             <tr>
 134                                                 <td id="report_tab_users">
 135                                                     <img src="${ctx.homepath}/static/images/users.png">
 136                                                     <span>${_('Users')}</span>
 137                                                 </td>
 138                                             </tr>
 139                                             <tr>
 140                                                 <td id="report_tab_libvirt">
 141                                                     <img src="${ctx.homepath}/static/images/vm.png">
 142                                                     <span>${_('Virtual Machine')}</span>
 143                                                 </td>
 144                                             </tr>
 145                                         </table>
 146                                     </td>
 147                                     <td id="report_period" class="report_period" valign="center">
 148                                         <!--
 149                                             TRANSLATORS:
 150                                               グラフで表示するデータの開始時刻～終了時刻のこと
 151                                           -->
 152                                         <span>${_('Report Period')}:&nbsp;&nbsp;</span>
 153                                         <input type="text" id="report_start_day" name="report_start_day" size="14" maxlength="10" />
 154                                         <input type="text" id="report_start_time" name="report_start_time" size="6"/>
 155                                         &nbsp;&nbsp;&nbsp;-&nbsp;&nbsp;&nbsp;
 156                                         <input type="text" id="report_end_day" name="report_end_day" size="14" maxlength="10" />
 157                                         <input type="text" id="report_end_time" name="report_end_time" size="6" />
 158                                         <img id="report_set_now" class="set_now" src="${ctx.homepath}/static/images/time.png" alt="" title="${_('Set now time')}" />
 159                                         <a href="#" id="report_refresh" name="report_refresh" class="button report_refresh">
 160                                             <span class="refresh_button_left">&nbsp;</span><span class="refresh_button_right">${_('Refresh')}</span>
 161                                         </a>
 162                                     </td>
 163                                 </tr>
 164                                 <tr>
 165                                     <td id="report_value" class="report_value" valign="top" align="center">
 166                                     </td>
 167                                 </tr>
 168                             </table>
 169                         </div>
 170                         <br style="clear: both;"/>
 171                     </div>