source: trunk/web/addons/job_monarch/templates/overview.tpl @ 326

Last change on this file since 326 was 326, checked in by bastiaans, 17 years ago

web/addons/job_monarch/overview.php:

  • make our own datasource
  • store the XML data in a session for the clusterimage
  • assign a image map of clickable nodes for the clusterimage

web/addons/job_monarch/templates/overview.tpl:

  • add node_clustermap imagemap block

web/addons/job_monarch/libtoga.php:

web/addons/job_monarch/image.php:

File size: 5.5 KB
RevLine 
[117]1<BR><BR>
2
3<CENTER>
[208]4<TABLE cellpadding="15">
[117]5<TR>
[135]6
[208]7  <TD>
8
9<TABLE ALIGN=CENTER class="overview" cellpadding="5">
10
11<COL id="kol1">
12<COL id="kol2">
13<COL id="kol3">
14<COL id="kol4">
15
16<TR class="overview_header">
17<TD>Batch</TD>
18<TD>Jobs</TD>
19<TD>Nodes</TD>
20<TD>Cpus</TD>
[135]21</TR>
[208]22
23<TR class="overview_line">
24<TD class="blue">
25Capacity
26</TD>
27<TD class="blue">
28</TD>
29<TD class="blue">
30{avail_nodes}
31</TD>
32<TD class="blue">
33{avail_cpus}
34</TD>
35</TR>
36
37
38<TR class="overview">
39<TD class="red">
40Running
41</TD>
42<TD class="red">
43{running_jobs}
44</TD>
45<TD class="red">
46{running_nodes}
47</TD>
48<TD class="red">
49{running_cpus}
50</TD>
51</TR>
52
53<TR class="overview_line">
54<TD class="gray">
55Queued
56</TD>
57<TD class="gray">
58{queued_jobs}
59</TD>
60<TD class="gray">
61{queued_nodes}
62</TD>
63<TD class="gray">
64{queued_cpus}
65</TD>
66</TR>
67
68<TR class="overview">
69<TD class="brown">
70Total
71</TD>
72<TD class="brown">
73{total_jobs}
74</TD>
75<TD class="brown">
76{total_nodes}
77</TD>
78<TD class="brown">
79{total_cpus}
80</TD>
81</TR>
82
83<TR class="overview">
84<TD class="green">
85Free
86</TD>
87<TD class="green">
88</TD>
89<TD class="green">
90{free_nodes}
91</TD>
92<TD class="green">
93{free_cpus}
94</TD>
95</TR>
96
97<TR class="overview" id="selected">
98<TD>
99View
100</TD>
101<TD>
102{view_jobs}
103</TD>
104<TD>
105{view_nodes}
106</TD>
107<TD>
108{view_cpus}
109</TD>
110</TR>
111
[135]112</TABLE>
113
[208]114  <TD ALIGN="CENTER"><CENTER>
[326]115<!-- INCLUDESCRIPT BLOCK : ci_script -->
116    <IMG SRC="{clusterimage}" USEMAP="#MONARCH_CLUSTER_BIG" WIDTH="{clusterimage_width}" HEIGHT="{clusterimage_height}" BORDER="0">
117    <MAP NAME="MONARCH_CLUSTER_BIG">
118<!-- START BLOCK : node_clustermap -->
119{node_area_map}
120<!-- END BLOCK : node_clustermap -->
121    </MAP>
122    <BR>
[208]123<FONT class="footer">Last updated: {report_time}</FONT></CENTER>
[117]124  </TD>
[208]125
126  </TD>
[122]127  <TD ALIGN="CENTER">
[117]128    <IMG SRC="{pie}">
129  </TD>
130</TR>
131</TABLE>
132
[135]133<BR>
[117]134
[140]135<SCRIPT TYPE="text/javascript" SRC="libtoga.js"></SCRIPT>
[117]136
137<INPUT TYPE="HIDDEN" NAME="sortby" VALUE="{sortby}">
138<INPUT TYPE="HIDDEN" NAME="sortorder" VALUE="{sortorder}">
139<INPUT TYPE="HIDDEN" NAME="c" VALUE="{clustername}">
[119]140<INPUT TYPE="HIDDEN" NAME="queue" VALUE="{f_queue}">
141<INPUT TYPE="HIDDEN" NAME="state" VALUE="{f_state}">
142<INPUT TYPE="HIDDEN" NAME="user" VALUE="{f_user}">
[124]143<INPUT TYPE="HIDDEN" NAME="id" VALUE="{f_id}">
[138]144<INPUT TYPE="HIDDEN" NAME="filterorder" VALUE="{f_order}">
[117]145
[242]146<TABLE WIDTH="100%" CELLPADDING="2" CELLSPACING="2" BORDER=0>
[208]147<TR CLASS="monarch">
[240]148<TH><B><A HREF="#" onClick="setSort( 'id' )" ALT="Jobid" TITLE="Jobid">Id</A></B></TH>
149<TH><B><A HREF="#" onClick="setSort( 'state' )" ALT="State" TITLE="State">S</A></B></TH>
[118]150<TH><B><A HREF="#" onClick="setSort( 'user' )">User</A></B></TH>
151<TH><B><A HREF="#" onClick="setSort( 'queue' )">Queue</A></B></TH>
[240]152<TH><B><A HREF="#" onClick="setSort( 'name' )" ALT="Jobname" TITLE="Jobname">Name</A></B></TH>
[241]153<TH><B><A HREF="#" onClick="setSort( 'req_cpu' )" ALT="Requested CPU Time (walltime)" TITLE="Requested CPU Time (walltime)">Req. CPU time</A></B></TH>
[242]154<!-- START BLOCK : column_header_req_mem -->
[241]155<TH><B><A HREF="#" onClick="setSort( 'req_mem' )" ALT="Requested Memory" TITLE="Requested Memory">Req. Memory</A></B></TH>
[242]156<!-- END BLOCK : column_header_req_mem -->
[240]157<TH><B><A HREF="#" onClick="setSort( 'nodes' )" ALT="Nodes" TITLE="Nodes">N</A>/<A HREF="#" onClick="setSort( 'cpus' )" ALT="Processors" TITLE="Processors">P</A></B></TH>
[242]158<!-- START BLOCK : column_header_queued -->
[241]159<TH><B><A HREF="#" onClick="setSort( 'queued' )">Queued</A></B></TH>
[242]160<!-- END BLOCK : column_header_queued -->
[299]161<!-- START BLOCK : column_header_nodes -->
162<TH><B><A HREF="#" onClick="setSort( 'nodes' )" ALT="Nodes" TITLE="Nodes">Nodes</A></B></TH>
163<!-- END BLOCK : column_header_nodes -->
[118]164<TH><B><A HREF="#" onClick="setSort( 'start' )">Started</A></B></TH>
165<TH><B><A HREF="#" onClick="setSort( 'runningtime' )">Runningtime</A></B></TH>
[117]166</TR>
167
168<!-- START BLOCK : node -->
[118]169  <TR CLASS="{nodeclass}">
[119]170    <TD><A HREF="#" onClick="setFilter( 'id', '{id}' )">{id}</A></TD>
[240]171    <TD><A HREF="#" onClick="setFilter( 'state', '{state}' )" ALT="{fullstate}" TITLE="{fullstate}">{state}</A></TD>
[119]172    <TD><A HREF="#" onClick="setFilter( 'user', '{user}' )">{user}</A></TD>
173    <TD><A HREF="#" onClick="setFilter( 'queue', '{queue}' )">{queue}</A></TD>
[247]174    <TD ALT="{fulljobname}" TITLE="{fulljobname}">
[240]175<!-- START BLOCK : jobname_hint_start -->
176    <FONT CLASS="jobname_hint">
177<!-- END BLOCK : jobname_hint_start -->
178    {name}
179<!-- START BLOCK : jobname_hint_end -->
180    </FONT>
181<!-- END BLOCK : jobname_hint_end -->
182    </TD>
[117]183    <TD>{req_cpu}</TD>
[241]184<!-- START BLOCK : column_req_mem -->
[117]185    <TD>{req_memory}</TD>
[241]186<!-- END BLOCK : column_req_mem -->
[117]187    <TD>{nodes}/{cpus}</TD>
[242]188<!-- START BLOCK : column_queued -->
189    <TD>{queued}</TD>
190<!-- END BLOCK : column_queued -->
[299]191<!-- START BLOCK : column_nodes -->
192    <TD>{nodes_hostnames}</TD>
193<!-- END BLOCK : column_nodes -->
[117]194    <TD>{started}</TD>
195    <TD>{runningtime}</TD>
196  </TR>
197<!-- END BLOCK : node -->
198</TABLE>
199</CENTER>
[126]200
201<!-- START BLOCK : showhosts -->
202<TABLE BORDER="0" WIDTH="100%">
203<TR>
204  <TD CLASS=title COLSPAN="2">
205  <FONT SIZE="-1">
206  Show Hosts:
207  yes<INPUT type=radio name="sh" value="1" OnClick="toga_form.submit();" {checked1}>
208  no<INPUT type=radio name="sh" value="0" OnClick="toga_form.submit();" {checked0}>
209  </FONT>
210  |
211  job <strong>{id}</strong> metric <strong>{metric}</strong>
212  |
213   <FONT SIZE="-1">
214   Columns&nbsp;&nbsp;{cols_menu}
[140]215   </FONT>
[126]216  </TD>
217</TR>
218   
219</TABLE>
220
221<CENTER>
222<TABLE>
223<TR>
224<!-- START BLOCK : sorted_list -->
225{metric_image}{br}
226<!-- END BLOCK : sorted_list -->
227</TR>
228</TABLE>
229
230<p>
231(Nodes colored by 1-minute load) | <A HREF="../../node_legend.html" ALT="Node Image egend">Legend</A>
232
233</CENTER>
234
235<!-- END BLOCK : showhosts -->
Note: See TracBrowser for help on using the repository browser.