ores/auto-commit => 'set'

Author: ORESoftware

index-1.html

@@ -0,0 +1,75 @@
+<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
+
+<style>
+    .version-selection-scroll-panel {
+        width: 15%;
+        height: 100%;
+        overflow-y: scroll;
+    }
+
+    .flex-container {
+        display: flex;
+    }
+
+    .flex-vertical-container {
+        display: flex;
+        flex-direction: column;
+    }
+
+    html, body {
+        margin: 0;
+        height: 100%;
+        overflow: hidden
+    }
+
+</style>
+
+<script>
+
+
+  let local = false;
+
+  // dom.appendChild('');
+
+  const asyncc = window.__asyncc__ = {};
+  asyncc.latestVersion = 'v/0.1.0';
+  asyncc.root = "https://async-java.github.io/";
+
+  asyncc.changeIframe = (versionPath) => {
+
+    let iframe = document.getElementsByClassName("main-iframe");
+    if (!iframe) {
+      return alert('Could not find iframe on page.');
+    }
+
+    console.log('src:', versionPath);
+    // iframe.src = asyncc.root + versionPath;
+
+    iframe.src = versionPath;
+    console.log({iframe});
+    // iframe.replaceWith(iframe);
+    // iframe.location.reload();
+    // iframe.contentWindow.location.reload();
+  };
+
+
+</script>
+
+<div class="flex-container">
+
+    <div class="version-selection-scroll-panel">
+        <div class="flex-vertical-container">
+            <button onclick="asyncc.changeIframe('v/0.1.0')">version 0.1.1</button>
+            <button onclick="asyncc.changeIframe('v/0.1.2')">version 0.1.2</button>
+            <button onclick="asyncc.changeIframe('v/0.1.3')">version 0.1.3</button>
+        </div>
+    </div>
+    <div style="display: flex; flex-grow: 1">
+        <!--<iframe id="main-iframe" src="https://async-java.github.io/v/0.1.0" width="100%" height="100%"></iframe>-->
+        <iframe id="main-iframe" src="v/0.1.0" width="100%" height="100%"></iframe>
+    </div>
+</div>
+
+<script>
+  asyncc.changeIframe('v/0.1.2');
+</script>

index.html

@@ -1,3 +1,5 @@
+<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js?skin=sunburst&autoload=true&lang=java"></script>
+
 <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
 
 <style>
@@ -26,15 +28,9 @@
 
 <script>
 
-
   let local = false;
-
-  // dom.appendChild('');
-
   const asyncc = window.__asyncc__ = {};
-
   asyncc.latestVersion = 'v/0.1.0';
-
   asyncc.root = "https://async-java.github.io/";
 
   asyncc.changeIframe = (versionPath) => {
@@ -43,16 +39,26 @@
       return alert('Could not find iframe on page.');
     }
 
-    console.log('src:', versionPath);
-    // iframe.src = asyncc.root + versionPath;
-
     iframe.src = versionPath;
-    console.log({iframe});
-    // iframe.replaceWith(iframe);
-    // iframe.location.reload();
-    // iframe.contentWindow.location.reload();
   };
 
+  asyncc.newIFrame = () => {
+    const el = document.getElementById('foox');
+    el.innerHTML = '<iframe id="main-iframe" src="v/0.1.0" width="100%" height="100%"></iframe>;';
+  };
+
+  asyncc.getFrame = () => {
+    return fetch('md/html-from-md.html')
+      .then(r => {
+        const el = document.getElementById('foox');
+        return r.text().then(v => {
+          console.log('here is the text:',v);
+          // var div = document.createElement("div");
+          el.innerHTML = v;
+          // el.appendChild(div);
+        });
+      });
+  };
 
 </script>
 
@@ -63,11 +69,12 @@
             <button onclick="asyncc.changeIframe('v/0.1.0')">version 0.1.1</button>
             <button onclick="asyncc.changeIframe('v/0.1.2')">version 0.1.2</button>
             <button onclick="asyncc.changeIframe('v/0.1.3')">version 0.1.3</button>
+            <button onclick="asyncc.getFrame('v/0.1.3')">get markdown</button>
+            <button onclick="asyncc.newIFrame()">new iframe</button>
         </div>
     </div>
-    <div style="display: flex; flex-grow: 1">
-        <!--<iframe id="main-iframe" src="https://async-java.github.io/v/0.1.0" width="100%" height="100%"></iframe>-->
-        <iframe id="main-iframe" src="v/0.1.0" width="100%" height="100%"></iframe>
+    <div id="foox" style="display: flex; flex-grow: 1">
+            <iframe id="main-iframe" src="v/0.1.0" width="100%" height="100%"></iframe>
     </div>
 </div>
 

md/html-from-md.html

@@ -1,4 +1,3 @@
-<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js?autoload=true&lang=java"></script>
 
 <h3 id="this-is-title">This is title</h3>
 <p><a name="abcde"></a></p>