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

Add small versions of role art to description modal

Browse Source
This commit is contained in:
Alec Maier
2019-09-13 18:57:59 -04:00
parent 1e69bfe5b7
commit 0060f6372a
12 changed files with 19 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
static/setup.js
View File

@@ -2,6 +2,7 @@ import {cards} from './cards.js'
import {utility} from './util.js'
const socket = io();
const finishedArtArray = ["Villager", "Werewolf", "Seer", "Shadow", "Hunter", "Mason", "Minion"];
// important declarations
class Card {
@@ -45,9 +46,16 @@ window.onload = function() {
// put card info in the informational role description modal
const modalRole = document.createElement("div");
modalRole.setAttribute("class", "modal-role");
modalRole.innerHTML = cards[i].team === "good" ?
"<h2 class='role-village'>" + cards[i].role + "</h2><p>" + cards[i].team + "</p><p>" + cards[i].description + "</p>"
: "<h2 class='role-wolf'>" + cards[i].role + "</h2><p>" + cards[i].team + "</p><p>" + cards[i].description + "</p>";
const roleClass = cards[i].team === "good" ? "role-village" : "role-wolf";
const roleImage = finishedArtArray.includes(cards[i].role) ?
"<img alt='No art' src='/assets/images/roles-small/" + cards[i].role + ".png' />"
: "<span>Art soon.</span>";
modalRole.innerHTML =
"<h2 class='" + roleClass + "'>" + cards[i].role + "</h2>" +
roleImage +
"<p>" + cards[i].team + "</p>" +
"<p>" + cards[i].description + "</p>";
document.getElementById("roles").appendChild(modalRole);
fullDeck.push(newCard);