{"version":3,"sources":["webpack:///./src/utils/data.js","webpack:///./src/views/pages/VdoSet/SubComponents/VdoSetUnitEdit.vue?b5ec","webpack:///src/views/pages/VdoSet/SubComponents/VdoSetUnitEdit.vue","webpack:///./src/views/pages/VdoSet/SubComponents/VdoSetUnitEdit.vue?fe24","webpack:///./src/views/pages/VdoSet/SubComponents/VdoSetUnitEdit.vue"],"names":["secondToHHMMSSFormat","duration","seconds","parseInt","minutes","hours","secondToMMMFormat","toFixed","render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","$t","showEditVdoSetUnitsForm","_e","attrs","scopedSlots","_u","key","fn","ref","errors","$vs","rtl","isUploading","vdoSetUnits","on","onVdoSetUnitChange","unitSeq","courseOutlineUnit","nameLocal","option","vdoSetTopics","length","getTotalVdoQty","formatVdoLength","totalVdoLength","status","model","value","vdoSetUnitEdit","callback","$$v","$set","expression","directives","name","rawName","class","totalTopicQty","totalVdoQty","unitStatus","vdoSetUnitName","vdoSetUnitForm","vdoSetUnitInput","slot","local","isProcessing","$event","preventDefault","onVdoSetUnitSaveClick","onVdoSetUnitCancelClick","staticRenderFns","component"],"mappings":"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","file":"js/chunk-81750e58.168640f5.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","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 w-1/2\"},[_c('h5',[_vm._v(\" \"+_vm._s(_vm.$t('vdo-set.vdo-set-unit'))+\" \")])])]),_c('vs-divider'),(!_vm.showEditVdoSetUnitsForm)?_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full mb-2\"},[_c('ValidationProvider',{attrs:{\"name\":_vm.$t('vdo-set.vdo-set-unit'),\"rules\":\"required\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar errors = ref.errors;\nreturn [_c('v-select',{staticClass:\"w-full mb-1\",attrs:{\"clearable\":false,\"dir\":_vm.$vs.rtl ? 'rtl' : 'ltr',\"disabled\":_vm.isUploading,\"name\":_vm.$t('vdo-set.vdo-set-unit'),\"options\":_vm.vdoSetUnits,\"label\":\"unitSeq\",\"selectOnTab\":\"\"},on:{\"input\":_vm.onVdoSetUnitChange},scopedSlots:_vm._u([{key:\"selected-option\",fn:function(ref){\nvar unitSeq = ref.unitSeq;\nvar courseOutlineUnit = ref.courseOutlineUnit;\nreturn [_vm._v(\" \"+_vm._s(unitSeq)+\". \"+_vm._s(courseOutlineUnit.nameLocal)+\" \")]}},{key:\"option\",fn:function(option){return [_vm._v(\" \"+_vm._s(option.unitSeq)+\". \"+_vm._s(option.courseOutlineUnit.nameLocal)+\" \"),_c('span',{staticClass:\"float-right\"},[_vm._v(\" (\"+_vm._s(option.vdoSetTopics.length + ' ' + _vm.$t('vdo-set.vdo-set-topic-short'))+\" \"+_vm._s(_vm.getTotalVdoQty(option) + ' ' + _vm.$t('vdo-set.vdo'))+\" \"+_vm._s(_vm.$t('vdo-set.total-vdo-length') + ' ' + _vm.formatVdoLength(option.totalVdoLength))+\" | \"+_vm._s(_vm.$t('vdo-set.status'))+\": \"+_vm._s(option.status === 'enable' ? _vm.$t('vdo-set-topic.is-enabled') : _vm.$t('vdo-set-topic.disabled'))+\" ) \")])]}}],null,true),model:{value:(_vm.vdoSetUnitEdit.selectedVdoSetUnit),callback:function ($$v) {_vm.$set(_vm.vdoSetUnitEdit, \"selectedVdoSetUnit\", $$v)},expression:\"vdoSetUnitEdit.selectedVdoSetUnit\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(errors[0]),expression:\"errors[0]\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(errors[0]))])]}}],null,false,4175196545)})],1)]):_vm._e(),(!_vm.showEditVdoSetUnitsForm)?_c('div',{staticClass:\"vx-row text-center\"},[_c('div',{staticClass:\"vx-col sm:w-1/4 w-full mb-2\"},[_c('span',[_c('p',{staticClass:\"text-l font-semibold\",class:_vm.totalTopicQty === 0 ? 'text-danger':''},[_vm._v(\" \"+_vm._s(_vm.totalTopicQty)+\" \")]),_c('span',{staticClass:\"font-medium text-grey\"},[_vm._v(_vm._s(_vm.$t('vdo-set.vdo-set-topic-qty')))])])]),_c('div',{staticClass:\"vx-col sm:w-1/4 w-full mb-2\"},[_c('span',[_c('p',{staticClass:\"text-l font-semibold\",class:_vm.totalVdoQty === 0 ? 'text-danger':''},[_vm._v(\" \"+_vm._s(_vm.totalVdoQty)+\" \")]),_c('span',{staticClass:\"font-medium text-grey\"},[_vm._v(_vm._s(_vm.$t('vdo-set.vdo-qty')))])])]),_c('div',{staticClass:\"vx-col sm:w-1/4 w-full mb-2\"},[_c('span',[_c('p',{staticClass:\"text-l font-semibold\",class:_vm.totalVdoLength === '00:00:00' ? 'text-danger':''},[_vm._v(\" \"+_vm._s(_vm.totalVdoLength)+\" \")]),_c('span',{staticClass:\"font-medium text-grey\"},[_vm._v(_vm._s(_vm.$t('vdo-set.total-vdo-length')))])])]),_c('div',{staticClass:\"vx-col sm:w-1/4 w-full mb-2\"},[_c('span',[_c('p',{staticClass:\"text-l font-semibold\",class:_vm.unitStatus === 'enable' ? 'text-success':'text-danger'},[_vm._v(\" \"+_vm._s(_vm.unitStatus === 'enable' ? _vm.$t('vdo-set-topic.is-enabled') :_vm.$t('vdo-set-topic.disabled'))+\" \")]),_c('span',{staticClass:\"font-medium text-grey\"},[_vm._v(_vm._s(_vm.$t('vdo-set.status')))])])])]):_vm._e(),(_vm.showEditVdoSetUnitsForm)?_c('div',[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col sm:w-1/3 w-full\"},[_c('label',{staticClass:\"text-sm\"},[_vm._v(_vm._s(_vm.$t('vdo-set.vdo-set-unit')))]),_c('vs-textarea',{attrs:{\"value\":_vm.vdoSetUnitName,\"disabled\":\"\",\"readonly\":\"\",\"rows\":\"3\"}})],1),_c('div',{staticClass:\"vx-col sm:w-1/3 w-full\"},[_c('label',{staticClass:\"text-sm\"},[_vm._v(_vm._s(_vm.$t('vdo-set.remark')))]),_c('vs-textarea',{attrs:{\"rows\":\"3\"},model:{value:(_vm.vdoSetUnitForm.vdoSetUnitInput.remark),callback:function ($$v) {_vm.$set(_vm.vdoSetUnitForm.vdoSetUnitInput, \"remark\", $$v)},expression:\"vdoSetUnitForm.vdoSetUnitInput.remark\"}})],1),_c('div',{staticClass:\"vx-col sm:w-1/3 w-full\"},[_c('div',{staticClass:\"vx-row mt-5 mb-3\"},[_c('div',{staticClass:\"vx-col sm:w-1/2\"},[_c('span',{staticClass:\"flex items-center\"},[_c('feather-icon',{attrs:{\"icon\":\"BookOpenIcon\",\"svgClasses\":\"h-5 w-5 stroke-current text-primary\"}}),_c('span',{staticClass:\"ml-2 inline-block font-semibold\"},[_vm._v(_vm._s(_vm.$t('vdo-set.vdo-set-topic')))])],1)]),_c('div',{staticClass:\"vx-col sm:w-1/2 text-right\"},[_c('span',{class:_vm.totalTopicQty === 0 ? 'text-danger':''},[_vm._v(\" \"+_vm._s(_vm.totalTopicQty)+\" \")])])]),_c('div',{staticClass:\"vx-row mb-3\"},[_c('div',{staticClass:\"vx-col sm:w-1/2\"},[_c('span',{staticClass:\"flex items-center\"},[_c('feather-icon',{attrs:{\"icon\":\"VideoIcon\",\"svgClasses\":\"h-5 w-5 stroke-current text-primary\"}}),_c('span',{staticClass:\"ml-2 inline-block font-semibold\"},[_vm._v(_vm._s(_vm.$t('class-room.course-outline-vdo-sets-qty')))])],1)]),_c('div',{staticClass:\"vx-col sm:w-1/2 text-right\"},[_c('span',{class:_vm.totalVdoQty === 0 ? 'text-danger':''},[_vm._v(\" \"+_vm._s(_vm.totalVdoQty)+\" \")])])]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col sm:w-1/2\"},[_c('span',{staticClass:\"flex items-center\"},[_c('feather-icon',{attrs:{\"icon\":\"FilmIcon\",\"svgClasses\":\"h-5 w-5 stroke-current text-primary\"}}),_c('span',{staticClass:\"ml-2 inline-block font-semibold\"},[_vm._v(_vm._s(_vm.$t('class-room.course-outline-vdo-sets-total-length')))])],1)]),_c('div',{staticClass:\"vx-col sm:w-1/2 text-right\"},[_c('span',{class:_vm.totalVdoLength === '00:00:00' ? 'text-danger':''},[_vm._v(\" \"+_vm._s(_vm.totalVdoLength)+\" \")])])])])]),_c('div',{staticClass:\"vx-row mb-3\"},[_c('div',{staticClass:\"vx-col sm:w-1/3 w-full\"},[_c('vs-switch',{model:{value:(_vm.vdoSetUnitForm.vdoSetUnitInput.status),callback:function ($$v) {_vm.$set(_vm.vdoSetUnitForm.vdoSetUnitInput, \"status\", $$v)},expression:\"vdoSetUnitForm.vdoSetUnitInput.status\"}},[_c('span',{attrs:{\"slot\":\"on\"},slot:\"on\"},[_vm._v(_vm._s(_vm.$t('vdo-set-topic.is-enabled')))]),_c('span',{attrs:{\"slot\":\"off\"},slot:\"off\"},[_vm._v(_vm._s(_vm.$t('vdo-set-topic.disabled')))])])],1)]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-button',{attrs:{\"disabled\":_vm.local.isProcessing || _vm.isUploading},on:{\"click\":function($event){$event.preventDefault();return _vm.onVdoSetUnitSaveClick($event)}}},[_vm._v(\" \"+_vm._s(_vm.$t('general.save'))+\" \")]),_c('vs-button',{staticClass:\"ml-2\",attrs:{\"color\":\"warning\",\"type\":\"border\"},on:{\"click\":function($event){$event.preventDefault();return _vm.onVdoSetUnitCancelClick($event)}}},[_vm._v(\" \"+_vm._s(_vm.$t('general.cancel'))+\" \")])],1)])]):_vm._e(),_c('vs-divider'),_c('VdoSetTopicEdit')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\n  <vx-card>\n\n    <div class=\"vx-row\">\n      <div class=\"vx-col w-1/2\">\n        <h5> {{ $t('vdo-set.vdo-set-unit') }} </h5>\n      </div>\n\n<!--      <div class=\"vx-col w-1/2\">\n        <vx-tooltip :text=\"$t('general.edit') + $t('vdo-set.vdo-set-unit')\" class=\"float-right\">\n          <feather-icon @click=\"onEditClick\" class=\"cursor-pointer float-right\" icon=\"EditIcon\"\n                        svgClasses=\"w-5 h-5 hover:text-primary stroke-current\"/>\n        </vx-tooltip>\n      </div>-->\n\n    </div>\n\n    <vs-divider/>\n\n    <!-- Display VdoSetUnit Data -->\n    <div class=\"vx-row\" v-if=\"!showEditVdoSetUnitsForm\">\n      <div class=\"vx-col w-full mb-2\">\n        <ValidationProvider :name=\"$t('vdo-set.vdo-set-unit')\" rules=\"required\" v-slot=\"{ errors }\">\n          <v-select :clearable=\"false\" :dir=\"$vs.rtl ? 'rtl' : 'ltr'\"\n                    :disabled=\"isUploading\"\n                    :name=\"$t('vdo-set.vdo-set-unit')\"\n                    :options=\"vdoSetUnits\"\n                    @input=\"onVdoSetUnitChange\"\n                    class=\"w-full mb-1\"\n                    label=\"unitSeq\"\n                    selectOnTab\n                    v-model=\"vdoSetUnitEdit.selectedVdoSetUnit\">\n\n            <template #selected-option=\"{ unitSeq, courseOutlineUnit }\">\n              {{ unitSeq }}. {{ courseOutlineUnit.nameLocal}}\n            </template>\n            <!--option list-->\n            <template v-slot:option=\"option\">\n              {{ option.unitSeq }}. {{ option.courseOutlineUnit.nameLocal}}\n              <span class=\"float-right\">\n                ({{ option.vdoSetTopics.length + ' ' + $t('vdo-set.vdo-set-topic-short') }}\n                {{ getTotalVdoQty(option) + ' ' + $t('vdo-set.vdo') }}\n                {{ $t('vdo-set.total-vdo-length') + ' ' + formatVdoLength(option.totalVdoLength) }}\n                | {{ $t('vdo-set.status') }}: {{ option.status === 'enable' ? $t('vdo-set-topic.is-enabled') : $t('vdo-set-topic.disabled') }}\n                )\n              </span>\n            </template>\n\n          </v-select>\n          <span class=\"text-danger text-sm\" v-show=\"errors[0]\">{{errors[0]}}</span>\n        </ValidationProvider>\n      </div>\n    </div>\n\n    <div class=\"vx-row text-center\" v-if=\"!showEditVdoSetUnitsForm\">\n      <div class=\"vx-col sm:w-1/4 w-full mb-2\">\n        <span>\n          <p :class=\"totalTopicQty === 0 ? 'text-danger':''\" class=\"text-l font-semibold\">\n              {{ totalTopicQty }}\n          </p>\n          <span class=\"font-medium text-grey\">{{ $t('vdo-set.vdo-set-topic-qty') }}</span>\n        </span>\n      </div>\n      <div class=\"vx-col sm:w-1/4 w-full mb-2\">\n        <span>\n          <p :class=\"totalVdoQty === 0 ? 'text-danger':''\" class=\"text-l font-semibold\">\n            {{ totalVdoQty }}\n          </p>\n          <span class=\"font-medium text-grey\">{{ $t('vdo-set.vdo-qty') }}</span>\n        </span>\n      </div>\n      <div class=\"vx-col sm:w-1/4 w-full mb-2\">\n        <span>\n          <p :class=\"totalVdoLength === '00:00:00' ? 'text-danger':''\" class=\"text-l font-semibold\">\n            {{ totalVdoLength }}\n          </p>\n          <span class=\"font-medium text-grey\">{{ $t('vdo-set.total-vdo-length') }}</span>\n        </span>\n      </div>\n      <div class=\"vx-col sm:w-1/4 w-full mb-2\">\n        <span>\n          <p :class=\"unitStatus === 'enable' ? 'text-success':'text-danger'\" class=\"text-l font-semibold\">\n            {{ unitStatus === 'enable' ? $t('vdo-set-topic.is-enabled') :$t('vdo-set-topic.disabled') }}\n          </p>\n          <span class=\"font-medium text-grey\">{{ $t('vdo-set.status') }}</span>\n        </span>\n      </div>\n    </div>\n\n    <!-- Edit VdoSetUnit Form -->\n    <div v-if=\"showEditVdoSetUnitsForm\">\n      <div class=\"vx-row\">\n        <div class=\"vx-col sm:w-1/3 w-full\">\n          <label class=\"text-sm\">{{$t('vdo-set.vdo-set-unit')}}</label>\n          <vs-textarea :value=\"vdoSetUnitName\" disabled readonly rows=\"3\"/>\n        </div>\n        <div class=\"vx-col sm:w-1/3 w-full\">\n          <label class=\"text-sm\">{{$t('vdo-set.remark')}}</label>\n          <vs-textarea rows=\"3\"\n                       v-model=\"vdoSetUnitForm.vdoSetUnitInput.remark\"/>\n        </div>\n\n        <div class=\"vx-col sm:w-1/3 w-full\">\n          <div class=\"vx-row mt-5 mb-3\">\n            <div class=\"vx-col sm:w-1/2\">\n              <span class=\"flex items-center\">\n                <feather-icon icon=\"BookOpenIcon\" svgClasses=\"h-5 w-5 stroke-current text-primary\"></feather-icon>\n                <span\n                  class=\"ml-2 inline-block font-semibold\">{{ $t('vdo-set.vdo-set-topic') }}</span>\n              </span>\n            </div>\n            <div class=\"vx-col sm:w-1/2 text-right\">\n              <span :class=\"totalTopicQty === 0 ? 'text-danger':''\">\n                {{ totalTopicQty }}\n              </span>\n            </div>\n          </div>\n          <div class=\"vx-row mb-3\">\n            <div class=\"vx-col sm:w-1/2\">\n              <span class=\"flex items-center\">\n                <feather-icon icon=\"VideoIcon\" svgClasses=\"h-5 w-5 stroke-current text-primary\"></feather-icon>\n                <span\n                  class=\"ml-2 inline-block font-semibold\">{{ $t('class-room.course-outline-vdo-sets-qty') }}</span>\n              </span>\n            </div>\n            <div class=\"vx-col sm:w-1/2 text-right\">\n              <span :class=\"totalVdoQty === 0 ? 'text-danger':''\">\n                {{ totalVdoQty }}\n              </span>\n            </div>\n          </div>\n          <div class=\"vx-row\">\n            <div class=\"vx-col sm:w-1/2\">\n              <span class=\"flex items-center\">\n                <feather-icon icon=\"FilmIcon\" svgClasses=\"h-5 w-5 stroke-current text-primary\"></feather-icon>\n                <span\n                  class=\"ml-2 inline-block font-semibold\">{{ $t('class-room.course-outline-vdo-sets-total-length') }}</span>\n              </span>\n            </div>\n            <div class=\"vx-col sm:w-1/2 text-right\">\n              <span :class=\"totalVdoLength === '00:00:00' ? 'text-danger':''\">\n                {{ totalVdoLength }}\n              </span>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"vx-row mb-3\">\n        <div class=\"vx-col sm:w-1/3 w-full\">\n          <vs-switch  v-model=\"vdoSetUnitForm.vdoSetUnitInput.status\">\n            <span slot=\"on\">{{$t('vdo-set-topic.is-enabled')}}</span>\n            <span slot=\"off\">{{$t('vdo-set-topic.disabled')}}</span>\n          </vs-switch>\n        </div>\n      </div>\n\n      <!-- Actions Button -->\n      <div class=\"vx-row\">\n        <div class=\"vx-col w-full\">\n          <vs-button :disabled=\"local.isProcessing || isUploading\"\n                     @click.prevent=\"onVdoSetUnitSaveClick\">\n            {{ $t('general.save') }}\n          </vs-button>\n\n          <vs-button @click.prevent=\"onVdoSetUnitCancelClick\" class=\"ml-2\" color=\"warning\"\n                     type=\"border\">\n            {{ $t('general.cancel') }}\n          </vs-button>\n        </div>\n      </div>\n\n    </div>\n\n    <vs-divider/>\n\n    <!-- VdoSetTopic -->\n    <VdoSetTopicEdit/>\n\n\n  </vx-card>\n\n</template>\n\n<script>\n  import {state, setEmptyVdoSetTopicForm} from '../data';\n  import vSelect from 'vue-select';\n  import {secondToHHMMSSFormat} from \"@/utils/data\";\n  import {showStateNotification} from \"@/utils/notification\";\n\n  import VdoSetUnit from '@/store/modules/vdo-set/vdo-set/index';\n  import {createNamespacedHelpers} from \"vuex\";\n  import {createHelpers} from \"vuex-map-fields\";\n\n  if (!state.store.VdoSetUnit) state.registerModule(`VdoSetUnit`, VdoSetUnit);\n\n  const {\n    mapActions: mapVdoSetUnitActions,\n  } = createNamespacedHelpers(`VdoSetUnit`);\n\n  const {\n    mapFields: mapVdoSetUnitFields,\n  } = createHelpers({\n    getterType: `VdoSetUnit/getField`,\n    mutationType: `VdoSetUnit/updateField`,\n  });\n\n  export default {\n    components: {\n      vSelect,\n      VdoSetTopicEdit: () => import('./VdoSetTopicEdit'),\n    },\n    data() {\n      return {\n        store: state.store,\n        local: state.local,\n        vdoSetEdit: state.local.vdoSetEdit,\n        vdoSetInfo: state.local.vdoSetInfo,\n        vdoSetUnitEdit: state.local.vdoSetUnitEdit,\n        vdoSetUnitForm: state.local.vdoSetUnitEdit.form,\n\n        showEditVdoSetUnitsForm: false,\n        showEditForm: false,\n      }\n    },\n    computed: {\n      ...mapVdoSetUnitFields({\n        vdoSetUnitProcessing: 'processing',\n        vdoSetUnitSuccess: 'success',\n        vdoSetUnitError: 'error'\n      }),\n      isUploading() {\n        return this.local.isUploading;\n      },\n      vdoSetUnits() {\n        return this.vdoSetInfo.selectedVdoSet ? this.vdoSetInfo.selectedVdoSet.vdoSetUnits : [];\n      },\n      vdoSetUnitName() {\n        return this.vdoSetUnitEdit.selectedVdoSetUnit.unitSeq + '. ' + this.vdoSetUnitEdit.selectedVdoSetUnit.courseOutlineUnit.nameLocal;\n      },\n      totalTopicQty() {\n        if (this.vdoSetUnitEdit.selectedVdoSetUnit) {\n          return this.vdoSetUnitEdit.selectedVdoSetUnit.vdoSetTopics ? this.vdoSetUnitEdit.selectedVdoSetUnit.vdoSetTopics.length : 0;\n        } else {\n          return 0\n        }\n      },\n      totalVdoQty() {\n        return this.getTotalVdoQty(this.vdoSetUnitEdit.selectedVdoSetUnit);\n      },\n      totalVdoLength() {\n        let totalVdoLength = '00:00:00';\n        if (this.vdoSetUnitEdit.selectedVdoSetUnit) {\n          totalVdoLength = secondToHHMMSSFormat(this.vdoSetUnitEdit.selectedVdoSetUnit.totalVdoLength);\n        }\n        return totalVdoLength;\n      },\n      unitStatus() {\n        if (this.vdoSetUnitEdit.selectedVdoSetUnit) {\n          return this.vdoSetUnitEdit.selectedVdoSetUnit.status\n        }\n        return '';\n      }\n    },\n    watch: {\n      vdoSetUnitProcessing(data) {\n        this.local.isProcessing = data;\n      },\n      vdoSetUnitSuccess(data) {\n        showStateNotification(this.$vs, data);\n      },\n      vdoSetUnitError: async function (data) {\n        showStateNotification(this.$vs, data);\n      },\n    },\n    methods: {\n      //---------------------------------------- State Function ------------------------------------------------------//\n      ...mapVdoSetUnitActions({\n        getVdoSetUnitsByFilter: 'getVdoSetUnitsByFilter',\n        updateVdoSetUnit: 'updateVdoSetUnit',\n      }),\n      //---------------------------------------- Event Function ------------------------------------------------------//\n      onEditClick() {\n        this.vdoSetUnitForm.vdoSetUnitInput.remark = this.vdoSetUnitEdit.selectedVdoSetUnit.remark;\n        this.vdoSetUnitForm.vdoSetUnitInput.status = this.vdoSetUnitEdit.selectedVdoSetUnit.status === 'enable';\n        this.toggleShowEdiVdoSetUnitForm();\n      },\n      onVdoSetUnitChange() {\n        setEmptyVdoSetTopicForm();\n      },\n      async onVdoSetUnitSaveClick() {\n        let payload = {\n          id: this.vdoSetUnitEdit.selectedVdoSetUnit.id,\n          teacherId: this.vdoSetEdit.courseOutline.teacher.id,\n          vdoSetUnitInput: {\n            remark: this.vdoSetUnitForm.vdoSetUnitInput.remark,\n            status: this.vdoSetUnitForm.vdoSetUnitInput.status ? 'enable':'disable'\n          }\n        }\n        let result = await this.updateVdoSetUnit(payload);\n\n        if (result) {\n          //update list\n          this.updateListAfterSave(result);\n\n          this.toggleShowEdiVdoSetUnitForm();\n        }\n\n      },\n      onVdoSetUnitCancelClick() {\n        this.toggleShowEdiVdoSetUnitForm();\n      },\n      //---------------------------------------- Local Function ------------------------------------------------------//\n      updateListAfterSave(result) {\n        //deep copy so we can mutate data\n        result = JSON.parse(JSON.stringify(result));\n        //update vdoSet list\n        const index = this.vdoSetInfo.selectedVdoSet.vdoSetUnits.findIndex(item => item.id === result.id);\n        this.vdoSetInfo.selectedVdoSet.vdoSetUnits[index] = result;\n\n        //set selected item\n        this.vdoSetUnitEdit.selectedVdoSetUnit = result;\n      },\n      toggleShowEdiVdoSetUnitForm() {\n        this.showEditVdoSetUnitsForm = !this.showEditVdoSetUnitsForm;\n      },\n      formatVdoLength(duration) {\n        let totalVdoLength = '00:00:00';\n        if (duration) {\n          totalVdoLength = secondToHHMMSSFormat(duration);\n        }\n        return totalVdoLength;\n      },\n      getTotalVdoQty(selectedVdoSetUnit) {\n        let totalVdoQty = 0;\n        if (selectedVdoSetUnit) {\n          selectedVdoSetUnit.vdoSetTopics.forEach((vdoTopic) => {\n            totalVdoQty += vdoTopic.vdoStreamPath ? 1 : 0;\n          });\n        }\n        return totalVdoQty;\n      }\n    },\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!./VdoSetUnitEdit.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!./VdoSetUnitEdit.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VdoSetUnitEdit.vue?vue&type=template&id=f336a968&scoped=true&\"\nimport script from \"./VdoSetUnitEdit.vue?vue&type=script&lang=js&\"\nexport * from \"./VdoSetUnitEdit.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  \"f336a968\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}