Git_Mirror/Werewolf
1
0
Fork 0
mirror of https://github.com/AlecM33/Werewolf.git synced 2026-01-02 01:03:24 +01:00
Code Issues Packages Projects Releases Wiki Activity

gallery/list views for setup page

Browse Source
This commit is contained in:
Alec Maier
2020-04-28 02:56:42 -04:00
parent 3057ec0e45
commit d1da905cb9
8 changed files with 527 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
static/modules/card-manager.js
View File

@@ -39,7 +39,11 @@ export class CardManager {
let cardClass = card.isTypeOfWerewolf ? "card card-werewolf" : "card";
cardContainer.setAttribute("class", cardClass);
cardContainer.setAttribute("id", "card-" + index);
if (card.team === "good") {
cardContainer.setAttribute("id", "card-" + index);
} else {
cardContainer.setAttribute("id", "card-" + index);
}
cardContainer.innerHTML =
"<div class='card-top'>" +
"<div class='card-header'>" +
@@ -61,10 +65,45 @@ export class CardManager {
return cardContainer;
}
static constructCustomCardIndicator() {
static constructCompactDeckBuilderElement(card, index) {
const cardContainer = document.createElement("div");
const quantityClass = card.team === "good" ? "card-quantity quantity-village" : "card-quantity quantity-wolf";
let cardClass = card.isTypeOfWerewolf ? "compact-card card-werewolf" : "compact-card";
cardContainer.setAttribute("class", cardClass);
if (card.team === "good") {
cardContainer.setAttribute("id", "card-" + index);
} else {
cardContainer.setAttribute("id", "card-" + index);
}
cardContainer.innerHTML =
"<div class='compact-card-left'>" +
"<p>-</p>" +
"</div>" +
"<div class='compact-card-header'>" +
"<p class='card-role'>" + card.role + "</p>" +
"<div class='" + quantityClass + "'>" + card.quantity + "</div>" +
"</div>" +
"<div class='compact-card-right'>" +
"<p>+</p>" +
"</div>";
return cardContainer;
}
static constructCustomCardIndicator(isCondensed, team) {
let customCard = document.createElement("div");
customCard.classList.add("card", "custom-card");
customCard.setAttribute("id", "custom");
if (isCondensed) {
customCard.classList.add("compact-card", "custom-card");
} else {
customCard.classList.add("card", "custom-card");
}
if (team === "good") {
customCard.setAttribute("id", "custom-good");
} else {
customCard.setAttribute("id", "custom-evil");
}
let cardHeader = document.createElement("h1");
cardHeader.innerText = "Add Custom Role";