mirror of
https://github.com/HabitRPG/habitica.git
synced 2025-12-16 06:07:21 +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
39 lines
1.1 KiB
Vue
39 lines
1.1 KiB
Vue
<template lang="pug">
|
|
.claim-bottom-message.col-12.text-center(v-if='task.approvals && task.approvals.length > 0', :class="{approval: userIsAdmin}")
|
|
.task-unclaimed
|
|
| {{ message }}
|
|
</template>
|
|
|
|
<style scoped>
|
|
.approval {
|
|
background: #24cc8f;
|
|
color: #fff;
|
|
}
|
|
</style>
|
|
|
|
<script>
|
|
import { mapState } from 'client/libs/store';
|
|
export default {
|
|
props: ['task', 'group'],
|
|
computed: {
|
|
...mapState({user: 'user.data'}),
|
|
message () {
|
|
let approvals = this.task.approvals;
|
|
let approvalsLength = approvals.length;
|
|
let userIsRequesting = this.task.group.approvals && this.task.group.approvals.indexOf(this.user._id) !== -1;
|
|
|
|
if (approvalsLength === 1 && !userIsRequesting) {
|
|
return `${approvals[0].userId.profile.name} requests approval`;
|
|
} else if (approvalsLength > 1 && !userIsRequesting) {
|
|
return `${approvalsLength} request approval`;
|
|
} else if (approvalsLength === 1 && userIsRequesting) {
|
|
return 'You are requesting approval';
|
|
}
|
|
},
|
|
userIsAdmin () {
|
|
return this.group.leader.id === this.user._id;
|
|
},
|
|
},
|
|
};
|
|
</script>
|