DOMly Issue #22: master

master.js

this["templates"] = {};
this["templates"]["Advanced"] = (function anonymous(data_0) {
  var data = data_0;
  var el0 = document.createElement("div");
  el0.className = "person";
  var el2 = document.createElement("h1");
  el2.className = "name";
  el2.textContent = data_0["name"];
  el0.appendChild(el2);
  var el4 = document.createElement("h2");
  el4.className = "title";
  el4.textContent = this["toTitleCase"](data_0["title"]);
  el0.appendChild(el4);
  var el5 = document.createTextNode(" ");
  el0.appendChild(el5);
  var el6 = document.createElement("a");
  el6.className = "send-mail";
  el6.href = "mailto:"+data_0["email"];
  el6.textContent = "Send Message";
  el0.appendChild(el6);
  var el7 = document.createTextNode(" ");
  el0.appendChild(el7);
  var el8 = document.createElement("dl");
  el8.id = "headline";
  el8.className = "demographic-info";
  if (data_0["location"]) {
    var el12 = document.createElement("dt");
    el12.textContent = "Location";
    el8.appendChild(el12);
    var el14 = document.createElement("dd");
    el14.className = "locality";
    el14.textContent = data_0["location"];
    el8.appendChild(el14);
  }
  var el17 = document.createElement("dt");
  el17.textContent = "Industry";
  el8.appendChild(el17);
  var el19 = document.createElement("dd");
  el19.className = "industry";
  el19.textContent = data_0["industry"];
  el8.appendChild(el19);
  el0.appendChild(el8);
  var el22 = document.createElement("ul");
  el22.className = "skills";
  var iterated_1 = data_0["skills"];
  for (var i1 = 0, ni1 = iterated_1.length; i1 < ni1; i1++) {
    var data_1 = data = iterated_1[i1];
    var el26 = document.createElement("li");
    el26.className = "competency skill";
    var el28 = document.createElement("h3");
    var el29 = document.createElement("a");
    el29.href = "#skill_"+data_1["name"];
    el29.textContent = data_1["name"];
    el28.appendChild(el29);
    el26.appendChild(el28);
    var el30 = document.createTextNode(" ");
    el26.appendChild(el30);
    var el31 = document.createElement("span");
    el31.className = "proficiency";
    el31.textContent = "("+this["formatLevel"](data_1["level"])+", "+this["formatYears"](data_1["years"])+" experience)";
    el26.appendChild(el31);
    var el32 = document.createTextNode(" ");
    el26.appendChild(el32);
    el22.appendChild(el26);
  }
  el0.appendChild(el22);
  return el0;
});

this["templates"]["Complex"] = (function anonymous(data_0) {
  var frag = document.createDocumentFragment();
  var data = data_0;
  var el0 = document.createElement("h1");
  el0.textContent = data_0["header"];
  frag.appendChild(el0);
  if (data_0["hasItems"]) {
    var el4 = document.createElement("ul");
    var iterated_1 = data_0["items"];
    for (var i1 = 0, ni1 = iterated_1.length; i1 < ni1; i1++) {
      var data_1 = data = iterated_1[i1];
      if (data_1["current"]) {
        var el10 = document.createElement("li");
        var el11 = document.createElement("strong");
        el11.textContent = data_1["name"];
        el10.appendChild(el11);
        el4.appendChild(el10);
      }
      else {
        var el14 = document.createElement("li");
        var el15 = document.createElement("a");
        el15.href = data_1["url"];
        el15.textContent = data_1["name"];
        el14.appendChild(el15);
        el4.appendChild(el14);
      }
    }
    frag.appendChild(el4);
  }
  else {
    var el21 = document.createElement("p");
    el21.textContent = "The list is empty.";
    frag.appendChild(el21);
  }
  return frag;
});

this["templates"]["Person"] = (function anonymous(data_0) {
  var data = data_0;
  var el0 = document.createElement("section");
  var el2 = document.createElement("h1");
  el2.textContent = data_0["name"];
  el0.appendChild(el2);
  var el4 = document.createElement("h2");
  el4.textContent = data_0["title"];
  el0.appendChild(el4);
  var el6 = document.createElement("article");
  el6.textContent = data_0["description"];
  el0.appendChild(el6);
  var el7 = document.createTextNode(" ");
  el0.appendChild(el7);
  var el8 = document.createElement("a");
  el8.href = "mailto:"+data_0["email"];
  el8.textContent = data_0["email"];
  el0.appendChild(el8);
  var el9 = document.createTextNode(" ");
  el0.appendChild(el9);
  return el0;
});

this["templates"]["Structure"] = (function() {
  var frag;
function anonymous(data_0) {
    var data = data_0;
    var el0 = document.createElement("section");
    el0.className = "section";
    var el2 = document.createElement("header");
    el2.className = "header";
    el2.textContent = "Header";
    el0.appendChild(el2);
    var el4 = document.createElement("article");
    el4.className = "article";
    var el6 = document.createElement("p");
    el6.textContent = "Paragraph 1";
    el4.appendChild(el6);
    var el8 = document.createElement("p");
    el8.textContent = "Paragraph 2";
    el4.appendChild(el8);
    var el10 = document.createElement("p");
    el10.textContent = "Paragraph 3";
    el4.appendChild(el10);
    var el12 = document.createElement("p");
    el12.textContent = "Paragraph 4";
    el4.appendChild(el12);
    var el14 = document.createElement("p");
    el14.textContent = "Paragraph 5";
    el4.appendChild(el14);
    var el16 = document.createElement("ul");
    el16.className = "list";
    var el18 = document.createElement("li");
    el18.textContent = "Item 1";
    el16.appendChild(el18);
    var el20 = document.createElement("li");
    el20.textContent = "Item 2";
    el16.appendChild(el20);
    var el22 = document.createElement("li");
    el22.textContent = "Item 3";
    el16.appendChild(el22);
    var el24 = document.createElement("li");
    el24.textContent = "Item 4";
    el16.appendChild(el24);
    var el26 = document.createElement("li");
    el26.textContent = "Item 5";
    el16.appendChild(el26);
    el4.appendChild(el16);
    el0.appendChild(el4);
    var el30 = document.createElement("footer");
    el30.className = "footer";
    el30.textContent = "Footer";
    el0.appendChild(el30);
    return el0;
}
  return function template() {
    if (!frag) {
      frag = anonymous();
    }
    return frag.cloneNode(true);
  };
}());

this["templates"]["TagList"] = (function anonymous(data_0) {
  var data = data_0;
  var el0 = document.createElement("section");
  var el2 = document.createElement("h1");
  el2.textContent = data_0["name"];
  el0.appendChild(el2);
  var el4 = document.createElement("ul");
  var iterated_1 = data_0["tags"];
  for (var i1 = 0, ni1 = iterated_1.length; i1 < ni1; i1++) {
    var data_1 = data = iterated_1[i1];
    var el8 = document.createElement("li");
    el8.textContent = data_1;
    el4.appendChild(el8);
  }
  el0.appendChild(el4);
  return el0;
});