Add ability to linkify hashes on isolate server

appengine/isolate/templates/browse.html

 {% set title = 'Isolate Server' %}
 {% extends "isolate/base.html" %}
 
 
 {% block headers %}
 <style>
   html, body {
-    height: 100%;
+    height: 95%;

[M-A Ruel, 2016/04/14 19:22:36]

why? I prefer static margins to 95%

[kjlubick, 2016/04/14 19:59:08]

I found that height of 100% always required some vertical scrolling, likely due
to the appengine footer.  I could possibly do absolute positioning to make it
static.

     margin: 0;
     width: 100%;
   }
   div.use_all_space {
     margin: 0;
     overflow-y: hidden;
     padding: 0;
     width: 100%;
   }
   .monospace {
     font-family: monospace;
     white-space: pre-wrap;
   }
   iframe.use_all_space {
     margin: 0;
     overflow-y: hidden;
     padding: 0;
     width: 100%;
+    min-height: 80%;

[M-A Ruel, 2016/04/14 19:22:36]

sort

[kjlubick, 2016/04/14 19:59:08]

Sorted.

   }
 </style>
 
-
-{#
-TODO(maruel): Reenable once Web UI authentication is switched to OAuth2.
-<script type="text/javascript" src="third_party/pako/pako-0.2.3.min.js">
-</script>
-<script>
-  if (typeof String.prototype.endsWith !== 'function') {
-    String.prototype.endsWith = function(suffix) {
-      return this.indexOf(suffix, this.length - suffix.length) !== -1;
-    };
-  }
-
-  // Fetch the content, uncompress it if necessary, then write it to the iframe.
-  function update() {
-    var digest = encodeURIComponent(document.getElementById('digest').value);
-    var namespace = encodeURIComponent(
-        document.getElementById('namespace').value);
-    var url = '/_ah/api/isolateservice/v1/retrieve';
-    fetch(url, namespace, digest);
-    // TODO(maruel): Add back once endpoint API is rewritten.
-    //document.getElementById('generated_link').innerHTML = (
-    //    '<a href="' + url + '">Link to ' + digest + '</a>');
-  }
-
-  function ab2str(buf) {
-    return String.fromCharCode.apply(null, new Uint8Array(buf));
-  }
-
-  function fetch(url, namespace, digest) {
-    var xhr = new XMLHttpRequest();
-    // TODO(maruel): Change back to a HTTP GET once endpoint API is rewritten.
-    xhr.open('POST', url, true);
-    xhr.setRequestHeader('Content-Type', 'application/json; charset=UTF-8');
-    var oauthToken = gapi.auth.getToken();
-    xhr.setRequestHeader('Authorization', 'Bearer ' + oauthToken.access_token);
-    xhr.responseType = 'arraybuffer';
-    xhr.onload = function(e) {
-      if (this.status == 200) {
-        post_process_async(
-            namespace, new Uint8Array(this.response), write_to_iframe);
-      } else {
-        alert(ab2str(this.response));
-      }
-    };
-    xhr.send(JSON.stringify({namespace: {namespace:namespace}, digest: digest}));
-  }
-
-  function decompress_to_string_async(data, callback) {
-    var bytes = pako.inflate(new Uint8Array(data));
-    var bb = new Blob([bytes]);
-    var f = new FileReader();
-    f.onload = function(e) {
-      callback(e.target.result);
-    };
-    f.readAsText(bb);
-  }
-
-  function post_process_async(namespace, data, callback) {
-    // Note that -gzip is a misnomer, it's actually -deflate.
-    if (namespace.endsWith('-gzip') || namespace.endsWith('-deflate')) {
-      decompress_to_string_async(data, function(x) {
-        // Now act as if the namespace was the default uncompressed one so
-        // further processing can be done.
-        post_process_async('default', x, callback);
-      });
-      return;
-    }
-    if (data[0] == 'P' && data[1] == 'K') {
-      // TODO(maruel): Implement PKzip decoding to be able to list files?
-      callback("Found a .zip file (" + data.length + " bytes)");
-      return;
-    }
-    if (data[0] == '{') {
-      // Assume a json file, pretty-print it.
-      // TODO(maruel): Convert .isolated files to browsable file.
-      // TODO(maruel): Catch exception and print data as-is in that case.
-      var pretty = JSON.stringify(JSON.parse(data), null, 2);
-      callback(pretty);
-      return;
-    }
-    // Fallback.
-    callback(data);
-  }
-
-  function write_to_iframe(data) {
-    var ifrm = document.getElementById('content').contentDocument;
-    ifrm.open();
-    ifrm.write('<html><body><pre>' + data + '</pre></body></html>');
-    ifrm.close();
-  }
-</script>
-#}
 {% endblock %}
 
-
 {% block body %}
 
 <h1>File browser</h1>
 
 Enter the namespace and digest of an object:<br>
 <form id="form1" method="GET">
   <input id="namespace" name="namespace" value="{{namespace}}" /><br>
   <input id="digest" name="digest" maxlength=40 size=40 value="{{digest}}" />
   <br>
   <input type=submit value="Load item"/><br>
 </form>
-<p>
-<div id="generated_link"> </div>
-<p>
 <hr>
-<div class="use_all_space monospace">{{content}}{#  <iframe id="content" class="use_all_space" sandbox="allow-same-origin"></iframe>#}</div>
 
+<div id="iframe-entry"></div>
+<iframe id="content" class="use_all_space" sandbox="allow-same-origin allow-popups" src="/content?namespace={{namespace}}&digest={{digest}}">
+</iframe>
 {% endblock %}