67 lines
1.5 KiB
Vue
67 lines
1.5 KiB
Vue
<template lang="html">
|
|
<div class="branch-viewer">
|
|
<v-row dense>
|
|
<property-field
|
|
name="Branch Type"
|
|
:value="name"
|
|
/>
|
|
<property-field
|
|
v-if="model.branchType === 'if'"
|
|
name="Condition"
|
|
:calculation="model.condition"
|
|
/>
|
|
<property-field
|
|
v-else-if="model.branchType === 'index'"
|
|
name="Index"
|
|
:calculation="model.condition"
|
|
/>
|
|
</v-row>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="js">
|
|
import propertyViewerMixin from '/imports/client/ui/properties/viewers/shared/propertyViewerMixin'
|
|
import numberToSignedString from '../../../../api/utility/numberToSignedString';
|
|
|
|
export default {
|
|
mixins: [propertyViewerMixin],
|
|
computed: {
|
|
name() {
|
|
switch (this.model.branchType) {
|
|
case 'if': return 'On condition';
|
|
case 'hit': return 'On hit';
|
|
case 'miss': return 'On miss';
|
|
case 'failedSave': return 'On failed save';
|
|
case 'successfulSave': return 'On save';
|
|
case 'eachTarget': return 'Each target';
|
|
case 'random': return 'Pick one at random';
|
|
case 'index': return 'Pick one by index';
|
|
case 'choice': return 'User choice';
|
|
default: return '';
|
|
}
|
|
}
|
|
},
|
|
methods: {
|
|
numberToSignedString,
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="css" scoped>
|
|
.ability-value {
|
|
font-weight: 600;
|
|
font-size: 24px !important;
|
|
color: rgba(0, 0, 0, 0.54);
|
|
}
|
|
|
|
.mod,
|
|
.ability-value {
|
|
text-align: center;
|
|
width: 100%;
|
|
}
|
|
|
|
.attribute-value {
|
|
text-align: center;
|
|
}
|
|
</style>
|