diff --git a/app/imports/ui/properties/components/attributes/HealthBarCard.vue b/app/imports/ui/properties/components/attributes/HealthBarCard.vue
index f6531e3c..4a4de6e5 100644
--- a/app/imports/ui/properties/components/attributes/HealthBarCard.vue
+++ b/app/imports/ui/properties/components/attributes/HealthBarCard.vue
@@ -10,6 +10,25 @@
@change="e => $emit('change', {_id: attribute._id, change: e})"
@click="e => $emit('click', {_id: attribute._id})"
/>
+
+
+ Vulnerability: {{ multipliers.vulnerabilities.join(', ') }}
+
+
+ Resistance: {{ multipliers.resistances.join(', ') }}
+
+
+ Immunity: {{ multipliers.immunities.join(', ') }}
+
+
@@ -17,11 +36,33 @@
import HealthBar from '/imports/ui/properties/components/attributes/HealthBar.vue';
export default {
+ inject: {
+ context: { default: {} }
+ },
components: {
HealthBar,
},
props: {
- attributes: Array,
+ attributes: {
+ type: Array,
+ required: true
+ },
},
+ computed: {
+ multipliers() {
+ let damageMultipliers = this.context.creature.damageMultipliers;
+ let vulnerabilities = [];
+ let resistances = [];
+ let immunities = [];
+ for (let key in damageMultipliers){
+ switch(damageMultipliers[key]){
+ case 2: vulnerabilities.push(key); break;
+ case 0.5: resistances.push(key); break;
+ case 0: immunities.push(key); break;
+ }
+ }
+ return {vulnerabilities, resistances, immunities};
+ }
+ },
}