Files
DiceCloud/app/imports/ui/properties/viewers/DamageViewer.vue
Stefan Zermatten 1b5bb981e9 Updated viewers
Action, classlevel, constant, container, damage multiplier, damage, 
effect, feature, folder, item
2021-10-19 17:19:35 +02:00

39 lines
800 B
Vue

<template lang="html">
<div class="damage-viewer">
<v-row dense>
<property-field
name="Amount"
large
center
:calculation="model.amount"
/>
<property-field
name="Type"
:value="type"
/>
<property-field
v-if="model.target === 'self'"
name="Target"
value="Self"
/>
</v-row>
</div>
</template>
<script lang="js">
import propertyViewerMixin from '/imports/ui/properties/viewers/shared/propertyViewerMixin.js';
export default {
mixins: [propertyViewerMixin],
computed: {
type(){
if (this.model.damageType === 'healing') return this.model.damageType;
return `${this.model.damageType} damage`
},
}
}
</script>
<style lang="css" scoped>
</style>