X-Git-Url: https://git.arvados.org/rnaseq-cwl-training.git/blobdiff_plain/9af9525887c5374687cd2a0fa88811eb54bef3a2..df03039fa6395469aede858e873b1b03b6dd3264:/bin/boilerplate/_extras/figures.md
diff --git a/bin/boilerplate/_extras/figures.md b/bin/boilerplate/_extras/figures.md
index c1511e8..02ceff6 100644
--- a/bin/boilerplate/_extras/figures.md
+++ b/bin/boilerplate/_extras/figures.md
@@ -5,22 +5,49 @@ title: Figures
window.onload = function() {
var lesson_episodes = [
{% for episode in site.episodes %}
- "{{ episode.url}}"{% unless forloop.last %},{% endunless %}
+ "{{ episode.url }}"{% unless forloop.last %},{% endunless %}
{% endfor %}
];
+
var xmlHttp = []; /* Required since we are going to query every episode. */
for (i=0; i < lesson_episodes.length; i++) {
+
xmlHttp[i] = new XMLHttpRequest();
xmlHttp[i].episode = lesson_episodes[i]; /* To enable use this later. */
xmlHttp[i].onreadystatechange = function() {
+
if (this.readyState == 4 && this.status == 200) {
- var article_here = document.getElementById(this.episode);
var parser = new DOMParser();
var htmlDoc = parser.parseFromString(this.responseText,"text/html");
var htmlDocArticle = htmlDoc.getElementsByTagName("article")[0];
- article_here.appendChild(htmlDocArticle.getElementsByTagName("h1")[0]);
- for (let image of htmlDocArticle.getElementsByTagName("img")) {
- article_here.appendChild(image);
+
+ var article_here = document.getElementById(this.episode);
+ var images = htmlDocArticle.getElementsByTagName("img");
+
+ if (images.length > 0) {
+ var h1text = htmlDocArticle.getElementsByTagName("h1")[0].innerHTML;
+
+ var htitle = document.createElement('h2');
+ htitle.innerHTML = h1text;
+ article_here.appendChild(htitle);
+
+ var image_num = 0;
+ for (let image of images) {
+ image_num++;
+
+ var title = document.createElement('p');
+ title.innerHTML = "Figure " + image_num + ". " + image.alt;
+ article_here.appendChild(title);
+
+ var img = document.createElement('img');
+ img.src = image.src;
+ article_here.appendChild(img);
+
+ if (image_num < images.length) {
+ var hr = document.createElement('hr');
+ article_here.appendChild(hr);
+ }
+ }
}
}
}
@@ -34,7 +61,7 @@ title: Figures
Create anchor for each one of the episodes.
{% endcomment %}
{% for episode in site.episodes %}
-
+
{% endfor %}
{% include links.md %}