104 lines
2.7 KiB
Vue
104 lines
2.7 KiB
Vue
<template>
|
|
<div class="slots-to-fill">
|
|
<v-slide-y-transition
|
|
group
|
|
leave-absolute
|
|
>
|
|
<slot-card
|
|
v-for="slot in slots"
|
|
:key="slot._id"
|
|
:model="slot"
|
|
class="ma-1"
|
|
hover
|
|
style="display: inline-block !important; transition: all 0.3s !important;"
|
|
@ignore="ignoreSlot(slot._id)"
|
|
@click="fillSlot(slot._id)"
|
|
/>
|
|
</v-slide-y-transition>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="js">
|
|
import CreatureProperties from '/imports/api/creature/creatureProperties/CreatureProperties.js';
|
|
import SlotCard from '/imports/ui/creature/slots/SlotCard.vue';
|
|
import updateCreatureProperty from '/imports/api/creature/creatureProperties/methods/updateCreatureProperty.js';
|
|
import insertPropertyFromLibraryNode from '/imports/api/creature/creatureProperties/methods/insertPropertyFromLibraryNode.js';
|
|
import { snackbar } from '/imports/ui/components/snackbars/SnackbarQueue.js';
|
|
|
|
export default {
|
|
components: {
|
|
SlotCard,
|
|
},
|
|
inject: {
|
|
context: { default: {} }
|
|
},
|
|
methods: {
|
|
ignoreSlot(_id){
|
|
updateCreatureProperty.call({
|
|
_id,
|
|
path: ['ignored'],
|
|
value: true
|
|
}, error => {
|
|
if (error){
|
|
console.error(error);
|
|
snackbar({text: error.reason || error.message || error.toString()});
|
|
}
|
|
});
|
|
},
|
|
fillSlot(slotId){
|
|
this.$store.commit('pushDialogStack', {
|
|
component: 'slot-fill-dialog',
|
|
elementId: `slot-card-${slotId}`,
|
|
data: {
|
|
slotId,
|
|
creatureId: this.context.creatureId,
|
|
},
|
|
callback(nodeIds){
|
|
if (!nodeIds || !nodeIds.length) return;
|
|
insertPropertyFromLibraryNode.call({
|
|
nodeIds,
|
|
parentRef: {
|
|
'id': slotId,
|
|
'collection': 'creatureProperties',
|
|
},
|
|
}, error => {
|
|
if (error){
|
|
console.error(error);
|
|
snackbar({text: error.reason || error.message || error.toString()});
|
|
}
|
|
});
|
|
}
|
|
});
|
|
},
|
|
},
|
|
meteor: {
|
|
slots(){
|
|
return CreatureProperties.find({
|
|
type: 'propertySlot',
|
|
'ancestors.id': this.context.creatureId,
|
|
ignored: { $ne: true },
|
|
$and: [
|
|
{
|
|
$or: [
|
|
{'slotCondition.value': {$nin: [false, 0, '']}},
|
|
{'slotCondition.value': {$exists: false}},
|
|
]
|
|
},{
|
|
$or: [
|
|
{ 'quantityExpected.value': {$in: [false, 0, '', undefined]} },
|
|
{ 'quantityExpected.value': {exists: false} },
|
|
{spaceLeft: {$gt: 0}},
|
|
]
|
|
},
|
|
],
|
|
removed: {$ne: true},
|
|
inactive: {$ne: true},
|
|
});
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
</style>
|