iframe

experimental/webtry/js/run.js

 /**
  * Common JS that talks XHR back to the server and runs the code and receives
  * the results.
  */
 
 /**
  * All the functionality is wrapped up in this anonymous closure, but we need
  * to be told if we are on the workspace page or a normal try page, so the
  * workspaceName is passed into the closure, it must be set in the global
  * namespace. If workspaceName is the empty string then we know we aren't
  * running on a workspace page.
  */
 (function(workspaceName) {
     var run = document.getElementById('run');
+    var permalink = document.getElementById('permalink');
+    var embed = document.getElementById('embed');
+    var embedButton = document.getElementById('embedButton');
     var code = document.getElementById('code');
     var output = document.getElementById('output');
     var img = document.getElementById('img');
     var tryHistory = document.getElementById('tryHistory');
     var parser = new DOMParser();
 
 
     function beginWait() {
       document.body.classList.add('waiting');
       run.disabled = true;
@@ skipping 25 matching lines @@
       output.innerText = body.message;
       if (body.hasOwnProperty('img')) {
         img.src = 'data:image/png;base64,' + body.img;
       } else {
         img.src = '';
       }
       // Add the image to the history if we are on a workspace page.
       if (tryHistory) {
         var newHistoryStr = '<div class=tries>' +
           '<a href="/c/' + body.hash + '">' +
-          '  <img width=64 height=64 src="/i/' + body.hash +  '.png">' +
+          '  <img width=64 height=64 src="' + img.src +  '">' +
           '</a></div>';
 
         var newHistory = parser.parseFromString(newHistoryStr, "text/html");
         tryHistory.insertBefore(newHistory.body.firstChild, tryHistory.firstChild);
+      } else {
+        window.history.pushState(null, null, "./" + body.hash);
+      }
+      if (permalink) {
+        permalink.href = "/c/" + body.hash;
+      }
+      if (embed) {
+        var url = document.URL;
+        url = url.replace('/c/', '/iframe/');
+        embed.value = '<iframe src="' + url + '" width="740" height="550" style="border: solid #00a 5px; border-radius: 5px;"/>'
+      }
+      if (embedButton && embedButton.hasAttribute('disabled')) {
+        embedButton.removeAttribute('disabled');
       }
     }
 
 
     /**
      * Callback where there's an XHR error.
      * @param e The callback event.
      */
     function codeError(e) {
       endWait();
       alert('Something bad happened: ' + e);
     }
 
 
     function onSubmitCode() {
       beginWait();
       var req = new XMLHttpRequest();
       req.addEventListener('load', codeComplete);
       req.addEventListener('error', codeError);
       req.overrideMimeType('application/json');
       req.open('POST', '/', true);
       req.setRequestHeader('content-type', 'application/json');
       req.send(JSON.stringify({"code": code.value, "name": workspaceName}));
     }
     run.addEventListener('click', onSubmitCode);
+
+
+    function onEmbedClick() {
+      embed.style.display='inline';
+    }
+
+    if (embedButton) {
+      embedButton.addEventListener('click', onEmbedClick);
+    }
+
 })(workspaceName);