{"version":3,"sources":["webpack:///./src/gen-2/pages/OutcomeTasks.vue?9d7a","webpack:///src/gen-2/pages/OutcomeTasks.vue","webpack:///./src/gen-2/pages/OutcomeTasks.vue?fb89","webpack:///./src/gen-2/pages/OutcomeTasks.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","$route","name","attrs","on","$event","$router","push","query","id","moduleId","staticClass","staticStyle","_v","_e","class","_s","selectedLP","number","_l","_task","index","key","setTaskItemStyling","goToTask","getTypeIcon","taskTypeId","taskName","isTaskOpen","isTaskComplete","isTaskLocked","staticRenderFns","components","CustomSvg","showLoading","taskList","isTaskBlocked","selectedModule","currentStudentId","selectedOutcome","coins","timeCapture","captureTimeForAssessments","formativeHoursRequired","summativeHoursRequired","sliderMinFormatives","sliderMaxFormatives","sliderMinSummatives","sliderMaxSummatives","taskClassificationTypeId","computed","methods","task","typeId","self","onSuccess","response","data","onFinally","$ajaxGet","checkIfPreview","$acl","check","params","mode","taskDisplayId","isStudent","styleB","lpName","lpNumber","selectedTaskGroup","outcome","ref","JSON","stringify","taskId","scrollable","$swal","title","text","customClass","confirmButton","showClass","popup","buttonsStyling","$emit","localStorage","getItem","parse","initTimeCapture","getTasks","window","scrollTo","component"],"mappings":"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","file":"js/chunk-2d0bff90.8ed62f3c.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.$route.name == 'PublicOutcomeTasks')?_c('div',{attrs:{\"id\":\"outcome-public-back-btn\"},on:{\"click\":function($event){return _vm.$router.push({name: 'PublicStudentDashboard', query: { id: _vm.$route.query.moduleId }})}}},[_c('div',{staticClass:\"flex\"},[_c('custom-svg',{staticStyle:{\"align-self\":\"center\"},attrs:{\"variant\":\"arrow\",\"width\":\"23\",\"height\":\"23\",\"dir\":\"left\",\"color\":\"white\"}}),_c('span',{staticStyle:{\"align-self\":\"center\",\"color\":\"white\"}},[_vm._v(\"Back\")])],1)]):_vm._e(),_c('div',{staticClass:\"mb-3\"},[_c('div',{staticClass:\"vx-row\",class:_vm.$route.name == 'PublicOutcomeTasks' ? 'mt-0' : 'mt-n3'},[_c('div',{staticClass:\"vx-col self-center w-full\"},[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col self-center w-1/5 center-v-h\"},[_c('p',{staticClass:\"gen2-large-numbers text-white\"},[_vm._v(_vm._s(_vm.selectedLP.number))])]),_c('div',{staticClass:\"vx-col self-center w-3/5 text-left\"}),_c('div',{staticClass:\"vx-col self-center w-1/5 center-v-h\"},[_c('custom-svg',{attrs:{\"variant\":\"arrow\",\"width\":\"40\",\"height\":\"40\",\"dir\":\"down\",\"color\":\"white\"}})],1)])])]),_c('div',{staticClass:\"vx-row mt-n3\"},[_c('div',{staticClass:\"vx-col self-center w-full\"},[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col self-center w-1/6\"},[_c('feather-icon',{staticClass:\"text-white\",attrs:{\"icon\":\"CodesandboxIcon\",\"svg-classes\":\"stroke-current h-10 w-10\"}})],1),_c('div',{staticClass:\"vx-col self-center w-5/6 text-left self-center lp-name\"},[_c('h4',{staticClass:\"w-full\"},[_c('span',[_vm._v(_vm._s(_vm.selectedLP.name)+\" \")])])])])])])]),(_vm.showLoading)?_c('div',{staticClass:\"mx-4\"},[_c('custom-skeleton',{attrs:{\"size\":\"thin__no-margin\",\"count\":1,\"animation\":\"wave\"}})],1):_c('div',{staticClass:\"mx-2\",attrs:{\"id\":\"outcome-task-list\"}},[_c('div',{staticStyle:{\"border-radius\":\"10px\",\"overflow\":\"hidden\"}},_vm._l((_vm.taskList),function(_task,index){return _c('div',{key:index,staticClass:\"cursor-pointer w-full\",class:_vm.setTaskItemStyling(_task, index),staticStyle:{\"height\":\"90px\"}},[_c('div',{staticClass:\"vx-row py-2 px-1 h-full\",on:{\"click\":function($event){return _vm.goToTask(_task)}}},[_c('div',{staticClass:\"vx-col w-1/6 self-center center-v-h\"},[_c('feather-icon',{staticClass:\"text-white\",attrs:{\"icon\":_vm.getTypeIcon(_task.taskTypeId),\"svg-classes\":\"stroke-current h-8 w-8\"}})],1),_c('div',{staticClass:\"vx-col w-2/3 self-center center-v-h\",staticStyle:{\"margin-top\":\"2px\"}},[_c('h5',{staticClass:\"text-white text-left\"},[_vm._v(_vm._s(_task.taskName))])]),_c('div',{staticClass:\"vx-col w-1/6 self-center center-v-h\"},[(!_task.isTaskOpen && _task.isTaskComplete && _task.isTaskLocked)?_c('custom-svg',{attrs:{\"variant\":\"lock\",\"width\":\"35\",\"height\":\"35\",\"color\":\"white\"}}):(_task.isTaskOpen && !_task.isTaskComplete)?_c('custom-svg',{attrs:{\"variant\":\"arrow\",\"width\":\"40\",\"height\":\"40\",\"dir\":\"right\",\"color\":\"white\"}}):(_task.isTaskComplete)?_c('custom-svg',{attrs:{\"variant\":\"check-circle\",\"width\":\"30\",\"height\":\"30\",\"color\":\"white\"}}):_c('custom-svg',{attrs:{\"variant\":\"lock\",\"width\":\"35\",\"height\":\"35\",\"color\":\"white\"}})],1)])])}),0)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div v-if=\"$route.name == 'PublicOutcomeTasks'\" id=\"outcome-public-back-btn\" @click=\"$router.push({name: 'PublicStudentDashboard', query: { id: $route.query.moduleId }})\">\r\n      <div class=\"flex\">\r\n        <custom-svg variant=\"arrow\" width=\"23\" height=\"23\" dir=\"left\" color=\"white\" style=\"align-self: center;\"/>\r\n        <span style=\"align-self: center;color: white\">Back</span>\r\n      </div>\r\n    </div>\r\n    <div class=\"mb-3\">\r\n      <div class=\"vx-row\" :class=\"$route.name == 'PublicOutcomeTasks' ? 'mt-0' : 'mt-n3'\">\r\n        <div class=\"vx-col self-center w-full\">\r\n          <div class=\"vx-row\">\r\n            <div class=\"vx-col self-center w-1/5 center-v-h\">\r\n              <p class=\"gen2-large-numbers text-white\">{{ selectedLP.number }}</p>\r\n            </div>\r\n            <div class=\"vx-col self-center w-3/5 text-left\">\r\n              \r\n            </div>\r\n            <div class=\"vx-col self-center w-1/5 center-v-h\">\r\n              <custom-svg variant=\"arrow\" width=\"40\" height=\"40\" dir=\"down\" color=\"white\" />\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"vx-row mt-n3\">\r\n        <div class=\"vx-col self-center w-full\">\r\n          <div class=\"vx-row\">\r\n            <div class=\"vx-col self-center w-1/6\">\r\n              <feather-icon icon=\"CodesandboxIcon\" class=\"text-white\" svg-classes=\"stroke-current h-10 w-10\"></feather-icon>\r\n            </div>\r\n            <div class=\"vx-col self-center w-5/6 text-left self-center lp-name\">\r\n              <h4 class=\"w-full\">\r\n                <span>{{ selectedLP.name }}&nbsp;</span>\r\n              </h4>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div v-if=\"showLoading\" class=\"mx-4\">\r\n      <custom-skeleton size=\"thin__no-margin\" :count=\"1\" animation=\"wave\" />\r\n    </div>\r\n    <div v-else id=\"outcome-task-list\" class=\"mx-2\">\r\n      <div style=\"border-radius: 10px; overflow:hidden;\">\r\n        <!-- <div v-for=\"(_task, index) in taskList\" :key=\"index\" class=\"cursor-pointer w-full\" style=\"height: 90px;\"> -->\r\n        <div v-for=\"(_task, index) in taskList\" :key=\"index\" class=\"cursor-pointer w-full\" :class=\"setTaskItemStyling(_task, index)\" style=\"height: 90px;\">\r\n          <div @click=\"goToTask(_task)\" class=\"vx-row py-2 px-1 h-full\">\r\n          <!-- <div @click=\"goToTask(_task)\" class=\"vx-row py-2 px-1 h-full\" :class=\"_task.isTaskOpen && !_task.isTaskLocked && !_task.isTaskComplete ? 'nav-green-bg' : _task.isTaskComplete ? 'nav-dark-gradient-bg' : _task.isTaskLocked ? (index % 2 == 0) ? 'gray-bg_shade-1-lighter disabled' : 'gray-bg_shade-2-darker disabled' : ''\"> -->\r\n            <div class=\"vx-col w-1/6 self-center center-v-h\">\r\n              <feather-icon :icon=\"getTypeIcon(_task.taskTypeId)\" class=\"text-white\" svg-classes=\"stroke-current h-8 w-8\"></feather-icon>\r\n            </div>\r\n            <div class=\"vx-col w-2/3 self-center center-v-h\" style=\"margin-top: 2px;\">\r\n              <h5 class=\"text-white text-left\">{{_task.taskName}}</h5>\r\n            </div>\r\n            <div class=\"vx-col w-1/6 self-center center-v-h\">\r\n              <custom-svg v-if=\"!_task.isTaskOpen && _task.isTaskComplete && _task.isTaskLocked\" variant=\"lock\" width=\"35\" height=\"35\" color=\"white\" />\r\n              <custom-svg v-else-if=\"_task.isTaskOpen && !_task.isTaskComplete\" variant=\"arrow\" width=\"40\" height=\"40\" dir=\"right\" color=\"white\" />\r\n              <custom-svg v-else-if=\"_task.isTaskComplete\" variant=\"check-circle\" width=\"30\" height=\"30\" color=\"white\" />\r\n              <!-- <custom-svg v-else-if=\"!_task.isTaskLocked && !_task.isTaskOpen && !_task.isTaskComplete\" variant=\"arrow\" width=\"40\" height=\"40\" dir=\"right\" color=\"white\" /> -->\r\n              <custom-svg v-else variant=\"lock\" width=\"35\" height=\"35\" color=\"white\" />\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport CustomSvg from '@/gen-2/components/CustomSVG.vue';\r\nimport 'animate.css'\r\nexport default {\r\n  components: {\r\n    CustomSvg\r\n  },\r\n  data() {\r\n    return {\r\n      showLoading: false,\r\n      taskList: [],\r\n      isTaskBlocked: false,\r\n      selectedLP: {\r\n        id: null,\r\n        name: null,\r\n        number: null\r\n      },\r\n      selectedModule: null,\r\n      currentStudentId: null,\r\n      selectedOutcome: null,\r\n      coins: null,\r\n      timeCapture:{\r\n        captureTimeForAssessments: false,\r\n        formativeHoursRequired: null,\r\n        summativeHoursRequired: null,\r\n        sliderMinFormatives: 0,\r\n        sliderMaxFormatives: 0,\r\n        sliderMinSummatives: 0,\r\n        sliderMaxSummatives: 0,\r\n        taskClassificationTypeId: 0\r\n      }\r\n    };\r\n  },\r\n  computed: {\r\n    \r\n  },\r\n  methods: {\r\n    setTaskItemStyling(task, index) {\r\n      if (!task.isTaskOpen && task.isTaskComplete && task.isTaskLocked) {\r\n        if ((index % 2 == 0)) {\r\n          return \"gray-bg_shade-1-lighter disabled\";\r\n        } else {\r\n          return \"gray-bg_shade-2-darker disabled\";\r\n        }\r\n      } else if (task.isTaskOpen && !task.isTaskLocked && !task.isTaskComplete) {\r\n        return \"nav-green-bg\";\r\n      } else if (task.isTaskComplete) {\r\n        return \"nav-dark-gradient-bg\";\r\n      } else if (task.isTaskLocked) {\r\n        if ((index % 2 == 0)) {\r\n          return \"gray-bg_shade-1-lighter disabled\";\r\n        } else {\r\n          return \"gray-bg_shade-2-darker disabled\";\r\n        }\r\n      } \r\n      // else {\r\n      //   return \"nav-green-bg\";\r\n      // }\r\n\r\n\r\n      // task.isTaskOpen && !task.isTaskLocked && !task.isTaskComplete ? 'nav-green-bg' : task.isTaskComplete ? 'nav-dark-gradient-bg' : task.isTaskLocked ? (index % 2 == 0) ? 'gray-bg_shade-1-lighter disabled' : 'gray-bg_shade-2-darker disabled' : ''\r\n    },\r\n    getTypeIcon(typeId) {\r\n      switch (typeId) {\r\n        case 2:\r\n          return \"YoutubeIcon\";\r\n        case 5:\r\n          return \"FileTextIcon\";\r\n        case 6:\r\n          return \"UploadCloudIcon\";\r\n        case 8:\r\n          return \"VideoIcon\";\r\n        case 9:\r\n          return \"EditIcon\";\r\n        default:\r\n          return \"FileIcon\";\r\n      }\r\n    },\r\n    getTasks() {\r\n      var self = this;\r\n\r\n      var onSuccess = function (response) {\r\n        self.taskList = response.data;\r\n      };\r\n      var onFinally = function () {\r\n        self.showLoading = false;\r\n      };\r\n\r\n      self.$ajaxGet(self, `StudentModule/GetLearingStyleBModuleData?moduleId=${self.selectedLP.id}&taskGroupId=${self.selectedModule}&outcomeId=${self.selectedOutcome}`, onSuccess, onFinally);\r\n    },\r\n    goToTask(task){\r\n      var self = this;\r\n      var checkIfPreview = self.$acl.check(\"Student\");\r\n      if(!checkIfPreview){\r\n        if(task.taskTypeId == 9 ){\r\n          self.$router.push({ name: 'StoryViewer', params: {\r\n            mode: \"story\",\r\n            taskDisplayId: task.taskDisplayId,\r\n            moduleId: self.selectedLP.id,\r\n            isStudent: \"false\",\r\n            coins: self.coins,\r\n            styleB: true,\r\n            taskClassificationTypeId: 9,\r\n            lpName: self.selectedLP.name,\r\n            lpNumber: self.selectedLP.number,\r\n            selectedTaskGroup: self.selectedModule,\r\n            selectedOutcome: self.selectedOutcome,\r\n            outcome: true\r\n          }, query: {\r\n            ref: self.$route.name == 'PublicOutcomeTasks' ? \"public\" : \"sonke\",\r\n            moduleId: self.selectedLP.id,\r\n            lpName: self.selectedLP.name,\r\n            lpNumber: self.selectedLP.number,\r\n            selectedTaskGroup: self.selectedModule,\r\n            selectedOutcome: self.selectedOutcome,\r\n            timeCapture: JSON.stringify(self.timeCapture),\r\n            outcome: true\r\n          }});\r\n        }else if(task.taskTypeId == 2){\r\n          self.$router.push({ name: (self.$route.name == 'PublicOutcomeTasks' ? \"PublicVideoViewer\" : \"Gen2VideoViewer\"), query: {\r\n            id: task.taskId,\r\n            moduleId: self.selectedLP.id,\r\n            styleB: true,\r\n            taskClassificationTypeId: 9,\r\n            timeCapture: JSON.stringify(self.timeCapture),\r\n            lpName: self.selectedLP.name,\r\n            lpNumber: self.selectedLP.number,\r\n            selectedTaskGroup: self.selectedModule,\r\n            selectedOutcome: self.selectedOutcome,\r\n            outcome: true\r\n          }});\r\n        }else if(task.taskTypeId == 5){\r\n          self.$router.push({ name: self.$route.name == 'PublicOutcomeTasks' ? \"PublicDocumentViewer\" : \"Gen2DocumentViewer\", query: {\r\n            id: task.taskId,\r\n            moduleId: self.selectedLP.id,\r\n            styleB: true,\r\n            taskClassificationTypeId: 9,\r\n            timeCapture: JSON.stringify(self.timeCapture),\r\n            lpName: self.selectedLP.name,\r\n            lpNumber: self.selectedLP.number,\r\n            selectedTaskGroup: self.selectedModule,\r\n            selectedOutcome: self.selectedOutcome,\r\n            outcome: true,\r\n            scrollable: task.scrollable\r\n          }});\r\n        }else if(task.taskTypeId == 6){\r\n          self.$router.push({ name: self.$route.name == 'PublicOutcomeTasks' ? \"PublicUploadViewer\" : \"Gen2UploadViewer\", query: {\r\n            id: task.taskId,\r\n            moduleId: self.selectedLP.id,\r\n            styleB: true,\r\n            taskClassificationTypeId: 9,\r\n            timeCapture: JSON.stringify(self.timeCapture),\r\n            lpName: self.selectedLP.name,\r\n            lpNumber: self.selectedLP.number,\r\n            selectedTaskGroup: self.selectedModule,\r\n            selectedOutcome: self.selectedOutcome,\r\n            outcome: true\r\n          }});\r\n        }else if(task.taskTypeId == 8){\r\n          self.$router.push({ name: 'StoryViewer', params: {\r\n            mode: \"story\",\r\n            taskDisplayId: task.taskDisplayId,\r\n            moduleId: self.selectedLP.id,\r\n            isStudent: \"false\",\r\n            coins: self.coins,\r\n            styleB: true,\r\n            taskClassificationTypeId: 9,\r\n            lpName: self.selectedLP.name,\r\n            lpNumber: self.selectedLP.number,\r\n            selectedTaskGroup: self.selectedModule,\r\n            selectedOutcome: self.selectedOutcome,\r\n            outcome: true\r\n          }, query: {\r\n            ref: self.$route.name == 'PublicOutcomeTasks' ? \"public\" : \"sonke\",\r\n            moduleId: self.selectedLP.id,\r\n            lpName: self.selectedLP.name,\r\n            lpNumber: self.selectedLP.number,\r\n            selectedTaskGroup: self.selectedModule,\r\n            selectedOutcome: self.selectedOutcome,\r\n            timeCapture: JSON.stringify(self.timeCapture),\r\n            outcome: true\r\n          }});\r\n        }\r\n      }\r\n      else{\r\n        var onSuccess = response =>{\r\n          if((task.taskClassificationTypeId == 2) && (response.data == 2 || response.data == 1)){\r\n            // self.isTaskBlocked = true;\r\n            self.$swal({\r\n              title: 'Cannot Continue',\r\n              text: 'Well done on completing your Formative Assessments! Your answers will be assessed by a registered Assessor. You will receive a notification regarding the outcome.',\r\n              customClass: {\r\n                confirmButton: 'vs-component vs-button vs-button-primary vs-button-filled',\r\n              },\r\n              showClass: {\r\n                popup: 'animate__animated animate__shakeX',\r\n              },\r\n              buttonsStyling: false,\r\n            });\r\n            return;\r\n          }\r\n          else{\r\n            if(task.taskTypeId == 9 ){\r\n              self.$router.push({ name: 'StoryViewer', params: {\r\n                mode: \"story\",\r\n                taskDisplayId: task.taskDisplayId,\r\n                moduleId: self.selectedLP.id,\r\n                isStudent: \"true\",\r\n                coins: self.coins,\r\n                styleB: true,\r\n                taskClassificationTypeId: task.taskClassificationTypeId,\r\n                lpName: self.selectedLP.name,\r\n                lpNumber: self.selectedLP.number,\r\n                selectedTaskGroup: self.selectedModule,\r\n                selectedOutcome: self.selectedOutcome,\r\n                outcome: true\r\n              }, query: {\r\n                ref: self.$route.name == 'PublicOutcomeTasks' ? \"public\" : \"sonke\",\r\n                moduleId: self.selectedLP.id,\r\n                lpName: self.selectedLP.name,\r\n                lpNumber: self.selectedLP.number,\r\n                selectedTaskGroup: self.selectedModule,\r\n                selectedOutcome: self.selectedOutcome,\r\n                timeCapture: JSON.stringify(self.timeCapture),\r\n                outcome: true\r\n              }});\r\n            }else if(task.taskTypeId == 2){\r\n              self.$router.push({ name: self.$route.name == 'PublicOutcomeTasks' ? \"PublicVideoViewer\" : \"Gen2VideoViewer\", query: {\r\n                id: task.taskId,\r\n                moduleId: self.selectedLP.id,\r\n                styleB: true,\r\n                taskClassificationTypeId: task.taskClassificationTypeId,\r\n                lpName: self.selectedLP.name,\r\n                lpNumber: self.selectedLP.number,\r\n                selectedTaskGroup: self.selectedModule,\r\n                selectedOutcome: self.selectedOutcome,\r\n                timeCapture: JSON.stringify(self.timeCapture),\r\n                outcome: true\r\n              }});\r\n            }else if(task.taskTypeId == 5){\r\n              self.$router.push({ name: self.$route.name == 'PublicOutcomeTasks' ? \"PublicDocumentViewer\" : \"Gen2DocumentViewer\", query: {\r\n                id: task.taskId,\r\n                moduleId: self.selectedLP.id,\r\n                styleB: true,\r\n                taskClassificationTypeId: task.taskClassificationTypeId,\r\n                lpName: self.selectedLP.name,\r\n                lpNumber: self.selectedLP.number,\r\n                selectedTaskGroup: self.selectedModule,\r\n                selectedOutcome: self.selectedOutcome,\r\n                timeCapture: JSON.stringify(self.timeCapture),\r\n                outcome: true,\r\n                scrollable: task.scrollable\r\n              }});\r\n            }else if(task.taskTypeId == 6){\r\n              self.$router.push({ name: self.$route.name == 'PublicOutcomeTasks' ? \"PublicUploadViewer\" : \"Gen2UploadViewer\", query: {\r\n                id: task.taskId,\r\n                moduleId: self.selectedLP.id,\r\n                styleB: true,\r\n                taskClassificationTypeId: task.taskClassificationTypeId,\r\n                timeCapture: JSON.stringify(self.timeCapture),\r\n                lpName: self.selectedLP.name,\r\n                lpNumber: self.selectedLP.number,\r\n                selectedTaskGroup: self.selectedModule,\r\n                selectedOutcome: self.selectedOutcome,\r\n                outcome: true\r\n              }});\r\n            }else if(task.taskTypeId == 8){\r\n              self.$router.push({ name: 'StoryViewer', params: {\r\n                mode: \"story\",\r\n                taskDisplayId: task.taskDisplayId,\r\n                moduleId: self.selectedLP.id,\r\n                isStudent: \"true\",\r\n                coins: self.coins,\r\n                styleB: true,\r\n                taskClassificationTypeId: task.taskClassificationTypeId,\r\n                lpName: self.selectedLP.name,\r\n                lpNumber: self.selectedLP.number,\r\n                selectedTaskGroup: self.selectedModule,\r\n                selectedOutcome: self.selectedOutcome,\r\n                outcome: true\r\n              }, query: {\r\n                ref: self.$route.name == 'PublicOutcomeTasks' ? \"public\" : \"sonke\",\r\n                moduleId: self.selectedLP.id,\r\n                lpName: self.selectedLP.name,\r\n                lpNumber: self.selectedLP.number,\r\n                selectedTaskGroup: self.selectedModule,\r\n                selectedOutcome: self.selectedOutcome,\r\n                timeCapture: JSON.stringify(self.timeCapture),\r\n                outcome: true\r\n              }});\r\n            }\r\n          }\r\n        };\r\n        \r\n        self.$ajaxGet(self, \"StudentModule/GetStudentModuleStatusId?studentId=\" + self.currentStudentId + \"&moduleId=\" + task.moduleId, onSuccess);\r\n      };\r\n      \r\n    },\r\n    initTimeCapture() {\r\n      this.captureTimeForAssessments = false;\r\n      this.formativeHoursRequired = null;\r\n      this.summativeHoursRequired = null;\r\n      this.sliderMinFormatives = 0;\r\n      this.sliderMaxFormatives = 0;\r\n      this.sliderMinSummatives = 0;\r\n      this.sliderMaxSummatives = 0;\r\n      this.taskClassificationTypeId = 0;\r\n    }\r\n  },\r\n  mounted() {\r\n    var self = this;\r\n\r\n    self.$emit(\"changeBackgroundColor\", \"#000000\");\r\n\r\n    self.currentStudentId = localStorage.getItem(\"Current_User_Id\");\r\n\r\n    self.selectedLP = {\r\n      id: self.$route.query.moduleId,\r\n      name: self.$route.query.lpName,\r\n      number: self.$route.query.lpNumber\r\n    };\r\n\r\n    self.selectedModule = self.$route.query.selectedTaskGroup;\r\n    self.selectedOutcome = self.$route.query.selectedOutcome;\r\n\r\n    self.timeCapture = JSON.parse(self.$route.query.timeCapture) || self.initTimeCapture();\r\n\r\n    // if (self.$route.params && self.$route.params.taskList) {\r\n    //   self.taskList = self.$route.params.taskList;\r\n    // } else {\r\n      self.showLoading = true;\r\n      self.getTasks();\r\n    // }\r\n  },\r\n  created() {\r\n    window.scrollTo(0,0);\r\n  }\r\n};\r\n</script>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OutcomeTasks.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OutcomeTasks.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./OutcomeTasks.vue?vue&type=template&id=1a826e89&\"\nimport script from \"./OutcomeTasks.vue?vue&type=script&lang=js&\"\nexport * from \"./OutcomeTasks.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}