From 2e5f5714e408acf03b4f95aa37fe4ffd70db7c3b Mon Sep 17 00:00:00 2001
From: thehollidayinn <krh121791@gmail.com>
Date: Fri, 3 Nov 2017 10:24:00 -0600
Subject: [PATCH] Added broken task event

---
 .../components/tasks/brokenTaskModal.vue      | 21 +++++++++++++------
 website/client/components/tasks/task.vue      |  9 ++++----
 2 files changed, 19 insertions(+), 11 deletions(-)

diff --git a/website/client/components/tasks/brokenTaskModal.vue b/website/client/components/tasks/brokenTaskModal.vue
index f6d797bf71..3988bf3f04 100644
--- a/website/client/components/tasks/brokenTaskModal.vue
+++ b/website/client/components/tasks/brokenTaskModal.vue
@@ -1,6 +1,6 @@
 <template lang='pug'>
-  b-modal#broken-task-modal(title="Broken Challenge", size='sm', :hide-footer="true", v-if='brokenChallengeTask && brokenChallengeTask.challenge')
-    .modal-body
+  b-modal#broken-task-modal(title="Broken Challenge", size='sm', :hide-footer="true")
+    .modal-body(v-if='brokenChallengeTask && brokenChallengeTask.challenge')
       div(v-if='brokenChallengeTask.challenge.broken === "TASK_DELETED" || brokenChallengeTask.challenge.broken === "CHALLENGE_TASK_NOT_FOUND"')
         h2 {{ $t('brokenTask') }}
         div
@@ -41,10 +41,19 @@ export default {
   components: {
     bModal,
   },
-  computed: {
-    brokenChallengeTask () {
-      return this.$store.state.brokenChallengeTask;
-    },
+  data () {
+    return {
+      brokenChallengeTask: {},
+    };
+  },
+  created () {
+    this.$root.$on('handle-broken-task', (task) => {
+      this.brokenChallengeTask = Object.assign({}, task);
+      this.$root.$emit('show::modal', 'broken-task-modal');
+    });
+  },
+  removed () {
+    this.$root.$remove('handle-broken-task');
   },
   methods: {
     ...mapActions({
diff --git a/website/client/components/tasks/task.vue b/website/client/components/tasks/task.vue
index 57d79f38f6..16e28392fa 100644
--- a/website/client/components/tasks/task.vue
+++ b/website/client/components/tasks/task.vue
@@ -17,8 +17,8 @@
           .d-flex.justify-content-between
             h3.task-title(:class="{ 'has-notes': task.notes }", v-markdown="task.text")
             menu-dropdown.task-dropdown(
-              v-if="isUser && !isRunningYesterdailies", 
-              :right="task.type === 'reward'", 
+              v-if="isUser && !isRunningYesterdailies",
+              :right="task.type === 'reward'",
               ref="taskDropdown"
             )
               div(slot="dropdown-toggle", draggable=false)
@@ -42,7 +42,7 @@
                     span.text {{ $t('delete') }}
 
           .task-notes.small-text(
-            v-markdown="task.notes", 
+            v-markdown="task.notes",
             :class="{'has-checklist': task.notes && hasChecklist}",
           )
         .checklist(v-if="canViewchecklist")
@@ -749,8 +749,7 @@ export default {
     },
     handleBrokenTask (task) {
       if (this.$store.state.isRunningYesterdailies) return;
-      this.$store.state.brokenChallengeTask = task;
-      this.$root.$emit('show::modal', 'broken-task-modal');
+      this.$root.$emit('handle-broken-task', task);
     },
   },
 };