Hush of a more pleasing template-based roster

2026-09-29 00:34:00 -06:00 · 2010-07-03 15:11:09 -07:00
parent 9e7bb12434
commit d59f675690
2 changed files with 45 additions and 2 deletions
@@ -4,6 +4,19 @@
 <script src="jquery.js"></script>
 <script src="config.js"></script>
 <script src="roster.js"></script>
+<style>
+div.brag {
+  font: 9pt Verdana
+}
+
+div.rc {
+  font: 8pt Verdana
+}
+
+div.best {
+  font: 7pt Verdana
+}
+</style>
 </head>

 <body>
@@ -16,3 +29,12 @@ Here it goes
 <button id=clear>Clear</button>
 </body>
 </html>
+
+
+<script id="bumble" type="text/html">
+<div class="brag">
+  <a><b>$traits.Name</b></a> of $realm ($plots.act)
+</div>
+<div class="rc">Level $traits.Level $traits.Race $traits.Class</div>
+<div class="bs">$equips.best / $spells.best / $stats.best</div>
+</script>
@@ -13,20 +13,28 @@ $(document).ready(function () {
      return;
    }
    $.each(games, function (key, c) {
+      roster.append(brag(c));
+
+      var p = $("<p/>");
+      p.appendTo(roster);
+      p.text(JSON.stringify(c));
+      
      var p = $("<dt/>");
      p.appendTo(roster);
      var a = $("<a/>", {href: "main.html#" + c.name})
      a.text(c.name);
      a.appendTo(p);
+
      var rm = $("<button/>");
      rm.text("X");
      rm.css("color", "red");
-      rm.appendTo(p);
+      rm.appendTo(roster);
      rm.click(function () {
        delete games[c.name];
        storeRoster(games);
        load();
      });
+
      p = $("<dd/>");
      p.appendTo(roster);
      p.text("Level " + (c.level || 1) + " " + c.race + " " + c['class']);
@@ -41,11 +49,24 @@ $(document).ready(function () {
  
  $("#test").click(function () {
    var n = GenerateName();
-    games[n] = {level: -10,name:n,race:GenerateName(),"class":GenerateName()};
+    games[n] = {traits: {level: -10},name:n,race:GenerateName(),"class":GenerateName()};
    storeRoster(games);
    load();
  });
  
+  function brag(sheet) {
+    var tmpl = $("#bumble").html();
+    var brag = tmpl.replace(/\$([a-z.]+)/g, function (str, p1) {
+      var dict = sheet;
+      $.each(p1.split("."), function (i,v) {
+        if (!dict) return true;
+        dict = dict[v];
+      });
+      return dict || '';
+    });
+    return $(brag);
+  }
+  
  $("#clear").click(function () {
    storeRoster({});
    load();