33 lines
946 B
Vue
33 lines
946 B
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 name="tags" :value="model.tags.join(', ')" v-if="model.tags.length"/>
|
|
<property-field name="Uses" :value="model.uses"/>
|
|
<property-field name="Uses used" :value="model.usesUsed"/>
|
|
<property-field name="Reset" :value="reset"/>
|
|
<property-description :value="model.description"/>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import propertyViewerMixin from '/imports/ui/properties/viewers/shared/propertyViewerMixin.js'
|
|
|
|
export default {
|
|
mixins: [propertyViewerMixin],
|
|
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`;
|
|
}
|
|
}
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style lang="css" scoped>
|
|
</style>
|