{"version":3,"sources":["webpack:///./src/modules/class-school/_components/ViewFile.vue?c8c9","webpack:///./src/modules/class-school/_api/documentUserClassSchoolServices.js","webpack:///./src/modules/class-school/_components/ViewFile.vue?dc61","webpack:///src/modules/class-school/_components/ViewFile.vue","webpack:///./src/modules/class-school/_components/ViewFile.vue?13a4","webpack:///./src/modules/class-school/_components/ViewFile.vue"],"names":["saveDocumentUserClassSchool","params","apiEndpoint","HttpService","post","then","res","data","catch","e","render","_vm","this","_h","$createElement","_c","_self","staticClass","typeFile","TYPE_FILE_PDF","attrs","apiUrl","path","_e","TYPE_DOCUMENT","staticRenderFns","components","VueDocPreview","props","type","default","watch","TYPE_H5P","TYPE_TEST","FILE_YOUTUBE","FILE_CANVA","FILE_LINK","TYPE_FILE_POWERPOINT","TYPE_FILE_WORD","TYPE_FILE_EXCEL","TYPE_FILE_IMAGE","listTypeDocument","value","text","mdStyle","img","code","mounted","console","methods","checkFile","emberYoutube","url","match","component"],"mappings":"gHAAA,W,oCCAA,kDAEaA,EAA8B,SAAAC,GACvC,IAAIC,EAAc,iCAClB,OAAOC,OAAYC,KAAKF,EAAaD,GAAQI,MAAK,SAAAC,GAC9C,OAAOA,EAAIC,KAAOD,EAAIC,KAAO,QAC9BC,OAAM,SAAAC,GAAO,OAAO,O,kCCN3B,IAAIC,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,eAAe,CAAEN,EAAIO,UAAYP,EAAIQ,cAAeJ,EAAG,QAAQ,CAACE,YAAY,cAAcG,MAAM,CAAC,IAAMT,EAAIU,OAASV,EAAIW,QAAQX,EAAIY,KAAMZ,EAAIO,UAAYP,EAAIa,cAAeT,EAAG,SAAS,CAACE,YAAY,cAAcG,MAAM,CAAC,IAAO,uDAAyDT,EAAIU,OAASV,EAAIW,MAAO,YAAc,OAAOX,EAAIY,QAC9bE,EAAkB,G,6CCiBP,GACfC,YACAC,mBAEAC,OACAN,MACAO,YAEAC,aAIAC,OACA,kBAEAxB,KAfA,WAgBA,OACAyB,gBAAAR,qBAAAS,iBAAAC,oBAAAC,kBAAAC,iBACAjB,qBAAAkB,4BAAAC,sBAAAC,uBAAAC,uBACAnB,iCAEAH,WACAuB,kBACA,CAAAC,aAAAC,gCACA,CAAAD,aAAAC,sBACA,CAAAD,aAAAC,sBACA,CAAAD,aAAAC,qBACA,CAAAD,aAAAC,mBACA,CAAAD,aAAAC,oBAEAC,SACAC,KACA,gBAEAC,MACA,yBACA,yBAKAC,QAzCA,WA0CA,iBACAC,wBAEAC,SACAC,UADA,WAEAF,uBACA,2BACA,qBAEA,gHACA,qBAEA,sBAGAG,aAZA,SAYAC,GACA,qEACA,aACA,kEACAC,KACA,SChFgX,I,wBCQ5WC,EAAY,eACd,EACA5C,EACAe,GACA,EACA,KACA,WACA,MAIa,OAAA6B,E","file":"js/chunk-0e4f4510.e9fd8a5b.js","sourcesContent":["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!./ViewFile.vue?vue&type=style&index=0&id=6671c4f4&lang=scss&scoped=true&\"","import HttpService from \"@/utils/httpData\"\r\n\r\nexport const saveDocumentUserClassSchool = params => {\r\n    let apiEndpoint = `DocumentUserClassSchool/Create`;\r\n    return HttpService.post(apiEndpoint, params).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\nexport const listDocumentUserClassSchool = params => {\r\n    let apiEndpoint = `DocumentUserClassSchool/List`;\r\n    return HttpService.post(apiEndpoint, params).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\nexport const getDetail = id => {\r\n    let apiEndpoint = `DocumentUserClassSchool/detail?id=${id}`;\r\n    return HttpService.get(apiEndpoint).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\nexport const deleteDocumentUserClassSchool = id => {\r\n    let apiEndpoint = `DocumentUserClassSchool/Delete?id=${id}`;\r\n    return HttpService.get(apiEndpoint).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"full-parent\"},[(_vm.typeFile == _vm.TYPE_FILE_PDF)?_c('embed',{staticClass:\"full-parent\",attrs:{\"src\":_vm.apiUrl + _vm.path}}):_vm._e(),(_vm.typeFile == _vm.TYPE_DOCUMENT)?_c('iframe',{staticClass:\"full-parent\",attrs:{\"src\":(\"https://view.officeapps.live.com/op/embed.aspx?src=\" + (_vm.apiUrl + _vm.path)),\"frameborder\":\"0\"}}):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"full-parent\">\r\n        <embed v-if=\"typeFile == TYPE_FILE_PDF\" :src=\"apiUrl + path\" class=\"full-parent\" />\r\n        <!-- <iframe v-if=\"typeFile == TYPE_DOCUMENT\" class=\"full-parent\" :src=\"`https://docs.google.com/gview?url=${apiUrl + path}&embedded=true`\" frameborder=\"0\">\r\n            </iframe> -->\r\n            <iframe v-if=\"typeFile == TYPE_DOCUMENT\" class=\"full-parent\" :src=\"`https://view.officeapps.live.com/op/embed.aspx?src=${apiUrl + path}`\" frameborder=\"0\">\r\n            </iframe>\r\n    </div>\r\n\r\n</template>\r\n<script>\r\nimport {\r\n    TYPE_H5P, TYPE_DOCUMENT, TYPE_TEST, FILE_YOUTUBE, FILE_CANVA, FILE_LINK,\r\n    TYPE_FILE_PDF, TYPE_FILE_POWERPOINT, TYPE_FILE_WORD, TYPE_FILE_EXCEL, TYPE_FILE_IMAGE\r\n} from './../constants/constants_enum'\r\nimport VueDocPreview from 'vue-doc-preview'\r\nimport { APP_CONFIG } from \"@/utils/constants\";\r\n\r\nexport default {\r\n    components: {\r\n        VueDocPreview\r\n    },\r\n    props: {\r\n        path: {\r\n            type: String,\r\n            // eslint-disable-next-line vue/require-valid-default-prop\r\n            default: ''\r\n        },\r\n        \r\n    },\r\n    watch: {\r\n        'path':'checkFile'\r\n    },\r\n    data() {\r\n        return {\r\n            TYPE_H5P, TYPE_DOCUMENT, TYPE_TEST, FILE_YOUTUBE, FILE_CANVA, FILE_LINK,\r\n            TYPE_FILE_PDF, TYPE_FILE_POWERPOINT, TYPE_FILE_WORD, TYPE_FILE_EXCEL, TYPE_FILE_IMAGE,\r\n            apiUrl: APP_CONFIG.apiUrl + '/lessons/',\r\n           // apiUrl: 'https://apihanhtrangso-uat.hiser.vn/lessons/',//APP_CONFIG.apiUrl + '/lessons/',\r\n            typeFile: 0,\r\n            listTypeDocument: [\r\n                { value: TYPE_H5P, text: 'Bài giảng tương tác H5P' },\r\n                { value: TYPE_DOCUMENT, text: 'Dạng tài liệu' },\r\n                { value: TYPE_TEST, text: 'Dạng kiểm tra' },\r\n                { value: FILE_YOUTUBE, text: 'Dạng youtube' },\r\n                { value: FILE_CANVA, text: 'Dạng canva' },\r\n                { value: FILE_LINK, text: 'Dạng nhúng' },\r\n            ],\r\n            mdStyle: {\r\n                img: {\r\n                    'display': 'none'\r\n                },\r\n                code: {\r\n                    'background-color': 'red',\r\n                    'line-height': '20px'\r\n                }\r\n            }\r\n        }\r\n    },\r\n    mounted() {\r\n        this.checkFile()\r\n        console.log(this.path)\r\n    },\r\n    methods: {\r\n        checkFile(){\r\n            console.log(this.path)\r\n            if (this.path.endsWith('.pdf')) {\r\n                this.typeFile = TYPE_FILE_PDF\r\n            }\r\n            else if(this.path.endsWith('.jpeg')||this.path.endsWith('.jpg')||this.path.endsWith('.gif')||this.path.endsWith('.png')){\r\n                this.typeFile = TYPE_FILE_IMAGE\r\n            }else{\r\n                this.typeFile = TYPE_DOCUMENT\r\n            }\r\n        },\r\n        emberYoutube(url) {\r\n            const regExp = /^.*(youtu.be\\/|v\\/|u\\/\\w\\/|embed\\/|watch\\?v=|&v=)([^#&?]*).*/;\r\n            const match = url.match(regExp);\r\n            return `https://www.youtube.com/embed/${(match && match[2].length === 11)\r\n                ? match[2]\r\n                : null}`\r\n        }\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.full-parent {\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n}\r\n.question{\r\n    padding: 10px;\r\n        border: 1px solid #dfb6b6;\r\n        border-radius: 15px;\r\n        background: #dfb6b6;\r\n}\r\n.list-answer{\r\n        padding: 10px;\r\n        border: 1px solid #dde3e6;\r\n        border-radius: 15px;\r\n        background: white;\r\n    }\r\n.over-flow-auto {\r\n    overflow: auto;\r\n    \r\n}\r\n.justify-content-space-between{\r\n    justify-content: space-between;\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!./ViewFile.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!./ViewFile.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ViewFile.vue?vue&type=template&id=6671c4f4&scoped=true&\"\nimport script from \"./ViewFile.vue?vue&type=script&lang=js&\"\nexport * from \"./ViewFile.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ViewFile.vue?vue&type=style&index=0&id=6671c4f4&lang=scss&scoped=true&\"\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  \"6671c4f4\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}