{"version":3,"file":"js/422.13990cd8.js","mappings":"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","sources":["webpack://hippocrates/./src/components/Breadcrumbs.vue","webpack://hippocrates/./src/components/Breadcrumbs.vue?5e21","webpack://hippocrates/./src/views/vebinar-single.vue","webpack://hippocrates/./src/views/vebinar-single.vue?37f2"],"sourcesContent":["<template>\r\n  <div class=\"breadcrumbs\">\r\n    <div v-for=\"(item, idx) in content\" :key=\"idx\">\r\n        <router-link class=\"breadcrumbs_link\" v-if=\"item.link\"  :to=\"item.link\">\r\n            {{ item.name }} /\r\n        </router-link>\r\n        <div v-else  class=\"breadcrumbs_title\">\r\n            {{ item.name }}\r\n        </div>\r\n    </div>\r\n    \r\n  </div>\r\n</template>\r\n\r\n<script>\r\n// @ is an alias to /src\r\n\r\nexport default {\r\n  name: 'Home',\r\n  props: ['content'],\r\n  components: {\r\n  },\r\n  data() {\r\n    return {\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n\r\n.breadcrumbs {\r\n    margin: desktop-vw(20) 0 desktop-vw(30);\r\n    background: #F8F8F8;\r\n    padding: desktop-vw(14) desktop-vw(20);\r\n    display: flex;\r\n    // align-items: center;\r\n    grid-gap: desktop-vw(5);\r\n\r\n    &_link {\r\n        text-wrap: nowrap;\r\n    }\r\n\r\n    &_link,\r\n    &_title {\r\n        text-decoration: none;\r\n        font-style: normal;\r\n        font-weight: 400;\r\n        font-size: desktop-vw(16);\r\n        line-height: 130%;\r\n        /* identical to box height */\r\n        text-transform: uppercase;\r\n        color: #383838;\r\n    }\r\n\r\n    &_title {\r\n        color: rgba(56, 56, 56, 0.5);\r\n    }\r\n}\r\n\r\n@media screen and (max-width: $tablet) {\r\n}\r\n@media screen and (max-width: $mobile) {\r\n    .breadcrumbs {\r\n        margin: 0 0 mobile-vw(30);\r\n        padding: mobile-vw(14);\r\n        grid-gap: mobile-vw(5);\r\n\r\n        &_link,\r\n        &_title {\r\n            font-size: mobile-vw(14);\r\n        }\r\n    }\r\n}\r\n\r\n</style>","import { render } from \"./Breadcrumbs.vue?vue&type=template&id=024a0a3f&scoped=true\"\nimport script from \"./Breadcrumbs.vue?vue&type=script&lang=js\"\nexport * from \"./Breadcrumbs.vue?vue&type=script&lang=js\"\n\nimport \"./Breadcrumbs.vue?vue&type=style&index=0&id=024a0a3f&lang=scss&scoped=true\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-024a0a3f\"]])\n\nexport default __exports__","<template>\r\n    <div class=\"vebinarPage\">\r\n        <Breadcrumbs :content=\"breadcrumbs\" /> \r\n        <div class=\"vebinarPage_content\">\r\n            <h2 class=\"vebinarPage_title\">\r\n                {{ vebinar.name }}\r\n            </h2>\r\n        </div>\r\n        <div class=\"vebinarPage_wrapVideo\">\r\n            <div id=\"stream-container\">\r\n                <!-- stream -->\r\n                <div id=\"stream-embed-wrapper\">\r\n                    <iframe id=\"stream-embed-iframe\" height=\"100%\" width=\"100%\" :src=\"'https://www.youtube.com/embed/'+this.vebinar.youtube_id\" frameborder=\"0\" allowfullscreen></iframe>\r\n                </div>\r\n                \r\n                <!-- chat -->\r\n                <div id=\"chat-embed-wrapper\"></div>\r\n                \r\n                <div class=\"clear_both\"></div>\r\n            </div>\r\n            <!-- <p class=\"vebinarPage_textVideo\" v-if=\"tokkent == ''\">\r\n                {{ textVideo }}\r\n            </p>\r\n            <Button :btnClass=\"'btnLink'\" v-if=\"tokkent === ''\" @click=\"openLog()\"> Аторизуйтесь </Button> -->\r\n        </div>\r\n        <div class=\"vebinarPage_spicers\">\r\n            <h2 class=\"vebinarPage_title\">\r\n                {{ titleSpikers }}\r\n            </h2>\r\n            <div class=\"vebinarPage_content\" v-html=\"vebinar.text\"></div>\r\n            <div v-if=\"tokkent != '' && vebinar.test\" class=\"wrapBtn\">\r\n                <Button :btnClass=\"'btnLink'\" v-if=\"!vebinar.registered\" class=\"reg\" @click.prevent=\"registerSeminar()\"> Реєстрація на семінар </Button>\r\n                <div v-else>\r\n                    Ви зареєстровані!\r\n                </div>\r\n                <Button v-if=\"vebinar.test && vebinar.registered\" :btnClass=\"'btnLink'\" @click=\"goToTest()\"> Пройти опитування </Button>\r\n            </div>\r\n                <!-- <p style='font-size:20px; color: #383838; font-weight: 700;'>Селюк Мар'яна Миколаївна</p>\r\n                <p>кандидат медичних наук, професор кафедри терапії УВМА</p> \r\n                <p style='text-transform: uppercase; color: #1FAEEA; font-weight: 700;'>\r\n                    «Силіконові гелі в профілактиці і лікуванні рубців. Практичне застосування в сімейній медицині»\r\n                </p>\r\n                <p style='text-transform: uppercase; color: #1FAEEA; font-weight: 700;'>\r\n                    «Сучасні стандарти лікування інфекцій дихальних шляхів.\r\n                    Комплекс діючих речовин рослинного походження і вітамінів -  перевірено часом.»\r\n                </p>\r\n                <p style='text-transform: uppercase; color: #1FAEEA; font-weight: 700;'>\r\n                    «Спати мені не хочеться, І сон мене не бере…» Раціональний вибір препарату для усуненням стресових станів із супутніми порушеннями сну -  запорука ефективної роботи лікаря в сучасних умовах»\r\n                </p>\r\n                <br>\r\n                <br>\r\n                <p style='font-size:20px; color: #383838; font-weight: 700;'>Кочуєва Марина Миколаївна</p>\r\n                <p>доктор медичних наук, професор, завідувач кафедри фтизіатрії, пульмонології та сімейної медицини ХМАПО</p> \r\n                <p style='text-transform: uppercase; color: #1FAEEA; font-weight: 700;'>\r\n                    «Раціональний вибір терапевта для симптоматичної терапії захворювань верхніх дихальних шляхів»\r\n                </p> -->\r\n            \r\n        </div>\r\n    </div>\r\n    <div class=\"vebinarPage_surpriseWrap\" v-if=\"false\">\r\n        <div class=\"vebinarPage_surprise\">\r\n            <div class=\"vebinarPage_surpriseTop\">\r\n                <div class=\"vebinarPage_surpriseLeft\">\r\n                    <p class=\"vebinarPage_surpriseText1\">\r\n                        {{ surprise.text1 }}\r\n                    </p>\r\n                    <p class=\"vebinarPage_surpriseText\">\r\n                        {{ surprise.text2 }}\r\n                    </p>\r\n                    <p class=\"vebinarPage_surpriseText2\">\r\n                        {{ surprise.text3 }}\r\n                    </p>\r\n                </div>\r\n                <div class=\"vebinarPage_surpriseRight\">\r\n                    <div class=\"vebinarPage_wrapImg\">\r\n                        <img :src=\"surprise.img\" alt=\"img\"/>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"vebinarPage_surpriseBottom\">\r\n                <div class=\"vebinarPage_surpriseLeft\">\r\n                    <p class=\"vebinarPage_surpriseText3\">\r\n                        {{ terms.text1 }}\r\n                    </p>\r\n                    <p \r\n                        class=\"vebinarPage_surpriseText\" \r\n                        v-for=\"(item, idx) in terms.list\"\r\n                        :key=\"idx\"   \r\n                        v-html=\"item\"\r\n                    >\r\n                    </p>\r\n                </div>\r\n                <div class=\"vebinarPage_surpriseRight\">\r\n                    <p class=\"vebinarPage_surpriseText3\">\r\n                        {{ terms.attention.title }}\r\n                    </p>\r\n                    <p class=\"vebinarPage_surpriseText\" v-html=\"terms.attention.text\">\r\n                    </p>\r\n                </div>\r\n            </div>\r\n        </div>   \r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport Button from '@/components/UI/Controls/Button.vue'\r\n// @ is an alias to /src\r\nimport Breadcrumbs from '@/components/Breadcrumbs'\r\nimport {mapActions, mapGetters} from 'vuex'\r\nimport axios from 'axios'\r\n\r\nexport default {\r\n  name: 'Vebinars',\r\n  components: {\r\n    Breadcrumbs,\r\n    Button,\r\n  },\r\n  data() {\r\n    return {\r\n        Pid: this.$route.params.Pid2,\r\n        vebinar: {},\r\n        textVideo: 'Шановлі лікарі! Щоб мати змогу подивитися вебінар, ви маєте аторизуватися або зареєструватися на даному сайті',\r\n        titleSpikers: 'Спікери',\r\n        textSpikers: \"\",\r\n        surprise: {\r\n            text1: 'Шановні, лікарі!',\r\n            text2: 'Сьогодні, під час прямого ефіру, буде проведено',\r\n            text3: 'розіграш трьох смартфонів + 250 подарунків.',\r\n            img: require('../assets/img/imageEvents2.png')\r\n        },\r\n        terms: {\r\n            text1: 'Для участі у розіграші необхідно:',\r\n            list: [\r\n                '1) Зареєструватися на вебінарі',\r\n                '2) Приєднатися до прослуховування вебінару <br> <span style=\"color: #9D1006; font-weight: 700; margin-left: 25px;\">2 лютого о 16:00</span>',\r\n                '3) І залишатися з нами протягом всього вебінару.'\r\n            ],\r\n            attention: { \r\n                title: 'Увага! У розіграші приймають участь лише лікарі України.',\r\n                text: 'Повідомлення про перемогу прийде на пошту лікарю, та додатково буде опубліковано список переможців в соціальній мережі ФБ, на сторінці <a href=\"#\" style=\"font-weight: 700; color: #1FAEEA; text-decoration: none;\"  >https://www.facebook.com/hippocrates.org.ua</a>'\r\n            }\r\n        },\r\n        // breadcrumbs: [\r\n        //     {\r\n        //         name: 'Головна',\r\n        //         link: '/'\r\n        //     },\r\n        //     {\r\n        //         name: 'Вебінари'\r\n        //     }\r\n        // ] \r\n    }\r\n  },\r\n  methods: {\r\n    goToTest () {\r\n      // alert(proId)\r\n      this.$router.push({\r\n        name: 'testVebinar',\r\n        params: { Pid4: this.Pid }\r\n      })\r\n    },\r\n    openLog() {\r\n        this.$router.push(`/${this.$i18n.locale}/login`)\r\n    },\r\n    ...mapActions([\r\n        'GET_VEBINARSINGLE_FROM_API',\r\n    ]),\r\n    getApiVebinar () {\r\n        let obj = {\r\n            id: this.Pid,\r\n            tokken: this.tokkent,\r\n            lang: \"uk\"\r\n        }\r\n        if(this.$i18n.locale != 'ua') {\r\n            obj.lang = this.$i18n.locale\r\n        }\r\n        this.GET_VEBINARSINGLE_FROM_API(obj).then((response) => {\r\n            if(response) {\r\n                // console.log('this.vebinar')\r\n                this.vebinar = response\r\n\r\n                let VIDEO_ID = \"dAv0Tyxu8-M\"; // for live chat\r\n                if(this.vebinar)\r\n                    VIDEO_ID = this.vebinar.youtube_id\r\n                \r\n                /*\r\n                code from:\r\n                https://stackoverflow.com/questions/52468303/how-to-embed-youtube-livestream-chat\r\n                */\r\n                let chat_embed_wrapper = document.getElementById(\"chat-embed-wrapper\");  \r\n                let chat_embed_iframe = document.createElement(\"iframe\");  \r\n                chat_embed_iframe.referrerPolicy = \"origin\";  \r\n                chat_embed_iframe.src = `https://www.youtube.com/live_chat?v=${VIDEO_ID}&embed_domain=${window.location.hostname}&dark_theme=1`;  \r\n                chat_embed_iframe.frameBorder = \"0\";  \r\n                chat_embed_iframe.id = \"chat-embed-iframe\";  \r\n                chat_embed_iframe.style.height = \"100%\";\r\n                chat_embed_iframe.style.width = \"100%\";\r\n                chat_embed_wrapper.appendChild(chat_embed_iframe);\r\n\r\n                let change_stream_embed_iframe_size = function() {\r\n                let stream_container = document.getElementById(\"stream-container\");\r\n                let stream_embed_wrapper = document.getElementById(\"stream-embed-wrapper\");\r\n                let stream_embed_iframe = document.getElementById(\"stream-embed-iframe\");\r\n\r\n                    if(typeof window.orientation !== 'undefined'){ //on phone\r\n                        chat_embed_wrapper.style.display = 'none';\r\n                        stream_embed_iframe.width = stream_container.clientWidth;\r\n                    }else{ // on pc (desktop browsers == 'undefined')\r\n                        stream_embed_iframe.width = stream_embed_wrapper.clientWidth;\r\n                    }\r\n                };\r\n                change_stream_embed_iframe_size();\r\n\r\n                window.onresize = function(event) {\r\n                    //console.log(\"[window.onresize]\");\r\n                    change_stream_embed_iframe_size();\r\n                };\r\n            }\r\n        })\r\n    },\r\n    async registerSeminar () {\r\n      if (this.$store.getters.getToken) {\r\n        let lang = \"uk\"\r\n        if(this.$i18n.locale != 'ua') {\r\n            obj.lang = this.$i18n.locale\r\n        }\r\n        await axios({\r\n          url: `https://asprof-test.azurewebsites.net/${lang}/api/webinars/${this.Pid}/register/`,\r\n          method: 'Post',\r\n          headers: {\r\n            Authorization: 'Bearer ' + this.tokkent\r\n          }\r\n        })\r\n          .then(respons => {\r\n            this.$message('Ви зареєстровані!')\r\n            this.getNotify()\r\n          })\r\n          .catch(error => {\r\n            console.log(error)\r\n            this.$message('Помилка')\r\n          })\r\n      } else {\r\n        this.$router.push({\r\n          name: 'inLogin'\r\n        })\r\n      }\r\n      this.getApiVebinar()\r\n    },\r\n  },\r\n  computed: {\r\n    ...mapGetters([\r\n      'VEBINARSINGLE',\r\n    ]),\r\n    tokkent() {\r\n        return this.$store.getters.getToken\r\n    },\r\n    breadcrumbs() {\r\n        let breadcrumbs = [\r\n            {\r\n                name: this.$t('breadcrumbs.home'),\r\n                link: `/${this.$i18n.locale}/`\r\n            },\r\n            {\r\n                name: this.$t('breadcrumbs.webinars'),\r\n                link: `/${this.$i18n.locale}/webinars`\r\n            }\r\n        ] \r\n        if(this.vebinar.name)\r\n            breadcrumbs.push({name: this.vebinar.name})\r\n        return breadcrumbs;\r\n    }\r\n  },\r\n  mounted() {\r\n    this.getApiVebinar()\r\n  }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n\r\n.wrapBtn {\r\n    margin: desktop-vw(20) 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    grid-gap: desktop-vw(15);\r\n}\r\n\r\n.vebinarPage {\r\n    padding-top: desktop-vw(150);\r\n    max-width: desktop-vw(950);\r\n    width: 100%;\r\n    margin: 0 auto;\r\n\r\n    &_title {\r\n        font-style: normal;\r\n        font-weight: 700;\r\n        font-size: desktop-vw(32);\r\n        line-height: 130%;\r\n        /* identical to box height */\r\n        text-align: center;\r\n        text-transform: uppercase;\r\n        color: #1FAEEA;\r\n        margin-bottom: desktop-vw(37);\r\n    }\r\n\r\n    &_wrapVideo {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n\r\n    &_textVideo {\r\n        margin-bottom: desktop-vw(22);\r\n    }\r\n\r\n    &_spicers {\r\n        padding: desktop-vw(62) 0 desktop-vw(89) 0;\r\n    }\r\n\r\n    &_content {\r\n\r\n        p {\r\n            font-family: 'Open Sans';\r\n            font-style: normal;\r\n            font-weight: 400;\r\n            font-size: desktop-vw(16);\r\n            line-height: 130%;\r\n            margin-bottom: desktop-vw(22);\r\n        }\r\n    }\r\n\r\n    &_surpriseWrap {\r\n        background: #F8F8F8;\r\n        padding: desktop-vw(27) 0 desktop-vw(67) 0;\r\n    }\r\n\r\n    &_surprise {\r\n        max-width: desktop-vw(950);\r\n        margin: 0 auto;\r\n    }\r\n\r\n    &_wrapImg {\r\n        position: relative;\r\n        width: 100%;\r\n        height: desktop-vw(231);\r\n        max-width: desktop-vw(440);\r\n\r\n        img {\r\n            position: absolute;\r\n            object-fit: cover;\r\n            width: 100%;\r\n            height: auto;\r\n        }\r\n    }\r\n\r\n    &_surpriseTop {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        grid-gap: desktop-vw(50);\r\n        margin-bottom: desktop-vw(40);\r\n    }\r\n\r\n    &_surpriseBottom {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        grid-gap: desktop-vw(50);\r\n    }\r\n\r\n    &_surpriseLeft {\r\n        max-width: 50%;\r\n        width: 100%;\r\n    }\r\n\r\n    &_surpriseRight {\r\n        max-width: 50%;\r\n        width: 100%;\r\n    }\r\n\r\n    &_surpriseText1 {\r\n        font-style: normal;\r\n        font-weight: 700;\r\n        font-size: desktop-vw(18);\r\n        line-height: 130%;\r\n        color: #383838;\r\n        margin-bottom: desktop-vw(20);\r\n    }\r\n\r\n    &_surpriseText {\r\n        font-style: normal;\r\n        font-weight: 400;\r\n        font-size: desktop-vw(16);\r\n        line-height: 130%;\r\n        color: #383838;\r\n        margin-bottom: desktop-vw(16);\r\n\r\n        span {\r\n            color: #9D1006;\r\n            font-weight: 700;\r\n        }\r\n    }\r\n\r\n    &_surpriseText2 {\r\n        font-style: italic;\r\n        font-weight: 700;\r\n        font-size:  desktop-vw(24);\r\n        line-height: 150%;\r\n        text-transform: uppercase;\r\n        color: #A32118;\r\n    }\r\n\r\n    &_surpriseText3 {\r\n        font-style: normal;\r\n        font-weight: 700;\r\n        font-size: desktop-vw(18);\r\n        line-height: 150%;\r\n        color: #1FAEEA;\r\n        margin-bottom: desktop-vw(20);\r\n    }\r\n}\r\n\r\n\r\n#stream-container {\r\n    height: desktop-vw(377);\r\n    display: flex;\r\n    width: 100%;\r\n    margin-bottom: desktop-vw(33);\r\n}\r\n\r\n#stream-embed-wrapper {\r\n    flex: 1 1 auto;\r\n\r\n    iframe {\r\n        width: 100%;\r\n    }\r\n}\r\n\r\n#chat-embed-wrapper {\r\n    width: desktop-vw(267);\r\n}\r\n\r\n@media screen and (max-width: $tablet) {\r\n}\r\n@media screen and (max-width: $mobile) {\r\n    #chat-embed-wrapper {\r\n        width: mobile-vw(167);\r\n    }\r\n\r\n    .vebinarPage {\r\n        padding-top: mobile-vw(30);\r\n        padding-bottom: 0;\r\n        max-width: 100%;\r\n        padding-left: mobile-vw(20);\r\n        padding-right: mobile-vw(20);\r\n\r\n        &_title {\r\n            font-style: normal;\r\n            font-size: mobile-vw(20);\r\n            margin-bottom: mobile-vw(37);\r\n        }\r\n\r\n        &_textVideo {\r\n            margin-bottom: mobile-vw(22);\r\n        }\r\n\r\n        &_spicers {\r\n            padding: mobile-vw(62) 0 mobile-vw(40) 0;\r\n        }\r\n\r\n        &_content {\r\n\r\n            p {\r\n                font-size: mobile-vw(16);\r\n                margin-bottom: mobile-vw(22);\r\n            }\r\n        }\r\n\r\n        &_surpriseWrap {\r\n            padding: mobile-vw(27) 0 mobile-vw(67) 0;\r\n        }\r\n\r\n        &_surprise {\r\n            max-width: 100%;\r\n            padding: 0 mobile-vw(20);\r\n        }\r\n\r\n        &_wrapImg {\r\n            height: mobile-vw(231);\r\n            max-width: mobile-vw(440);\r\n        }\r\n\r\n        &_surpriseTop {\r\n            flex-direction: column;\r\n        }\r\n\r\n        &_surpriseBottom {\r\n            flex-direction: column;\r\n        }\r\n        \r\n        &_surpriseLeft,\r\n        &_surpriseRight {\r\n            max-width: 100%;\r\n        }\r\n\r\n\r\n        &_surpriseText1 {\r\n            font-size: mobile-vw(18);\r\n            margin-bottom: mobile-vw(20);\r\n        }\r\n\r\n        &_surpriseText {\r\n            font-size: mobile-vw(16);\r\n            margin-bottom: mobile-vw(16);\r\n        }\r\n\r\n        &_surpriseText2 {\r\n            font-size:  mobile-vw(20);\r\n        }\r\n\r\n        &_surpriseText3 {\r\n            font-size: mobile-vw(18);\r\n            margin-bottom: mobile-vw(20);\r\n        }\r\n    }\r\n\r\n\r\n    #stream-container {\r\n        height: mobile-vw(135);\r\n        margin-bottom: mobile-vw(33);\r\n    }\r\n\r\n    #stream-embed-wrapper {\r\n        flex: 1 1 auto;\r\n    }\r\n}\r\n\r\n</style>","import { render } from \"./vebinar-single.vue?vue&type=template&id=62a08339&scoped=true\"\nimport script from \"./vebinar-single.vue?vue&type=script&lang=js\"\nexport * from \"./vebinar-single.vue?vue&type=script&lang=js\"\n\nimport \"./vebinar-single.vue?vue&type=style&index=0&id=62a08339&lang=scss&scoped=true\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-62a08339\"]])\n\nexport default __exports__"],"names":["class","content","item","idx","key","to","link","name","props","components","data","__exports__","render","id","breadcrumbs","vebinar","height","width","src","youtube_id","frameborder","allowfullscreen","titleSpikers","text","tokkent","test","registered","btnClass","registerSeminar","goToTest","Breadcrumbs","Button","Pid","this","$route","params","Pid2","textVideo","textSpikers","surprise","text1","text2","text3","img","terms","list","attention","title","methods","$router","push","Pid4","openLog","$i18n","locale","getApiVebinar","obj","tokken","lang","GET_VEBINARSINGLE_FROM_API","then","response","VIDEO_ID","chat_embed_wrapper","document","getElementById","chat_embed_iframe","createElement","referrerPolicy","window","location","hostname","frameBorder","style","appendChild","change_stream_embed_iframe_size","stream_container","stream_embed_wrapper","stream_embed_iframe","orientation","display","clientWidth","onresize","event","$store","getters","getToken","axios","url","method","headers","Authorization","respons","$message","getNotify","catch","error","console","log","computed","$t","mounted"],"sourceRoot":""}