34 lines
792 B
Vue
34 lines
792 B
Vue
<template lang="html">
|
|
<v-card class="pa-2">
|
|
<health-bar
|
|
v-for="attribute in attributes"
|
|
:key="attribute._id"
|
|
:value="attribute.value"
|
|
:max-value="attribute.total"
|
|
:name="attribute.name"
|
|
:color="attribute.color"
|
|
:mid-color="attribute.healthBarColorMid"
|
|
:low-color="attribute.healthBarColorLow"
|
|
:_id="attribute._id"
|
|
@change="e => $emit('change', {_id: attribute._id, change: e})"
|
|
@click="e => $emit('click', {_id: attribute._id})"
|
|
/>
|
|
</v-card>
|
|
</template>
|
|
|
|
<script lang="js">
|
|
import HealthBar from '/imports/ui/properties/components/attributes/HealthBar.vue';
|
|
|
|
export default {
|
|
components: {
|
|
HealthBar,
|
|
},
|
|
props: {
|
|
attributes: {
|
|
type: Array,
|
|
required: true
|
|
},
|
|
},
|
|
}
|
|
</script>
|