{"version":3,"sources":["webpack:///./src/utils/data.js","webpack:///./src/utils/format.js","webpack:///./src/views/pages/LiveClass/VdoLiveSet/SubComponents/LiveClassScheduleInfo.vue?679d","webpack:///src/views/pages/LiveClass/VdoLiveSet/SubComponents/LiveClassScheduleInfo.vue","webpack:///./src/views/pages/LiveClass/VdoLiveSet/SubComponents/LiveClassScheduleInfo.vue?ee4e","webpack:///./src/views/pages/LiveClass/VdoLiveSet/SubComponents/LiveClassScheduleInfo.vue"],"names":["secondToHHMMSSFormat","duration","seconds","parseInt","minutes","hours","secondToMMMFormat","toFixed","dateTimeFormat","yyyymmdd","yyyymmddhhmm","yyyymmddhhmmss","hhmm","momentYYYYMMDD","momentYYYYMMDDhhmmss","momentYYYYMMDDhhmm","momenthhmmsss","momenthhmm","formatSecondToHHMMSS","time","hrs","mins","secs","ret","render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","$t","attrs","liveClassSchedule","teacher","code","_e","firstNameLocal","lastNameLocal","onAirDate","totalVdoQty","subject","nameLocal","sectionNo","totalVdoLength","staticRenderFns","component"],"mappings":"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","file":"js/chunk-2ca9ec59.352cbaf0.js","sourcesContent":[" /**\n * Time Length formatter\n * Calculate total millisecond time and return as HH:MM:SS format\n * @param  {Number} duration  Total time in milliseconds.\n * @return {String}     Formatted of time length.\n */\n\nexport const timeLengthFormat = (duration) => {\n\n   if(duration !== null && duration !== 'undefined' ){\n     let\n       //milliseconds = parseInt((duration % 1000) / 100),\n       seconds = parseInt((duration / 1000) % 60)\n       , minutes = parseInt((duration / (1000 * 60)) % 60)\n       , hours = parseInt((duration / (1000 * 60 * 60)) % 24);\n\n     hours = (hours < 10) ? \"0\" + hours : hours;\n     minutes = (minutes < 10) ? \"0\" + minutes : minutes;\n     seconds = (seconds < 10) ? \"0\" + seconds : seconds;\n\n     // return hours + \":\" + minutes + \":\" + seconds + \".\" + milliseconds;\n     return hours + \":\" + minutes + \":\" + seconds;// + \".\" + milliseconds;\n   }else{\n     return '0';\n   }\n};\n\n /**\n  * Time To Millisecond\n  * Convert minute and second to millisecond\n  * @param  {Number} minute  Minute to convert.\n  * @param  {Number} second  second to convert.\n  * @return {Number} millisecond after convert.\n  */\nexport const timeToMillisecond = (minute,second) => {\n  let millisecond = 0;\n\n  if(typeof minute == 'number'){\n    millisecond += minute * (1000 * 60);\n  }\n  if(typeof second == 'number'){\n    millisecond += second * 1000;\n  }\n\n  return millisecond;\n};\n\n /**\n  * Convert Millisecond to Minute\n  * Calculate total time and return as MM format\n  * @param  {Number} duration  Total time in milliseconds.\n  * @return {String}     Formatted of time length.\n  */\n\n export const millisecondToMinute = (duration) => {\n\n   if(duration !== null && duration !== 'undefined' ){\n     let minutes = parseInt((duration / (1000 * 60)) % 60);\n\n     minutes = (minutes < 10) ? \"0\" + minutes : minutes;\n\n     return minutes\n   }else{\n     return '';\n   }\n };\n\n /**\n  * Convert Millisecond to Second\n  * Calculate total time and return as SS format\n  * @param  {Number} duration  Total time in milliseconds.\n  * @return {String}     Formatted of time length.\n  */\n\n export const millisecondToSecond = (duration) => {\n\n   if(duration !== null && duration !== 'undefined' ){\n     let seconds = parseInt((duration / 1000) % 60);\n\n     seconds = (seconds < 10) ? \"0\" + seconds : seconds;\n\n     return seconds;\n   }else{\n     return '';\n   }\n };\n\n /**\n  * Time Length formatter\n  * Calculate total second time  and return as HH:MM:SS format\n  * @param  {Number} duration  Total time in second.\n  * @return {String}     Formatted of time length.\n  */\n\n export const secondToHHMMSSFormat = (duration) => {\n\n   if(duration !== null && duration !== 'undefined' ){\n\n     /*let measuredTime = new Date(null);\n     measuredTime.setSeconds(duration); // specify value of SECONDS\n     return measuredTime.toISOString().substr(11, 8);*/\n     let\n       //milliseconds = parseInt((duration % 1000) / 100),\n       seconds = parseInt(duration % 60)\n       , minutes = parseInt((duration / 60) % 60)\n       , hours = parseInt((duration / (60 * 60)));\n\n\n     hours = (hours < 10) ? \"0\" + hours : hours;\n     minutes = (minutes < 10) ? \"0\" + minutes : minutes;\n     seconds = (seconds < 10) ? \"0\" + seconds : seconds;\n\n     // return hours + \":\" + minutes + \":\" + seconds + \".\" + milliseconds;\n     return hours + \":\" + minutes + \":\" + seconds;// + \".\" + milliseconds;\n   }else{\n     return '0';\n   }\n };\n export const secondToMMMFormat = (duration) => {\n\n   if(duration !== null && duration !== 'undefined' ){\n     return parseInt(duration / 60).toFixed(0)\n   }else{\n     return '0';\n   }\n\n };\n","export const dateTimeFormat = {\n  yyyymmdd: 'yyyy-MM-dd',\n  yyyymmddhhmm: 'yyyy-MM-dd hh:mms',\n  yyyymmddhhmmss: 'yyyy-MM-dd hh:mm:ss',\n  hhmm: 'hh:mm',\n  momentYYYYMMDD: 'YYYY-MM-DD',\n  momentYYYYMMDDhhmmss: 'YYYY-MM-DD HH:mm:ss',\n  momentYYYYMMDDhhmm: 'YYYY-MM-DD HH:mm',\n  momenthhmmsss: 'HH:mm:ss',\n  momenthhmm: 'HH:mm',\n};\n\nexport const configDateTimePicker = {\n  enableTime: true,\n  enableSeconds: true,\n  noCalendar: true\n};\nexport const configDatePicker = {\n  wrap: true, // set wrap to true only when using 'input-group'\n  altFormat: 'M j, Y',\n  altInput: true,\n  dateFormat: 'Y-m-d',\n};\n\nexport const formatSecondToHHMMSS = function (time) {\n  // Hours, minutes and seconds\n  let hrs = ~~(time / 3600);\n  let mins = ~~((time % 3600) / 60);\n  let secs = ~~time % 60;\n\n  // Output like \"1:01\" or \"4:03:59\" or \"123:03:59\"\n  let ret = \"\";\n  if (hrs > 0) {\n    ret += \"\" + hrs + \":\" + (mins < 10 ? \"0\" : \"\");\n  }\n  ret += \"\" + mins + \":\" + (secs < 10 ? \"0\" : \"\");\n  ret += \"\" + secs;\n  return ret;\n}\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col\"},[_c('h5',[_vm._v(\" \"+_vm._s(_vm.$t('vdo-live-set-topic.info-title')))])])]),_c('vs-divider'),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col\"},[_c('div',{staticClass:\"img-container\"},[_c('img',{staticClass:\"rounded\",attrs:{\"height\":\"130\",\"src\":require(\"@/assets/images/portrait/small/avatar-s-11.jpg\"),\"width\":\"130\"}})])]),_c('div',{staticClass:\"vx-col flex-1\"},[_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col sm:w-1/3 w-full\"},[_c('span',{staticClass:\"font-semibold\"},[_vm._v(\" \"+_vm._s(_vm.$t('course-outline-registration.teacher-code')))])]),_c('div',{staticClass:\"vx-col sm:w-2/3 w-full\"},[(_vm.liveClassSchedule)?_c('span',[_vm._v(_vm._s(_vm.liveClassSchedule.teacher.code))]):_vm._e()])]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col sm:w-1/3 w-full\"},[_c('span',{staticClass:\"font-semibold\"},[_vm._v(\" \"+_vm._s(_vm.$t('course-outline-registration.teacher')))])]),_c('div',{staticClass:\"vx-col sm:w-2/3 w-full\"},[(_vm.liveClassSchedule)?_c('span',[_vm._v(_vm._s(_vm.liveClassSchedule.teacher.firstNameLocal + ' ' + _vm.liveClassSchedule.teacher.lastNameLocal))]):_c('span',[_vm._v(\"-\")])])]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col sm:w-1/3 w-full\"},[_c('span',{staticClass:\"font-semibold\"},[_vm._v(\" \"+_vm._s(_vm.$t('live-class-schedule.on-air-date')))])]),_c('div',{staticClass:\"vx-col sm:w-2/3 w-full\"},[_vm._v(\" \"+_vm._s(_vm.onAirDate)+\" \")])]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col sm:w-1/3 w-full\"},[_c('span',{staticClass:\"font-semibold\"},[_vm._v(\" \"+_vm._s(_vm.$t('vdo-set.vdo-qty')))])]),_c('div',{staticClass:\"vx-col sm:w-2/3 w-full\"},[_vm._v(\" \"+_vm._s(_vm.totalVdoQty)+\" \")])])]),_c('div',{staticClass:\"vx-col flex-1\"},[_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col sm:w-1/4 w-full\"},[_c('span',{staticClass:\"font-semibold\"},[_vm._v(\" \"+_vm._s(_vm.$t('course-outline-registration.subject-code')))])]),_c('div',{staticClass:\"vx-col sm:w-3/4 w-full\"},[(_vm.liveClassSchedule)?_c('span',[_vm._v(_vm._s(_vm.liveClassSchedule.subject.code))]):_c('span',[_vm._v(\"-\")])])]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col sm:w-1/4 w-full\"},[_c('span',{staticClass:\"font-semibold\"},[_vm._v(\" \"+_vm._s(_vm.$t('course-outline-registration.subject-name')))])]),_c('div',{staticClass:\"vx-col sm:w-3/4 w-full\"},[(_vm.liveClassSchedule)?_c('span',[_vm._v(_vm._s(_vm.liveClassSchedule.subject.nameLocal))]):_c('span',[_vm._v(\"-\")])])]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col sm:w-1/4 w-full\"},[_c('span',{staticClass:\"font-semibold\"},[_vm._v(\" \"+_vm._s(_vm.$t('course-outline-registration.sections')))])]),_c('div',{staticClass:\"vx-col sm:w-3/4 w-full\"},[(_vm.liveClassSchedule)?_c('span',[_vm._v(_vm._s(_vm.liveClassSchedule.sectionNo))]):_c('span',[_vm._v(\"-\")])])]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col sm:w-1/4 w-full\"},[_c('span',{staticClass:\"font-semibold\"},[_vm._v(\" \"+_vm._s(_vm.$t('vdo-set.total-vdo-length')))])]),_c('div',{staticClass:\"vx-col sm:w-3/4 w-full\"},[_vm._v(\" \"+_vm._s(_vm.totalVdoLength)+\" \")])])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\n  <vx-card>\n\n    <div class=\"vx-row\">\n      <div class=\"vx-col\">\n        <h5> {{ $t('vdo-live-set-topic.info-title') }}</h5>\n      </div>\n    </div>\n\n    <vs-divider/>\n\n\n    <!-- Avatar -->\n    <div class=\"vx-row\">\n\n      <!-- Avatar Col -->\n      <div class=\"vx-col\">\n        <div class=\"img-container\">\n          <!--TODO change picture path-->\n          <img class=\"rounded\" height=\"130\" src=\"@/assets/images/portrait/small/avatar-s-11.jpg\" width=\"130\"/>\n          <!--          <img class=\"rounded\" :src=\"liveClassSchedule ? liveClassSchedule.teacher.picturePath:'' \"/>-->\n        </div>\n      </div>\n\n      <!-- Information - Col 1 -->\n      <div class=\"vx-col flex-1\">\n\n        <div class=\"vx-row mb-6\">\n          <div class=\"vx-col sm:w-1/3 w-full\">\n            <span class=\"font-semibold\"> {{ $t('course-outline-registration.teacher-code') }}</span>\n          </div>\n          <div class=\"vx-col sm:w-2/3 w-full\">\n            <span v-if=\"liveClassSchedule\">{{ liveClassSchedule.teacher.code }}</span>\n          </div>\n        </div>\n\n        <div class=\"vx-row mb-6\">\n          <div class=\"vx-col sm:w-1/3 w-full\">\n            <span class=\"font-semibold\"> {{ $t('course-outline-registration.teacher') }}</span>\n          </div>\n          <div class=\"vx-col sm:w-2/3 w-full\">\n            <span v-if=\"liveClassSchedule\">{{ liveClassSchedule.teacher.firstNameLocal + ' ' + liveClassSchedule.teacher.lastNameLocal }}</span>\n            <span v-else>-</span>\n          </div>\n        </div>\n\n        <div class=\"vx-row mb-6\">\n          <div class=\"vx-col sm:w-1/3 w-full\">\n            <span class=\"font-semibold\"> {{ $t('live-class-schedule.on-air-date') }}</span>\n          </div>\n          <div class=\"vx-col sm:w-2/3 w-full\">\n            {{ onAirDate }}\n          </div>\n        </div>\n\n        <div class=\"vx-row mb-6\">\n          <div class=\"vx-col sm:w-1/3 w-full\">\n            <span class=\"font-semibold\"> {{ $t('vdo-set.vdo-qty') }}</span>\n          </div>\n          <div class=\"vx-col sm:w-2/3 w-full\">\n            {{ totalVdoQty }}\n          </div>\n        </div>\n\n      </div>\n      <!-- /Information - Col 1 -->\n\n      <!-- Information - Col 2 -->\n      <div class=\"vx-col flex-1\">\n\n        <div class=\"vx-row mb-6\">\n          <div class=\"vx-col sm:w-1/4 w-full\">\n            <span class=\"font-semibold\"> {{ $t('course-outline-registration.subject-code') }}</span>\n          </div>\n          <div class=\"vx-col sm:w-3/4 w-full\">\n            <span v-if=\"liveClassSchedule\">{{ liveClassSchedule.subject.code }}</span>\n            <span v-else>-</span>\n          </div>\n        </div>\n\n        <div class=\"vx-row mb-6\">\n          <div class=\"vx-col sm:w-1/4 w-full\">\n            <span class=\"font-semibold\"> {{ $t('course-outline-registration.subject-name') }}</span>\n          </div>\n          <div class=\"vx-col sm:w-3/4 w-full\">\n            <span v-if=\"liveClassSchedule\">{{ liveClassSchedule.subject.nameLocal }}</span>\n            <span v-else>-</span>\n          </div>\n        </div>\n\n        <div class=\"vx-row mb-6\">\n          <div class=\"vx-col sm:w-1/4 w-full\">\n            <span class=\"font-semibold\"> {{ $t('course-outline-registration.sections') }}</span>\n          </div>\n          <div class=\"vx-col sm:w-3/4 w-full\">\n            <span v-if=\"liveClassSchedule\">{{ liveClassSchedule.sectionNo}}</span>\n            <span v-else>-</span>\n          </div>\n        </div>\n\n        <div class=\"vx-row mb-6\">\n          <div class=\"vx-col sm:w-1/4 w-full\">\n            <span class=\"font-semibold\"> {{ $t('vdo-set.total-vdo-length') }}</span>\n          </div>\n          <div class=\"vx-col sm:w-3/4 w-full\">\n            {{ totalVdoLength }}\n          </div>\n        </div>\n      </div>\n\n    </div>\n\n  </vx-card>\n\n</template>\n\n<script>\n  import {state} from \"../data\";\n  import moment from 'moment';\n  import {dateTimeFormat} from '@/utils/format';\n  import {secondToHHMMSSFormat} from '@/utils/data';\n\n  export default {\n    components: {},\n    data() {\n      return {\n        local: state.local,\n        vdoLiveSetEdit: state.local.vdoLiveSetEdit,\n\n      }\n    },\n    computed: {\n      liveClassSchedule() {\n        if (this.vdoLiveSetEdit.vdoLiveSet) {\n          return this.vdoLiveSetEdit.vdoLiveSet.liveClassSchedule;\n        } else {\n          return null;\n        }\n      },\n      onAirDate() {\n        if (this.vdoLiveSetEdit.vdoLiveSet) {\n          let dateFrom = this.vdoLiveSetEdit.vdoLiveSet.liveClassSchedule.dateTimeFrom;\n          let dateTo = this.vdoLiveSetEdit.vdoLiveSet.liveClassSchedule.dateTimeTo;\n\n          return moment(dateFrom).format(dateTimeFormat.momentYYYYMMDD)\n            + ' ' + this.$t('vdo-live-set.time')\n            + ' ' + moment(dateFrom).format(dateTimeFormat.momenthhmm)\n            + ' - ' + moment(dateTo).format(dateTimeFormat.momenthhmm);\n        } else {\n          return '-';\n        }\n      },\n      totalVdoQty() {\n        let totalVdoQty = 0;\n        if (this.vdoLiveSetEdit.vdoLiveSet) {\n          if (this.vdoLiveSetEdit.vdoLiveSet.vdoLiveSetTopics && this.vdoLiveSetEdit.vdoLiveSet.vdoLiveSetTopics.length) {\n            this.vdoLiveSetEdit.vdoLiveSet.vdoLiveSetTopics.forEach(item => {\n              totalVdoQty += item.vdoStreamPath ? 1 : 0;\n            })\n          }\n        }\n        return totalVdoQty;\n      },\n      totalVdoLength() {\n        let totalVdoLength = '00:00:00';\n        if (this.vdoLiveSetEdit.vdoLiveSet) {\n          totalVdoLength = secondToHHMMSSFormat(this.vdoLiveSetEdit.vdoLiveSet.totalVdoLength);\n        }\n        return totalVdoLength;\n      }\n    },\n    methods: {\n      //---------------------------------------- State Function ------------------------------------------------------//\n\n      //---------------------------------------- Event Function ------------------------------------------------------//\n\n      //---------------------------------------- Local Function ------------------------------------------------------//\n    },\n  }\n</script>\n\n<style scoped>\n\n</style>\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LiveClassScheduleInfo.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LiveClassScheduleInfo.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LiveClassScheduleInfo.vue?vue&type=template&id=26d18706&scoped=true&\"\nimport script from \"./LiveClassScheduleInfo.vue?vue&type=script&lang=js&\"\nexport * from \"./LiveClassScheduleInfo.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  \"26d18706\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}