change emit to methods

This commit is contained in:
ogerly 2023-01-16 09:26:13 +01:00
parent 9737905dbd
commit 36c54f7211

View File

@ -2,12 +2,7 @@
<template> <template>
<div class="creation-confirm"> <div class="creation-confirm">
<div v-if="overlay" id="overlay" @dblclick="overlay = false"> <div v-if="overlay" id="overlay" @dblclick="overlay = false">
<overlay <overlay :item="item">
:item="item"
@overlay-cancel="overlay = false"
@confirm-creation="confirmCreation"
@remove-creation="removeCreation"
>
<template #title> <template #title>
{{ $t(overlayTitle) }} {{ $t(overlayTitle) }}
</template> </template>
@ -18,12 +13,7 @@
<p>{{ $t(overlayQuestion) }}</p> <p>{{ $t(overlayQuestion) }}</p>
</template> </template>
<template #submit-btn> <template #submit-btn>
<b-button <b-button size="md" variant="success" class="m-3 text-right" @click="overlayEvent">
size="md"
variant="success"
class="m-3 text-right"
@click="$emit(overlayEvent, item)"
>
{{ $t(overlyBtnText) }} {{ $t(overlyBtnText) }}
</b-button> </b-button>
</template> </template>
@ -115,14 +105,14 @@ export default {
this.overlayText = 'overlay.confirm.text' this.overlayText = 'overlay.confirm.text'
this.overlayQuestion = 'overlay.confirm.question' this.overlayQuestion = 'overlay.confirm.question'
this.overlyBtnText = 'overlay.confirm.yes' this.overlyBtnText = 'overlay.confirm.yes'
this.overlayEvent = 'confirm-creation' this.overlayEvent = this.confirmCreation
break break
case 'delete': case 'delete':
this.overlayTitle = 'overlay.delete.title' this.overlayTitle = 'overlay.delete.title'
this.overlayText = 'overlay.delete.text' this.overlayText = 'overlay.delete.text'
this.overlayQuestion = 'overlay.delete.question' this.overlayQuestion = 'overlay.delete.question'
this.overlyBtnText = 'overlay.delete.yes' this.overlyBtnText = 'overlay.delete.yes'
this.overlayEvent = 'remove-creation' this.overlayEvent = this.removeCreation
break break
case 'reject': case 'reject':
this.overlayTitle = 'overlay.reject.title' this.overlayTitle = 'overlay.reject.title'
@ -132,8 +122,6 @@ export default {
this.overlayEvent = 'reject-creation' this.overlayEvent = 'reject-creation'
break break
} }
console.log('Overlay variant: ' + variant)
console.log('Overlay event: ' + this.overlayEvent)
}, },
updateState(id) { updateState(id) {
this.pendingCreations.find((obj) => obj.id === id).messagesCount++ this.pendingCreations.find((obj) => obj.id === id).messagesCount++