Delicious Bookmark on Delicious

Ticket #77: fahmon[1].html

File fahmon[1].html, 9.9 kB (added by mgpaulus, 4 years ago)
Line 
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
3 <head>
4         <meta http-equiv="content-type" content="text/html; charset=utf-8" />
5         <meta http-equiv="Pragma" content="no-cache" />
6         <meta http-equiv="refresh" content="100" />
7         <title>FahMon 2.3.2svn</title>
8 <script type="text/javascript">
9 <!--
10 pdata = new Array(['SMP Gromacs','2605 (R16, C470, G10)','1760 points','mgpaulus (198)','14 December, 22:56','17 December, 22:56','18 December, 22:56'],['SREM Gromacs','3675 (R63, C12, G9)','343 points','mgpaulus (198)','13 December, 20:09','15 February, 20:09','18 March, 21:09'],['GBGromacs','2096 (R63, C97, G11)','178 points','mgpaulus (198)','14 December, 22:40','17 January, 22:40','02 February, 22:40'],['SMP Gromacs','2605 (R9, C511, G10)','1760 points','mgpaulus (198)','14 December, 07:34','17 December, 07:34','18 December, 07:34'],['Gromacs','2613 (R39, C4, G18)','755 points','mgpaulus (198)','13 December, 03:35','02 January, 03:35','22 January, 03:35'],['Gromacs','2418 (R18, C75, G8)','500 points','mgpaulus (198)','14 December, 11:08','13 January, 11:08','05 March, 11:08'],['Gromacs','2417 (R25, C33, G12)','500 points','mgpaulus (198)','14 December, 02:36','13 January, 02:36','05 March, 02:36'],[]);
11 function removeClassName (elem, className) {
12         elem.className = elem.className.replace(className, "").trim();
13 }
14
15 function addCSSClass (elem, className) {
16         removeClassName (elem, className);
17         elem.className = (elem.className + " " + className).trim();
18 }
19
20 String.prototype.trim = function() {
21         return this.replace( /^\s+|\s+$/, "" );
22 }
23
24 function ChangeColor(tableRow, highLight){
25         if (highLight){
26                 var objbranch
27                 stripedTable();
28                 removeClassName(tableRow, 'alternateRow');
29                 removeClassName(tableRow, 'normalRow');
30                 addCSSClass(tableRow, 'clickedRow');
31                 objbranch = document.getElementById('core');
32                 objbranch.innerHTML = pdata[tableRow.id - 1][0];
33                 objbranch = document.getElementById('project');
34                 objbranch.innerHTML = pdata[tableRow.id - 1][1];
35                 objbranch = document.getElementById('credit');
36                 objbranch.innerHTML = pdata[tableRow.id - 1][2];
37                 objbranch = document.getElementById('username');
38                 objbranch.innerHTML = pdata[tableRow.id - 1][3];
39                 objbranch = document.getElementById('downloaded');
40                 objbranch.innerHTML = pdata[tableRow.id - 1][4];
41                 objbranch = document.getElementById('preferred');
42                 objbranch.innerHTML = pdata[tableRow.id - 1][5];
43                 objbranch = document.getElementById('final');
44                 objbranch.innerHTML = pdata[tableRow.id - 1][6];
45         }
46 }
47
48 function stripedTable() {
49         if (document.getElementById && document.getElementsByTagName) {
50                 var allTables = document.getElementsByTagName('table');
51                 if (!allTables) { return; }
52
53                 for (var i = 0; i < allTables.length; i++) {
54                         if (allTables[i].className.match(/[\w\s ]*scrollTable[\w\s ]*/)) {
55                                 var trs = allTables[i].getElementsByTagName("tr");
56                                 for (var j = 0; j < trs.length; j++) {
57                                         removeClassName(trs[j], 'alternateRow');
58                                         removeClassName(trs[j], 'clickedRow');
59                                         addCSSClass(trs[j], 'normalRow');
60                                 }
61                                 for (var k = 0; k < trs.length; k += 2) {
62                                         removeClassName(trs[k], 'normalRow');
63                                         removeClassName(trs[k], 'clickedRow');
64                                         addCSSClass(trs[k], 'alternateRow');
65                                 }
66                         }
67                 }
68         }
69 }
70
71 function addIEonScroll() {
72         var thisContainer = document.getElementById('tableContainer');
73         if (!thisContainer) { return; }
74 }
75
76 window.onload = function() { stripedTable(); addIEonScroll(); }
77 -->
78 </script>
79 <style type="text/css">
80 <!--
81 table, td, a {
82         color: #000;
83         font: normal normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif
84 }
85
86 h1 {
87         font: normal normal 18px Verdana, Geneva, Arial, Helvetica, sans-serif;
88         margin: 0 0 5px 0
89 }
90
91 h2 {
92         font: normal normal 16px Verdana, Geneva, Arial, Helvetica, sans-serif;
93         margin: 0 0 5px 0
94 }
95
96 h3 {
97         font: normal normal 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
98         color: #008000;
99         margin: 0 0 15px 0
100 }
101 div.tableContainer {
102         clear: both;
103         border: 1px solid #d1c8bf;
104         height: 223px;
105         overflow: auto;
106         width: 466px;
107         float:left;
108 }
109 \html div.tableContainer/* */ {
110         padding: 0 16px 0 0;
111         width: 450px;
112 }
113 html>body div.tableContainer {
114         height: auto;
115         padding: 0;
116 }
117 head:first-child+body div[class].tableContainer {
118         height: 223px;
119         overflow: hidden;
120         width: 466px
121 }
122 div.tableContainer table {
123         float: left;
124         width: 100%
125 }
126 \html div.tableContainer table/* */ {
127         margin: 0 -16px 0 0
128 }
129 html>body div.tableContainer table {
130         float: none;
131         margin: 0;
132         width: 450px
133 }
134 head:first-child+body div[class].tableContainer table {
135         width: 466px
136 }
137 thead.fixedHeader tr {
138         position: relative;
139         top: expression(document.getElementById("tableContainer").scrollTop);
140 }
141 head:first-child+body thead[class].fixedHeader tr {
142         display: block;
143 }
144 thead.fixedHeader th {
145         background: #eeeae6;
146         font-weight: normal;
147         padding: 4px 3px;
148         text-align: left
149 }
150 thead.fixedHeader a, thead.fixedHeader a:link, thead.fixedHeader a:visited {
151         color: #FFF;
152         display: block;
153         text-decoration: none;
154         width: 100%
155 }
156 thead.fixedHeader a:hover {
157         color: #FFF;
158         display: block;
159         text-decoration: underline;
160         width: 100%
161 }
162 head:first-child+body tbody[class].scrollContent {
163         display: block;
164         height: 200px;
165         overflow: auto;
166         width: 100%
167 }
168 tbody.scrollContent td, tbody.scrollContent tr.normalRow td {
169         background: #FFF;
170         padding: 2px 3px 3px 4px
171 }
172 tbody.scrollContent tr.alternateRow td {
173         background: #efebe7;
174         padding: 2px 3px 3px 4px
175 }
176 tbody.scrollContent tr.clickedRow td {
177         background: #3858a5;
178         padding: 2px 3px 3px 4px
179 }
180 head:first-child+body thead[class].fixedHeader th {
181         width: 30px
182 }
183 head:first-child+body thead[class].fixedHeader th + th {
184         width: 60px
185 }
186 head:first-child+body thead[class].fixedHeader th + th +th {
187         width: 150px
188 }
189 head:first-child+body thead[class].fixedHeader th + th +th +th {
190         width: 150px
191 }
192 head:first-child+body thead[class].fixedHeader th + th + th + th + th {
193         border-right: none;
194         padding: 4px 4px 4px 3px;
195         width: 76px
196 }
197 head:first-child+body tbody[class].scrollContent td {
198         width: 30px
199 }
200 head:first-child+body tbody[class].scrollContent td + td {
201         width: 60px
202 }
203 head:first-child+body tbody[class].scrollContent td + td + td {
204         width: 150px
205 }
206 head:first-child+body tbody[class].scrollContent td + td + td + td {
207         width: 150px
208 }
209 head:first-child+body tbody[class].scrollContent td + td + td + td + td {
210         border-right: none;
211         padding: 2px 4px 2px 3px;
212         width: 60px
213 }
214 body {
215         font-family:verdana, arial, sans-serif;
216         font-size:8pt;
217         line-height:12pt;
218         background:#FFFFFF;
219         color:#333333;
220         margin-top:10px;
221 }
222 #wuinfopanel {
223         float:left;
224         padding-left:2px;
225         height: 224px;
226         width: 300px;
227 }
228 #fahmon {
229         width: 774px;
230         margin: auto;
231         height: 245px;
232         background: #efebe7;
233         border: 2px solid #3858a5;
234 }
235 TD {
236         margin-left:1px;
237         margin-right:1px;
238         padding:2px;
239 }
240 //-->
241 </style>
242 </head>
243 <body>
244 <div id="fahmon">
245 <table style="border-collapse:collapse;width:774px;"><tr bgcolor="#3858a5"><td width="18px"><img src="dialog_icon.png" /></td><td><b><font color="#FFFFFF">FahMon 2.3.2svn Web View - Last updated: 15 December, 09:48</font></b></td><td align="right"><b><font color="#FFFFFF">Total PPD: 2471.43</font></b></td><td align="right" onclick="javascript:window.close();"><b><font color="#FFFFFF">X</font></b></td></tr></table>
246 <div id="tableContainer" class="tableContainer">
247 <table border="0" cellpadding="0" cellspacing="0" width="100%" class="scrollTable">
248 <thead class="fixedHeader" id="fixedHeader">
249         <tr>
250 <th></th>
251 <th><u>Progress</u></th>
252 <th><u>Name</u></th>
253 <th><u>ETA</u></th>
254 <th><u>PPD</u></th>
255         </tr>
256 </thead>
257 <tbody class="scrollContent">
258 <tr onclick="ChangeColor(this, true);" id="1">
259 <td><img src="list_client_ok.png" /></td>
260 <td>5%</td>
261 <td>fileserv</td>
262 <td>17/12/07  20:52</td>
263 <td>671.96</td>
264 </tr>
265 <tr onclick="ChangeColor(this, true);" id="2">
266 <td><img src="list_client_ok.png" /></td>
267 <td>50%</td>
268 <td>mythtv1-1</td>
269 <td>16/12/07  15:48</td>
270 <td>136.07</td>
271 </tr>
272 <tr onclick="ChangeColor(this, true);" id="3">
273 <td><img src="list_client_ok.png" /></td>
274 <td>13%</td>
275 <td>mythtv1-2</td>
276 <td>16/12/07  12:13</td>
277 <td>139.81</td>
278 </tr>
279 <tr onclick="ChangeColor(this, true);" id="4">
280 <td><img src="list_client_ok.png" /></td>
281 <td>37%</td>
282 <td>mythtv2</td>
283 <td>16/12/07  17:24</td>
284 <td>840.13</td>
285 </tr>
286 <tr onclick="ChangeColor(this, true);" id="5">
287 <td><img src="list_client_ok.png" /></td>
288 <td>61%</td>
289 <td>setiq</td>
290 <td>16/12/07  14:57</td>
291 <td>237.03</td>
292 </tr>
293 <tr onclick="ChangeColor(this, true);" id="6">
294 <td><img src="list_client_ok.png" /></td>
295 <td>31%</td>
296 <td>rosefoot</td>
297 <td>16/12/07  22:06</td>
298 <td>227.25</td>
299 </tr>
300 <tr onclick="ChangeColor(this, true);" id="7">
301 <td><img src="list_client_ok.png" /></td>
302 <td>41%</td>
303 <td>gairloch</td>
304 <td>16/12/07  17:32</td>
305 <td>219.18</td>
306 </tr>
307 </tbody>
308 </table>
309 </div>
310 <div id="wuinfopanel">
311 <table style="border-collapse: collapse;border:1px solid #d1c8bf;background:#efebe7;margin:1px;height:100%;width:100%;">
312 <tr>
313 <td colspan="2">Work Unit Information</td>
314 </tr>
315 <tr>
316 <td align="right" width="50%"><b>Core:</b></td>
317 <td align="left"><b><font color="#F00" id="core"></font></b></td>
318 </tr>
319 <tr>
320 <td align="right"><b>Project:</b></td>
321 <td align="left" id="project"></td>
322 </tr>
323 <tr>
324 <td align="right"><b>Credit:</b></td>
325 <td align="left" id="credit"></td>
326 </tr>
327 <tr>
328 <td align="right"><b>Username:</b></td>
329 <td align="left"><font color="#00F" id="username"></font></td>
330 </tr>
331 <tr>
332 <td align="right"><b>Downloaded:</b></td>
333 <td align="left" id="downloaded"></td>
334 </tr>
335 <tr>
336 <td align="right"><b>Preferred Deadline:</b></td>
337 <td align="left" id="preferred"></td>
338 </tr>
339 <tr>
340 <td align="right"><b>Final Deadline:</b></td>
341 <td align="left" id="final"></td>
342 </tr>
343 </table>
344 </div>
345 </div>
346 </body>
347 </html>