source: branches/0.4/web/addons/job_monarch/templates/overview.tpl @ 741

Last change on this file since 741 was 741, checked in by ramonb, 10 years ago

styles.css,
templates/overview.tpl,
overview.php:

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