Chromium Code Reviews| OLD | NEW |
|---|---|
| (Empty) | |
| 1 <html> | |
| 2 <title>Workers</title> | |
| 3 <style> | |
| 4 thead { | |
| 5 background: #E0ECFF; | |
| 6 } | |
| 7 td { | |
| 8 padding: 0 15px 0 15px; | |
| 9 } | |
| 10 | |
| 11 </style> | |
| 12 <script> | |
| 13 function requestData() { | |
| 14 var xhr = new XMLHttpRequest(); | |
| 15 xhr.open('GET', 'workers_data.json', false); | |
| 16 xhr.send(null); | |
| 17 if (xhr.status === 200) | |
| 18 return JSON.parse(xhr.responseText); | |
| 19 return []; | |
| 20 } | |
| 21 | |
| 22 function addColumn(row, value) { | |
| 23 var column = document.createElement("td"); | |
| 24 column.textContent = value; | |
| 25 row.appendChild(column); | |
| 26 } | |
| 27 | |
| 28 function populateWorkerList() { | |
| 29 var data = requestData(); | |
| 30 | |
| 31 var worker_properties = ["id", "url", "name", "pid"]; | |
| 32 | |
| 33 var list = document.getElementById("workers-table"); | |
| 34 for (var i = 0; i < data.length; i++) { | |
| 35 var workerData = data[i]; | |
| 36 var row = document.createElement("tr"); | |
| 37 for (var j = 0; j < worker_properties.length; j++) { | |
|
pfeldman
2011/07/04 10:17:57
no need for {
yurys
2011/07/04 10:23:22
Done.
| |
| 38 addColumn(row, workerData[worker_properties[j]]); | |
| 39 } | |
| 40 | |
| 41 var column = document.createElement("td"); | |
| 42 var link = document.createElement("a"); | |
| 43 link.setAttribute("href", workerData.url); | |
| 44 link.textContent = "inspect"; | |
| 45 column.appendChild(link); | |
| 46 row.appendChild(column); | |
| 47 | |
| 48 list.appendChild(row); | |
| 49 } | |
| 50 } | |
| 51 </script> | |
| 52 <body onload="populateWorkerList()"> | |
| 53 <h2>Shared workers:</h2> | |
| 54 <table> | |
| 55 <thead> | |
| 56 <tr> | |
| 57 <th>Id</th> | |
| 58 <th>URL</th> | |
| 59 <th>Name</th> | |
| 60 <th>Process id</th> | |
| 61 </tr> | |
| 62 </thead> | |
| 63 <tbody id="workers-table"> | |
| 64 </tbody> | |
| 65 </table> | |
| 66 </body> | |
| 67 </html> | |
| OLD | NEW |