ambidextrous/gemp-lotr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

- Fixed display of lots of tokens on a card. They will be displayed in columns now, where each colum has at most

Browse Source 
10 tokens.
This commit is contained in:
marcins78@gmail.com
2011-10-26 23:34:27 +00:00
parent 395666762b
commit 6c225cee4d
2 changed files with 19 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
gemp-lotr/gemp-lotr-web/src/main/webapp/includes/changeLog.html
View File

@@ -2,6 +2,8 @@
<b>26 Oct. 2011</b>
- Added card overlay to active characters showing their current strength.
- Archery totals and move count/limit added to UI.
- Fixed display of lots of tokens on a card. They will be displayed in columns now, where each colum has at most
10 tokens.
<b>25 Oct. 2011</b>
- "Vengeance" now correctly counts cards attached to oposing character.

23
gemp-lotr/gemp-lotr-web/src/main/webapp/js/jCardGroup.js
View File

@@ -43,25 +43,36 @@ var CardGroup = Class.extend({
var tokenOverlay = $(".tokenOverlay", cardElem);
var tokenSize = Math.floor(maxDimension / 12) * 2;
var tokenSize = Math.floor(maxDimension / 13) * 2;
var tokens = cardElem.data("card").tokens;
if (tokens != null) {
var tokenTypesCount = 0;
var tokenInColumnMax = 10;
var tokenColumns = 0;
for (var token in tokens)
if (tokens.hasOwnProperty(token) && tokens[token] > 0)
tokenTypesCount++;
if (tokens.hasOwnProperty(token) && tokens[token] > 0) {
tokenColumns += (1 + Math.floor((tokens[token] - 1) / tokenInColumnMax));
}
var tokenIndex = 1;
for (var token in tokens)
if (tokens.hasOwnProperty(token) && tokens[token] > 0) {
var tokenX = (tokenIndex * (width / (tokenTypesCount + 1))) - (tokenSize / 2);
var tokenCount = tokens[token];
var tokenX = (tokenIndex * (width / (tokenColumns + 1))) - (tokenSize / 2);
var tokenInColumnIndex = 0;
for (var i = 0; i < tokenCount; i++) {
var tokenElem = $("<img class='token' src='images/tokens/" + token.toLowerCase() + ".png' width='" + tokenSize + "' height='" + tokenSize + "'></img>").css({position: "absolute", left: tokenX + "px", top: (1 * tokenSize / 2) * (1 + i) + "px"});
var tokenY = Math.floor((maxDimension / 13) * (1 + tokenInColumnIndex));
var tokenElem = $("<img class='token' src='images/tokens/" + token.toLowerCase() + ".png' width='" + tokenSize + "' height='" + tokenSize + "'></img>").css({position: "absolute", left: tokenX + "px", top: tokenY + "px"});
tokenOverlay.append(tokenElem);
tokenInColumnIndex++;
if (tokenInColumnIndex == tokenInColumnMax) {
tokenInColumnIndex = 0;
tokenIndex++;
tokenX = (tokenIndex * (width / (tokenColumns + 1))) - (tokenSize / 2)
}
}
tokenIndex ++;
}