{"version":3,"sources":["webpack:///./node_modules/core-js/internals/string-pad.js","webpack:///./src/utils/data.js","webpack:///./node_modules/core-js/modules/es.string.pad-start.js","webpack:///./node_modules/core-js/internals/string-pad-webkit-bug.js","webpack:///./src/views/pages/VdoSet/SubComponents/VdoSetInfo.vue?3778","webpack:///src/views/pages/VdoSet/SubComponents/VdoSetInfo.vue","webpack:///./src/views/pages/VdoSet/SubComponents/VdoSetInfo.vue?988a","webpack:///./src/views/pages/VdoSet/SubComponents/VdoSetInfo.vue","webpack:///./src/utils/dialogs.js"],"names":["toLength","repeat","requireObjectCoercible","ceil","Math","createMethod","IS_END","$this","maxLength","fillString","fillLen","stringFiller","S","String","stringLength","length","fillStr","undefined","intMaxLength","call","slice","module","exports","start","end","secondToHHMMSSFormat","duration","seconds","parseInt","minutes","hours","secondToMMMFormat","toFixed","$","$padStart","WEBKIT_BUG","target","proto","forced","padStart","this","arguments","userAgent","test","render","_vm","_h","$createElement","_c","_self","staticClass","_v","_s","$t","showEditForm","model","value","form","vdoSetInput","callback","$$v","$set","expression","attrs","local","isProcessing","isUploading","on","$event","preventDefault","onSaveClick","onCancelClick","scopedSlots","_u","key","fn","ref","errors","$vs","rtl","vdoSets","onVdoSetChange","code","option","description","vdoSetInfo","directives","name","rawName","class","totalVdoQty","totalVdoLength","staticRenderFns","component","confirmDelete","vs","acceptFunc","payload","dialog","type","color","title","i18n","t","text","acceptText","cancelText","accept","confirmSave","confirmUpload"],"mappings":"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","file":"js/chunk-34e75a2a.ab1d62df.js","sourcesContent":["// https://github.com/tc39/proposal-string-pad-start-end\nvar toLength = require('../internals/to-length');\nvar repeat = require('../internals/string-repeat');\nvar requireObjectCoercible = require('../internals/require-object-coercible');\n\nvar ceil = Math.ceil;\n\n// `String.prototype.{ padStart, padEnd }` methods implementation\nvar createMethod = function (IS_END) {\n  return function ($this, maxLength, fillString) {\n    var S = String(requireObjectCoercible($this));\n    var stringLength = S.length;\n    var fillStr = fillString === undefined ? ' ' : String(fillString);\n    var intMaxLength = toLength(maxLength);\n    var fillLen, stringFiller;\n    if (intMaxLength <= stringLength || fillStr == '') return S;\n    fillLen = intMaxLength - stringLength;\n    stringFiller = repeat.call(fillStr, ceil(fillLen / fillStr.length));\n    if (stringFiller.length > fillLen) stringFiller = stringFiller.slice(0, fillLen);\n    return IS_END ? S + stringFiller : stringFiller + S;\n  };\n};\n\nmodule.exports = {\n  // `String.prototype.padStart` method\n  // https://tc39.es/ecma262/#sec-string.prototype.padstart\n  start: createMethod(false),\n  // `String.prototype.padEnd` method\n  // https://tc39.es/ecma262/#sec-string.prototype.padend\n  end: createMethod(true)\n};\n"," /**\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","'use strict';\nvar $ = require('../internals/export');\nvar $padStart = require('../internals/string-pad').start;\nvar WEBKIT_BUG = require('../internals/string-pad-webkit-bug');\n\n// `String.prototype.padStart` method\n// https://tc39.es/ecma262/#sec-string.prototype.padstart\n$({ target: 'String', proto: true, forced: WEBKIT_BUG }, {\n  padStart: function padStart(maxLength /* , fillString = ' ' */) {\n    return $padStart(this, maxLength, arguments.length > 1 ? arguments[1] : undefined);\n  }\n});\n","// https://github.com/zloirock/core-js/issues/280\nvar userAgent = require('../internals/engine-user-agent');\n\n// eslint-disable-next-line unicorn/no-unsafe-regex -- safe\nmodule.exports = /Version\\/10(?:\\.\\d+){1,2}(?: [\\w./]+)?(?: Mobile\\/\\w+)? Safari\\//.test(userAgent);\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 pt-3\"},[_c('h5',[_vm._v(\" \"+_vm._s(_vm.$t('class-section.vdo-set-info'))+\" \")])])]),_c('vs-divider'),(!_vm.showEditForm)?_c('div',[_c('div',{staticClass:\"vx-row mb-3\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('ValidationProvider',{attrs:{\"name\":_vm.$t('vdo-set.vdo-sets'),\"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-sets'),\"options\":_vm.vdoSets,\"label\":\"code\",\"selectOnTab\":\"\"},on:{\"input\":_vm.onVdoSetChange},scopedSlots:_vm._u([{key:\"selected-option\",fn:function(ref){\nvar code = ref.code;\nreturn [_vm._v(\" \"+_vm._s(code)+\" \")]}},{key:\"option\",fn:function(option){return [_vm._v(\" \"+_vm._s(option.code + ' ' + option.description)+\" \")]}}],null,true),model:{value:(_vm.vdoSetInfo.selectedVdoSet),callback:function ($$v) {_vm.$set(_vm.vdoSetInfo, \"selectedVdoSet\", $$v)},expression:\"vdoSetInfo.selectedVdoSet\"}}),_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,1672492181)})],1)]),_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',[_c('div',{staticClass:\"vx-row mb-3\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('label',{staticClass:\"text-sm\"},[_vm._v(_vm._s(_vm.$t('vdo-set.vdo-set-code')))]),_c('vs-input',{model:{value:(_vm.form.vdoSetInput.code),callback:function ($$v) {_vm.$set(_vm.form.vdoSetInput, \"code\", $$v)},expression:\"form.vdoSetInput.code\"}})],1)]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('label',{staticClass:\"text-sm\"},[_vm._v(_vm._s(_vm.$t('vdo-set.description')))]),_c('vs-textarea',{attrs:{\"rows\":\"3\"},model:{value:(_vm.form.vdoSetInput.description),callback:function ($$v) {_vm.$set(_vm.form.vdoSetInput, \"description\", $$v)},expression:\"form.vdoSetInput.description\"}})],1)]),_c('div',{staticClass:\"vx-row pt-2\"},[_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.onSaveClick($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.onCancelClick($event)}}},[_vm._v(\" \"+_vm._s(_vm.$t('general.cancel'))+\" \")])],1)])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\n  <vx-card>\n    <div class=\"vx-row\">\n      <div class=\"vx-col w-1/2 pt-3\">\n        <h5> {{ $t('class-section.vdo-set-info') }} </h5>\n      </div>\n\n<!--      <div class=\"vx-col w-1/2\">\n        <vs-dropdown class=\"cursor-pointer float-right\" vs-trigger-click>\n          <div\n            class=\"p-3 shadow-drop rounded-lg d-theme-dark-light-bg cursor-pointer flex items-end justify-center text-lg font-medium w-32\">\n            <span class=\"mr-2 leading-none\">{{ $t('general.actions') }}</span>\n            <feather-icon icon=\"ChevronDownIcon\" svgClasses=\"h-4 w-4\"/>\n          </div>\n\n          <vs-dropdown-menu>\n\n            <vs-dropdown-item @click=\"onCreateClick\">\n                <span class=\"flex items-center\">\n                  <feather-icon class=\"mr-2\" icon=\"PlusIcon\" svgClasses=\"h-4 w-4\"/>\n                  <span>{{ $t('general.add') }}</span>\n                </span>\n            </vs-dropdown-item>\n\n            <vs-dropdown-item @click=\"onEditClick\">\n                <span class=\"flex items-center\">\n                  <feather-icon class=\"mr-2\" icon=\"EditIcon\" svgClasses=\"h-4 w-4\"/>\n                  <span>{{ $t('general.edit') }}</span>\n                </span>\n            </vs-dropdown-item>\n\n\n          </vs-dropdown-menu>\n        </vs-dropdown>\n      </div>-->\n\n    </div>\n\n    <vs-divider/>\n\n    <!-- Display Data -->\n    <div v-if=\"!showEditForm\">\n      <div class=\"vx-row mb-3\">\n        <div class=\"vx-col w-full\">\n          <ValidationProvider :name=\"$t('vdo-set.vdo-sets')\" rules=\"required\" v-slot=\"{ errors }\">\n            <v-select :clearable=\"false\" :dir=\"$vs.rtl ? 'rtl' : 'ltr'\"\n                      :disabled=\"isUploading\"\n                      :name=\"$t('vdo-set.vdo-sets')\"\n                      :options=\"vdoSets\"\n                      @input=\"onVdoSetChange\"\n                      class=\"w-full mb-1\"\n                      label=\"code\"\n                      selectOnTab\n                      v-model=\"vdoSetInfo.selectedVdoSet\">\n\n              <template #selected-option=\"{ code }\">\n                {{ code }}\n              </template>\n              <!--option list-->\n              <template v-slot:option=\"option\">\n                {{ option.code + ' ' + option.description}}\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 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 class=\"ml-2 inline-block font-semibold\">{{ $t('class-room.course-outline-units-qty') }}</span>\n        </span>\n        </div>\n        <div class=\"vx-col sm:w-1/2 text-right\">\n        <span :class=\"totalVdoUnits === 0 ? 'text-danger':''\">\n          {{ totalVdoUnits }}\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\n    <!-- Edit Data -->\n    <div v-else>\n      <div class=\"vx-row mb-3\">\n        <div class=\"vx-col w-full\">\n          <label class=\"text-sm\">{{$t('vdo-set.vdo-set-code')}}</label>\n          <vs-input v-model=\"form.vdoSetInput.code\"/>\n        </div>\n      </div>\n      <div class=\"vx-row\">\n        <div class=\"vx-col w-full\">\n          <label class=\"text-sm\">{{$t('vdo-set.description')}}</label>\n          <vs-textarea rows=\"3\"\n                       v-model=\"form.vdoSetInput.description\"/>\n        </div>\n      </div>\n      <!-- Actions Button -->\n      <div class=\"vx-row pt-2\">\n        <div class=\"vx-col w-full\">\n          <vs-button :disabled=\"local.isProcessing || isUploading\"\n                     @click.prevent=\"onSaveClick\">\n            {{ $t('general.save') }}\n          </vs-button>\n\n          <vs-button @click.prevent=\"onCancelClick\" class=\"ml-2\" color=\"warning\"\n                     type=\"border\">\n            {{ $t('general.cancel') }}\n          </vs-button>\n        </div>\n      </div>\n    </div>\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  import {confirmSave} from \"@/utils/dialogs\";\n\n  import VdoSet 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.VdoSet) state.registerModule(`VdoSet`, VdoSet);\n\n  const {\n    mapActions: mapVdoSetActions,\n  } = createNamespacedHelpers(`VdoSet`);\n\n  const {\n    mapFields: mapVdoSetFields,\n  } = createHelpers({\n    getterType: `VdoSet/getField`,\n    mutationType: `VdoSet/updateField`,\n  });\n\n  export default {\n    components: {\n      vSelect\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        form: state.local.vdoSetInfo.form,\n\n        showEditForm: false,\n      }\n    },\n    computed: {\n      ...mapVdoSetFields({vdoSetProcessing: 'processing', vdoSetSuccess: 'success', vdoSetError: 'error'}),\n      isUploading() {\n        return this.local.isUploading;\n      },\n      totalVdoUnits() {\n        let totalVdoUnit = 0;\n        if (this.vdoSetInfo.selectedVdoSet) {\n          totalVdoUnit = this.vdoSetInfo.selectedVdoSet.vdoSetUnits.length\n        }\n        return totalVdoUnit;\n      },\n      totalVdoLength() {\n        let totalVdoLength = '00:00:00';\n        if (this.vdoSetInfo.selectedVdoSet) {\n          totalVdoLength = secondToHHMMSSFormat(this.vdoSetInfo.selectedVdoSet.totalVdoLength);\n        }\n        return totalVdoLength;\n      },\n      totalVdoQty() {\n        let totalVdoQty = 0;\n        if (this.vdoSetInfo.selectedVdoSet) {\n          this.vdoSetInfo.selectedVdoSet.vdoSetUnits.forEach(vdoUnit => {\n            if (vdoUnit.vdoSetTopics && vdoUnit.vdoSetTopics.length > 0) {\n              vdoUnit.vdoSetTopics.forEach(vdoTopic => {\n                totalVdoQty += vdoTopic.vdoStreamPath ? 1 : 0;\n              })\n            }\n          });\n        }\n        return totalVdoQty;\n      },\n      vdoSets() {\n        return this.vdoSetEdit.courseOutline ? this.vdoSetEdit.courseOutline.vdoSets : [];\n      },\n    },\n    watch: {\n      vdoSetProcessing(data) {\n        this.local.isProcessing = data;\n      },\n      vdoSetSuccess(data) {\n        showStateNotification(this.$vs, data);\n      },\n      vdoSetError: async function (data) {\n        showStateNotification(this.$vs, data);\n      },\n    },\n    methods: {\n      //---------------------------------------- State Function ------------------------------------------------------//\n      ...mapVdoSetActions({\n        getVdoSetsByFilter: 'getVdoSetsByFilter',\n        addVdoSet: 'addVdoSet',\n        updateVdoSet: 'updateVdoSet',\n      }),\n      //---------------------------------------- Event Function ------------------------------------------------------//\n      onCreateClick() {\n        this.form.id = null;\n        this.form.degreeId = this.vdoSetEdit.courseOutline.degree.id;\n        this.form.courseOutlineId = this.vdoSetEdit.courseOutline.id;\n        this.form.subjectGroupId = this.vdoSetEdit.courseOutline.subjectGroup.id;\n        this.form.subjectId = this.vdoSetEdit.courseOutline.subject.id;\n        this.form.teacherId = this.vdoSetEdit.courseOutline.teacher.id;\n\n        this.form.vdoSetInput.subjectCode = this.vdoSetEdit.courseOutline.subject.code;\n        this.form.vdoSetInput.teacherCode = this.vdoSetEdit.courseOutline.teacher.code;\n        this.form.vdoSetInput.totalVdoLength = 0;\n        this.form.vdoSetInput.code = this.vdoSetEdit.courseOutline.subject.code + '-'\n          + String(this.vdoSetEdit.courseOutline.vdoSets.length + 1).padStart(3, '0');\n        this.form.vdoSetInput.description = '';\n\n        this.showEditForm = true;\n      },\n      onEditClick() {\n        //deep copy\n        let editData = JSON.parse(JSON.stringify(this.vdoSetInfo.selectedVdoSet));\n\n        //set from selected vdoSet\n        this.form.id = editData.id;\n        this.form.vdoSetInput.code = editData.code;\n        this.form.vdoSetInput.description = editData.description;\n\n        this.showEditForm = true;\n      },\n      async onSaveClick() {\n        confirmSave(this.$vs, this.saveVdoSet, this.form);\n      },\n      onCancelClick() {\n        this.toggleEditForm();\n      },\n      onVdoSetChange() {\n        if (this.vdoSetInfo.selectedVdoSet.vdoSetUnits && this.vdoSetInfo.selectedVdoSet.vdoSetUnits.length > 0) {\n          this.vdoSetUnitEdit.selectedVdoSetUnit = this.vdoSetInfo.selectedVdoSet.vdoSetUnits[0];\n        }\n        setEmptyVdoSetTopicForm();\n      },\n      //---------------------------------------- Local Function ------------------------------------------------------//\n      async saveVdoSet(payload) {\n        let result;\n        if (!payload.id) {\n          //insert\n          let insertPayload = {\n            degreeId: payload.degreeId,\n            courseOutlineId: payload.courseOutlineId,\n            subjectGroupId: payload.subjectGroupId,\n            subjectId: payload.subjectId,\n            teacherId: payload.teacherId,\n            vdoSetInput: {\n              subjectCode: payload.vdoSetInput.subjectCode,\n              teacherCode: payload.vdoSetInput.teacherCode,\n              totalVdoLength: 0,\n              code: payload.vdoSetInput.code,\n              description: payload.vdoSetInput.description,\n            },\n          }\n\n          result = await this.addVdoSet(insertPayload);\n        } else {\n          //update\n          let editPayload = {\n            id: payload.id,\n            code: payload.vdoSetInput.code,\n            description: payload.vdoSetInput.description,\n          };\n\n          result = await this.updateVdoSet(editPayload);\n        }\n\n        if (result) {\n          this.updateListAfterSave(payload, result);\n          this.toggleEditForm();\n        }\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 item to list\n          this.vdoSetEdit.courseOutline.vdoSets.push(result);\n\n        } else {\n          //update list\n          const index = this.vdoSetEdit.courseOutline.vdoSets.findIndex(item => item.id === result.id);\n          this.vdoSetEdit.courseOutline.vdoSets[index] = result;\n        }\n        //set selected item\n        this.vdoSetInfo.selectedVdoSet = result;\n\n        //set vdoSetUnit selected item\n        this.onVdoSetChange();\n\n      },\n      toggleEditForm() {\n        this.showEditForm = !this.showEditForm;\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!./VdoSetInfo.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!./VdoSetInfo.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VdoSetInfo.vue?vue&type=template&id=0f62522e&scoped=true&\"\nimport script from \"./VdoSetInfo.vue?vue&type=script&lang=js&\"\nexport * from \"./VdoSetInfo.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  \"0f62522e\",\n  null\n  \n)\n\nexport default component.exports","import {i18n} from '@/setup/i18n-setup';\n\nexport async function confirmDelete(vs, acceptFunc, payload) {\n\n  vs.dialog({\n    type: 'confirm',\n    color: 'danger',\n    title: i18n.t('general.confirmDelete'),\n    text: i18n.t('general.confirmDeleteMessage'),\n    acceptText: i18n.t('general.delete'),\n    cancelText: i18n.t('general.cancel'),\n    accept: async () => {\n      await acceptFunc(payload);\n    }\n  });\n\n}\n\nexport async function confirmSave(vs, acceptFunc, payload) {\n\n  vs.dialog({\n    type: 'confirm',\n    color: 'primary',\n    title: i18n.t('general.confirm-save'),\n    text: i18n.t('general.confirm-save-message'),\n    acceptText: i18n.t('general.save'),\n    cancelText: i18n.t('general.cancel'),\n    accept: async () => {\n      if(payload){\n        await acceptFunc(payload);\n      }else{\n        await acceptFunc();\n      }\n    }\n  });\n\n}\n\n\nexport async function confirmUpload(vs, acceptFunc, payload) {\n\n  vs.dialog({\n    type: 'confirm',\n    color: 'primary',\n    title: i18n.t('general.confirm-upload'),\n    text: i18n.t('general.confirm-upload-message'),\n    acceptText: i18n.t('general.upload'),\n    cancelText: i18n.t('general.cancel'),\n    accept: async () => {\n      if(payload){\n        await acceptFunc(payload);\n      }else{\n        await acceptFunc();\n      }\n    }\n  });\n\n}\n\n"],"sourceRoot":""}