diff --git a/app/client/views/character/stats/statCard/statCard.css b/app/client/views/character/stats/statCard/statCard.css index 04a9250e..c8e3c8eb 100644 --- a/app/client/views/character/stats/statCard/statCard.css +++ b/app/client/views/character/stats/statCard/statCard.css @@ -14,3 +14,17 @@ min-width: 72px; padding: 16px; } + +.stat-card .skill-mod.advantage{ + background-image: url(/png/advantage/greenUp.png); + background-size: contain; + background-repeat: no-repeat; + background-position: center; +} + +.stat-card .skill-mod.disadvantage{ + background-image: url(/png/advantage/redDown.png); + background-size: contain; + background-repeat: no-repeat; + background-position: center; +} diff --git a/app/client/views/character/stats/statCard/statCard.js b/app/client/views/character/stats/statCard/statCard.js index 32a89cad..017145fd 100644 --- a/app/client/views/character/stats/statCard/statCard.js +++ b/app/client/views/character/stats/statCard/statCard.js @@ -6,4 +6,10 @@ Template.statCard.helpers({ ) ); }, + advantage: function(){ + var charId = Template.parentData()._id; + var advantage = Characters.calculate.advantage(charId, this.stat); + if (advantage > 0) return "advantage"; + if (advantage < 0) return "disadvantage"; + }, });