New client group plan (#8948)

* 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

website/client/components/tasks/approvalModal.vue

@@ -0,0 +1,44 @@
+<template lang="pug">
+  b-modal#approval-modal(title="Approve Task", 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)') Approve
+    .modal-footer
+      button.btn.btn-secondary(@click='close()') {{$t('close')}}
+</template>
+
+<style scoped>
+  .row.approval {
+    padding-top: 1em;
+    padding-bottom: 1em;
+  }
+</style>
+
+<script>
+import bModal from 'bootstrap-vue/lib/components/modal';
+
+export default {
+  props: ['task'],
+  components: {
+    bModal,
+  },
+  methods: {
+    approve (index) {
+      if (!confirm('Are you sure you want to approve this task?')) return;
+      let userIdToApprove = this.task.group.assignedUsers[index];
+      this.$store.dispatch('tasks:unassignTask', {
+        taskId: this.task._id,
+        userId: userIdToApprove,
+      });
+      this.task.group.assignedUsers.splice(index, 1);
+      this.task.approvals.splice(index, 1);
+    },
+    close () {
+      this.$root.$emit('hide::modal', 'approval-modal');
+    },
+  },
+};
+</script>