{"version":3,"sources":["webpack:///./src/components/Widgets/VideoView.vue","webpack:///./src/components/Widgets/VideoView.vue?374d","webpack:///./src/components/Widgets/VideoView.vue?2e79","webpack:///./src/components/Membership/AnatomyBody/MBCourseBody12.vue","webpack:///./src/components/Membership/AnatomyBody/MBCourseBody12.vue?e922"],"names":["class","loadingState","value","id","videoId","ref","scrolling","width","height","data-src","widgetSrc","iframeloaded","name","props","type","String","setup","video","router","otp","fetchOtp","then","response","data","src","playbackInfo","window","observer","observe","catch","error","console","log","status","push","created","this","methods","render","__scopeId","loader-class","course-id","title","items","video-id","components","VideoView","KCourse","url"],"mappings":"sSACSA,MAAM,W,mGAAX,yBAKM,MALN,EAKM,CAJ2B,YAAlB,EAAAC,aAAaC,O,yBAAxB,yBAA0D,QAAb,a,yBAC7C,yBAEM,O,MAFAC,GAAE,gBAAkB,EAAAC,S,CACtB,yBAAyI,UAAjIC,IAAI,QAAQC,UAAU,KAAMH,GAAE,SAAW,EAAAC,QAASG,MAAM,OAAKC,OAAO,OAAMC,WAAU,EAAAC,UAAgB,OAAI,8BAAE,EAAAC,cAAA,EAAAA,aAAA,sB,oEAS3G,GACXC,KAAM,YACNC,MAAO,CACHT,QAAS,CACLU,KAAMC,SAGdC,MAPW,WAQP,IAAMC,EAAQ,iBAAI,MACZC,EAAS,iBACTC,EAAM,iBAAI,MACVlB,EAAe,iBAAI,WACnBS,EAAY,iBAAI,IAEhBU,EAAW,SAAAhB,GAEb,OADAH,EAAaC,MAAQ,UACd,eAAUE,GACZiB,MAAK,SAAAC,GACFrB,EAAaC,MAAQ,UACrBiB,EAAIjB,MAAQoB,EAASC,KAAKA,KAAKJ,IAE/B,IAAIK,EAAM,sCACMpB,EADN,kBAEWkB,EAASC,KAAKA,KAAKE,aAF9B,QAGCH,EAASC,KAAKA,KAAKJ,IAC9BT,EAAUR,MAAQsB,EACpBE,OAAOC,SAASC,QAAQX,EAAMf,UAG/B2B,OAAM,SAAAC,GAELC,QAAQC,IAAIF,GACoB,MAA1BA,EAAMR,SAASW,QACff,EAAOgB,KAAK,QAEhBjC,EAAaC,MAAQ,YAIjC,MAAO,CAAED,eAAcmB,WAAUV,YAAWO,UAGhDkB,QA1CW,WA2CPC,KAAKhB,SAASgB,KAAKhC,UAGvBiC,QAAS,CACL1B,aADK,e,UCtDjB,EAAO2B,OAASA,EAChB,EAAOC,UAAY,kBAEJ,gB,kCCRf,Y,2DCEQ,yBAeM,OAfDvC,MAAM,cAAY,CACnB,yBAAc,UAAV,SACJ,yBAA8H,SAA3H,2HACH,yBAA+D,KAA5DA,MAAM,YAAU,CAAC,yBAAuC,SAApC,sCACvB,yBAUK,WATD,yBAAwB,UAApB,mBACJ,yBAAqC,UAAjC,gCACJ,yBAAc,UAAV,SACJ,yBAAiB,UAAb,YACJ,yBAAe,UAAX,UACJ,yBAA2C,UAAvC,sCACJ,yBAAqB,UAAjB,gBACJ,yBAAe,UAAX,UACJ,yBAAa,UAAT,Y,KAMZ,yBAgBM,OAhBDA,MAAM,cAAY,CAEnB,yBAAc,UAAV,SACJ,yBAAgL,SAA7K,6KACH,yBAA+D,KAA5DA,MAAM,YAAU,CAAC,yBAAuC,SAApC,sCACvB,yBAUK,WATD,yBAAwB,UAApB,mBACJ,yBAAqC,UAAjC,gCACJ,yBAAc,UAAV,SACJ,yBAAiB,UAAb,YACJ,yBAAe,UAAX,UACJ,yBAA2C,UAAvC,sCACJ,yBAAqB,UAAjB,gBACJ,yBAAe,UAAX,UACJ,yBAAa,UAAT,Y,KAOZ,yBAeM,OAfDA,MAAM,cAAY,CACnB,yBAA4B,UAAxB,uBACJ,yBAA2H,SAAxH,wHACH,yBAAgE,KAA7DA,MAAM,YAAU,CAAC,yBAAwC,SAArC,uCACvB,yBAUK,WATD,yBAAwB,UAApB,mBACJ,yBAAqC,UAAjC,gCACJ,yBAAc,UAAV,SACJ,yBAAiB,UAAb,YACJ,yBAAe,UAAX,UACJ,yBAA2C,UAAvC,sCACJ,yBAAqB,UAAjB,gBACJ,yBAAe,UAAX,UACJ,yBAAa,UAAT,Y,KAMZ,yBAGM,OAHDA,MAAM,cAAY,CACnB,yBAAuC,KAApCA,MAAM,YAAU,CAAC,yBAAe,SAAZ,cACvB,yBAAuB,SAApB,sB,uJA9DX,yBAgEU,GAhEDwC,eAAa,SAASC,YAAU,IAAIC,MAAM,gBAAiBC,MAAO,EAAAA,O,+BACvE,iBAeM,CAfN,EAiBA,yBAAwD,GAA7CC,WAAS,qCAEpB,EAkBA,yBAAwD,GAA7CA,WAAS,qCAGpB,EAiBA,yBAAwD,GAA7CA,WAAS,qCAEpB,M,8CAWW,GACXhC,KAAM,eACNiC,WAAY,CACRC,YAAA,WACAC,UAAA,YAEJxB,KANW,WAOX,MAAO,CACHoB,MAAO,CACH,CAAED,MAAO,oBAAqBM,IAAI,qBAClC,CAAEN,MAAO,0BAA2BM,IAAI,qBACxC,CAAEN,MAAO,uBAAwBM,IAAI,qBACrC,CAAEN,MAAO,oBAAqBM,IAAI,qBAClC,CAAEN,MAAO,oBAAqBM,IAAI,qBAClC,CAAEN,MAAO,eAAgBM,IAAI,qBAC7B,CAAEN,MAAO,eAAgBM,IAAI,qBAC7B,CAAEN,MAAO,gBAAiBM,IAAI,qBAC9B,CAAEN,MAAO,iBAAkBM,IAAI,qBAC/B,CAAEN,MAAO,gBAAiBM,IAAI,sBAC9B,CAAEN,MAAO,gBAAiBM,IAAI,sBAC9B,CAAEN,MAAO,gBAAiBM,IAAI,0BCzF9C,EAAOV,OAASA,EAED","file":"js/chunk-61721001.2ad63586.js","sourcesContent":["<template>\n    <div class=\"MBvideo\">\n        <div v-if=\"loadingState.value === 'loading'\">Loading</div>\n        <div :id=\"'parent-iframe'+videoId\" v-else>\n            <iframe ref=\"video\" scrolling=\"no\" :id=\"'iframe'+videoId\" width=100% height=100% :data-src=\"widgetSrc\" v-on:load=\"iframeloaded\"></iframe>\n        </div>\n    </div>\n</template>\n\n<script>\nimport {watchEffect, ref, onMounted} from 'vue'\n    import { useRouter } from 'vue-router'\n    import { loadVideo } from \"../../service/api\"\n    export default {\n        name: \"VideoView\",\n        props: {\n            videoId: {\n                type: String\n            }\n        },\n        setup() {\n            const video = ref(null)\n            const router = useRouter()\n            const otp = ref(null) // use const because you dont want to lose this value\n            const loadingState = ref('loading')\n            const widgetSrc = ref('');\n\n            const fetchOtp = videoId => {\n                loadingState.value = 'loading'\n                return loadVideo(videoId)\n                    .then(response => {\n                        loadingState.value = 'success'\n                        otp.value = response.data.data.otp\n\n                        let src = '/lib/vdociper/widget.html?'+\n                            'video_id='+videoId+'&'+\n                            'playback_info='+response.data.data.playbackInfo+'&'+\n                            'otp='+response.data.data.otp;\n                        widgetSrc.value = src;\n                      window.observer.observe(video.value)\n\n                    })\n                    .catch(error => {\n                        //todo add error view\n                      console.log(error)\n                        if (error.response.status === 404) {\n                            router.push(\"/404\")\n                        }\n                        loadingState.value = 'error'\n                    })\n            }\n\n            return { loadingState, fetchOtp, widgetSrc, video }\n\n        },\n        created() {\n            this.fetchOtp(this.videoId)\n\n        },\n        methods: {\n            iframeloaded() {\n\n              // var iframe = document.getElementById(\"iframe\"+this.videoId);\n              //\n              //   // Adjusting the iframe height onload event\n              //   iframe.onload = function(){\n              //     setTimeout( function() {\n              //       // iframe.height = iframe.contentWindow.document.body.scrollHeight + 10\n              //       iframe.style.height = iframe.contentWindow.document.body.scrollHeight + 10 + 'px';\n              //     }, 1000);\n              //   }\n            }\n        }\n    }\n</script>\n\n<style scoped>\n    .MBvideo {\n        width: 100%;\n\n\n        margin-bottom: 3em;\n        position: relative;\n    }\n</style>","import { render } from \"./VideoView.vue?vue&type=template&id=21329782&scoped=true\"\nimport script from \"./VideoView.vue?vue&type=script&lang=js\"\nexport * from \"./VideoView.vue?vue&type=script&lang=js\"\n\nimport \"./VideoView.vue?vue&type=style&index=0&id=21329782&scoped=true&lang=css\"\nscript.render = render\nscript.__scopeId = \"data-v-21329782\"\n\nexport default script","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./VideoView.vue?vue&type=style&index=0&id=21329782&scoped=true&lang=css\"","<template>\n    <KCourse loader-class=\"MBcont\" course-id=\"2\" title=\"Анатомия тела\" :items=\"items\">\n        <div class=\"MBtextcont\">\n            <h2>Перед</h2>\n            <p>Лепить \"её\" или нет, вот в чем вопрос... Надеюсь вы догадались, о чем пойдет речь... Нет, это не грудь ) Смотрите урок!</p>\n            <p class='nomargin'><b>На этом занятии нам понадобятся:</b></p>\n            <ol>\n                <li>Пластик La Doll</li>\n                <li>Кисть синтетическая, плоская</li>\n                <li>Стеки</li>\n                <li>Карандаш</li>\n                <li>Чертеж</li>\n                <li>Надфиля, шкурка разной зернистости</li>\n                <li>Макетный нож</li>\n                <li>Следок</li>\n                <li>Вода</li>\n            </ol>   \n        </div>\n\n        <VideoView video-id=\"fbe8ba8035cd49c49c0fb19634840dee\"/>\n\n        <div class=\"MBtextcont\">\n            \n            <h2>Спина</h2>\n            <p>Попка бабочкой! Вот с таким чудесным настроением мы проведем сегодня наше занятие! Оно, на удивление, вышло совсем коротким. Всё как вы любите, мало слов и много \"тела\"!</p>\n            <p class='nomargin'><b>На этом занятии нам понадобятся:</b></p>\n            <ol>\n                <li>Пластик La Doll</li>\n                <li>Кисть синтетическая, плоская</li>\n                <li>Стеки</li>\n                <li>Карандаш</li>\n                <li>Чертеж</li>\n                <li>Надфиля, шкурка разной зернистости</li>\n                <li>Макетный нож</li>\n                <li>Следок</li>\n                <li>Вода</li>\n            </ol>   \n        </div>\n\n        <VideoView video-id=\"def65ae4d9d7417da4897f4ae2a2f98f\"/>\n        \n\n        <div class=\"MBtextcont\">\n            <h2>Дорабатываем детали</h2>\n            <p>Итак, последнее занятие. Разбор полетов и маленькие хитрости которые помогут сделать тело куклы более выразительным!</p>\n            <p class='nomargin'><b> На этом занятии нам понадобятся:</b></p>\n            <ol>\n                <li>Пластик La Doll</li>\n                <li>Кисть синтетическая, плоская</li>\n                <li>Стеки</li>\n                <li>Карандаш</li>\n                <li>Чертеж</li>\n                <li>Надфиля, шкурка разной зернистости</li>\n                <li>Макетный нож</li>\n                <li>Следок</li>\n                <li>Вода</li>\n            </ol>   \n        </div>\n\n        <VideoView video-id=\"6d8d6071611340058ee84ea9bababbc6\"/>\n\n        <div class=\"MBtextcont\">\n            <p class='nomargin'><b>Задание:</b></p>\n            <p>Доработать тело.</p>\n        </div>\n    </KCourse>\n</template>\n\n<script>\n    import VideoView from \"../../Widgets/VideoView\";\n    import KCourse from \"../../Widgets/KCourse\";\n\n    export default {\n        name: \"MBCourseHead\",\n        components: {\n            VideoView,\n            KCourse,\n        },\n        data() {\n        return {\n            items: [\n                { title: \"Готовим трафареты\", url:\"/mycourses/body/1\"},\n                { title: \"Заготовки из пластилина\", url:\"/mycourses/body/2\"},\n                { title: \"Подготовка к обтяжке\", url:\"/mycourses/body/3\"},\n                { title: \"Обтяжка пластиком\", url:\"/mycourses/body/4\"},\n                { title: \"Достаем пластилин\", url:\"/mycourses/body/5\"},\n                { title: \"Основа кисти\", url:\"/mycourses/body/6\"},\n                { title: \"Основа стопы\", url:\"/mycourses/body/7\"},\n                { title: \"Анатомия руки\", url:\"/mycourses/body/8\"},\n                { title: \"Анатомия кисти\", url:\"/mycourses/body/9\"},\n                { title: \"Анатомия ноги\", url:\"/mycourses/body/10\"},\n                { title: \"Анатомия стоп\", url:\"/mycourses/body/11\"},\n                { title: \"Анатомия тела\", url:\"/mycourses/body/12\"},\n            ],\n        }\n        }\n    }\n</script>","import { render } from \"./MBCourseBody12.vue?vue&type=template&id=3996b55e\"\nimport script from \"./MBCourseBody12.vue?vue&type=script&lang=js\"\nexport * from \"./MBCourseBody12.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script"],"sourceRoot":""}