src/native_client_sdk/src/web/manifest.html

   1 <!DOCTYPE html>
   2 <!-- much of this is stolen from omahaproxy.appspot.com/viewer -->
   3 <html>
   4   <head>
   5     <meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type">
   6     <title>NaCl SDK Manifest Viewer</title>
   7   </head>
   8   <style type="text/css" media="screen">
   9     body {
  10       font-family: monospace;
  11       font-size: 10pt;
  12     }
  13
  14     table {
  15       border-collapse: collapse;
  16       border-color: rgb(100, 100, 100);
  17       border-style: solid;
  18       border-width: 1px 0px 1px 0px;
  19     }
  20
  21     table td {
  22       padding: 3px;
  23       border-color: rgb(100, 100, 100);
  24       border-style: solid;
  25       border-width: 0px 1px 0px 1px;
  26     }
  27
  28     thead {
  29       background-color: lightblue;
  30       font-weight: bold;
  31       border-style: solid;
  32       border-color: rgb(100, 100, 100);
  33       border-width: 0px 0px 2px 0px;
  34       text-align: center;
  35     }
  36
  37     tbody tr:nth-child(odd) {
  38       background-color: rgb(230, 230, 230);
  39     }
  40
  41     tbody tr:hover {
  42       background-color: orange;
  43     }
  44
  45     td a {
  46       padding: 3px;
  47     }
  48   </style>
  49   <body>
  50     <h1>NaCl SDK Manifest Viewer</h1>
  51     <table>
  52       <thead id="columns">
  53       </thead>
  54       <tbody id="rows">
  55       </tbody>
  56     </table>
  57     <h2>Most recent upload log:</h2>
  58     <pre id="log">
  59     </pre>
  60     <script type="application/javascript">
  61       function loadText(url, callback) {
  62         var xhr = new XMLHttpRequest();
  63         xhr.open('GET', url, true);
  64         xhr.onreadystatechange = function (e) {
  65           if (xhr.readyState == 4) {
  66             if (xhr.status == 200) {
  67               callback(xhr.responseText);
  68             } else {
  69               alert("Failed to load: error " + xhr.status);
  70             }
  71           }
  72         }
  73         xhr.send(null);
  74       }
  75
  76       function loadJson(url, callback) {
  77         loadText(url, function (text) {
  78           callback(JSON.parse(text));
  79         });
  80       }
  81
  82       function removeAllChildren(elm) {
  83         while (elm.childNodes.length) {
  84           elm.removeChild(elm.firstChild);
  85         }
  86       }
  87
  88       function display(data) {
  89         data = data.bundles;
  90
  91         var columnsElm = document.getElementById('columns');
  92         var rowsElm = document.getElementById('rows');
  93         removeAllChildren(columnsElm);
  94         removeAllChildren(rowsElm);
  95
  96         // Create the column headers.
  97         var tr = document.createElement('tr');
  98         var columns = [
  99           'name', 'version', 'revision', 'win', 'mac', 'linux', 'all'
 100         ];
 101         for (var i = 0; i < columns.length; ++i) {
 102           var td = document.createElement('td');
 103           var text = document.createTextNode(columns[i]);
 104           td.appendChild(text);
 105           tr.appendChild(td);
 106         }
 107         columnsElm.appendChild(tr);
 108
 109         var platforms = ['win', 'mac', 'linux', 'all'];
 110
 111         for (var i = 0; i < data.length; ++i) {
 112           var tr = document.createElement('tr');
 113           for (var j = 0; j < columns.length; ++j) {
 114             var td = document.createElement('td');
 115             var node;
 116             if (platforms.indexOf(columns[j]) != -1) {
 117               var archives = data[i].archives;
 118               for (var k = 0; k < archives.length; ++k) {
 119                 if (columns[j] == archives[k].host_os) {
 120                   var url = archives[k].url;
 121                   var lastSlash = url.lastIndexOf('/');
 122                   var nextDot = url.indexOf('.', lastSlash);
 123                   name = url.substr(lastSlash + 1, nextDot - lastSlash - 1);
 124                   node = document.createElement('a');
 125                   node.setAttribute('href', url);
 126                   node.appendChild(document.createTextNode(name));
 127                   td.appendChild(node);
 128                 }
 129               }
 130             } else {
 131               node = document.createTextNode(data[i][columns[j]]);
 132               td.appendChild(node);
 133             }
 134             tr.appendChild(td);
 135           }
 136           rowsElm.appendChild(tr);
 137         }
 138       }
 139
 140       function displayLog(text) {
 141         document.getElementById('log').textContent = text;
 142       }
 143
 144       loadJson('naclsdk_manifest2.json', display);
 145       loadText('naclsdk_manifest2.json.log', displayLog);
 146     </script>
 147   </body>
 148 </html>