github.com/olivere/camlistore@v0.0.0-20140121221811-1b7ac2da0199/clients/js/index.html (about)

     1  <!DOCTYPE html>
     2  <html>
     3  <head>
     4  <link rel=stylesheet href=style.css>
     5  <script src=client.js></script>
     6  </head>
     7  
     8  <body>
     9  
    10  <div id=logo>CAMLI</div>
    11  
    12  <table id=bloblist cellspacing=0>
    13  <tr><th>ref</th><th>size</th></tr>
    14  </table>
    15  
    16  <script>
    17  var bs = new Camli.BlobStore();
    18  
    19  function enumerate() {
    20    var list = document.getElementById('bloblist');
    21  
    22    bs.enumerate(function(data) {
    23      for (var i = 0, blob; blob = data.blobs[i]; ++i) {
    24        var tr = document.createElement('tr');
    25        var td = document.createElement('td');
    26        td.className = 'blobref';
    27        var a = document.createElement('a');
    28        a.href = '#' + blob.blobRef;
    29        a.innerText = blob.blobRef;
    30        td.appendChild(a);
    31        tr.appendChild(td);
    32        td = document.createElement('td');
    33        td.align = 'right';
    34        td.innerText = blob.size;
    35        tr.appendChild(td);
    36        list.appendChild(tr);
    37      }
    38    });
    39  }
    40  
    41  function blob(ref) {
    42    bs.getBlob(ref, function(content) {
    43      console.log('got ' + content);
    44    });
    45  }
    46  
    47  function load() {
    48    var hash = document.location.hash;
    49    if (hash) {
    50      blob(hash.substr(1));
    51    } else {
    52      enumerate();
    53    }
    54  }
    55  
    56  window.addEventListener('hashchange', load, false);
    57  load();
    58  </script>
    59  
    60  </body>
    61  </html>