{"version":3,"sources":["webpack:///./src/utils/data.js","webpack:///./src/views/pages/LiveClass/VdoLiveSet/SubComponents/VdoLiveSetTopicEdit.vue?ffd5","webpack:///./src/components/vuesax-mod/components/vsUpload/vsUpload.vue?6834","webpack:///./src/components/vuesax-mod/components/vsUpload/viewUpload.vue?2e8f","webpack:///./src/components/vuesax-mod/utils/index.js","webpack:///src/components/vuesax-mod/components/vsUpload/viewUpload.vue","webpack:///./src/components/vuesax-mod/components/vsUpload/viewUpload.vue?173b","webpack:///./src/components/vuesax-mod/components/vsUpload/viewUpload.vue","webpack:///src/components/vuesax-mod/components/vsUpload/vsUpload.vue","webpack:///./src/components/vuesax-mod/components/vsUpload/vsUpload.vue?cb66","webpack:///./src/components/vuesax-mod/components/vsUpload/vsUpload.vue","webpack:///src/views/pages/LiveClass/VdoLiveSet/SubComponents/VdoLiveSetTopicEdit.vue","webpack:///./src/views/pages/LiveClass/VdoLiveSet/SubComponents/VdoLiveSetTopicEdit.vue?78f4","webpack:///./src/views/pages/LiveClass/VdoLiveSet/SubComponents/VdoLiveSetTopicEdit.vue","webpack:///./node_modules/core-js/modules/es.math.trunc.js"],"names":["secondToHHMMSSFormat","duration","seconds","parseInt","minutes","hours","secondToMMMFormat","toFixed","render","_vm","this","_h","$createElement","_c","_self","scopedSlots","_u","key","fn","ref","invalid","staticClass","_v","_s","$t","editTitle","staticStyle","editSubTitle","attrs","isUploading","on","onAddClick","_l","item","index","class","setSelectedClass","vdoStreamPath","setVdoLengthLabel","vdoLength","no","nameLocal","$event","onEditClick","showWarningNoTopics","vdoLiveSetTopicFormHeader","errors","model","value","form","vdoLiveSetTopicInput","callback","$$v","$set","_n","expression","directives","name","rawName","vdoSetTopicInput","uploadAcceptVdoType","uploadVdoUrl","uploadPayload","onFileUploadChange","onUploadError","onUploadSuccess","_e","local","isProcessing","preventDefault","onSaveClick","onDeleteClick","staticRenderFns","viewSrc","img","error","itemRemove","includes","removeFile","percent","style","height","upload","maxWidth","orientation","maxHeight","src","viewImage","$attrs","hasOwnProperty","limit","srcs","length","Number","_b","disabled","getFiles","text","width","filesx","closeView","insertBody","elx","parent","bodyx","document","body","insertBefore","firstChild","removeBody","element","removeChild","changePosition","content","conditional","topx","leftx","widthx","scrollTopx","window","pageYOffset","documentElement","scrollTop","getBoundingClientRect","top","innerHeight","setTimeout","clientHeight","left","offsetWidth","cords","component","inputValue","type","viewActive","$","ceil","Math","floor","target","stat","trunc","it"],"mappings":"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","file":"js/chunk-f9015892.dd9db2c5.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('ValidationObserver',{scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar invalid = ref.invalid;\nreturn [_c('vx-card',[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col\"},[_c('h5',{staticClass:\"mb-2\"},[_vm._v(\" \"+_vm._s(_vm.$t('vdo-live-set-topic.edit-title'))+\" \"+_vm._s(_vm.editTitle))]),_c('h6',{staticStyle:{\"color\":\"rgb(184, 194, 204)\"}},[_vm._v(\" \"+_vm._s(_vm.$t('vdo-live-set-topic.edit-sub-title'))+\" \"+_vm._s(_vm.editSubTitle)+\" \")])])]),_c('vs-divider'),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col sm:w-2/5 w-full mi-border-right\"},[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-1/2 pt-1\"},[_c('h5',[_vm._v(\" \"+_vm._s(_vm.$t('vdo-live-set-topic.sub-topic'))+\" \")])]),_c('div',{staticClass:\"vx-col w-1/2 pr-5\"},[_c('vx-tooltip',{staticClass:\"float-right\",attrs:{\"text\":_vm.$t('general.add') + _vm.$t('vdo-live-set-topic.sub-topic')}},[_c('vs-button',{attrs:{\"disabled\":_vm.isUploading,\"color\":\"dark\",\"icon\":\"icon-plus\",\"icon-pack\":\"feather\",\"radius\":\"\",\"size\":\"small\",\"type\":\"border\"},on:{\"click\":_vm.onAddClick}})],1)],1)]),_c('div',{staticClass:\"vs-row\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-list',_vm._l((_vm.vdoLiveSetTopics),function(item,index){return _c('vs-list-item',{key:index,staticClass:\"hover:text-primary\",class:_vm.setSelectedClass(item),attrs:{\"icon\":item.vdoStreamPath ? 'icon-video':'icon-video-off',\"subtitle\":_vm.setVdoLengthLabel(item.vdoLength),\"title\":item.no + '. ' +item.nameLocal,\"icon-pack\":\"feather\"}},[_c('vx-tooltip',{staticClass:\"float-right\",attrs:{\"text\":_vm.$t('general.edit') + _vm.$t('vdo-live-set-topic.sub-topic')}},[_c('feather-icon',{staticClass:\"cursor-pointer\",attrs:{\"icon\":\"EditIcon\",\"svgClasses\":\"w-5 h-5 hover:text-primary stroke-current\"},on:{\"click\":function($event){return _vm.onEditClick(item)}}})],1)],1)}),1),_c('vs-alert',{attrs:{\"active\":_vm.showWarningNoTopics,\"color\":\"warning\",\"icon\":\"icon-alert-triangle\",\"icon-pack\":\"feather\"}},[_vm._v(\" \"+_vm._s(_vm.$t('vdo-set-topic.no-vdo-set-topic'))+\" \")])],1)])]),_c('div',{staticClass:\"vx-col sm:w-3/5 w-full\"},[_c('div',{staticClass:\"vs-row\"},[_c('div',{staticClass:\"vx-col w-full mb-2\"},[_c('h5',[_vm._v(\" \"+_vm._s(_vm.vdoLiveSetTopicFormHeader)+\" \")])])]),_c('vs-divider'),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col sm:w-1/2 w-full mb-2\"},[_c('ValidationProvider',{attrs:{\"name\":_vm.$t('vdo-set-topic.no'),\"rules\":\"required|numeric\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar errors = ref.errors;\nreturn [_c('vs-input',{staticClass:\"w-full\",attrs:{\"label\":_vm.$t('vdo-set-topic.no') + ' *'},model:{value:(_vm.form.vdoLiveSetTopicInput.no),callback:function ($$v) {_vm.$set(_vm.form.vdoLiveSetTopicInput, \"no\", _vm._n($$v))},expression:\"form.vdoLiveSetTopicInput.no\"}}),_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,true)})],1)]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col sm:w-1/2 w-full mb-2\"},[_c('ValidationProvider',{attrs:{\"name\":_vm.$t('vdo-live-set-topic.name-local'),\"rules\":\"required\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar errors = ref.errors;\nreturn [_c('vs-input',{staticClass:\"w-full\",attrs:{\"label\":_vm.$t('vdo-live-set-topic.name-local') + ' *'},model:{value:(_vm.form.vdoLiveSetTopicInput.nameLocal),callback:function ($$v) {_vm.$set(_vm.form.vdoLiveSetTopicInput, \"nameLocal\", $$v)},expression:\"form.vdoLiveSetTopicInput.nameLocal\"}}),_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,true)})],1),_c('div',{staticClass:\"vx-col sm:w-1/2 w-full mb-2\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"label\":_vm.$t('vdo-live-set-topic.name-eng')},model:{value:(_vm.form.vdoLiveSetTopicInput.nameEng),callback:function ($$v) {_vm.$set(_vm.form.vdoLiveSetTopicInput, \"nameEng\", $$v)},expression:\"form.vdoLiveSetTopicInput.nameEng\"}})],1)]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full mb-2\"},[_c('label',{staticClass:\"text-sm\"},[_vm._v(_vm._s(_vm.$t('vdo-set-topic.remark')))]),_c('vs-textarea',{attrs:{\"rows\":\"2\"},model:{value:(_vm.form.vdoSetTopicInput.remark),callback:function ($$v) {_vm.$set(_vm.form.vdoSetTopicInput, \"remark\", $$v)},expression:\"form.vdoSetTopicInput.remark\"}})],1)]),(_vm.showFileUpload)?_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full -mx-2 p-0\"},[_c('div',{attrs:{\"id\":\"uploadVdoInput\"}},[_c('vs-upload-mod',{staticClass:\"m-0 p-0\",attrs:{\"accept\":_vm.uploadAcceptVdoType,\"action\":_vm.uploadVdoUrl,\"data\":_vm.uploadPayload,\"multiple\":false,\"text\":_vm.$t('vdo-set-topic.upload-vdo'),\"automatic\":\"\"},on:{\"change\":_vm.onFileUploadChange,\"on-error\":_vm.onUploadError,\"on-success\":_vm.onUploadSuccess}})],1)])]):_vm._e(),_c('div',{staticClass:\"vx-row pt-2\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-button',{attrs:{\"disabled\":_vm.local.isProcessing || invalid || _vm.isUploading},on:{\"click\":function($event){$event.preventDefault();return _vm.onSaveClick($event)}}},[_vm._v(\" \"+_vm._s(_vm.$t('general.save'))+\" \")]),(_vm.showDeleteButton)?_c('vs-button',{staticClass:\"ml-2\",attrs:{\"disabled\":_vm.local.isProcessing || _vm.isUploading,\"color\":\"danger\"},on:{\"click\":function($event){$event.preventDefault();return _vm.onDeleteClick($event)}}},[_vm._v(\" \"+_vm._s(_vm.$t('general.delete'))+\" \")]):_vm._e()],1)])],1)])],1)]}}])})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"con-upload\"},[(_vm.viewActive)?_c('view-upload',{attrs:{\"src\":_vm.viewSrc}}):_vm._e(),_c('div',{staticClass:\"con-img-upload\"},[_vm._l((_vm.getFilesFilter),function(img,index){return _c('div',{key:index,staticClass:\"img-upload\",class:{\n        'fileError':img.error,\n        'removeItem':_vm.itemRemove.includes(index)\n      }},[_c('button',{staticClass:\"btn-x-file\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.removeFile(index)}}},[_c('i',{staticClass:\"material-icons notranslate\",attrs:{\"translate\":\"no\"}},[_vm._v(\" clear \")])]),(_vm.showUploadButton)?_c('button',{staticClass:\"btn-upload-file\",class:{\n          'on-progress':img.percent,\n          'ready-progress':img.percent >= 100\n        },style:({\n          height: ((img.percent) + \"%\")\n        }),on:{\"click\":function($event){return _vm.upload(index)}}},[_c('i',{staticClass:\"material-icons notranslate\",attrs:{\"translate\":\"no\"}},[_vm._v(\" \"+_vm._s(img.percent >= 100?img.error?'report_problem':'cloud_done':'cloud_upload')+\" \")]),_c('span',[_vm._v(_vm._s(img.percent)+\" %\")])]):_vm._e(),(img.src)?_c('img',{key:index,style:({\n          maxWidth:img.orientation == 'h'?'100%':'none',\n          maxHeight:img.orientation == 'w'?'100%':'none'\n        }),attrs:{\"src\":img.src},on:{\"click\":function($event){return _vm.viewImage(img.src,$event)},\"touchend\":function($event){return _vm.viewImage(img.src,$event)}}}):_vm._e(),(!img.src)?_c('h4',{staticClass:\"text-archive\"},[_c('i',{staticClass:\"material-icons notranslate\",attrs:{\"translate\":\"no\"}},[_vm._v(\" description \")]),_c('span',[_vm._v(\" \"+_vm._s(img.name)+\" \")])]):_vm._e()])}),_c('div',{staticClass:\"con-input-upload\",class:{\n        'on-progress-all-upload':_vm.percent != 0,\n        'is-ready-all-upload':_vm.percent >= 100,\n        'disabled-upload':_vm.$attrs.hasOwnProperty('disabled') || _vm.limit?(_vm.srcs.length - _vm.itemRemove.length) >= Number(_vm.limit):false\n      }},[_c('input',_vm._b({ref:\"fileInput\",attrs:{\"disabled\":_vm.$attrs.disabled || _vm.limit?(_vm.srcs.length - _vm.itemRemove.length) >= Number(_vm.limit):false,\"type\":\"file\"},on:{\"change\":_vm.getFiles}},'input',_vm.$attrs,false)),_c('span',{staticClass:\"text-input\"},[_vm._v(\" \"+_vm._s(_vm.text)+\" \")]),_c('span',{staticClass:\"input-progress\",style:({\n          width:(_vm.percent + \"%\")\n        })}),(_vm.showUploadButton)?_c('button',{staticClass:\"btn-upload-all vs-upload--button-upload\",attrs:{\"disabled\":_vm.filesx.length == 0,\"title\":\"Upload\",\"type\":\"button\"},on:{\"click\":function($event){return _vm.upload('all')}}},[_c('i',{staticClass:\"material-icons notranslate\",attrs:{\"translate\":\"no\"}},[_vm._v(\" cloud_upload \")])]):_vm._e()])],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{\"name\":\"view-upload\"}},[_c('div',{ref:\"view\",staticClass:\"view-upload\",on:{\"click\":_vm.closeView}},[_c('img',{attrs:{\"src\":_vm.src,\"alt\":\"image\"}})])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export default {\n  insertBody(elx, parent) {\n    let bodyx = parent ? parent : document.body\n    bodyx.insertBefore(elx, bodyx.firstChild)\n  },\n  removeBody(element, parent) {\n    let bodyx = parent ? parent : document.body\n    bodyx.removeChild(element);\n  },\n  changePosition(elx, content, conditional) {\n    let topx = 0\n    let leftx = 0\n    let widthx = 0\n    let scrollTopx = window.pageYOffset || document.documentElement.scrollTop;\n    if (elx.getBoundingClientRect().top + 300 >= window.innerHeight) {\n      setTimeout(() => {\n        if (conditional) {\n          topx = (elx.getBoundingClientRect().top - content.clientHeight) + scrollTopx\n        } else {\n          topx = (elx.getBoundingClientRect().top - content.clientHeight + elx.clientHeight) + scrollTopx\n        }\n      }, 1);\n\n    } else {\n      topx = conditional ? (elx.getBoundingClientRect().top + elx.clientHeight) + scrollTopx + 5 : elx.getBoundingClientRect().top + scrollTopx\n    }\n\n    leftx = elx.getBoundingClientRect().left\n    widthx = elx.offsetWidth\n\n    let cords = {\n      left: `${leftx}px`,\n      top: `${topx}px`,\n      width: `${widthx}px`\n    }\n\n    return cords\n  },\n}\n","<template>\n  <transition name=\"view-upload\">\n    <div\n      @click=\"closeView\"\n      class=\"view-upload\"\n      ref=\"view\">\n      <img\n        :src=\"src\"\n        alt=\"image\">\n    </div>\n  </transition>\n</template>\n<script>\n  import utils from '../../utils'\n\n  export default {\n    name: 'ViewUpload',\n    props: {\n      active: {\n        default: false,\n        type: Boolean\n      },\n      src: {\n        default: null,\n        type: String\n      }\n    },\n    mounted() {\n      utils.insertBody(this.$refs.view)\n    },\n    upload() {\n      utils.insertBody(this.$refs.view)\n    },\n    methods: {\n      closeView(evt) {\n        if (evt.target.tagName !== 'IMG') {\n          this.$parent.viewActive = false\n        }\n      }\n    }\n  }\n</script>\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!./viewUpload.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!./viewUpload.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./viewUpload.vue?vue&type=template&id=538d901d&\"\nimport script from \"./viewUpload.vue?vue&type=script&lang=js&\"\nexport * from \"./viewUpload.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","<template>\n  <div class=\"con-upload\">\n    <view-upload\n      :src=\"viewSrc\"\n      v-if=\"viewActive\"/>\n\n\n    <div class=\"con-img-upload\">\n      <!-- <transition-group v-for=\"(img,index) in getFilesFilter\" :key=\"index\" name=\"upload\"> -->\n      <div\n        :class=\"{\n          'fileError':img.error,\n          'removeItem':itemRemove.includes(index)\n        }\"\n        :key=\"index\"\n        class=\"img-upload\"\n        v-for=\"(img,index) in getFilesFilter\">\n        <button\n          @click=\"removeFile(index)\"\n          class=\"btn-x-file\"\n          type=\"button\">\n          <i\n            class=\"material-icons notranslate\"\n            translate=\"no\">\n            clear\n          </i>\n        </button>\n        <button\n          :class=\"{\n            'on-progress':img.percent,\n            'ready-progress':img.percent >= 100\n          }\"\n          :style=\"{\n            height: `${img.percent}%`\n          }\"\n          @click=\"upload(index)\"\n          class=\"btn-upload-file\"\n          v-if=\"showUploadButton\">\n          <i\n            class=\"material-icons notranslate\"\n            translate=\"no\">\n            {{ img.percent >= 100?img.error?'report_problem':'cloud_done':'cloud_upload' }}\n          </i>\n          <span>{{ img.percent }} %</span>\n        </button>\n        <img\n          :key=\"index\"\n          :src=\"img.src\"\n          :style=\"{\n            maxWidth:img.orientation == 'h'?'100%':'none',\n            maxHeight:img.orientation == 'w'?'100%':'none'\n          }\"\n          @click=\"viewImage(img.src,$event)\"\n          @touchend=\"viewImage(img.src,$event)\"\n          v-if=\"img.src\">\n        <h4\n          class=\"text-archive\"\n          v-if=\"!img.src\">\n          <i\n            class=\"material-icons notranslate\"\n            translate=\"no\">\n            description\n          </i>\n          <span>\n            {{ img.name }}\n          </span>\n        </h4>\n      </div>\n      <!-- </transition-group > -->\n\n\n      <div\n        :class=\"{\n          'on-progress-all-upload':percent != 0,\n          'is-ready-all-upload':percent >= 100,\n          'disabled-upload':$attrs.hasOwnProperty('disabled') || limit?(srcs.length - itemRemove.length) >= Number(limit):false\n        }\"\n        class=\"con-input-upload\">\n        <input\n          :disabled=\"$attrs.disabled || limit?(srcs.length - itemRemove.length) >= Number(limit):false\"\n\n          @change=\"getFiles\"\n          ref=\"fileInput\"\n          type=\"file\"\n          v-bind=\"$attrs\">\n        <span class=\"text-input\">\n          {{ text }}\n        </span>\n        <span\n          :style=\"{\n            width:`${percent}%`\n          }\"\n          class=\"input-progress\">\n\n        </span>\n        <button\n          :disabled=\"filesx.length == 0\"\n          @click=\"upload('all')\"\n          class=\"btn-upload-all vs-upload--button-upload\"\n          title=\"Upload\"\n          type=\"button\"\n          v-if=\"showUploadButton\">\n          <i\n            class=\"material-icons notranslate\"\n            translate=\"no\">\n            cloud_upload\n          </i>\n        </button>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\n  import viewUpload from './viewUpload'\n\n  var lastTap = 0;\n  export default {\n    name: 'VsUpload',\n    components: {\n      viewUpload\n    },\n    inheritAttrs: false,\n    props: {\n      fileName: {\n        default: null,\n        type: String\n      },\n      text: {\n        default: 'Upload File',\n        type: String\n      },\n      textMax: {\n        default: 'Maximum of files reached',\n        type: String\n      },\n      limit: {\n        default: null,\n        type: [Number, String]\n      },\n      action: {\n        default: null,\n        type: String\n      },\n      headers: {\n        default: null,\n        type: Object\n      },\n      data: {\n        default: null,\n        type: Object\n      },\n      automatic: {\n        default: false,\n        type: Boolean\n      },\n      showUploadButton: {\n        default: true,\n        type: Boolean\n      },\n      singleUpload: {\n        default: false,\n        type: Boolean\n      }\n    },\n    data: () => ({\n      inputValue: null,\n      type: null,\n      srcs: [],\n      filesx: [],\n      itemRemove: [],\n      percent: 0,\n      viewActive: false,\n      viewSrc: null,\n    }),\n    computed: {\n      getFilesFilter() {\n        let files = this.srcs.filter((item) => {\n          return !item.remove\n        })\n\n        return files\n      },\n      postFiles() {\n        let postFiles = Array.prototype.slice.call(this.filesx);\n        postFiles = postFiles.filter((item) => {\n          return !Object.prototype.hasOwnProperty.call(item, 'remove')\n        })\n        return postFiles.length\n      },\n    },\n    watch: {\n      percent() {\n        if (this.percent >= 100) {\n          this.srcs.forEach((file) => {\n            file.percent = 100\n          })\n          setTimeout(() => {\n            this.percent = 0\n          }, 1000)\n        }\n      }\n    },\n    methods: {\n      viewImage(src, evt) {\n        var timeout;\n\n        var eventx = (('ontouchstart' in window) || (window.DocumentTouch && document instanceof window.DocumentTouch)) ? 'touchstart' : 'click';\n        if (eventx == 'click') {\n          this.viewActive = true\n          this.viewSrc = src\n        } else {\n          if (evt.type == 'touchend') {\n            var currentTime = new Date().getTime();\n            var tapLength = currentTime - lastTap;\n            clearTimeout(timeout);\n            if (tapLength < 500 && tapLength > 0) {\n              this.viewActive = true\n              this.viewSrc = src\n              event.preventDefault();\n            }\n            lastTap = currentTime;\n          }\n        }\n      },\n      removeFile(index) {\n        this.itemRemove.push(index)\n        this.$emit('on-delete', this.filesx[index])\n        setTimeout(() => {\n          this.srcs.splice(0,1);\n          /*if(this.filesx[index]){\n            this.filesx[index].remove = true\n\n          }*/\n        }, 301)\n      },\n      getFiles(e) {\n\n        this.$emit('update:vsFile', e.target.value)\n        let _this = this\n\n        function uploadImage(e) {\n          let orientation = 'h'\n          var image = new Image();\n          image.src = e.target.result;\n          image.onload = function () {\n            if (this.width > this.height) {\n              orientation = 'w'\n            }\n            switchImage(this, orientation);\n\n          }\n        }\n\n        function switchImage(image, orientation) {\n          _this.srcs.push({\n            src: image.src,\n            orientation: orientation,\n            type: _this.typex,\n            percent: null,\n            error: false,\n            remove: null\n          })\n        }\n\n        var files = e.target.files;\n        let count = (this.srcs.length - this.itemRemove.length)\n        for (const file in files) {\n\n\n          if (Object.prototype.hasOwnProperty.call(files, file)) {\n            if (this.limit) {\n              count++\n              if (count > Number(this.limit)) {\n                break\n              }\n            }\n\n            var reader = new FileReader();\n            const filex = files[file];\n            if (/image.*/.test(filex.type)) {\n              this.typex = 'image'\n              this.filesx.push(filex)\n              reader.onload = uploadImage;\n              reader.readAsDataURL(filex);\n            } else if (/video.*/.test(filex.type)) {\n              this.typex = 'video'\n              //milo fix for upload vdo only\n              this.filesx = [];\n\n              this.filesx.push(filex)\n              _this.srcs.push({\n                src: null,\n                name: filex.name,\n                type: 'video',\n                percent: null,\n                error: false,\n                remove: null\n              })\n            } else {\n              this.filesx.push(filex)\n              _this.srcs.push({\n                src: null,\n                name: filex.name,\n                percent: null,\n                error: false,\n                remove: null\n              })\n            }\n            this.$emit('change', e.target.value, this.filesx)\n          }\n        }\n        const input = this.$refs.fileInput\n        input.type = 'text'\n        input.type = 'file'\n\n        if (this.automatic) {\n          this.upload('all')\n        }\n      },\n      upload(index) {\n        const formData = new FormData();\n        let postFiles = Array.prototype.slice.call(this.filesx);\n        if (typeof index == 'number') {\n          postFiles = [postFiles[index]]\n        } else if (index == 'all') {\n          postFiles = postFiles.filter((item) => {\n            return !Object.prototype.hasOwnProperty.call(item, 'remove')\n          })\n        }\n\n        const data = this.data || {};\n        for (var key in data) {\n          formData.append(key, data[key]);\n        }\n\n        if (this.singleUpload) {\n          postFiles.forEach((filex) => {\n            const formData = new FormData();\n            for (var key in data) {\n              formData.append(key, data[key]);\n            }\n            formData.append(this.fileName, filex, filex.name)\n\n            this.uploadx(index, formData)\n          })\n        } else {\n          postFiles.forEach((filex) => {\n            formData.append(this.fileName, filex, filex.name)\n          })\n          this.uploadx(index, formData)\n        }\n      },\n      uploadx(index, formData) {\n        let self = this\n        const xhr = new XMLHttpRequest();\n\n        xhr.onerror = function error(e) {\n          self.$emit('on-error', e)\n          if (typeof index == 'number') {\n            self.srcs[index].error = true\n          }\n        };\n\n        xhr.onload = function onload(e) {\n\n          if (xhr.status < 200 || xhr.status >= 300) {\n            self.$emit('on-error', e)\n            if (typeof index == 'number') {\n              self.srcs[index].error = true\n            }\n          } else {\n            self.removeFile(0);\n            self.$emit('on-success', e)\n          }\n        }\n\n\n        if (xhr.upload) {\n          xhr.upload.onprogress = function progress(e) {\n            if (e.total > 0) {\n              let percent = e.loaded / e.total * 100;\n              if (typeof index == 'number') {\n                self.srcs[index].percent = Math.trunc(percent)\n              } else {\n                self.percent = Math.trunc(percent)\n              }\n            }\n          };\n        }\n\n        xhr.withCredentials = false;\n\n        xhr.open('POST', this.action, true);\n\n        const headers = this.headers || {};\n\n        for (let head in headers) {\n          if (Object.prototype.hasOwnProperty.call(headers, head) && headers[head] !== null) {\n            xhr.setRequestHeader(head, headers[head]);\n          }\n        }\n\n        xhr.send(formData)\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!./vsUpload.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!./vsUpload.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./vsUpload.vue?vue&type=template&id=990a8932&scoped=true&\"\nimport script from \"./vsUpload.vue?vue&type=script&lang=js&\"\nexport * from \"./vsUpload.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  \"990a8932\",\n  null\n  \n)\n\nexport default component.exports","<template>\n\n  <ValidationObserver v-slot=\"{ invalid }\">\n\n    <vx-card>\n\n      <div class=\"vx-row\">\n        <div class=\"vx-col\">\n          <h5 class=\"mb-2\"> {{ $t('vdo-live-set-topic.edit-title') }} {{ editTitle }}</h5>\n          <h6 style=\"color: rgb(184, 194, 204);\">\n            {{ $t('vdo-live-set-topic.edit-sub-title') }} {{ editSubTitle }}\n          </h6>\n        </div>\n      </div>\n\n      <vs-divider/>\n\n      <div class=\"vx-row\">\n        <!------------------------------------------ Left Side ---------------------------------------------------------->\n        <div class=\"vx-col sm:w-2/5 w-full mi-border-right\">\n\n          <div class=\"vx-row\">\n            <div class=\"vx-col w-1/2 pt-1\">\n              <h5> {{ $t('vdo-live-set-topic.sub-topic') }} </h5>\n            </div>\n\n            <div class=\"vx-col w-1/2 pr-5\">\n              <vx-tooltip :text=\"$t('general.add') + $t('vdo-live-set-topic.sub-topic')\" class=\"float-right\">\n                <vs-button :disabled=\"isUploading\" @click=\"onAddClick\" color=\"dark\" icon=\"icon-plus\" icon-pack=\"feather\"\n                           radius\n                           size=\"small\" type=\"border\">\n                </vs-button>\n              </vx-tooltip>\n            </div>\n\n          </div>\n\n          <div class=\"vs-row\">\n            <div class=\"vx-col w-full\">\n              <vs-list>\n                <vs-list-item :class=\"setSelectedClass(item)\" :icon=\"item.vdoStreamPath ? 'icon-video':'icon-video-off'\"\n                              :key=\"index\"\n                              :subtitle=\"setVdoLengthLabel(item.vdoLength)\"\n                              :title=\"item.no + '. ' +item.nameLocal\"\n                              class=\"hover:text-primary\"\n                              icon-pack=\"feather\"\n                              v-for=\"(item, index) in vdoLiveSetTopics\">\n\n                  <vx-tooltip :text=\"$t('general.edit') + $t('vdo-live-set-topic.sub-topic')\" class=\"float-right\">\n                    <feather-icon @click=\"onEditClick(item)\" class=\"cursor-pointer\" icon=\"EditIcon\"\n                                  svgClasses=\"w-5 h-5 hover:text-primary stroke-current\"/>\n                  </vx-tooltip>\n                </vs-list-item>\n              </vs-list>\n\n\n              <vs-alert :active=\"showWarningNoTopics\" color=\"warning\" icon=\"icon-alert-triangle\" icon-pack=\"feather\">\n                {{ $t('vdo-set-topic.no-vdo-set-topic')}}\n              </vs-alert>\n\n            </div>\n          </div>\n\n        </div>\n\n        <!-----------------------------form------------- Right Side --------------------------------------------------------->\n        <div class=\"vx-col sm:w-3/5 w-full\">\n\n          <div class=\"vs-row\">\n            <div class=\"vx-col w-full mb-2\">\n              <h5> {{ vdoLiveSetTopicFormHeader }} </h5>\n            </div>\n          </div>\n\n          <vs-divider/>\n\n          <div class=\"vx-row\">\n            <div class=\"vx-col sm:w-1/2 w-full mb-2\">\n              <ValidationProvider :name=\"$t('vdo-set-topic.no')\" rules=\"required|numeric\" v-slot=\"{ errors }\">\n                <vs-input :label=\"$t('vdo-set-topic.no') + ' *'\" class=\"w-full\"\n                          v-model.number=\"form.vdoLiveSetTopicInput.no\"/>\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\">\n            <div class=\"vx-col sm:w-1/2 w-full mb-2\">\n              <ValidationProvider :name=\"$t('vdo-live-set-topic.name-local')\" rules=\"required\" v-slot=\"{ errors }\">\n                <vs-input :label=\"$t('vdo-live-set-topic.name-local') + ' *'\" class=\"w-full\"\n                          v-model=\"form.vdoLiveSetTopicInput.nameLocal\"/>\n                <span class=\"text-danger text-sm\" v-show=\"errors[0]\">{{errors[0]}}</span>\n              </ValidationProvider>\n            </div>\n            <div class=\"vx-col sm:w-1/2 w-full mb-2\">\n              <vs-input :label=\"$t('vdo-live-set-topic.name-eng')\" class=\"w-full\"\n                        v-model=\"form.vdoLiveSetTopicInput.nameEng\"/>\n            </div>\n          </div>\n\n          <div class=\"vx-row\">\n            <div class=\"vx-col w-full mb-2\">\n              <label class=\"text-sm\">{{$t('vdo-set-topic.remark')}}</label>\n              <vs-textarea rows=\"2\" v-model=\"form.vdoSetTopicInput.remark\"/>\n            </div>\n          </div>\n\n          <div class=\"vx-row\" v-if=\"showFileUpload\">\n            <div class=\"vx-col w-full -mx-2 p-0\">\n              <div id=\"uploadVdoInput\">\n                <vs-upload-mod :accept=\"uploadAcceptVdoType\"\n                               :action=\"uploadVdoUrl\"\n                               :data=\"uploadPayload\"\n                               :multiple=\"false\"\n                               :text=\"$t('vdo-set-topic.upload-vdo')\"\n                               @change=\"onFileUploadChange\"\n                               @on-error=\"onUploadError\"\n                               @on-success=\"onUploadSuccess\"\n                               automatic\n                               class=\"m-0 p-0\"\n                />\n              </div>\n\n              <!--<div class=\"upload-img mt-5\" v-if=\"!dataImg\">\n                <input type=\"file\" class=\"hidden\" ref=\"uploadImgInput\" @change=\"updateCurrImg\" accept=\"image/*\">\n                <vs-button @click=\"$refs.uploadImgInput.click()\">Upload Image</vs-button>\n              </div>-->\n            </div>\n          </div>\n\n          <!----------------------------------------- Actions Button ---------------------------------------------------->\n          <div class=\"vx-row pt-2\">\n            <div class=\"vx-col w-full\">\n              <vs-button :disabled=\"local.isProcessing || invalid || isUploading\"\n                         @click.prevent=\"onSaveClick\">\n                {{ $t('general.save') }}\n              </vs-button>\n              <vs-button :disabled=\"local.isProcessing || isUploading\"\n                         @click.prevent=\"onDeleteClick\"\n                         class=\"ml-2\" color=\"danger\"\n                         v-if=\"showDeleteButton\">\n                {{ $t('general.delete') }}\n              </vs-button>\n            </div>\n          </div>\n\n        </div>\n\n      </div>\n\n    </vx-card>\n\n\n  </ValidationObserver>\n</template>\n\n<script>\n  import {state, setEmptyVdoLiveSetTopicForm} from '../data';\n  import {secondToHHMMSSFormat} from \"@/utils/data\";\n  import {showStateNotification, showLocalNotification, notificationType} from \"@/utils/notification\";\n  import {confirmDelete, confirmSave} from \"@/utils/dialogs\";\n  import {config} from \"@/utils/upload\";\n  import vsUploadMod from '@/components/vuesax-mod/components/vsUpload/vsUpload'\n\n  import VdoLiveSetTopic from '@/store/modules/live-class/vod-live-set-topic/index';\n  import {createHelpers} from 'vuex-map-fields';\n  import {createNamespacedHelpers} from \"vuex\";\n\n  if (!state.store.VdoLiveSetTopic) state.registerModule(`VdoLiveSetTopic`, VdoLiveSetTopic);\n\n  const {\n    mapActions: mapVdoLiveSetTopicActions,\n  } = createNamespacedHelpers(`VdoLiveSetTopic`);\n\n\n  const {\n    mapFields: mapVdoLiveSetTopicFields,\n  } = createHelpers({\n    getterType: `VdoLiveSetTopic/getField`,\n    mutationType: `VdoLiveSetTopic/updateField`,\n  });\n\n\n  export default {\n    components: {\n      vsUploadMod,\n    },\n    data() {\n      return {\n        store: state.store,\n        local: state.local,\n\n        vdoLiveSetEdit: state.local.vdoLiveSetEdit,\n        vdoLiveSetTopicEdit: state.local.vdoLiveSetTopicEdit,\n        form: state.local.vdoLiveSetTopicEdit.form,\n\n        uploadAcceptVdoType: config.fileExtension.video,\n        uploadVdoUrl: config.url.liveVdoApi,\n        uploadPayload: {\n          fileName: '',\n          fileNameUpload: '',\n          vdoLiveSetTopicId: '',\n          liveClassScheduleId: '',\n          vdoLength: 0,\n          //TODO: get customerPrefix from token\n          customerPrefix: 'Extra',\n        },\n        uploadVdo: {},\n      }\n    },\n    computed: {\n      ...mapVdoLiveSetTopicFields({\n        vdoLiveSetTopicProcessing: 'processing',\n        vdoLiveSetTopicSuccess: 'success',\n        vdoLiveSetTopicError: 'error'\n      }),\n      editTitle() {\n        if (this.vdoLiveSetEdit.vdoLiveSet) {\n          return this.vdoLiveSetEdit.vdoLiveSet.liveClassSchedule.courseOutlineUnit.seq\n            + '. ' + this.vdoLiveSetEdit.vdoLiveSet.liveClassSchedule.courseOutlineUnit.nameLocal;\n        }\n        return '-'\n      },\n      editSubTitle() {\n        if (this.vdoLiveSetEdit.vdoLiveSet) {\n          return this.vdoLiveSetEdit.vdoLiveSet.liveClassSchedule.topicLocal;\n        }\n        return '-'\n      },\n      isUploading() {\n        return this.local.isUploading\n      },\n      vdoLiveSetTopics() {\n        return this.vdoLiveSetTopicEdit.vdoLiveSetTopics;\n      },\n      vdoLiveSetTopicFormHeader() {\n        if (this.vdoLiveSetTopicEdit.selectedVdoLiveSetTopic) {\n          return this.$t('general.edit') + this.$t('vdo-live-set-topic.sub-topic');\n        } else {\n          return this.$t('general.add') + this.$t('vdo-live-set-topic.sub-topic');\n        }\n      },\n      showWarningNoTopics() {\n        if (!this.vdoLiveSetTopicEdit.vdoLiveSetTopics\n          || this.vdoLiveSetTopicEdit.vdoLiveSetTopics.length > 0) {\n          return false;\n        }\n        return true;\n      },\n      showFileUpload() {\n        if (this.vdoLiveSetTopicEdit.selectedVdoLiveSetTopic && this.vdoLiveSetTopicEdit.selectedVdoLiveSetTopic.id) {\n          return true;\n        } else {\n          return false;\n        }\n      },\n      showDeleteButton() {\n        if (this.vdoLiveSetTopicEdit.selectedVdoLiveSetTopic && this.vdoLiveSetTopicEdit.selectedVdoLiveSetTopic.id) {\n          return true;\n        } else {\n          return false;\n        }\n      },\n    },\n    watch: {\n      vdoLiveSetTopicProcessing(data) {\n        this.local.isProcessing = data;\n      },\n      vdoLiveSetTopicSuccess(data) {\n        showStateNotification(this.$vs, data);\n      },\n      vdoLiveSetTopicError(data) {\n        showStateNotification(this.$vs, data);\n\n      }\n    },\n    methods: {\n      //---------------------------------------- State Function ------------------------------------------------------//\n      ...mapVdoLiveSetTopicActions({\n        getVdoLiveSetTopic: 'getVdoLiveSetTopic',\n        addVdoLiveSetTopic: 'addVdoLiveSetTopic',\n        updateVdoLiveSetTopic: 'updateVdoLiveSetTopic',\n        deleteVdoLiveSetTopic: 'deleteVdoLiveSetTopic',\n      }),\n      //---------------------------------------- Event Function ------------------------------------------------------//\n      onAddClick() {\n        if (!this.local.isUploading) {\n          setEmptyVdoLiveSetTopicForm();\n        }\n      },\n      onEditClick(selectedData) {\n        if (!this.local.isUploading) {\n          this.vdoLiveSetTopicEdit.selectedVdoLiveSetTopic = selectedData;\n\n          this.form.vdoLiveSetTopicInput.no = selectedData.no;\n          this.form.vdoLiveSetTopicInput.nameLocal = selectedData.nameLocal;\n          this.form.vdoLiveSetTopicInput.nameEng = selectedData.nameEng;\n          this.form.vdoLiveSetTopicInput.vdoLength = selectedData.vdoLength;\n          this.form.vdoLiveSetTopicInput.vdoStreamPath = selectedData.vdoStreamPath;\n\n          //set id for api upload\n          this.uploadPayload.vdoLiveSetTopicId = selectedData.id;\n          this.uploadPayload.liveClassScheduleId = this.vdoLiveSetEdit.vdoLiveSet.liveClassSchedule.id;\n        }\n      },\n      async onSaveClick() {\n        let payload = this.prepareDataBeforeSave();\n        confirmSave(this.$vs, this.saveVdoLiveSetTopic, payload);\n      },\n      async onDeleteClick() {\n        let payload = {\n          id: this.vdoLiveSetTopicEdit.selectedVdoLiveSetTopic.id\n        }\n        confirmDelete(this.$vs, this.removeVdoLiveSetTopic, payload);\n      },\n      onPreviewClick() {\n        //open popup\n        this.showPreviewVideoPopUp = true;\n      },\n      async onFileUploadChange(event, files) {\n        this.local.isUploading = true;\n        this.setVdoInfo(files, this.uploadPayload);\n      },\n      async onUploadSuccess() {\n        //call update function\n        await this.updateVdoLength();\n\n        showLocalNotification(this.$vs, this.$t('general.success')\n          , this.$t('upload.upload-vdo-success', {fileName: this.uploadPayload.fileName})\n          , notificationType.SUCCESS);\n        this.local.isUploading = false;\n      },\n      onUploadError() {\n        showLocalNotification(this.$vs, this.$t('general.error')\n          , this.$t('upload.upload-vdo-fail', {fileName: this.uploadPayload.fileName})\n          , notificationType.ERROR);\n        this.local.isUploading = false;\n      },\n      //---------------------------------------- Local Function ------------------------------------------------------//\n      async saveVdoLiveSetTopic(payload) {\n\n        let result;\n        if (!payload.id) {\n          result = await this.addVdoLiveSetTopic(payload);\n        } else {\n          result = await this.updateVdoLiveSetTopic(payload);\n        }\n\n        if (result) {\n          this.updateListAfterSave(payload, result);\n        }\n\n      },\n      async removeVdoLiveSetTopic(payload) {\n        let result = await this.deleteVdoLiveSetTopic(payload);\n\n        // remove list\n        if (result) {\n          this.updateListAfterDelete(result);\n        }\n\n      },\n      async updateVdoLength() {\n        let payload = {\n          id: this.vdoLiveSetTopicEdit.selectedVdoLiveSetTopic.id,\n          vdoLiveSetTopicInput: {\n            vdoLength: parseInt(this.uploadPayload.vdoLength.toFixed(0)),\n          }\n        };\n        let result = await this.updateVdoLiveSetTopic(payload);\n\n        if (result) {\n          this.updateListAfterSave(payload, result);\n        }\n      },\n      prepareDataBeforeSave() {\n        let vdoLength = this.form.vdoLiveSetTopicInput.vdoLength;\n        if (this.uploadPayload.vdoLength > 0) {\n          vdoLength = this.uploadPayload.vdoLength;\n        }\n\n        let payload = {\n          vdoLiveSetTopicInput: {\n            ...this.form.vdoLiveSetTopicInput,\n\n            //set vdo duration here\n            vdoLength: parseInt(vdoLength),\n          }\n        };\n        if (this.vdoLiveSetTopicEdit.selectedVdoLiveSetTopic && this.vdoLiveSetTopicEdit.selectedVdoLiveSetTopic.id) {\n          //edit\n          payload['id'] = this.vdoLiveSetTopicEdit.selectedVdoLiveSetTopic.id;\n        } else {\n          //insert\n          payload['vdoLiveSetId'] = this.vdoLiveSetEdit.vdoLiveSet.id;\n        }\n\n        return payload\n      },\n      setVdoLengthLabel(vdoLength) {\n        let totalVdoLength = '00:00:00';\n        if (vdoLength) {\n          totalVdoLength = secondToHHMMSSFormat(vdoLength);\n        }\n        return totalVdoLength;\n      },\n      setSelectedClass(item) {\n        let selectedClass = '';\n        if (this.vdoLiveSetTopicEdit.selectedVdoLiveSetTopic && item.id === this.vdoLiveSetTopicEdit.selectedVdoLiveSetTopic.id) {\n          return 'text-primary'\n        }\n        return selectedClass;\n      },\n      updateListAfterSave(payload, result) {\n        //deep copy so we can mutate data\n        result = JSON.parse(JSON.stringify(result));\n        if (!payload.id) {\n          //add new vdoLiveSetTopic to vdoLiveSetTopics list\n          this.vdoLiveSetTopicEdit.vdoLiveSetTopics.push(result);\n\n        } else {\n          //update new vdoLiveSetTopic to vdoLiveSetTopics list\n          const index = this.vdoLiveSetTopicEdit.vdoLiveSetTopics.findIndex(item => {\n            return item.id === result.id\n          });\n          this.vdoLiveSetTopicEdit.vdoLiveSetTopics[index] = result;\n\n        }\n        this.vdoLiveSetTopicEdit.selectedVdoLiveSetTopic = result;\n        this.setTotalVdoLength(result);\n      },\n      updateListAfterDelete(result) {\n        //remove from list\n        const index = this.vdoLiveSetTopicEdit.vdoLiveSetTopics.findIndex(item => item.id === result.id);\n        this.vdoLiveSetTopicEdit.vdoLiveSetTopics.splice(index, 1);\n\n        setEmptyVdoLiveSetTopicForm();\n        this.setTotalVdoLength(result);\n\n      },\n      setTotalVdoLength(result) {\n        this.vdoLiveSetEdit.vdoLiveSet.totalVdoLength = result.vdoLiveSet.totalVdoLength;\n      },\n      setVdoInfo(files, uploadPayload) {\n        //set upload file name\n\n        let fileExtension = files[0].name.split('.').pop();\n        uploadPayload.fileName = files[0].name;\n        uploadPayload.fileNameUpload = config.prefixFileName.vdoLiveSet\n                                      + '_' + this.vdoLiveSetEdit.vdoLiveSet.liveClassSchedule.subject.code\n                                      + '_' + this.vdoLiveSetEdit.vdoLiveSet.id\n                                      + '_' + this.vdoLiveSetTopicEdit.selectedVdoLiveSetTopic.id\n                                      + '.' + fileExtension\n\n        let video = document.createElement('video');\n\n        video.preload = 'metadata';\n        video.onloadedmetadata = function () {\n          window.URL.revokeObjectURL(video.src);\n          uploadPayload.vdoLength = video.duration;\n        }\n\n        //for preview\n        video.src = URL.createObjectURL(files[0]);\n        //set vdo duration at sending data\n        return video;\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!./VdoLiveSetTopicEdit.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!./VdoLiveSetTopicEdit.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VdoLiveSetTopicEdit.vue?vue&type=template&id=8fc066a2&scoped=true&\"\nimport script from \"./VdoLiveSetTopicEdit.vue?vue&type=script&lang=js&\"\nexport * from \"./VdoLiveSetTopicEdit.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  \"8fc066a2\",\n  null\n  \n)\n\nexport default component.exports","var $ = require('../internals/export');\n\nvar ceil = Math.ceil;\nvar floor = Math.floor;\n\n// `Math.trunc` method\n// https://tc39.es/ecma262/#sec-math.trunc\n$({ target: 'Math', stat: true }, {\n  trunc: function trunc(it) {\n    return (it > 0 ? floor : ceil)(it);\n  }\n});\n"],"sourceRoot":""}