{"version":3,"sources":["webpack:///./src/views/manage/TrainingMaterial.vue?82c9","webpack:///src/views/manage/TrainingMaterial.vue","webpack:///./src/views/manage/TrainingMaterial.vue?3886","webpack:///./src/views/manage/TrainingMaterial.vue","webpack:///./src/assets/images/pages/folder-icon-200.png","webpack:///./src/views/manage/TrainingMaterial.vue?215c"],"names":["render","_vm","this","_h","$createElement","_c","_self","ref","directives","name","rawName","value","isCategoriesHidden","expression","staticClass","_l","category","index","key","on","$event","openFolder","attrs","_v","_s","backToCategories","manageMaterial","selectedCategory","itemsPerPage","trainingMaterial","handleSelectedItem","scopedSlots","_u","fn","data","item","indextr","thumbnailUrl","url","substring","lastIndexOf","toLowerCase","staticStyle","_e","title","summary","$acl","check","stopPropagation","preventDefault","slot","addNewItem","loadData","currentPage","length","uploadLocation","formData","id","uploadComplete","fileRemoved","categoriesDropdownList","model","callback","$$v","categoryDropdown","$set","thumbUploadComplete","thumbFileRemoved","saveEditItem","deleteItem","viewPopupActive","selectedItem","selectedFileExt","viewItem","downloadImage","staticRenderFns","FilePond","vueFilePond","FilePondPluginFileValidateType","FilePondPluginImagePreview","components","Plyr","vSelect","isMounted","selected","categoryId","podcastPlayer","source","categories","computed","$refs","trainingMaterialTable","currentx","get","$buildUrl","watch","val","initValues","methods","errors","clear","pond","removeFiles","thumb_pond","_this","filter","x","loadCategories","self","showLoadingOnElement","onSuccess","response","map","label","onFinally","whole_page","$vs","loading","close","$el","$ajaxGet","trainingMaterialCategoryId","concat","preview","setTimeout","playPodcast","$validator","validateAll","then","result","notify","color","text","position","iconPack","icon","saveButton","$ajaxPost","items","msg","deleteButton","error","file","JSON","parse","serverId","fileExt","element","scale","type","container","routeData","$router","resolve","query","window","open","href","autoplay","counter","podcastViewer","src","sources","mounted","component","module","exports"],"mappings":"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","file":"js/chunk-6d59895a.ca56446f.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"whole_page\"},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isCategoriesHidden),expression:\"!isCategoriesHidden\"}],staticClass:\"vx-row justify-evenly\"},_vm._l((_vm.categories),function(category,index){return _c('div',{key:index,staticClass:\"vx-col xs:w-1/2 sm:w-1/2 md:w-1/4 lg:w-1/5 xl:w-1/6 text-center\"},[_c('div',{staticClass:\"category__folder mb-base px-2\",on:{\"click\":function($event){return _vm.openFolder(category)}}},[_c('b-img',{staticClass:\"mt-2\",attrs:{\"src\":require('@/assets/images/pages/folder-icon-200.png'),\"fluid\":\"\",\"alt\":\"folder-icon\"}}),_c('h4',{staticClass:\"my-2\"},[_vm._v(_vm._s(category.name))])],1)])}),0),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isCategoriesHidden),expression:\"isCategoriesHidden\"}]},[_c('div',{staticClass:\"w-full\"},[_c('vs-button',{staticClass:\"mb-3\",attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-arrow-left\",\"color\":\"primary\",\"type\":\"filled\"},on:{\"click\":_vm.backToCategories}},[_vm._v(\"Back\")]),_c('vx-card',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.manageMaterial),expression:\"!manageMaterial\"}],ref:\"users\",attrs:{\"id\":\"usersCard\",\"title\":_vm.selectedCategory.name}},[_c('vs-table',{ref:\"trainingMaterialTable\",staticClass:\"vs-con-loading__container\",attrs:{\"stripe\":\"\",\"single\":\"\",\"pagination\":\"\",\"max-items\":_vm.itemsPerPage,\"search\":\"\",\"data\":_vm.trainingMaterial},on:{\"selected\":_vm.handleSelectedItem},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar data = ref.data;\nreturn _vm._l((data),function(item,indextr){return _c('vs-tr',{key:indextr,attrs:{\"data\":item}},[_c('vs-td',[_c('div',{staticClass:\"relative flex\"},[_c('img',{attrs:{\"src\":item.thumbnailUrl,\"width\":\"150px\"}}),(item.url.substring(item.url.lastIndexOf('.') + 1).toLowerCase() == 'mp4')?_c('div',{staticClass:\"h-6 w-6 absolute right-0 bottom-0 mr-2 mb-2\"},[_c('svg',{staticClass:\"feather feather-video\",staticStyle:{\"color\":\"rgb(122, 204, 200)\"},attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"24\",\"height\":\"24\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"stroke-width\":\"2\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}},[_c('polygon',{attrs:{\"points\":\"23 7 16 12 23 17 23 7\"}}),_c('rect',{attrs:{\"x\":\"1\",\"y\":\"5\",\"width\":\"15\",\"height\":\"14\",\"rx\":\"2\",\"ry\":\"2\"}})])]):(item.url.substring(item.url.lastIndexOf('.') + 1).toLowerCase() == 'pdf')?_c('div',{staticClass:\"h-6 w-6 absolute right-0 bottom-0 mr-2 mb-2\"},[_c('svg',{staticClass:\"feather feather-file-text\",staticStyle:{\"color\":\"rgb(122, 204, 200)\"},attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"24\",\"height\":\"24\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"stroke-width\":\"2\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}},[_c('path',{attrs:{\"d\":\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"}}),_c('polyline',{attrs:{\"points\":\"14 2 14 8 20 8\"}}),_c('line',{attrs:{\"x1\":\"16\",\"y1\":\"13\",\"x2\":\"8\",\"y2\":\"13\"}}),_c('line',{attrs:{\"x1\":\"16\",\"y1\":\"17\",\"x2\":\"8\",\"y2\":\"17\"}}),_c('polyline',{attrs:{\"points\":\"10 9 9 9 8 9\"}})])]):(item.url.substring(item.url.lastIndexOf('.') + 1).toLowerCase() == 'mp3' || item.url.substring(item.url.lastIndexOf('.') + 1).toLowerCase() == 'mpeg')?_c('div',{staticClass:\"h-6 w-6 absolute right-0 bottom-0 mr-2 mb-2\"},[_c('svg',{staticClass:\"feather feather-music\",staticStyle:{\"color\":\"rgb(122, 204, 200)\"},attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"24\",\"height\":\"24\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"stroke-width\":\"2\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}},[_c('path',{attrs:{\"d\":\"M9 18V5l12-2v13\"}}),_c('circle',{attrs:{\"cx\":\"6\",\"cy\":\"18\",\"r\":\"3\"}}),_c('circle',{attrs:{\"cx\":\"18\",\"cy\":\"16\",\"r\":\"3\"}})])]):(item.url.substring(item.url.lastIndexOf('.') + 1).toLowerCase() == 'png' || item.url.substring(item.url.lastIndexOf('.') + 1).toLowerCase() == 'jpg' || item.url.substring(item.url.lastIndexOf('.') + 1).toLowerCase() == 'jpeg' || item.url.substring(item.url.lastIndexOf('.') + 1).toLowerCase() == 'gif')?_c('div',{staticClass:\"h-6 w-6 absolute right-0 bottom-0 mr-2 mb-2\"},[_c('svg',{staticClass:\"feather feather-image\",staticStyle:{\"color\":\"rgb(122, 204, 200)\"},attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"24\",\"height\":\"24\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"stroke-width\":\"2\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}},[_c('rect',{attrs:{\"x\":\"3\",\"y\":\"3\",\"width\":\"18\",\"height\":\"18\",\"rx\":\"2\",\"ry\":\"2\"}}),_c('circle',{attrs:{\"cx\":\"8.5\",\"cy\":\"8.5\",\"r\":\"1.5\"}}),_c('polyline',{attrs:{\"points\":\"21 15 16 10 5 21\"}})])]):_vm._e()])]),_c('vs-td',{attrs:{\"data\":data[indextr].title}},[_c('p',{staticClass:\"product-name font-medium\"},[_vm._v(_vm._s(item.title))])]),_c('vs-td',{attrs:{\"data\":data[indextr].summary}},[_c('p',{staticClass:\"product-name font-medium\"},[_vm._v(_vm._s(item.summary))])]),(!_vm.$acl.check('Spotter'))?_c('vs-td',[_c('vs-button',{attrs:{\"color\":\"success\",\"type\":\"flat\",\"icon-pack\":\"feather\",\"icon\":\"icon-eye\"},on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.handleSelectedItem(item, true)}}})],1):_vm._e()],1)})}}])},[_c('div',{staticClass:\"flex flex-wrap-reverse items-center flex-grow justify-between\",attrs:{\"slot\":\"header\"},slot:\"header\"},[(!_vm.$acl.check('Spotter'))?_c('div',{staticClass:\"flex flex-wrap-reverse items-center\"},[_c('div',{staticClass:\"p-3 mr-4 rounded-lg cursor-pointer flex items-center justify-between text-lg font-medium text-base text-primary-vuexy border border-solid border-primary-vuexy\",on:{\"click\":_vm.addNewItem}},[_c('feather-icon',{attrs:{\"icon\":\"PlusIcon\",\"svgClasses\":\"h-4 w-4\"}}),_c('span',{staticClass:\"ml-2 text-base text-primary-vuexy\"},[_vm._v(\"Add New\")])],1),_c('div',{staticClass:\"p-3 mr-4 rounded-lg cursor-pointer flex items-center justify-between text-lg font-medium text-base text-primary-vuexy border border-solid border-primary-vuexy\",on:{\"click\":_vm.loadData}},[_c('feather-icon',{attrs:{\"icon\":\"RefreshCcwIcon\",\"svgClasses\":\"h-4 w-4\"}}),_c('span',{staticClass:\"ml-2 text-base text-primary-vuexy\"},[_vm._v(\"Refresh\")])],1)]):_vm._e(),_c('vs-dropdown',{staticClass:\"cursor-pointer mb-4 mr-4\",attrs:{\"vs-trigger-click\":\"\"}},[_c('div',{staticClass:\"p-4 border border-solid 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.trainingMaterial.length - _vm.currentPage * _vm.itemsPerPage > 0 ? _vm.currentPage * _vm.itemsPerPage : _vm.trainingMaterial.length)+\" of \"+_vm._s(_vm.trainingMaterial.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=15}}},[_c('span',[_vm._v(\"15\")])]),_c('vs-dropdown-item',{on:{\"click\":function($event){_vm.itemsPerPage=20}}},[_c('span',[_vm._v(\"20\")])]),_c('vs-dropdown-item',{on:{\"click\":function($event){_vm.itemsPerPage=25}}},[_c('span',[_vm._v(\"25\")])]),_c('vs-dropdown-item',{on:{\"click\":function($event){_vm.itemsPerPage=50}}},[_c('span',[_vm._v(\"50\")])]),_c('vs-dropdown-item',{on:{\"click\":function($event){_vm.itemsPerPage=100}}},[_c('span',[_vm._v(\"100\")])])],1)],1)],1),_c('template',{slot:\"thead\"},[_c('vs-th',{staticStyle:{\"width\":\"150px\"}}),_c('vs-th',{attrs:{\"sort-key\":\"title\"}},[_vm._v(\"Title\")]),_c('vs-th',{attrs:{\"sort-key\":\"summary\"}},[_vm._v(\"Summary\")]),(!_vm.$acl.check('Spotter'))?_c('vs-th'):_vm._e()],1)],2)],1)],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.manageMaterial),expression:\"manageMaterial\"}]},[_c('vx-card',{staticClass:\"w-full\"},[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full\",staticStyle:{\"text-align\":\"-webkit-center\"}},[_c('vx-card',{staticClass:\"w-full card__no-padding\",attrs:{\"card-background\":\"rgb(var(--vs-primary))\"}},[_c('vx-input-group',[_c('template',{slot:\"prepend\"},[_c('div',{staticClass:\"prepend-text input-group_prepend-slot-bg\"},[_c('span',[_c('feather-icon',{staticClass:\"pt-1\",attrs:{\"icon\":\"UploadCloudIcon\",\"svg-classes\":\"stroke-current\"}})],1)])]),_c('file-pond',{ref:\"pond\",attrs:{\"id\":\"filepond\",\"server\":_vm.uploadLocation,\"label-idle\":(\"Drop \" + (_vm.formData.id ? '<strong>new</strong>' : '') + \" file here or <span class='filepond--label-action'>Browse</span>\"),\"allow-multiple\":false,\"instant-upload\":true,\"allow-image-preview\":true,\"accepted-file-types\":\"application/pdf, video/mp4, audio/mp3, audio/mpeg, image/png, image/jpg, image/jpeg, image/gif\"},on:{\"processfile\":_vm.uploadComplete,\"removefile\":_vm.fileRemoved}})],2)],1),_c('p',{staticClass:\"mt-3\"},[_vm._v(\"Allowed filetypes: \"),_c('strong',[_vm._v(\"PDF, MP4, MP3, PNG, JPG, GIF\")])])],1)]),_c('div',{staticClass:\"vx-row mt-4\"},[_c('div',{staticClass:\"vx-col w-full sm:w-full md:w-full lg:w-1/2 xl:w-1/2\"},[_c('span',{staticClass:\"flex\"},[_c('label',[_vm._v(\"Category\")]),_c('p',{staticClass:\"compulsory_asterisk\"},[_vm._v(\" *\")])]),_c('v-select',{ref:\"categoryDropdown\",attrs:{\"options\":_vm.categoriesDropdownList,\"placeholder\":\"Select a Category\"},model:{value:(_vm.categoryDropdown),callback:function ($$v) {_vm.categoryDropdown=$$v},expression:\"categoryDropdown\"}})],1)]),_c('div',{staticClass:\"vx-row mt-4\"},[_c('div',{staticClass:\"vx-col w-full sm:w-full md:w-full lg:w-1/2 xl:w-1/2\"},[_c('span',{staticClass:\"flex\"},[_c('label',[_vm._v(\"Title\")]),_c('p',{staticClass:\"compulsory_asterisk\"},[_vm._v(\" *\")])]),_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required'),expression:\"'required'\"}],staticClass:\"w-full\",attrs:{\"autocomplete\":\"chrome-off\",\"name\":\"Title\"},model:{value:(_vm.formData.title),callback:function ($$v) {_vm.$set(_vm.formData, \"title\", $$v)},expression:\"formData.title\"}})],1),_c('div',{staticClass:\"vx-col w-full sm:w-full md:w-full lg:w-1/2 xl:w-1/2\",attrs:{\"id\":\"summary-textarea--container\"}},[_c('span',{staticClass:\"flex\"},[_c('label',[_vm._v(\"Summary\")]),_c('p',{staticClass:\"compulsory_asterisk\"},[_vm._v(\" *\")])]),_c('vs-textarea',{staticClass:\"w-full\",model:{value:(_vm.formData.summary),callback:function ($$v) {_vm.$set(_vm.formData, \"summary\", $$v)},expression:\"formData.summary\"}})],1)]),_c('div',{staticClass:\"vx-row\"},[_c('vs-divider',[_c('span',{staticClass:\"flex\"},[_c('label',[_vm._v(\"Thumbnail\")]),_c('p',{staticClass:\"compulsory_asterisk\"},[_vm._v(\" *\")])])]),_c('div',{staticClass:\"vx-col w-full sm:w-full md:w-full lg:w-1/2 xl:w-1/2\"},[_c('vx-card',{staticClass:\"w-full card__no-padding\",attrs:{\"card-background\":\"rgb(var(--vs-primary))\"}},[_c('vx-input-group',[_c('template',{slot:\"prepend\"},[_c('div',{staticClass:\"prepend-text input-group_prepend-slot-bg\"},[_c('span',[_c('feather-icon',{staticClass:\"pt-1\",attrs:{\"icon\":\"ImageIcon\",\"svg-classes\":\"stroke-current\"}})],1)])]),_c('file-pond',{ref:\"thumb_pond\",attrs:{\"id\":\"thumb-filepond\",\"server\":_vm.uploadLocation,\"label-idle\":\"Drop <strong>thumbnail</strong> image here or <span class='filepond--label-action'>Browse</span>\",\"allow-multiple\":false,\"instant-upload\":true,\"allow-image-preview\":true,\"accepted-file-types\":\"image/*\"},on:{\"processfile\":_vm.thumbUploadComplete,\"removefile\":_vm.thumbFileRemoved}})],2)],1)],1),(_vm.formData.thumbnailUrl)?_c('div',{staticClass:\"vx-col w-full sm:w-full md:w-full lg:w-1/2 xl:w-1/2\",staticStyle:{\"text-align\":\"-webkit-center\"}},[_c('div',{staticClass:\"vx-row\"},[_c('vs-divider',[_vm._v(\"Preview\")]),_c('div',{staticClass:\"vx-col w-full\"},[_c('img',{staticClass:\"thumb_img\",attrs:{\"src\":_vm.formData.thumbnailUrl,\"height\":\"169px\"}})]),_c('vs-divider')],1)]):_vm._e()],1),_c('vs-divider'),_c('div',{staticClass:\"vx-row\"},[_c('vs-spacer'),_c('div',{staticClass:\"vx-col\"},[_c('vs-button',{ref:\"saveButton\",staticClass:\"mr-4 mb-2 vs-con-loading__container\",on:{\"click\":function($event){$event.preventDefault();return _vm.saveEditItem($event)}}},[_vm._v(\"Save\")]),(_vm.formData.id)?_c('vs-button',{ref:\"deleteButton\",staticClass:\"mr-3 mb-2 vs-con-loading__container\",attrs:{\"color\":\"danger\"},on:{\"click\":function($event){$event.preventDefault();return _vm.deleteItem($event)}}},[_vm._v(\"Delete\")]):_vm._e(),_c('vs-button',{staticClass:\"mb-2\",attrs:{\"color\":\"warning\",\"type\":\"border\"},on:{\"click\":function($event){_vm.manageMaterial = false}}},[_vm._v(\"Cancel\")])],1)],1)],1)],1)]),_c('vs-popup',{attrs:{\"id\":\"trainingmaterial-popup\",\"background-color\":\"rgba(0,0,0,.5)\",\"background-color-popup\":\"rgba(255,255,255,1)\",\"title\":\"\",\"active\":_vm.viewPopupActive},on:{\"update:active\":function($event){_vm.viewPopupActive=$event}}},[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col xs:w-1/4 sm:w-1/4 md:w-1/2 lg:w-1/3 xl:w-1/3\"},[_c('img',{staticClass:\"reflection_bottom\",staticStyle:{\"width\":\"100%\",\"border-radius\":\"15px\"},attrs:{\"src\":_vm.selectedItem.thumbnailUrl}})]),_c('div',{staticClass:\"vx-col xs:w-3/4 sm:w-3/4 md:w-1/2 lg:w-2/3 xl:w-2/3\"},[_c('div',{staticClass:\"vx-row mt-2\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('h2',[_c('strong',[_vm._v(_vm._s(_vm.selectedItem.title))])])])]),_c('div',{staticClass:\"vx-row mt-2\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('p',{staticStyle:{\"text-align\":\"justify\"}},[_vm._v(_vm._s(_vm.selectedItem.summary))])])])])]),(_vm.selectedFileExt == 'mp4' || _vm.selectedFileExt == 'pdf')?_c('div',{staticClass:\"vx-row\"},[_c('vs-spacer'),_c('div',{staticClass:\"vx-col\"},[_c('vs-button',{staticClass:\"custom-button mt-2 vs-con-loading__container\",attrs:{\"href\":_vm.selectedItem.url,\"data-ajax\":\"false\",\"target\":\"_blank\",\"color\":\"success\",\"type\":\"border\",\"icon-pack\":\"feather\",\"icon\":\"icon-download-cloud\"},on:{\"click\":_vm.viewItem}},[_c('strong',[_vm._v(\"Download\")])])],1),_c('div',{staticClass:\"vx-col\"},[_c('vs-button',{ref:\"search\",staticClass:\"custom-button mt-2 vs-con-loading__container\",on:{\"click\":_vm.viewItem}},[_c('img',{staticStyle:{\"float\":\"left\",\"margin-left\":\"-7px\",\"margin-right\":\"5px\",\"margin-top\":\"-2px\",\"height\":\"25px\"},attrs:{\"src\":\"https://lateralscaffolding.blob.core.windows.net/resources/icon-view-custom.png\"}}),_c('strong',[_vm._v(\"View\")])])],1)],1):_vm._e(),(_vm.selectedFileExt == 'mp3' || _vm.selectedFileExt == 'mpeg')?_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full mt-5\"},[_c('div',{ref:\"podcastViewer\",staticClass:\"xs:w-full sm:w-full md:w-1/2 lg:w-2/3 xl:w-2/3 float-right vs-con-loading__container\",attrs:{\"id\":\"podcast-container\"}},[_c('video',{ref:\"plyr\",staticClass:\"media-video-player card-video\",attrs:{\"id\":\"podcastPlayer\",\"controls\":\"\"}})])])]):(_vm.selectedFileExt == 'png' || _vm.selectedFileExt == 'jpg' || _vm.selectedFileExt == 'jpeg' || _vm.selectedFileExt == 'gif')?_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full mt-5 text-center\"},[_c('b-img',{staticClass:\"cursor-pointer\",staticStyle:{\"max-width\":\"500px\",\"max-height\":\"550px\"},attrs:{\"src\":_vm.selectedItem.url,\"fluid\":\"\",\"alt\":\"image\"},on:{\"click\":_vm.downloadImage}})],1)]):_vm._e()])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div ref=\"whole_page\">\r\n    <div v-show=\"!isCategoriesHidden\" class=\"vx-row justify-evenly\">\r\n      <div class=\"vx-col xs:w-1/2 sm:w-1/2 md:w-1/4 lg:w-1/5 xl:w-1/6 text-center\" v-for=\"(category, index) in categories\" :key=\"index\">\r\n        <div class=\"category__folder mb-base px-2\" @click=\"openFolder(category)\">\r\n          <b-img class=\"mt-2\" :src=\"require('@/assets/images/pages/folder-icon-200.png')\" fluid alt=\"folder-icon\"/>\r\n          <h4 class=\"my-2\">{{ category.name }}</h4>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div v-show=\"isCategoriesHidden\">\r\n      <div class=\"w-full\">\r\n        <vs-button class=\"mb-3\" icon-pack=\"feather\" icon=\"icon-arrow-left\" color=\"primary\" type=\"filled\" @click=\"backToCategories\" >Back</vs-button>\r\n        <vx-card id=\"usersCard\" v-show=\"!manageMaterial\" ref=\"users\" :title=\"selectedCategory.name\">\r\n          <vs-table stripe ref=\"trainingMaterialTable\" class=\"vs-con-loading__container\" single @selected=\"handleSelectedItem\" pagination :max-items=\"itemsPerPage\" search :data=\"trainingMaterial\">\r\n            <div slot=\"header\" class=\"flex flex-wrap-reverse items-center flex-grow justify-between\">\r\n\r\n              <div v-if=\"!$acl.check('Spotter')\" class=\"flex flex-wrap-reverse items-center\">\r\n                <!-- ADD NEW -->\r\n                <div class=\"p-3 mr-4 rounded-lg cursor-pointer flex items-center justify-between text-lg font-medium text-base text-primary-vuexy border border-solid border-primary-vuexy\" @click=\"addNewItem\">\r\n                  <feather-icon icon=\"PlusIcon\" svgClasses=\"h-4 w-4\" />\r\n                  <span class=\"ml-2 text-base text-primary-vuexy\">Add New</span>\r\n                </div>\r\n\r\n                <div class=\"p-3 mr-4 rounded-lg cursor-pointer flex items-center justify-between text-lg font-medium text-base text-primary-vuexy border border-solid border-primary-vuexy\" @click=\"loadData\">\r\n                  <feather-icon icon=\"RefreshCcwIcon\" svgClasses=\"h-4 w-4\" />\r\n                  <span class=\"ml-2 text-base text-primary-vuexy\">Refresh</span>\r\n                </div>\r\n              </div>\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 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) }} - {{ trainingMaterial.length - currentPage * itemsPerPage > 0 ? currentPage * itemsPerPage : trainingMaterial.length }} of {{ trainingMaterial.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\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-item @click=\"itemsPerPage=25\">\r\n                    <span>25</span>\r\n                  </vs-dropdown-item>\r\n                  <vs-dropdown-item @click=\"itemsPerPage=50\">\r\n                    <span>50</span>\r\n                  </vs-dropdown-item>\r\n                  <vs-dropdown-item @click=\"itemsPerPage=100\">\r\n                    <span>100</span>\r\n                  </vs-dropdown-item>\r\n                </vs-dropdown-menu>\r\n              </vs-dropdown>\r\n            </div>\r\n            <template slot=\"thead\">\r\n              <vs-th style=\"width: 150px;\"></vs-th>\r\n              <vs-th sort-key=\"title\">Title</vs-th>\r\n              <vs-th sort-key=\"summary\">Summary</vs-th>\r\n              <vs-th v-if=\"!$acl.check('Spotter')\"></vs-th>\r\n            </template>\r\n\r\n            <template slot-scope=\"{data}\">\r\n              <vs-tr :data=\"item\" :key=\"indextr\" v-for=\"(item, indextr) in data\" >\r\n\r\n                <vs-td>\r\n                  \r\n                  <div class=\"relative flex\">\r\n                    <img :src=\"item.thumbnailUrl\" width=\"150px\" />\r\n                    <div v-if=\"item.url.substring(item.url.lastIndexOf('.') + 1).toLowerCase() == 'mp4'\" class=\"h-6 w-6 absolute right-0 bottom-0 mr-2 mb-2\">\r\n                      <svg xmlns=\"http://www.w3.org/2000/svg\" style=\"color: rgb(122, 204, 200)\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-video\"><polygon points=\"23 7 16 12 23 17 23 7\"></polygon><rect x=\"1\" y=\"5\" width=\"15\" height=\"14\" rx=\"2\" ry=\"2\"></rect></svg>\r\n                    </div>\r\n                    <div v-else-if=\"item.url.substring(item.url.lastIndexOf('.') + 1).toLowerCase() == 'pdf'\" class=\"h-6 w-6 absolute right-0 bottom-0 mr-2 mb-2\">\r\n                      <svg xmlns=\"http://www.w3.org/2000/svg\" style=\"color: rgb(122, 204, 200)\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-file-text\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"></path><polyline points=\"14 2 14 8 20 8\"></polyline><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"></line><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"></line><polyline points=\"10 9 9 9 8 9\"></polyline></svg>\r\n                    </div>\r\n                    <div v-else-if=\"item.url.substring(item.url.lastIndexOf('.') + 1).toLowerCase() == 'mp3' || item.url.substring(item.url.lastIndexOf('.') + 1).toLowerCase() == 'mpeg'\" class=\"h-6 w-6 absolute right-0 bottom-0 mr-2 mb-2\">\r\n                      <svg xmlns=\"http://www.w3.org/2000/svg\" style=\"color: rgb(122, 204, 200)\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-music\"><path d=\"M9 18V5l12-2v13\"></path><circle cx=\"6\" cy=\"18\" r=\"3\"></circle><circle cx=\"18\" cy=\"16\" r=\"3\"></circle></svg>\r\n                    </div>\r\n                    <div v-else-if=\"item.url.substring(item.url.lastIndexOf('.') + 1).toLowerCase() == 'png' || item.url.substring(item.url.lastIndexOf('.') + 1).toLowerCase() == 'jpg' || item.url.substring(item.url.lastIndexOf('.') + 1).toLowerCase() == 'jpeg' || item.url.substring(item.url.lastIndexOf('.') + 1).toLowerCase() == 'gif'\" class=\"h-6 w-6 absolute right-0 bottom-0 mr-2 mb-2\">\r\n                      <svg xmlns=\"http://www.w3.org/2000/svg\" style=\"color: rgb(122, 204, 200)\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-image\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"></rect><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"></circle><polyline points=\"21 15 16 10 5 21\"></polyline></svg>\r\n                    </div>\r\n                </div>\r\n                </vs-td>\r\n\r\n                <vs-td :data=\"data[indextr].title\">\r\n                  <p class=\"product-name font-medium\">{{ item.title }}</p>\r\n                </vs-td>\r\n\r\n                <vs-td :data=\"data[indextr].summary\">\r\n                  <p class=\"product-name font-medium\">{{ item.summary }}</p>\r\n                </vs-td>\r\n\r\n                <vs-td v-if=\"!$acl.check('Spotter')\">\r\n                  <vs-button color=\"success\" type=\"flat\" icon-pack=\"feather\" icon=\"icon-eye\" @click.stop.prevent=\"handleSelectedItem(item, true)\"></vs-button>\r\n                </vs-td>\r\n\r\n              </vs-tr>\r\n            </template>\r\n          </vs-table>\r\n        </vx-card>\r\n      </div>\r\n\r\n      <div v-show=\"manageMaterial\">\r\n        <vx-card class=\"w-full\">\r\n          <div class=\"vx-row\">\r\n            <div class=\"vx-col w-full\" style=\"text-align: -webkit-center;\">\r\n              <vx-card card-background=\"rgb(var(--vs-primary))\" class=\"w-full card__no-padding\">\r\n                <vx-input-group>\r\n                  <template slot=\"prepend\">\r\n                    <div class=\"prepend-text input-group_prepend-slot-bg\">\r\n                      <span><feather-icon class=\"pt-1\" icon=\"UploadCloudIcon\" svg-classes=\"stroke-current\"></feather-icon></span>\r\n                    </div>\r\n                  </template>\r\n\r\n                  <file-pond\r\n                    id=\"filepond\"\r\n                    ref=\"pond\"\r\n                    :server=\"uploadLocation\"\r\n                    :label-idle=\"`Drop ${formData.id ? '<strong>new</strong>' : ''} file here or <span class='filepond--label-action'>Browse</span>`\"\r\n                    :allow-multiple=\"false\"\r\n                    :instant-upload=\"true\"\r\n                    :allow-image-preview=\"true\"\r\n                    accepted-file-types=\"application/pdf, video/mp4, audio/mp3, audio/mpeg, image/png, image/jpg, image/jpeg, image/gif\"\r\n                    @processfile=\"uploadComplete\"\r\n                    @removefile=\"fileRemoved\"\r\n                  />\r\n                </vx-input-group>\r\n              </vx-card>\r\n              <p class=\"mt-3\">Allowed filetypes:&nbsp;<strong>PDF, MP4, MP3, PNG, JPG, GIF</strong></p>\r\n            </div>\r\n          </div>\r\n          <div class=\"vx-row mt-4\">\r\n            <div class=\"vx-col w-full sm:w-full md:w-full lg:w-1/2 xl:w-1/2\">\r\n              <span class=\"flex\"><label>Category</label><p class=\"compulsory_asterisk\">&nbsp;*</p></span>\r\n              <v-select ref=\"categoryDropdown\" :options=\"categoriesDropdownList\" placeholder=\"Select a Category\" v-model=\"categoryDropdown\"></v-select>\r\n            </div>\r\n          </div>\r\n          <div class=\"vx-row mt-4\">\r\n            <div class=\"vx-col w-full sm:w-full md:w-full lg:w-1/2 xl:w-1/2\">\r\n              <span class=\"flex\"><label>Title</label><p class=\"compulsory_asterisk\">&nbsp;*</p></span>\r\n              <vs-input autocomplete=\"chrome-off\" class=\"w-full\" v-validate=\"'required'\" name=\"Title\" v-model=\"formData.title\" />\r\n            </div>\r\n            <div id=\"summary-textarea--container\" class=\"vx-col w-full sm:w-full md:w-full lg:w-1/2 xl:w-1/2\">\r\n              <span class=\"flex\"><label>Summary</label><p class=\"compulsory_asterisk\">&nbsp;*</p></span>\r\n              <vs-textarea class=\"w-full\" v-model=\"formData.summary\" />\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"vx-row\">\r\n            <vs-divider><span class=\"flex\"><label>Thumbnail</label><p class=\"compulsory_asterisk\">&nbsp;*</p></span></vs-divider>\r\n            <div class=\"vx-col w-full sm:w-full md:w-full lg:w-1/2 xl:w-1/2\">\r\n              <vx-card card-background=\"rgb(var(--vs-primary))\" class=\"w-full card__no-padding\">\r\n                <vx-input-group>\r\n                  <template slot=\"prepend\">\r\n                    <div class=\"prepend-text input-group_prepend-slot-bg\">\r\n                      <span><feather-icon class=\"pt-1\" icon=\"ImageIcon\" svg-classes=\"stroke-current\"></feather-icon></span>\r\n                    </div>\r\n                  </template>\r\n\r\n                  <file-pond\r\n                    id=\"thumb-filepond\"\r\n                    ref=\"thumb_pond\"\r\n                    :server=\"uploadLocation\"\r\n                    label-idle=\"Drop <strong>thumbnail</strong> image here or <span class='filepond--label-action'>Browse</span>\"\r\n                    :allow-multiple=\"false\"\r\n                    :instant-upload=\"true\"\r\n                    :allow-image-preview=\"true\"\r\n                    accepted-file-types=\"image/*\"\r\n                    @processfile=\"thumbUploadComplete\"\r\n                    @removefile=\"thumbFileRemoved\"\r\n                  />\r\n                </vx-input-group>\r\n              </vx-card>\r\n            </div>\r\n            <div v-if=\"formData.thumbnailUrl\" class=\"vx-col w-full sm:w-full md:w-full lg:w-1/2 xl:w-1/2\" style=\"text-align: -webkit-center;\">\r\n              <div class=\"vx-row\">\r\n                <vs-divider>Preview</vs-divider>\r\n                <div class=\"vx-col w-full\">\r\n                  <img class=\"thumb_img\" :src=\"formData.thumbnailUrl\" height=\"169px\" />\r\n                </div>\r\n                <vs-divider />\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <vs-divider></vs-divider>\r\n          <div class=\"vx-row\">\r\n            <vs-spacer></vs-spacer>\r\n            <div class=\"vx-col\">\r\n              <vs-button class=\"mr-4 mb-2 vs-con-loading__container\" @click.prevent=\"saveEditItem\" ref=\"saveButton\">Save</vs-button>\r\n              <vs-button v-if=\"formData.id\" color=\"danger\" class=\"mr-3 mb-2 vs-con-loading__container\" @click.prevent=\"deleteItem\" ref=\"deleteButton\">Delete</vs-button>\r\n              <vs-button color=\"warning\" type=\"border\" class=\"mb-2\" @click=\"manageMaterial = false\">Cancel</vs-button>\r\n            </div>\r\n          </div>\r\n        </vx-card>\r\n      </div>\r\n    </div>\r\n\r\n    <vs-popup id=\"trainingmaterial-popup\" background-color=\"rgba(0,0,0,.5)\" background-color-popup=\"rgba(255,255,255,1)\" class=\"\"  title=\"\" :active.sync=\"viewPopupActive\">\r\n      <div class=\"vx-row\">\r\n        <div class=\"vx-col xs:w-1/4 sm:w-1/4 md:w-1/2 lg:w-1/3 xl:w-1/3\">\r\n          <img :src=\"selectedItem.thumbnailUrl\" class=\"reflection_bottom\"  style=\"width: 100%;border-radius: 15px;\"/>\r\n        </div>\r\n        <div class=\"vx-col xs:w-3/4 sm:w-3/4 md:w-1/2 lg:w-2/3 xl:w-2/3\">\r\n          <div class=\"vx-row mt-2\">\r\n            <div class=\"vx-col w-full\">\r\n              <h2><strong>{{ selectedItem.title }}</strong></h2>\r\n            </div>\r\n          </div>\r\n          <div class=\"vx-row mt-2\">\r\n            <div class=\"vx-col w-full\">\r\n              <p style=\"text-align: justify;\">{{ selectedItem.summary }}</p>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div v-if=\"selectedFileExt == 'mp4' || selectedFileExt == 'pdf'\" class=\"vx-row\">\r\n        <vs-spacer />\r\n        <div class=\"vx-col\">\r\n          <vs-button\r\n            :href=\"selectedItem.url\"\r\n            data-ajax=\"false\"\r\n            target=\"_blank\"\r\n            class=\"custom-button mt-2 vs-con-loading__container\"\r\n            color=\"success\"\r\n            type=\"border\"\r\n            icon-pack=\"feather\"\r\n            icon=\"icon-download-cloud\"\r\n            @click=\"viewItem\">\r\n            \r\n            <strong>Download</strong>\r\n          </vs-button>\r\n        </div>\r\n        <div class=\"vx-col\">\r\n          <vs-button\r\n            ref=\"search\"\r\n            class=\"custom-button mt-2 vs-con-loading__container\"\r\n            @click=\"viewItem\">\r\n            <img style=\"float:left; margin-left:-7px; margin-right:5px; margin-top:-2px; height:25px\" src=\"https://lateralscaffolding.blob.core.windows.net/resources/icon-view-custom.png\"/>\r\n            <strong>View</strong>\r\n          </vs-button>\r\n        </div>\r\n      </div>\r\n      <div v-if=\"selectedFileExt == 'mp3' || selectedFileExt == 'mpeg'\" class=\"vx-row\">\r\n        <div class=\"vx-col w-full mt-5\">\r\n          <div id=\"podcast-container\" ref=\"podcastViewer\" class=\"xs:w-full sm:w-full md:w-1/2 lg:w-2/3 xl:w-2/3 float-right vs-con-loading__container\">\r\n            <video id=\"podcastPlayer\" ref=\"plyr\" class=\"media-video-player card-video\" controls />\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div v-else-if=\"selectedFileExt == 'png' || selectedFileExt == 'jpg' || selectedFileExt == 'jpeg' || selectedFileExt == 'gif'\" class=\"vx-row\">\r\n        <div class=\"vx-col w-full mt-5 text-center\">\r\n          <b-img class=\"cursor-pointer\" :src=\"selectedItem.url\" fluid style=\"max-width: 500px; max-height: 550px\" alt=\"image\" @click=\"downloadImage\"/>\r\n        </div>\r\n      </div>\r\n    </vs-popup>\r\n  </div>\r\n\r\n</template>\r\n\r\n<script>\r\nimport vueFilePond from 'vue-filepond';\r\nimport FilePondPluginFileValidateType from 'filepond-plugin-file-validate-type';\r\nimport FilePondPluginImagePreview from 'filepond-plugin-image-preview';\r\nconst FilePond = vueFilePond(FilePondPluginFileValidateType, FilePondPluginImagePreview);\r\nimport Plyr from 'plyr';\r\nimport 'plyr/dist/plyr.css';\r\nimport vSelect from 'vue-select';\r\nimport acl from '../../acl/acl';\r\nexport default {\r\n  components: {\r\n    FilePond,\r\n    Plyr,\r\n    vSelect\r\n  },\r\n  data () {\r\n    return {\r\n      itemsPerPage: 10,\r\n      isMounted: false,\r\n      selected: [],\r\n      manageMaterial: false,\r\n      viewPopupActive: false,\r\n      trainingMaterial: [],\r\n      formData: {\r\n        id: 0,\r\n        title: '',\r\n        summary: '',\r\n        url: '',\r\n        thumbnailUrl: '',\r\n        categoryId: 0\r\n      },\r\n      selectedItem: {},\r\n      selectedFileExt: '',\r\n      podcastPlayer: null,\r\n      source: [],\r\n      selectedCategory: {\r\n        id: 0,\r\n        name: ''\r\n      },\r\n      categories: [],\r\n      isCategoriesHidden: false,\r\n      categoryDropdown: 0,\r\n      categoriesDropdownList: []\r\n    }\r\n  },\r\n  computed: {\r\n    currentPage () {\r\n      if (this.isMounted) {\r\n        return this.$refs.trainingMaterialTable.currentx\r\n      }\r\n      return 0\r\n    },\r\n    uploadLocation: {\r\n      get () {\r\n        return this.$buildUrl('tempupload');\r\n      }\r\n    }\r\n  },\r\n  watch: {\r\n    manageMaterial (val) {\r\n      if (!val) {\r\n        this.initValues();\r\n      }\r\n    }\r\n\r\n\r\n  },\r\n  methods: {\r\n    openFolder (category) {\r\n      this.isCategoriesHidden = true;\r\n      this.selectedCategory.id = category.id;\r\n      this.selectedCategory.name = category.name;\r\n      this.loadData();\r\n    },\r\n    backToCategories () {\r\n      this.isCategoriesHidden = false;\r\n      this.manageMaterial = false;\r\n      this.selectedCategory.id = 0;\r\n      this.selectedCategory.name = '';\r\n      this.trainingMaterial = [];\r\n    },\r\n    initValues () {\r\n      this.formData.id = 0;\r\n      this.formData.title = '';\r\n      this.formData.summary = '';\r\n      this.formData.url = '';\r\n      this.formData.thumbnailUrl = '';\r\n      this.formData.categoryId = 0;\r\n      this.errors.clear();\r\n      this.$refs.pond.removeFiles();\r\n      this.$refs.thumb_pond.removeFiles();\r\n    },\r\n    addNewItem () {\r\n      this.initValues();\r\n      this.manageMaterial = true;\r\n      this.categoryDropdown = this.categoriesDropdownList.filter(x => { return x.value === this.selectedCategory.id })[0];\r\n    },\r\n    loadCategories () {\r\n      const self = this;\r\n      self.showLoadingOnElement('whole_page', 1, 'material');\r\n      const onSuccess = function (response) {\r\n  \r\n          self.categories = response.data;\r\n    \r\n        self.categoriesDropdownList = self.categories.map(x => { return { label: x.name, value: x.id } });\r\n      };\r\n      const onFinally = function () {\r\n        if (self.$refs.whole_page) {\r\n          self.$vs.loading.close(self.$refs.whole_page.$el);\r\n        }\r\n      };\r\n      self.$ajaxGet(self, 'TrainingMaterial/ListCategories', onSuccess, onFinally);\r\n    },\r\n    loadData () {\r\n      const self = this;\r\n      self.showLoadingOnElement('trainingMaterialTable', 1, 'material');\r\n      const onSuccess = function (response) {\r\n        if (self.selectedCategory.id) {\r\n          self.trainingMaterial = response.data.filter(x => { return x.trainingMaterialCategoryId === self.selectedCategory.id });\r\n        } else {\r\n          self.trainingMaterial = response.data;\r\n        }\r\n      };\r\n      const onFinally = function () {\r\n        if (self.$refs.trainingMaterialTable) {\r\n          self.$vs.loading.close(self.$refs.trainingMaterialTable.$el);\r\n        }\r\n      };\r\n      self.$ajaxGet(self, `TrainingMaterial/ListAllByCategory/${self.selectedCategory.id}`, onSuccess, onFinally);\r\n    },\r\n    handleSelectedItem (item, preview) {\r\n      const self = this;\r\n      if (self.$acl.check('Spotter') || preview) {\r\n        self.viewPopupActive = true;\r\n        self.selectedItem = item;\r\n        self.selectedFileExt = self.selectedItem.url.substring(self.selectedItem.url.lastIndexOf('.') + 1).toLowerCase();\r\n        if (self.selectedFileExt === 'mp3') {\r\n          setTimeout(function () {\r\n            self.playPodcast();\r\n          }, 200)\r\n        }\r\n      } else {\r\n        self.manageMaterial = true;\r\n        self.formData.id = item.id;\r\n        self.formData.title = item.title;\r\n        self.formData.summary = item.summary;\r\n        self.formData.url = item.url;\r\n        self.formData.thumbnailUrl = item.thumbnailUrl;\r\n        self.formData.categoryId = item.trainingMaterialCategoryId;\r\n        self.categoryDropdown = self.categoriesDropdownList.filter(x => { return x.value === item.trainingMaterialCategoryId })[0];\r\n      }\r\n    },\r\n    saveEditItem () {\r\n      const self = this;\r\n      if (self.categoryDropdown) {\r\n        self.$validator.validateAll().then(result => {\r\n          if (result) {\r\n            self.showLoadingOnElement('saveButton', 0.45, 'material');\r\n\r\n            self.formData.categoryId = self.categoryDropdown.value;\r\n\r\n            const onSuccess = () => {\r\n              self.loadData();\r\n              self.manageMaterial = false;\r\n              self.$vs.notify({\r\n                title:'Information',\r\n                color: 'success',\r\n                text: 'Saved',\r\n                position:'top-right',\r\n                iconPack: 'feather',\r\n                icon:'icon-save'\r\n              });\r\n            };\r\n            const onFinally = function () {\r\n              self.$vs.loading.close(self.$refs.saveButton.$el);\r\n            };\r\n              \r\n            self.$ajaxPost(self, 'TrainingMaterial/AddEditItem', self.formData, onSuccess, onFinally);\r\n          } else {\r\n            self.$vs.notify({\r\n              title:'Attention',\r\n              color: 'warning',\r\n              text: self.$validator.errors.items[0].msg,\r\n              position:'top-right',\r\n              iconPack: 'feather',\r\n              icon:'icon-info'\r\n            });\r\n          }\r\n        });\r\n      } else {\r\n        self.$vs.notify({\r\n          title:'Attention',\r\n          color: 'warning',\r\n          text: 'A category is required',\r\n          position:'top-right',\r\n          iconPack: 'feather',\r\n          icon:'icon-info'\r\n        });\r\n      }\r\n    },\r\n    deleteItem () {\r\n      const self = this;\r\n\r\n      self.showLoadingOnElement('deleteButton', 0.45, 'material');\r\n\r\n      const onSuccess = () => {\r\n        self.loadData();\r\n        self.manageMaterial = false;\r\n        self.$vs.notify({\r\n          title:'Information',\r\n          color: 'success',\r\n          text: 'Deleted',\r\n          position:'top-right',\r\n          iconPack: 'feather',\r\n          icon:'icon-save'\r\n        });\r\n      };\r\n      const onFinally = function () {\r\n        self.$vs.loading.close(self.$refs.deleteButton.$el);\r\n      };\r\n\r\n      self.$ajaxGet(self, `TrainingMaterial/Delete/${  self.formData.id}`, onSuccess, onFinally);\r\n    },\r\n    uploadComplete (error, file) {\r\n      const response = JSON.parse(file.serverId);\r\n      if (response.url) {\r\n        this.formData.url = response.url;\r\n        const fileExt = this.formData.url.substring(this.formData.url.lastIndexOf('.') + 1).toLowerCase();\r\n        if (fileExt === 'png' || fileExt === 'jpg' || fileExt === 'jpeg' || fileExt === 'gif') {\r\n          this.formData.thumbnailUrl = response.url;\r\n        }\r\n      }\r\n    },\r\n    fileRemoved () {\r\n      this.formData.url = '';\r\n    },\r\n    thumbUploadComplete (error, file) {\r\n      const response = JSON.parse(file.serverId);\r\n      if (response.url) this.formData.thumbnailUrl = response.url;\r\n    },\r\n    thumbFileRemoved () {\r\n      this.formData.thumbnailUrl = '';\r\n    },\r\n    showLoadingOnElement (element, scale, type) {\r\n      const self = this;\r\n      self.$vs.loading({\r\n        type,\r\n        container: self.$refs[element].$el,\r\n        scale\r\n      });\r\n    },\r\n    viewItem () {\r\n      const self = this;\r\n      self.viewPopupActive = false;\r\n      let routeData = null;\r\n        \r\n      setTimeout(function () {\r\n        if (self.selectedFileExt === 'pdf') { //if document\r\n          routeData = self.$router.resolve({ name: 'PDFViewer', query: { url: self.selectedItem.url } });\r\n          window.open(routeData.href, '_blank');\r\n        } else if (self.selectedFileExt === 'mp4') { //if video\r\n          routeData = self.$router.resolve({ name: 'MP4Viewer', query: { url: self.selectedItem.url } });\r\n          window.open(routeData.href, '_blank');\r\n        }\r\n      }, 200)\r\n      self.$ajaxGet(self, `TrainingMaterial/LogItemView/${self.selectedItem.id}`);\r\n    },\r\n    downloadImage () {\r\n      const self = this;\r\n      self.$ajaxGet(self, `TrainingMaterial/LogItemView/${self.selectedItem.id}`);\r\n      window.open(self.selectedItem.url);\r\n    },\r\n    playPodcast () {\r\n      const self = this;\r\n\r\n      self.podcastPlayer = new Plyr('#podcastPlayer', {\r\n        autoplay: false\r\n      });\r\n      self.showLoadingOnElement('podcastViewer', 1, 'material');\r\n\r\n      let counter = 0;\r\n      self.podcastPlayer.on('canplay', () => {\r\n        counter++;\r\n        if (counter === 2) {\r\n          self.$vs.loading.close(self.$refs.podcastViewer.$el);\r\n        }\r\n      });\r\n      self.podcastPlayer.on('play', () => {\r\n        self.viewItem();\r\n      });\r\n      self.source = [{ type: `audio/${  self.selectedFileExt}`, src: self.selectedItem.url }];\r\n      self.podcastPlayer.source = {\r\n        type: 'audio',\r\n        sources: self.source\r\n      };\r\n    }\r\n  },\r\n  mounted () {\r\n    const self = this;\r\n    self.isMounted = true;\r\n    self.loadCategories();\r\n  }\r\n}\r\n\r\n</script>\r\n<style lang=\"scss\">\r\n  #trainingmaterial-popup {\r\n    .vs-popup {\r\n      \r\n    }\r\n  }\r\n\r\n  .height_uploader {\r\n    height: 66.5px !important;\r\n  }\r\n\r\n  .limit-width_uploader {\r\n    min-width: 350px !important;\r\n    max-width: 400px !important;\r\n  }\r\n\r\n  .card__no-padding {\r\n    .vx-card__body {\r\n      padding: 0 !important;\r\n    }\r\n  }\r\n\r\n  #summary-textarea--container {\r\n    .focusx.vs-textarea-primary {\r\n      border: 1px solid rgba(var(--vs-primary),1)!important;\r\n    }\r\n  }\r\n\r\n  .compulsory_asterisk {\r\n    color: red;\r\n    font-weight: 800;\r\n  }\r\n\r\n  .filepond--root {\r\n    margin-bottom: 0 !important;\r\n  }\r\n\r\n  .thumb_img {\r\n    object-fit: contain !important;\r\n    width: 300px !important;\r\n    background-color: rgba(0, 0, 0, 1) !important;\r\n  }\r\n\r\n  .reflection_bottom {\r\n    -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(75%, transparent) , to(rgba(250, 250, 250, 0.25)));\r\n  }\r\n\r\n  .custom-button {\r\n    border-radius: 20px !important; \r\n    .vs-button--text {\r\n      strong {\r\n        vertical-align: middle !important;\r\n        font-size: 13pt !important;\r\n      }\r\n    }\r\n\r\n    .vs-icon {\r\n      font-size: 1.5rem !important;\r\n      margin-right: 10px !important;\r\n    }\r\n  }\r\n\r\n  #podcast-container {\r\n    overflow: visible !important; \r\n    .plyr--audio .plyr__controls {\r\n      background: rgba(250, 250, 250, 0) !important;\r\n      color: rgb(16, 19, 49) !important;\r\n\r\n      .plyr__control:hover {\r\n        background: rgba(122, 204, 200, 1) !important;\r\n      }\r\n    }\r\n    \r\n    .plyr--full-ui input[type=range] {\r\n      color: rgba(var(--vs-primary), 1) !important;\r\n    }\r\n\r\n    .plyr [data-plyr=settings] {\r\n      display: none !important;\r\n    }\r\n  }\r\n\r\n  .category__folder {\r\n    border-style: solid;\r\n    border-width: 1px;\r\n    border-color: transparent;\r\n    &:hover {\r\n      cursor: pointer;\r\n      border-style: solid;\r\n      border-width: 1px;\r\n      border-color: #7ACCC8;\r\n      border-radius: 12px;\r\n      background-color: #e4e6e6;\r\n    }\r\n  }\r\n</style>","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!./TrainingMaterial.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!./TrainingMaterial.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./TrainingMaterial.vue?vue&type=template&id=3802ae9d\"\nimport script from \"./TrainingMaterial.vue?vue&type=script&lang=js\"\nexport * from \"./TrainingMaterial.vue?vue&type=script&lang=js\"\nimport style0 from \"./TrainingMaterial.vue?vue&type=style&index=0&id=3802ae9d&prod&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","module.exports = __webpack_public_path__ + \"img/folder-icon-200.6cca6144.png\";","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!./TrainingMaterial.vue?vue&type=style&index=0&id=3802ae9d&prod&lang=scss\""],"sourceRoot":""}