mirror of
https://github.com/HabitRPG/habitica.git
synced 2025-12-16 22:27:26 +01:00
eb43f83c71
* Added stripe payment for group plan * Began adding amazon * Added amazon payments for group * Added get group plans route * Added group plan nav * Added initial task page * Added create and edit group plans * Added initial approval header and footer * Added assignment and approved requirement * Added minor text fixes * Added inital approval flow * Added approval modal * Removed always true * Added more styles for filters * Added search * Added env vars * Fixed router issues * Added env to social login * Fixed merge conflict
100 lines
3.1 KiB
Vue
100 lines
3.1 KiB
Vue
<template lang="pug">
|
|
div
|
|
approval-modal(:task='task')
|
|
.claim-bottom-message.col-12
|
|
.task-unclaimed(v-if='!approvalRequested && !multipleApprovalsRequested')
|
|
| {{ message }}
|
|
a(@click='claim()', v-if='!userIsAssigned') Claim
|
|
a(@click='unassign()', v-if='userIsAssigned') Remove Claim
|
|
.row.task-single-approval(v-if='approvalRequested')
|
|
.col-6.text-center
|
|
a(@click='approve()') Approve Task
|
|
.col-6.text-center
|
|
a Needs work
|
|
.text-center.task-multi-approval(v-if='multipleApprovalsRequested')
|
|
a(@click='showRequests()') View Requests
|
|
</template>
|
|
|
|
<style scoped>
|
|
.task-unclaimed a {
|
|
float: right;
|
|
}
|
|
</style>
|
|
|
|
<script>
|
|
import { mapState } from 'client/libs/store';
|
|
import approvalModal from './approvalModal';
|
|
|
|
export default {
|
|
props: ['task', 'group'],
|
|
components: {
|
|
approvalModal,
|
|
},
|
|
computed: {
|
|
...mapState({user: 'user.data'}),
|
|
userIsAssigned () {
|
|
return this.task.group.assignedUsers && this.task.group.assignedUsers.indexOf(this.user._id) !== -1;
|
|
},
|
|
message () {
|
|
let assignedUsers = this.task.group.assignedUsers;
|
|
let assignedUsersLength = assignedUsers.length;
|
|
|
|
if (assignedUsersLength === 1 && !this.userIsAssigned) {
|
|
return `Assigned to ${assignedUsers}`;
|
|
} else if (assignedUsersLength > 1 && !this.userIsAssigned) {
|
|
return `Assigned to ${assignedUsersLength} members`;
|
|
} else if (assignedUsersLength > 1 && this.userIsAssigned) {
|
|
return `Assigned to you and ${assignedUsersLength} members`;
|
|
} else if (this.userIsAssigned) {
|
|
return 'You are assigned to this task';
|
|
} else if (assignedUsersLength === 0) {
|
|
return 'This task is unassigned';
|
|
}
|
|
},
|
|
approvalRequested () {
|
|
if (this.task.approvals && this.task.approvals.length === 1) return true;
|
|
},
|
|
multipleApprovalsRequested () {
|
|
if (this.task.approvals && this.task.approvals.length > 1) return true;
|
|
},
|
|
},
|
|
methods: {
|
|
claim () {
|
|
if (!confirm('Are you sure you want to claim this task?')) return;
|
|
this.$store.dispatch('tasks:assignTask', {
|
|
taskId: this.task._id,
|
|
userId: this.user._id,
|
|
});
|
|
this.task.group.assignedUsers.push(this.user._id);
|
|
// @TODO: Reload user tasks?
|
|
},
|
|
unassign () {
|
|
if (!confirm('Are you sure you want to unclaim this task?')) return;
|
|
this.$store.dispatch('tasks:unassignTask', {
|
|
taskId: this.task._id,
|
|
userId: this.user._id,
|
|
});
|
|
let index = this.task.group.assignedUsers.indexOf(this.user._id);
|
|
this.task.group.assignedUsers.splice(index, 1);
|
|
// @TODO: Reload user tasks?
|
|
},
|
|
approve () {
|
|
if (!confirm('Are you sure you want to approve this task?')) return;
|
|
let userIdToApprove = this.task.group.assignedUsers[0];
|
|
this.$store.dispatch('tasks:unassignTask', {
|
|
taskId: this.task._id,
|
|
userId: userIdToApprove,
|
|
});
|
|
this.task.group.assignedUsers.splice(0, 1);
|
|
this.task.approvals.splice(0, 1);
|
|
},
|
|
reject () {
|
|
|
|
},
|
|
showRequests () {
|
|
this.$root.$emit('show::modal', 'approval-modal');
|
|
},
|
|
},
|
|
};
|
|
</script>
|