61 lines
1.3 KiB
Vue
61 lines
1.3 KiB
Vue
<template lang="html">
|
|
<div class="action-viewer">
|
|
<property-field
|
|
name="Action type"
|
|
:value="model.actionType"
|
|
/>
|
|
<property-field
|
|
name="Target"
|
|
:value="model.target"
|
|
/>
|
|
<property-field
|
|
v-if="model.tags.length"
|
|
name="tags"
|
|
:value="model.tags.join(', ')"
|
|
/>
|
|
<property-field
|
|
name="Uses"
|
|
>
|
|
<computed :value="model.uses"/>
|
|
</property-field>
|
|
<property-field
|
|
name="Uses used"
|
|
:value="model.usesUsed"
|
|
/>
|
|
<property-field
|
|
name="Reset"
|
|
:value="reset"
|
|
/>
|
|
<property-description
|
|
v-if="model.description"
|
|
:value="model.description"
|
|
/>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import propertyViewerMixin from '/imports/ui/properties/viewers/shared/propertyViewerMixin.js';
|
|
import ComputedForCreature from '/imports/ui/components/computation/ComputedForCreature.vue';
|
|
|
|
export default {
|
|
mixins: [propertyViewerMixin],
|
|
components: {
|
|
Computed: ComputedForCreature,
|
|
},
|
|
computed: {
|
|
reset(){
|
|
let reset = this.model.reset
|
|
if (reset === 'shortRest'){
|
|
return 'Reset on a short rest';
|
|
} else if (reset === 'longRest'){
|
|
return 'Reset on a long rest';
|
|
}
|
|
return undefined;
|
|
}
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style lang="css" scoped>
|
|
</style>
|