79 lines
1.7 KiB
Vue
79 lines
1.7 KiB
Vue
<template lang="html">
|
|
<div>
|
|
<v-row dense>
|
|
<property-field
|
|
name="Value"
|
|
:value="operation"
|
|
/>
|
|
<property-field
|
|
name="Damage types"
|
|
wrap
|
|
>
|
|
<v-chip
|
|
v-for="(damageType, index) in model.damageTypes"
|
|
:key="index"
|
|
class="mt-1 mr-1"
|
|
:input-value="true"
|
|
outlined
|
|
small
|
|
label
|
|
>
|
|
{{ damageType }}
|
|
</v-chip>
|
|
</property-field>
|
|
<property-field
|
|
v-if="model.includeTags && model.includeTags.length"
|
|
name="Damage tags required"
|
|
wrap
|
|
>
|
|
<v-chip
|
|
v-for="(damageType, index) in model.includeTags"
|
|
:key="index"
|
|
class="mt-1 mr-1"
|
|
:input-value="true"
|
|
small
|
|
outlined
|
|
>
|
|
{{ damageType }}
|
|
</v-chip>
|
|
</property-field>
|
|
<property-field
|
|
v-if="model.excludeTags && model.excludeTags.length"
|
|
name="Damage tags excluded"
|
|
wrap
|
|
>
|
|
<v-chip
|
|
v-for="(damageType, index) in model.excludeTags"
|
|
:key="index"
|
|
class="mt-1 mr-1"
|
|
:input-value="true"
|
|
small
|
|
outlined
|
|
>
|
|
{{ damageType }}
|
|
</v-chip>
|
|
</property-field>
|
|
</v-row>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="js">
|
|
import propertyViewerMixin from '/imports/ui/properties/viewers/shared/propertyViewerMixin.js'
|
|
export default {
|
|
mixins: [propertyViewerMixin],
|
|
computed: {
|
|
operation(){
|
|
switch (this.model.value){
|
|
case 0: return 'Immunity';
|
|
case 0.5: return 'Resistance';
|
|
case 2: return 'Vulnerability';
|
|
default: return '';
|
|
}
|
|
},
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style lang="css" scoped>
|
|
</style>
|