diff --git a/app/imports/ui/creature/character/characterSheetTabs/StatsTab.vue b/app/imports/ui/creature/character/characterSheetTabs/StatsTab.vue index 76b21886..7ba9d622 100644 --- a/app/imports/ui/creature/character/characterSheetTabs/StatsTab.vue +++ b/app/imports/ui/creature/character/characterSheetTabs/StatsTab.vue @@ -115,17 +115,14 @@ -
+
Saving Throws @@ -140,7 +137,7 @@ @@ -148,6 +145,49 @@
+
+ + + + Weapons + + + + Tools + + + + Languages + + + + +
+
- - - {{icon}} - - - - - {{displayedModifier}} - - {{name}} - arrow_upward - arrow_downward - - + + + {{ icon }} + + + + + {{ displayedModifier }} + + {{ model.name }} + + arrow_upward + + + arrow_downward + + + @@ -21,40 +40,39 @@ import numberToSignedString from '/imports/ui/utility/numberToSignedString.js'; export default { props: { - proficiency: Number, - advantage: Number, - fail: Number, - value: Number, - name: String, - conditionalBenefits: Number, - }, - methods: { - click(e){ - this.$emit('click', e); - }, + model: { + type: Object, + required: true, + }, + hideModifier: Boolean, }, computed: { icon(){ - if (this.proficiency == 0.5){ + if (this.model.proficiency == 0.5){ return 'brightness_2'; - } else if (this.proficiency == 1) { + } else if (this.model.proficiency == 1) { return 'brightness_1' - } else if (this.proficiency == 2){ + } else if (this.model.proficiency == 2){ return 'album' } else { return 'radio_button_unchecked'; } }, displayedModifier(){ - let mod = this.value; - if (this.fail){ + let mod = this.model.value; + if (this.model.fail){ return 'fail'; } else { return numberToSignedString(mod); } }, hasClickListener(){ - return this.$listeners && this.$listeners.click + return this.$listeners && this.$listeners.click + }, + }, + methods: { + click(e){ + this.$emit('click', e); }, } }