Matteo Pagliazzi
50 lines
1.4 KiB
Vue
50 lines
1.4 KiB
Vue
<template lang="pug">
|
|
b-modal#approval-modal(:title="$t('approveTask')", size='md', :hide-footer="true")
|
|
.modal-body
|
|
.row.approval(v-for='(approval, index) in task.approvals')
|
|
.col-8
|
|
strong {{approval.userId.profile.name}}
|
|
.col-2
|
|
button.btn.btn-primary(@click='approve(index)') {{ $t('approve') }}
|
|
.col-2
|
|
button.btn.btn-secondary(@click='needsWork(index)') {{ $t('needsWork') }}
|
|
.modal-footer
|
|
button.btn.btn-secondary(@click='close()') {{$t('close')}}
|
|
</template>
|
|
|
|
<style scoped>
|
|
.row.approval {
|
|
padding-top: 1em;
|
|
padding-bottom: 1em;
|
|
}
|
|
</style>
|
|
|
|
<script>
|
|
export default {
|
|
props: ['task'],
|
|
methods: {
|
|
approve (index) {
|
|
const userIdToApprove = this.task.group.assignedUsers[index];
|
|
this.$store.dispatch('tasks:approve', {
|
|
taskId: this.task._id,
|
|
userId: userIdToApprove,
|
|
});
|
|
this.task.group.assignedUsers.splice(index, 1);
|
|
this.task.approvals.splice(index, 1);
|
|
},
|
|
needsWork (index) {
|
|
if (!confirm(this.$t('confirmNeedsWork'))) return;
|
|
const userIdNeedsMoreWork = this.task.group.assignedUsers[index];
|
|
this.$store.dispatch('tasks:needsWork', {
|
|
taskId: this.task._id,
|
|
userId: userIdNeedsMoreWork,
|
|
});
|
|
this.task.approvals.splice(index, 1);
|
|
},
|
|
close () {
|
|
this.$root.$emit('bv::hide::modal', 'approval-modal');
|
|
},
|
|
},
|
|
};
|
|
</script>
|