{"version":3,"sources":["webpack:///./src/components/studentdashboard/PracticalTimeCapture.vue?5be7","webpack:///src/components/studentdashboard/PracticalTimeCapture.vue","webpack:///./src/components/studentdashboard/PracticalTimeCapture.vue?e774","webpack:///./src/components/studentdashboard/PracticalTimeCapture.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","ref","staticClass","$route","name","attrs","_v","_s","selectedLP","number","_e","showLoading","class","query","moduleId","lpName","startDate","endDate","_l","_question","index","key","questionText","timeValue","model","value","callback","$$v","$set","expression","questions","length","staticStyle","on","submit","staticRenderFns","components","VueSlider","CustomSvg","moment","computed","methods","self","$getSiteId","showLoadingOnElement","onSuccess","response","data","document","getElementById","scrollIntoView","onFinally","$vs","loading","close","$refs","whole_page","$el","$ajaxGet","moduleName","Date","parse","format","answers","$router","push","back","params","submitbtn","forEach","id","questionId","$ajaxPost","time","element","scale","type","container","localStorage","lpToContinueFrom","JSON","lp","loadSarsQuestions","loadData","component"],"mappings":"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","file":"js/chunk-2d0b301c.446f74d4.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"whole_page\",staticClass:\"text-left\"},[(_vm.$route.name == 'Gen2PracticalTimeCapture')?_c('div',{staticClass:\"mb-3 mx-4\",attrs:{\"id\":\"lp-details-container\"}},[_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/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._e(),(_vm.showLoading)?_c('div',{staticClass:\"mx-4\"},[_c('custom-skeleton',{attrs:{\"show\":_vm.showLoading,\"size\":\"large\",\"count\":8}})],1):_c('div',{staticClass:\"vx-row mx-4\"},[_c('div',{staticClass:\"vx-col mx-auto\",class:_vm.$route.name == 'Gen2PracticalTimeCapture' ? 'w-full' : 'xs:w-full sm:w-full md:w-full lg:w-5/6 xl:w-3/4'},[(_vm.$route.name == 'SARSTimeCapture' && _vm.$route.query.moduleId)?_c('div',{staticClass:\"mb-3\"},[_c('div',{staticClass:\"flex\"},[_c('div',{staticClass:\"self-center\"},[_c('feather-icon',{staticClass:\"text-white\",attrs:{\"icon\":\"CodesandboxIcon\",\"svg-classes\":\"stroke-current h-10 w-10\"}})],1),_c('div',{staticClass:\"self-center lp-name ml-4\"},[_c('h4',{staticClass:\"w-full\"},[_c('span',[_vm._v(_vm._s(_vm.lpName))])])])])]):_vm._e(),(_vm.$route.name == 'SARSTimeCapture' && !_vm.$route.query.moduleId)?_c('div',{staticClass:\"mb-3\"},[_c('div',{staticClass:\"flex\"},[_c('div',{staticClass:\"self-center\"},[_c('feather-icon',{staticClass:\"text-white\",attrs:{\"icon\":\"CalendarIcon\",\"svg-classes\":\"stroke-current h-10 w-10\"}})],1),_c('div',{staticClass:\"self-center lp-name ml-4\"},[_c('h4',{staticClass:\"w-full\"},[_c('span',[_vm._v(\"Questions for time period: \"),_c('strong',[_vm._v(_vm._s(_vm.startDate))]),_vm._v(\" - \"),_c('strong',[_vm._v(_vm._s(_vm.endDate))])])])])])]):_vm._e(),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full\"},_vm._l((_vm.questions),function(_question,index){return _c('div',{key:index},[_c('div',{class:{ 'gen2-time-capture-item mb-3': _vm.$route.name == 'Gen2PracticalTimeCapture' }},[_c('h5',{staticClass:\"font-brightgreen\"},[_vm._v(_vm._s(index + 1)+\". \"+_vm._s(_question.questionText))]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('p',[_vm._v(\"How many hours did you spend on this task? \")]),_c('p',{staticClass:\"mb-2\"},[_c('small',[_vm._v(\"Selected time: \"),_c('strong',[_vm._v(_vm._s(!_question.timeValue ? \"None\" : ((_question.timeValue) + \" \" + (_question.timeValue == 1 ? 'hour' : 'hours'))))])])]),_c('vue-slider',{class:{ 'gen2-slider': _vm.$route.name == 'Gen2PracticalTimeCapture', 'w-full mb-5': _vm.$route.name != 'Gen2PracticalTimeCapture' },attrs:{\"tooltip\":'none',\"adsorb\":true,\"min\":0,\"max\":10,\"data-label\":'id',\"data-value\":'id',\"marks\":true},model:{value:(_question.timeValue),callback:function ($$v) {_vm.$set(_question, \"timeValue\", $$v)},expression:\"_question.timeValue\"}})],1)])])])}),0)]),(_vm.questions.length > 0 && _vm.$route.name == 'Gen2PracticalTimeCapture')?_c('div',{staticClass:\"vx-row my-3\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-button',{ref:\"submitbtn\",staticClass:\"vs-con-loading__container w-full\",staticStyle:{\"border-radius\":\"30px\"},attrs:{\"color\":\"#20AA34\",\"type\":\"border\"},on:{\"click\":_vm.submit}},[_vm._v(\"Submit Times\")])],1)]):(_vm.questions.length > 0)?_c('div',{staticClass:\"vx-row mt-3\"},[_c('vs-spacer'),_c('div',{staticClass:\"vx-col\"},[_c('vs-button',{ref:\"submitbtn\",staticClass:\"vs-con-loading__container\",attrs:{\"color\":\"success\",\"type\":\"filled\"},on:{\"click\":_vm.submit}},[_vm._v(\"Submit Times\")])],1)],1):_vm._e()])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div ref=\"whole_page\" class=\"text-left\">\r\n    <div v-if=\"$route.name == 'Gen2PracticalTimeCapture'\" id=\"lp-details-container\" class=\"mb-3 mx-4\">\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/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 :show=\"showLoading\" size=\"large\" :count=\"8\" />\r\n    </div>\r\n    <div v-else class=\"vx-row mx-4\">\r\n      <div class=\"vx-col mx-auto\" :class=\"$route.name == 'Gen2PracticalTimeCapture' ? 'w-full' : 'xs:w-full sm:w-full md:w-full lg:w-5/6 xl:w-3/4'\">\r\n        <div v-if=\"$route.name == 'SARSTimeCapture' && $route.query.moduleId\" class=\"mb-3\">\r\n          <div class=\"flex\">\r\n            <div class=\"self-center\">\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=\"self-center lp-name ml-4\">\r\n              <h4 class=\"w-full\">\r\n                <span>{{ lpName }}</span>\r\n              </h4>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div v-if=\"$route.name == 'SARSTimeCapture' && !$route.query.moduleId\" class=\"mb-3\">\r\n          <div class=\"flex\">\r\n            <div class=\"self-center\">\r\n              <feather-icon icon=\"CalendarIcon\" class=\"text-white\" svg-classes=\"stroke-current h-10 w-10\"></feather-icon>\r\n            </div>\r\n            <div class=\"self-center lp-name ml-4\">\r\n              <h4 class=\"w-full\">\r\n                <span>Questions for time period: <strong>{{ startDate }}</strong> - <strong>{{ endDate }}</strong></span>\r\n              </h4>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"vx-row\">\r\n          <div class=\"vx-col w-full\">\r\n            <div v-for=\"(_question, index) in questions\" :key=\"index\">\r\n              <div :class=\"{ 'gen2-time-capture-item mb-3': $route.name == 'Gen2PracticalTimeCapture' }\">\r\n                <h5 class=\"font-brightgreen\">{{ index + 1 }}. {{ _question.questionText }}</h5>\r\n                <div class=\"vx-row\">\r\n                  <div class=\"vx-col w-full\">\r\n                    <p>How many hours did you spend on this task? </p>\r\n                    <p class=\"mb-2\"><small>Selected time:&nbsp;<strong>{{ !_question.timeValue ? \"None\" : `${_question.timeValue} ${_question.timeValue == 1 ? 'hour' : 'hours'}` }}</strong></small></p>\r\n                    <vue-slider\r\n                      :class=\"{ 'gen2-slider': $route.name == 'Gen2PracticalTimeCapture', 'w-full mb-5': $route.name != 'Gen2PracticalTimeCapture' }\"\r\n                      :tooltip=\"'none'\"\r\n                      v-model=\"_question.timeValue\"\r\n                      :adsorb=\"true\"\r\n                      :min=\"0\"\r\n                      :max=\"10\"\r\n                      :data-label=\"'id'\"\r\n                      :data-value=\"'id'\"\r\n                      :marks=\"true\"\r\n                    ></vue-slider>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div v-if=\"questions.length > 0 && $route.name == 'Gen2PracticalTimeCapture'\" class=\"vx-row my-3\">\r\n          <div class=\"vx-col w-full\">\r\n            <vs-button class=\"vs-con-loading__container w-full\" style=\"border-radius: 30px;\" ref=\"submitbtn\" color=\"#20AA34\" type=\"border\" @click=\"submit\">Submit Times</vs-button>\r\n          </div>\r\n        </div>\r\n        <div v-else-if=\"questions.length > 0\" class=\"vx-row mt-3\">\r\n          <vs-spacer />\r\n          <div class=\"vx-col\">\r\n            <vs-button class=\"vs-con-loading__container\" ref=\"submitbtn\" color=\"success\" type=\"filled\" @click=\"submit\">Submit Times</vs-button>\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 VueSlider from 'vue-slider-component'\r\nimport 'vue-slider-component/theme/antd.css'\r\nimport CustomSvg from '@/gen-2/components/CustomSVG.vue';\r\nimport moment from 'moment'\r\nexport default {\r\n  components: {\r\n    VueSlider,\r\n    CustomSvg,\r\n    moment\r\n  },\r\n  data() {\r\n    return {\r\n      questions: [],\r\n      selectedLP: {},\r\n      showLoading: false,\r\n      lpName: null,\r\n      startDate: null,\r\n      endDate: null\r\n    };\r\n  },\r\n  computed: {},\r\n  methods: {\r\n    loadData() {\r\n      var self = this;\r\n\r\n      if (self.$getSiteId() == 35) {\r\n        self.showLoading = true;\r\n      } else {\r\n        self.showLoadingOnElement(\"whole_page\", 1, \"material\");\r\n      }\r\n\r\n      var onSuccess = function (response) {\r\n        self.questions = response.data;\r\n        if (document.getElementById(\"lp-details-container\")) {\r\n          document.getElementById(\"lp-details-container\").scrollIntoView();\r\n        }\r\n      };\r\n      var onFinally = function () {\r\n        if (self.$getSiteId() == 35) {\r\n          self.showLoading = false;\r\n        } else {\r\n          self.$vs.loading.close(self.$refs.whole_page.$el);\r\n        }\r\n      };\r\n\r\n      self.$ajaxGet(self, `Module/GetModuleActivityLogsForCoke?moduleId=${self.$route.query.moduleId || self.selectedLP.moduleId}`, onSuccess, onFinally);\r\n    },\r\n    loadSarsQuestions() {\r\n      var self = this;\r\n\r\n      self.showLoadingOnElement(\"whole_page\", 1, \"material\");\r\n\r\n      var onSuccess = function (response) {\r\n        self.lpName = response.data.moduleName;\r\n        self.questions = response.data.questions;\r\n\r\n        var startDate = new Date(Date.parse(response.data.startDate));\r\n        var endDate = new Date(Date.parse(response.data.endDate));\r\n\r\n        self.startDate = moment(startDate).format(\"dddd, DD MMMM\");\r\n        self.endDate = moment(endDate).format(\"dddd, DD MMMM\");\r\n      };\r\n      var onFinally = function () {\r\n        self.$vs.loading.close(self.$refs.whole_page.$el);\r\n      };\r\n\r\n      self.$ajaxGet(self, `SonkeSarsQuestion/GetQuestionsToAnswer?moduleId=${self.$route.query.moduleId}`, onSuccess, onFinally);\r\n    }, \r\n    submit() {\r\n      var self = this;\r\n\r\n      self.showLoadingOnElement(\"submitbtn\", 0.45, \"material\");\r\n\r\n      var answers = [];\r\n      \r\n      var onSuccess = response => {\r\n        if (self.$getSiteId() == 35) {\r\n          self.$router.push({ name: \"Gen2LearningPrograms\", query: { ref: \"continue\" } });\r\n        } else if (self.$getSiteId() == 26) {\r\n          self.$router.back();\r\n        } else if (self.$route.query.moduleId) {\r\n          self.$router.push({ name: \"LearningStyleBViewer\", params: { moduleId: self.$route.query.moduleId }});\r\n        } else {\r\n          self.$router.back();\r\n        }\r\n      };\r\n      var onFinally = response => {\r\n        self.$vs.loading.close(self.$refs.submitbtn.$el);\r\n      };\r\n\r\n      if (self.$getSiteId() == 35) {\r\n        self.questions.forEach(_question => {\r\n          answers.push({\r\n            id: _question.id,\r\n            moduleId: self.selectedLP.moduleId,\r\n            questionId: _question.questionId,\r\n            timeValue: _question.timeValue\r\n          });\r\n        });\r\n\r\n        self.$ajaxPost(self, \"Module/LogActivity\", answers, onSuccess, onFinally);\r\n      } else if (self.$route.query.moduleId && self.$route.name != 'SARSTimeCapture') {\r\n        self.questions.forEach(_question => {\r\n          answers.push({\r\n            id: _question.id,\r\n            moduleId: self.$route.query.moduleId,\r\n            questionId: _question.questionId,\r\n            timeValue: _question.timeValue\r\n          });\r\n        });\r\n\r\n        self.$ajaxPost(self, \"Module/LogActivity\", answers, onSuccess, onFinally);\r\n      } else if (self.$getSiteId() == 26 && self.$route.name == 'SARSTimeCapture') {\r\n        self.questions.forEach(_question => {\r\n          answers.push({\r\n            moduleId: self.$route.query.moduleId || null,\r\n            questionId: _question.id,\r\n            timeValue: _question.timeValue\r\n          });\r\n        });\r\n\r\n        self.$ajaxPost(self, \"SonkeSarsQuestion/SubmitTimes\", answers, onSuccess, onFinally);\r\n      } else {\r\n        self.questions.forEach(_question => {\r\n          answers.push({ questionId: _question.questionId, time: _question.timeValue });\r\n        });\r\n\r\n        self.$ajaxPost(self, \"PracticalQuestion/SubmitTimes\", answers, onSuccess, onFinally);\r\n      }\r\n    },\r\n    showLoadingOnElement(element, scale, type) {\r\n      var self = this;\r\n      self.$vs.loading({\r\n        type: type,\r\n        container: self.$refs[element].$el,\r\n        scale: scale,\r\n      });\r\n    },\r\n    stopLoadingOnElement(element) {\r\n      var self = this;\r\n      self.$vs.loading.close(self.$refs[element].$el);\r\n    },\r\n  },\r\n  mounted() {\r\n    var self = this;\r\n    self.selectedLP = localStorage.lpToContinueFrom ? JSON.parse(localStorage.lpToContinueFrom).lp : {};\r\n\r\n    if (self.$route.name == 'SARSTimeCapture') {\r\n      self.loadSarsQuestions();\r\n    } else {\r\n      self.loadData();\r\n    }\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PracticalTimeCapture.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!./PracticalTimeCapture.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PracticalTimeCapture.vue?vue&type=template&id=33c2b332&\"\nimport script from \"./PracticalTimeCapture.vue?vue&type=script&lang=js&\"\nexport * from \"./PracticalTimeCapture.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":""}