{"version":3,"sources":["webpack:///./src/views/trainee/courseMaterial/courseMaterialDetail.vue?5021","webpack:///src/views/trainee/courseMaterial/courseMaterialDetail.vue","webpack:///./src/views/trainee/courseMaterial/courseMaterialDetail.vue?8d4f","webpack:///./src/views/trainee/courseMaterial/courseMaterialDetail.vue","webpack:///./src/views/trainee/courseMaterial/courseMaterialDetail.vue?3503"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","ref","itemsPerPage","materials","scopedSlots","_u","key","fn","data","_l","tr","indextr","_v","_s","CourseModuleName","MaterialName","Version","MaterialTypeName","baseUrl","Url","model","value","callback","$$v","selected","expression","slot","currentPage","length","on","$event","$t","staticRenderFns","isMounted","addNewDataSidebar","sidebarData","rowDataForDelete","activeConfirm","computed","$refs","table","currentx","$store","state","courseList","methods","created","registerModule","moduleCourse","mounted","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,sBAAsBC,MAAM,CAAC,GAAK,wBAAwB,CAACH,EAAG,WAAW,CAACI,IAAI,QAAQD,MAAM,CAAC,SAAW,GAAG,WAAa,GAAG,YAAYP,EAAIS,aAAa,OAAS,GAAG,KAAOT,EAAIU,WAAWC,YAAYX,EAAIY,GAAG,CAAC,CAACC,IAAI,UAAUC,GAAG,SAASN,GAC/V,IAAIO,EAAOP,EAAIO,KACf,MAAO,CAACX,EAAG,QAAQJ,EAAIgB,GAAG,GAAO,SAASC,EAAGC,GAAS,OAAOd,EAAG,QAAQ,CAACS,IAAIK,EAAQX,MAAM,CAAC,KAAOU,IAAK,CAACb,EAAG,QAAQ,CAACA,EAAG,IAAI,CAACE,YAAY,qCAAqC,CAACN,EAAImB,GAAGnB,EAAIoB,GAAGH,EAAGI,uBAAuBjB,EAAG,QAAQ,CAACA,EAAG,IAAI,CAACE,YAAY,qCAAqC,CAACN,EAAImB,GAAGnB,EAAIoB,GAAGH,EAAGK,mBAAmBlB,EAAG,QAAQ,CAACA,EAAG,IAAI,CAACE,YAAY,qCAAqC,CAACN,EAAImB,GAAGnB,EAAIoB,GAAGH,EAAGM,cAAcnB,EAAG,QAAQ,CAACA,EAAG,IAAI,CAACE,YAAY,qCAAqC,CAACN,EAAImB,GAAGnB,EAAIoB,GAAGH,EAAGO,uBAAuBpB,EAAG,QAAQ,CAACA,EAAG,IAAI,CAACG,MAAM,CAAC,KAAOP,EAAIyB,QAAQR,EAAGS,IAAI,SAAW,GAAG,OAAS,WAAW,CAACtB,EAAG,eAAe,CAACE,YAAY,OAAOC,MAAM,CAAC,KAAO,eAAe,WAAa,+CAA+C,MAAM,MAAK,QAAQoB,MAAM,CAACC,MAAO5B,EAAY,SAAE6B,SAAS,SAAUC,GAAM9B,EAAI+B,SAASD,GAAKE,WAAW,aAAa,CAAC5B,EAAG,MAAM,CAACE,YAAY,gEAAgEC,MAAM,CAAC,KAAO,UAAU0B,KAAK,UAAU,CAAC7B,EAAG,SAASA,EAAG,cAAc,CAACE,YAAY,2BAA2BC,MAAM,CAAC,mBAAmB,KAAK,CAACH,EAAG,MAAM,CAACE,YAAY,+IAA+I,CAACF,EAAG,OAAO,CAACE,YAAY,QAAQ,CAACN,EAAImB,GAAGnB,EAAIoB,GAAGpB,EAAIkC,YAAclC,EAAIS,cAAgBT,EAAIS,aAAe,IAAI,MAAMT,EAAIoB,GAAGpB,EAAIU,UAAUyB,OAASnC,EAAIkC,YAAclC,EAAIS,aAAe,EAAIT,EAAIkC,YAAclC,EAAIS,aAAeT,EAAIU,UAAUyB,QAAQ,OAAOnC,EAAIoB,GAAGpB,EAAIU,UAAUyB,WAAW/B,EAAG,eAAe,CAACG,MAAM,CAAC,KAAO,kBAAkB,WAAa,cAAc,GAAGH,EAAG,mBAAmB,CAACA,EAAG,mBAAmB,CAACgC,GAAG,CAAC,MAAQ,SAASC,GAAQrC,EAAIS,aAAa,KAAK,CAACL,EAAG,OAAO,CAACJ,EAAImB,GAAG,SAASf,EAAG,mBAAmB,CAACgC,GAAG,CAAC,MAAQ,SAASC,GAAQrC,EAAIS,aAAa,MAAM,CAACL,EAAG,OAAO,CAACJ,EAAImB,GAAG,UAAUf,EAAG,mBAAmB,CAACgC,GAAG,CAAC,MAAQ,SAASC,GAAQrC,EAAIS,aAAa,MAAM,CAACL,EAAG,OAAO,CAACJ,EAAImB,GAAG,UAAUf,EAAG,mBAAmB,CAACgC,GAAG,CAAC,MAAQ,SAASC,GAAQrC,EAAIS,aAAa,MAAM,CAACL,EAAG,OAAO,CAACJ,EAAImB,GAAG,WAAW,IAAI,IAAI,GAAGf,EAAG,WAAW,CAAC6B,KAAK,SAAS,CAAC7B,EAAG,QAAQ,CAACG,MAAM,CAAC,WAAW,SAAS,CAACP,EAAImB,GAAGnB,EAAIoB,GAAGpB,EAAIsC,GAAG,WAAW,OAAOlC,EAAG,QAAQ,CAACG,MAAM,CAAC,WAAW,SAAS,CAACP,EAAImB,GAAG,IAAInB,EAAIoB,GAAGpB,EAAIsC,GAAG,YAAYlC,EAAG,QAAQ,CAACG,MAAM,CAAC,WAAW,SAAS,CAACP,EAAImB,GAAG,IAAInB,EAAIoB,GAAGpB,EAAIsC,GAAG,eAAelC,EAAG,QAAQ,CAACG,MAAM,CAAC,WAAW,SAAS,CAACP,EAAImB,GAAGnB,EAAIoB,GAAGpB,EAAIsC,GAAG,YAAYlC,EAAG,QAAQ,CAACG,MAAM,CAAC,WAAW,SAAS,CAACP,EAAImB,GAAGnB,EAAIoB,GAAGpB,EAAIsC,GAAG,iBAAiB,IAAI,IAAI,IACx7EC,EAAkB,G,wBCsEP,GACbxB,KADF,WAEI,MAAO,CACLU,QAANA,OACMM,SAAUA,GACVtB,aAAcA,GACd+B,WAAWA,EAEXC,mBAAmBA,EACnBC,YAAaA,GACbC,iBAAkBA,GAClBC,eAAeA,IAGnBC,SAAUA,CACRX,YADJ,WAEM,OAAIjC,KAAKuC,UACAvC,KAAK6C,MAAMC,MAAMC,SAEnB,GAETtC,UAPJ,WAQM,OAAOT,KAAKgD,OAAOC,MAAMC,WAAWzC,YAKxC0C,QAASA,GAITC,QA/BF,WAgCA,sBACMpD,KAAKgD,OAAOK,eAAe,aAAcC,EAAA,MACzCA,OAAaA,cAAeA,GAElC,iCAEA,MAEA,mEAGEC,QA3CF,WA4CIvD,KAAKuC,WAAY,ICrHuW,I,wBCQxXiB,EAAY,eACd,EACA1D,EACAwC,GACA,EACA,KACA,KACA,MAIa,aAAAkB,E,kECnBf","file":"js/chunk-6ee50df3.ce7ffc79.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"data-list-container\",attrs:{\"id\":\"data-list-list-view\"}},[_c('vs-table',{ref:\"table\",attrs:{\"multiple\":\"\",\"pagination\":\"\",\"max-items\":_vm.itemsPerPage,\"search\":\"\",\"data\":_vm.materials},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar data = ref.data;\nreturn [_c('tbody',_vm._l((data),function(tr,indextr){return _c('vs-tr',{key:indextr,attrs:{\"data\":tr}},[_c('vs-td',[_c('p',{staticClass:\"product-name font-medium truncate\"},[_vm._v(_vm._s(tr.CourseModuleName))])]),_c('vs-td',[_c('p',{staticClass:\"product-name font-medium truncate\"},[_vm._v(_vm._s(tr.MaterialName))])]),_c('vs-td',[_c('p',{staticClass:\"product-name font-medium truncate\"},[_vm._v(_vm._s(tr.Version))])]),_c('vs-td',[_c('p',{staticClass:\"product-name font-medium truncate\"},[_vm._v(_vm._s(tr.MaterialTypeName))])]),_c('vs-td',[_c('a',{attrs:{\"href\":_vm.baseUrl+tr.Url,\"download\":\"\",\"target\":\"_blank\"}},[_c('feather-icon',{staticClass:\"ml-2\",attrs:{\"icon\":\"DownloadIcon\",\"svgClasses\":\"w-5 h-5 hover:text-danger stroke-current\"}})],1)])],1)}),1)]}}]),model:{value:(_vm.selected),callback:function ($$v) {_vm.selected=$$v},expression:\"selected\"}},[_c('div',{staticClass:\"flex flex-wrap-reverse items-center flex-grow justify-between\",attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('label'),_c('vs-dropdown',{staticClass:\"cursor-pointer mb-4 mr-4\",attrs:{\"vs-trigger-click\":\"\"}},[_c('div',{staticClass:\"p-4 border border-solid d-theme-border-grey-light rounded-full d-theme-dark-bg cursor-pointer flex items-center justify-between font-medium\"},[_c('span',{staticClass:\"mr-2\"},[_vm._v(_vm._s(_vm.currentPage * _vm.itemsPerPage - (_vm.itemsPerPage - 1))+\" - \"+_vm._s(_vm.materials.length - _vm.currentPage * _vm.itemsPerPage > 0 ? _vm.currentPage * _vm.itemsPerPage : _vm.materials.length)+\" of \"+_vm._s(_vm.materials.length))]),_c('feather-icon',{attrs:{\"icon\":\"ChevronDownIcon\",\"svgClasses\":\"h-4 w-4\"}})],1),_c('vs-dropdown-menu',[_c('vs-dropdown-item',{on:{\"click\":function($event){_vm.itemsPerPage=4}}},[_c('span',[_vm._v(\"4\")])]),_c('vs-dropdown-item',{on:{\"click\":function($event){_vm.itemsPerPage=10}}},[_c('span',[_vm._v(\"10\")])]),_c('vs-dropdown-item',{on:{\"click\":function($event){_vm.itemsPerPage=15}}},[_c('span',[_vm._v(\"15\")])]),_c('vs-dropdown-item',{on:{\"click\":function($event){_vm.itemsPerPage=20}}},[_c('span',[_vm._v(\"20\")])])],1)],1)],1),_c('template',{slot:\"thead\"},[_c('vs-th',{attrs:{\"sort-key\":\"Name\"}},[_vm._v(_vm._s(_vm.$t('Module'))+\" \")]),_c('vs-th',{attrs:{\"sort-key\":\"Name\"}},[_vm._v(\" \"+_vm._s(_vm.$t('Name')))]),_c('vs-th',{attrs:{\"sort-key\":\"Name\"}},[_vm._v(\" \"+_vm._s(_vm.$t('Version')))]),_c('vs-th',{attrs:{\"sort-key\":\"Name\"}},[_vm._v(_vm._s(_vm.$t('Type')))]),_c('vs-th',{attrs:{\"sort-key\":\"Name\"}},[_vm._v(_vm._s(_vm.$t('Download')))])],1)],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n<template>\r\n  <div id=\"data-list-list-view\" class=\"data-list-container\">\r\n\r\n\r\n    <vs-table ref=\"table\" multiple v-model=\"selected\" pagination :max-items=\"itemsPerPage\" search :data=\"materials\">\r\n\r\n      <div slot=\"header\" class=\"flex flex-wrap-reverse items-center flex-grow justify-between\">\r\n\r\n       <label></label>\r\n\r\n        <!-- ITEMS PER PAGE -->\r\n        <vs-dropdown vs-trigger-click class=\"cursor-pointer mb-4 mr-4\">\r\n          <div class=\"p-4 border border-solid d-theme-border-grey-light rounded-full d-theme-dark-bg cursor-pointer flex items-center justify-between font-medium\">\r\n            <span class=\"mr-2\">{{ currentPage * itemsPerPage - (itemsPerPage - 1) }} - {{ materials.length - currentPage * itemsPerPage > 0 ? currentPage * itemsPerPage : materials.length }} of {{ materials.length }}</span>\r\n            <feather-icon icon=\"ChevronDownIcon\" svgClasses=\"h-4 w-4\" />\r\n          </div>\r\n          <!-- <vs-button class=\"btn-drop\" type=\"line\" color=\"primary\" icon-pack=\"feather\" icon=\"icon-chevron-down\"></vs-button> -->\r\n          <vs-dropdown-menu>\r\n            <vs-dropdown-item @click=\"itemsPerPage=4\">\r\n              <span>4</span>\r\n            </vs-dropdown-item>\r\n            <vs-dropdown-item @click=\"itemsPerPage=10\">\r\n              <span>10</span>\r\n            </vs-dropdown-item>\r\n            <vs-dropdown-item @click=\"itemsPerPage=15\">\r\n              <span>15</span>\r\n            </vs-dropdown-item>\r\n            <vs-dropdown-item @click=\"itemsPerPage=20\">\r\n              <span>20</span>\r\n            </vs-dropdown-item>\r\n          </vs-dropdown-menu>\r\n        </vs-dropdown>\r\n      </div>\r\n\r\n      <template slot=\"thead\">\r\n        <vs-th sort-key=\"Name\">{{$t('Module')}} </vs-th>\r\n        <vs-th sort-key=\"Name\"> {{$t('Name')}}</vs-th>\r\n         <vs-th sort-key=\"Name\"> {{$t('Version')}}</vs-th>\r\n         <vs-th sort-key=\"Name\">{{$t('Type')}}</vs-th>\r\n         <vs-th sort-key=\"Name\">{{$t('Download')}}</vs-th>\r\n\r\n      </template>\r\n\r\n        <template slot-scope=\"{data}\">\r\n          <tbody>\r\n            <vs-tr :data=\"tr\" :key=\"indextr\" v-for=\"(tr, indextr) in data\">\r\n              <vs-td>\r\n                <p class=\"product-name font-medium truncate\">{{ tr.CourseModuleName }}</p>\r\n              </vs-td>\r\n              <vs-td>\r\n                <p class=\"product-name font-medium truncate\">{{ tr.MaterialName }}</p>\r\n              </vs-td>\r\n                <vs-td>\r\n                <p class=\"product-name font-medium truncate\">{{ tr.Version }}</p>\r\n              </vs-td>\r\n               <vs-td>\r\n                <p class=\"product-name font-medium truncate\">{{ tr.MaterialTypeName}}</p>\r\n              </vs-td>\r\n              <vs-td>\r\n                <a :href=\"baseUrl+tr.Url\" download target=\"_blank\"><feather-icon icon=\"DownloadIcon\" svgClasses=\"w-5 h-5 hover:text-danger stroke-current\" class=\"ml-2\"  /></a>\r\n              </vs-td>\r\n\r\n            </vs-tr>\r\n          </tbody>\r\n        </template>\r\n    </vs-table>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport moduleCourse from \"@/store/course/moduleCourse.js\";\r\nimport { domain } from '@/gloabelConstant.js'\r\nexport default {\r\n  data() {\r\n    return {\r\n      baseUrl:domain,\r\n      selected: [],\r\n      itemsPerPage: 10,\r\n      isMounted: false,\r\n      // Data Sidebar\r\n      addNewDataSidebar: false,\r\n      sidebarData: {},\r\n      rowDataForDelete: {},\r\n      activeConfirm: false\r\n    };\r\n  },\r\n  computed: {\r\n    currentPage() {\r\n      if (this.isMounted) {\r\n        return this.$refs.table.currentx;\r\n      }\r\n      return 0;\r\n    },\r\n    materials() {\r\n      return this.$store.state.courseList.materials;\r\n    },\r\n\r\n  },\r\n\r\n  methods: {\r\n\r\n  },\r\n\r\n  created() {\r\n  if (!moduleCourse.isRegistered) {\r\n      this.$store.registerModule(\"courseList\", moduleCourse);\r\n      moduleCourse.isRegistered = true;\r\n    }\r\n   const ID = this.$route.params.ID;\r\n   debugger\r\n   if(ID!=undefined)\r\n   {\r\n    this.$store.dispatch(\"courseList/GetCourseMaterialsByCourseID\",ID);\r\n   }\r\n  },\r\n  mounted() {\r\n    this.isMounted = true;\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n#data-list-list-view {\r\n  .vs-con-table {\r\n    .product-name {\r\n      max-width: 23rem;\r\n    }\r\n\r\n    .vs-table--header {\r\n      display: flex;\r\n      flex-wrap: wrap-reverse;\r\n      margin-left: 1.5rem;\r\n      margin-right: 1.5rem;\r\n      > span {\r\n        display: flex;\r\n        flex-grow: 1;\r\n      }\r\n\r\n      .vs-table--search {\r\n        padding-top: 0;\r\n\r\n        .vs-table--search-input {\r\n          padding: 0.9rem 2.5rem;\r\n          font-size: 1rem;\r\n\r\n          & + i {\r\n            left: 1rem;\r\n          }\r\n\r\n          &:focus + i {\r\n            left: 1rem;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .vs-table {\r\n      border-collapse: separate;\r\n      border-spacing: 0 1.3rem;\r\n      padding: 0 1rem;\r\n\r\n      tr {\r\n        box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);\r\n        td {\r\n          padding: 20px;\r\n          &:first-child {\r\n            border-top-left-radius: 0.5rem;\r\n            border-bottom-left-radius: 0.5rem;\r\n          }\r\n          &:last-child {\r\n            border-top-right-radius: 0.5rem;\r\n            border-bottom-right-radius: 0.5rem;\r\n          }\r\n        }\r\n        td.td-check {\r\n          padding: 20px !important;\r\n        }\r\n      }\r\n    }\r\n\r\n    .vs-table--thead {\r\n      th {\r\n        padding-top: 0;\r\n        padding-bottom: 0;\r\n\r\n        .vs-table-text {\r\n          text-transform: uppercase;\r\n          font-weight: 600;\r\n        }\r\n      }\r\n      th.td-check {\r\n        padding: 0 15px !important;\r\n      }\r\n      tr {\r\n        background: none;\r\n        box-shadow: none;\r\n      }\r\n    }\r\n\r\n    .vs-table--pagination {\r\n      justify-content: center;\r\n    }\r\n  }\r\n}\r\n</style>\r\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!./courseMaterialDetail.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!./courseMaterialDetail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./courseMaterialDetail.vue?vue&type=template&id=660c93fa&\"\nimport script from \"./courseMaterialDetail.vue?vue&type=script&lang=js&\"\nexport * from \"./courseMaterialDetail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./courseMaterialDetail.vue?vue&type=style&index=0&lang=scss&\"\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","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./courseMaterialDetail.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}