More fixes (#8988)

* Links stay white on hover * Fixed task icon color * Disabled plus button when needed * Fixed difficulty color * Fixed task reward color * Updated create styles * Fixed group plan link * Fixed second group test modal * Added login incentives * Fixed group notification clear * Show baily correctly * Styled armoire notification * Fixed contributor achievement styles * Fixed death * Fixed drop styles * Fixed invited friend modal * Fixed joined challenge achievement style * Fixed joined guild style * Fixed level up styles * Updated low health styles * Fixed bailey styles * Updated quest completed * Added soem conditionals to hide modals * Added rebirth styles * Fixed rebirth enable styles * Fixed streak styles * Fixed testing modals * Fixed ultimate gear achievement * Fixed won challenge * Set user to welcomed if created on mobile * Removed old default tasks * Began adding more options to avatar * Added change class * Inbox to messages * Moved profile to menu * Added user modal for viewing a user and send message * Fixed conversations * Fixed lint * Fixed challenges sending to server * Added challenge progress view * Fixed group sync after pay * Fixed some group accepting features * Fixed initial chat loading * Fixed some exitence errors * Added user names to assigned * Added upgrade link * Began adding new payment flow * Added default tasks * Updated avatar styles * Updated tutorial styles * Rebuilt notifications and styles * Updated upload script * Fixed lint * Added default tasks back to mobile and added updated tests * More test fixes
2025-12-18 07:07:35 +01:00 · 2017-08-25 20:56:21 -06:00
parent c129c38631
commit 0233f7b486
64 changed files with 13438 additions and 5207 deletions
--- a/website/client/components/challenges/challengeMemberProgressModal.vue
+++ b/website/client/components/challenges/challengeMemberProgressModal.vue
@@ -0,0 +1,44 @@
+<template lang="pug">
+  b-modal#challenge-member-modal(title="User Progress", size='lg')
+    .row
+      task-column.col-6(
+        v-for="column in columns",
+        :type="column",
+        :key="column",
+        :taskListOverride='tasksByType[column]')
+</template>
+
+<script>
+import axios from 'axios';
+import bModal from 'bootstrap-vue/lib/components/modal';
+import Column from '../tasks/column';
+
+export default {
+  props: ['challengeId', 'memberId'],
+  components: {
+    bModal,
+    TaskColumn: Column,
+  },
+  data () {
+    return {
+      columns: ['habit', 'daily', 'todo', 'reward'],
+      tasksByType: {
+        habit: [],
+        daily: [],
+        todo: [],
+        reward: [],
+      },
+    };
+  },
+  watch: {
+    async memberId (id) {
+      if (!id) return;
+      let response = await axios.get(`/api/v3/challenges/${this.challengeId}/members/${this.memberId}`);
+      let tasks = response.data.data.tasks;
+      tasks.forEach((task) => {
+        this.tasksByType[task.type].push(task);
+      });
+    },
+  },
+};
+</script>