mirrors/ProgressQuest-web
1
0
Fork 0
mirror of https://bitbucket.org/grumdrig/pq-web.git synced 2026-09-29 08:44:00 -06:00
Code Issues Packages Projects Releases Wiki Activity

Hush of a more pleasing template-based roster

Browse Source
This commit is contained in:
Eric Fredricksen
2010-07-03 15:11:09 -07:00
parent 9e7bb12434
commit d59f675690
2 changed files with 45 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
roster.html
+22
View File
@@ -4,6 +4,19 @@
<script src="jquery.js"></script> <script src="jquery.js"></script>
<script src="config.js"></script> <script src="config.js"></script>
<script src="roster.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> </head>
<body> <body>
@@ -16,3 +29,12 @@ Here it goes
<button id=clear>Clear</button> <button id=clear>Clear</button>
</body> </body>
</html> </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>
roster.js
+23 -2
View File
@@ -13,20 +13,28 @@ $(document).ready(function () {
return; return;
} }
$.each(games, function (key, c) { $.each(games, function (key, c) {
roster.append(brag(c));
var p = $("<p/>");
p.appendTo(roster);
p.text(JSON.stringify(c));
var p = $("<dt/>"); var p = $("<dt/>");
p.appendTo(roster); p.appendTo(roster);
var a = $("<a/>", {href: "main.html#" + c.name}) var a = $("<a/>", {href: "main.html#" + c.name})
a.text(c.name); a.text(c.name);
a.appendTo(p); a.appendTo(p);
var rm = $("<button/>"); var rm = $("<button/>");
rm.text("X"); rm.text("X");
rm.css("color", "red"); rm.css("color", "red");
rm.appendTo(p); rm.appendTo(roster);
rm.click(function () { rm.click(function () {
delete games[c.name]; delete games[c.name];
storeRoster(games); storeRoster(games);
load(); load();
}); });
p = $("<dd/>"); p = $("<dd/>");
p.appendTo(roster); p.appendTo(roster);
p.text("Level " + (c.level || 1) + " " + c.race + " " + c['class']); p.text("Level " + (c.level || 1) + " " + c.race + " " + c['class']);
@@ -41,11 +49,24 @@ $(document).ready(function () {
$("#test").click(function () { $("#test").click(function () {
var n = GenerateName(); 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); storeRoster(games);
load(); 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 () { $("#clear").click(function () {
storeRoster({}); storeRoster({});
load(); load();