{"version":3,"sources":["webpack:///./src/components/LessonPage/modals/LessonSettingsModal.vue?6797","webpack:///./src/components/LessonPage/LessonPage.vue","webpack:///./src/components/LessonPage/modals/LessonSettingsModal.vue","webpack:///./src/components/LessonPage/modals/LessonSettingsModal.vue?fb37","webpack:///./src/components/LessonPage/modals/LessonStartModal.vue","webpack:///./src/components/LessonPage/modals/LessonStartModal.vue?8a14","webpack:///./src/components/LessonPage/modals/LessonFinishModal.vue","webpack:///./src/components/LessonPage/modals/LessonFinishModal.vue?8d6f","webpack:///./src/components/LessonPage/modals/WarningModal.vue","webpack:///./src/components/LessonPage/modals/WarningModal.vue?ce84","webpack:///./src/components/LessonPage/MaterialsWrapperOnLesson.vue","webpack:///./src/components/LessonPage/MaterialsWrapperOnLesson.vue?d0ca","webpack:///./src/components/LessonPage/LessonClock.vue","webpack:///./src/components/LessonPage/LessonClock.vue?933f","webpack:///./src/components/LessonPage/LessonPage.vue?6edf","webpack:///./src/components/LessonPage/modals/LessonStartModal.vue?3572","webpack:///./src/components/LessonPage/LessonClock.vue?5b34"],"names":["class","style","d","stroke","stroke-width","stroke-linecap","stroke-linejoin","fill-rule","clip-rule","fill","showLessonSettingsModal","getLesson","onLessonDeleted","showStartLessonModal","showFinishLessonModal","showWarningModal","$router","push","courseLink","course","title","viewBox","xmlns","goBack","lesson","topic","selectedTab","isChatFocused","loading","lessonStatus","lessonStatuses","RUNNING","isAbleToEditLesson","AFTER","isSocketReady","chat_id","$route","params","$emit","tariffId","wantToDeleteLesson","formData","placeholder","focus","editLesson","dtStart","duration","type","onDurationInput","errorMsg","id","deleteLesson","name","components","Checkbox","Modal","InputGroup","DatetimeGroup","dtFinish","editing","computed","userInfo","this","$store","getters","tariffState","tariff","methods","diff","Math","round","max","min","trim","payload","Date","setTime","getTime","dispatch","then","a","put","headers","courseId","lessonId","resp","catch","err","response","data","message","startsWith","slice","length","console","error","delete","getDuration","__exports__","startNow","finishNow","href","target","rel","BEFORE","roleId","roleIds","TEACHER","roomId","materialsRoomId","isRoomAdmin","active","useDrafts","showDraftsButtonAtHead","showDraftsCircleButton","canPostNewMaterials","messageIfNoMaterials","typesConfig","DefaultTip","Materials","MaterialsSkeletons","store","value","ctext","isEditable","board","code","images","test","time","finishedAt","transform","extendToTwoDigits","interval","hours","minutes","seconds","addTime","VueCountdown","props","Object","required","Boolean","formattedProps","entries","forEach","key","String","LessonClock","MaterialsWrapperOnLesson","Chat","WarningModal","LessonFinishModal","LessonStartModal","LessonSettingsModal","Navbar","watch","ready","lS","checkerForFinish","warningModalShown","pathBack","prevRoute","checker","killCheckerForFinish","now","setInterval","clearInterval","t","to","from","next","vm","Number","runCheckIfLessonFinished","render"],"mappings":"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","file":"js/group-lesson~9fa10dbc.05c6e330.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./LessonSettingsModal.vue?vue&type=style&index=0&id=ceab82dc&scoped=true&lang=css\"","<template>\n    <div class=\"ytm-container\">\n        <LessonSettingsModal v-if=\"showLessonSettingsModal\" @reset_modal=\"showLessonSettingsModal = false\" @lesson_updated=\"getLesson\" @lesson_deleted=\"onLessonDeleted\"/>\n        <LessonStartModal v-if=\"showStartLessonModal\" @reset_modal=\"showStartLessonModal = false\" @lesson_started=\"getLesson\"/>\n        <LessonFinishModal v-if=\"showFinishLessonModal\" @reset_modal=\"showFinishLessonModal = false\" @lesson_finished=\"getLesson\"/>\n        <WarningModal v-if=\"showWarningModal\" @reset_modal=\"showWarningModal = false\"/>\n        <div class=\"ytm-lesson-meta\">\n            <Navbar/>\n            <div style=\"margin-top: 1.75rem; margin-bottom: 2.25rem\">\n                <div v-if=\"loading\">\n                    <div class=\"ytm-course-breadcrumb-text skeleton skeleton-text-default\" style=\"margin-bottom: 0.5rem\"/>\n                    <div class=\"ytm-lesson-head-wrapper skeleton skeleton-text-big\"/>\n                </div>\n                <div v-else>\n                    <div style=\"display: flex\">\n                        <div class=\"ytm-course-breadcrumb\" @click=\"$router.push(`/course/${courseLink}`)\">\n                            <p class=\"ytm-default-text ytm-course-breadcrumb-text\">\n                                {{course.title}}\n                            </p>\n                            <p class=\"ytm-default-text ytm-course-breadcrumb-text\">\n                                &nbsp/\n                            </p>\n                        </div>\n                    </div>\n                    <div class=\"ytm-lesson-head-wrapper\">\n                        <svg viewBox=\"0 0 21 35\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\n                             class=\"ytm-lesson-head-icon\"\n                             style=\"margin-left: -0.5rem; margin-right: 0.75rem; height: 1.5rem; top: 0.45rem\"\n                             @click=\"goBack\"\n                        >\n                            <path d=\"M17.5 3L3 17.5L17.5 32\" stroke=\"black\" stroke-width=\"6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n                        </svg>\n                        <p class=\"ytm-default-text ytm-head-text\">\n                            {{lesson.topic}}\n                        </p>\n                        <svg v-if=\"isAbleToEditLesson\" viewBox=\"0 0 37 37\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class=\"ytm-lesson-head-icon\" @click=\"showLessonSettingsModal = true\" style=\"margin-left: 0.75rem\">\n                            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M21.9248 2.73744C21.1003 -0.912479 15.8997 -0.91248 15.0753 2.73744C14.5409 5.10296 11.8264 6.22736 9.77585 4.93252C6.61199 2.93462 2.93462 6.61199 4.93252 9.77585C6.22736 11.8264 5.10296 14.5409 2.73744 15.0753C-0.912479 15.8997 -0.91248 21.1003 2.73744 21.9248C5.10296 22.4591 6.22736 25.1737 4.93252 27.2242C2.93462 30.388 6.61199 34.0654 9.77585 32.0675C11.8264 30.7727 14.5409 31.8971 15.0753 34.2626C15.8997 37.9125 21.1003 37.9125 21.9248 34.2626C22.4591 31.8971 25.1737 30.7727 27.2242 32.0675C30.388 34.0654 34.0654 30.388 32.0675 27.2242C30.7727 25.1737 31.8971 22.4591 34.2626 21.9248C37.9125 21.1003 37.9125 15.8997 34.2626 15.0753C31.8971 14.5409 30.7727 11.8264 32.0675 9.77585C34.0654 6.61199 30.388 2.93462 27.2242 4.93252C25.1737 6.22736 22.4591 5.10296 21.9248 2.73744ZM18.5 26C22.6421 26 26 22.6421 26 18.5C26 14.3579 22.6421 11 18.5 11C14.3579 11 11 14.3579 11 18.5C11 22.6421 14.3579 26 18.5 26Z\" fill=\"black\"/>\n                        </svg>\n                    </div>\n                </div>\n            </div>\n            <div class=\"ytm-lesson-tabs\">\n                <div style=\"flex-grow: 1\">\n                    <div class=\"ytm-tabs-titles\">\n                        <div\n                            :class=\"{'ytm-tab ytm-default-text ytm-tab-title': true, 'ytm-tab-selected': selectedTab === 'materials'}\"\n                            @click=\"selectedTab = 'materials'; isChatFocused = false\"\n                        >\n                            Материалы\n                        </div>\n                        <div\n                            :class=\"{'ytm-tab ytm-default-text ytm-tab-title': true, 'ytm-tab-selected': selectedTab === 'chat'}\"\n                            @click=\"selectedTab = 'chat'; isChatFocused = true\"\n                        >\n                            Чат\n                        </div>\n                    </div>\n                </div>\n                <div v-if=\"!loading\">\n                    <div\n                        v-if=\"isAbleToStartLesson\"\n                        class=\"ytm-black-button ytm-default-text\"\n                        style=\"background: #07A8F0; color: #FFFFFF; font-weight: 600\"\n                        @click=\"showStartLessonModal = true\"\n                    >\n                        Начать занятие\n                    </div>\n                    <div v-if=\"lessonStatus === lessonStatuses.RUNNING\" class=\"ytm-lesson-buttons\">\n                        <LessonClock :lesson=\"lesson\" :isAbleToEditLesson=\"isAbleToEditLesson\"/>\n                        <div\n                            v-if=\"isAbleToFinishLesson\"\n                            class=\"ytm-transparent-button ytm-default-text\"\n                            style=\"border-color: #F55A5A; color: #F55A5A; font-weight: 600; white-space: nowrap\"\n                            @click=\"showFinishLessonModal = true\"\n                        >\n                            Завершить занятие\n                        </div>\n                    </div>\n                    <div v-if=\"lessonStatus === lessonStatuses.AFTER\">\n                        <div\n                            class=\"ytm-transparent-button ytm-default-text\"\n                            style=\"border-color: #9E9E9E; color: #626262; font-weight: 600; white-space: nowrap\"\n                        >\n                            Завершено\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div v-show=\"selectedTab === 'materials'\" style=\"margin-bottom: 80vh\">\n            <MaterialsWrapperOnLesson/>\n        </div>\n        <div v-show=\"selectedTab === 'chat'\" style=\"margin-bottom: 10vh\">\n            <Chat\n                v-if=\"lesson && isSocketReady\"\n                :chat_id=\"'course_' + $route.params.courseLink\"\n            />\n            <div v-else>\n                <div class=\"skeleton\" style=\"width: 100%; height: 60vh; border-radius: 1rem; margin-bottom: 2rem\"/>\n                <div class=\"skeleton\" style=\"width: 100%; height: 2.5rem; border-radius: 0.5rem; margin-bottom: 2rem\"/>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport \"@/styles/style.css\";\nimport \"@/components/CoursePageV2/skeletons.css\";\nimport \"@/components/LessonPage/style.css\";\nimport lessonStatuses from \"@/util/lesson_statuses\";\nimport roleIds from \"@/util/roles\";\nimport Navbar from \"@/components/redesign/Navbar.vue\";\nimport {provide, ref} from \"vue\";\nimport LessonSettingsModal from \"@/components/LessonPage/modals/LessonSettingsModal.vue\";\nimport LessonStartModal from \"@/components/LessonPage/modals/LessonStartModal.vue\";\nimport LessonFinishModal from \"@/components/LessonPage/modals/LessonFinishModal.vue\";\nimport VueCountdown from \"@chenfengyuan/vue-countdown\";\nimport WarningModal from \"@/components/LessonPage/modals/WarningModal.vue\";\nimport MaterialsWrapperOnLesson from \"@/components/LessonPage/MaterialsWrapperOnLesson.vue\";\nimport Chat from \"@/components/redesign/Chat/Chat.vue\";\nimport LessonClock from \"@/components/LessonPage/LessonClock.vue\";\n\nexport default {\n    name: 'LessonPage',\n    components: {\n        LessonClock,\n        MaterialsWrapperOnLesson, Chat, WarningModal, VueCountdown, LessonFinishModal,\n        LessonStartModal, LessonSettingsModal, Navbar,\n    },\n    computed: {\n        course() {\n            return this.$store.getters['course/course'];\n        },\n        lesson() {\n            return this.$store.getters['lesson/lesson'];\n        },\n        lessonStatus() {\n            return this.$store.getters['lesson/lessonStatus'];\n        },\n        loading() {\n            return this.$store.getters['lesson/loading'] || this.$store.getters['course/loading'] || this.$store.getters['user_info/loading']\n                || !this.$store.getters['lesson/lesson'];\n        },\n        isSocketReady() {\n            return this.$store.getters['ws/socketReady'];\n        },\n        isAbleToEditLesson() {\n            return this.lesson && this.lesson.roleId === roleIds.TEACHER;\n        },\n        isAbleToStartLesson() {\n            return this.lesson && this.lesson.roleId === roleIds.TEACHER && this.lessonStatus === lessonStatuses.BEFORE;\n        },\n        isAbleToFinishLesson() {\n            return this.lesson && this.lesson.roleId === roleIds.TEACHER && this.lessonStatus === lessonStatuses.RUNNING;\n        },\n    },\n    watch: {\n        isSocketReady: {\n            handler(ready) {\n                if (ready) {\n                    this.$store.dispatch('ws/refocusLesson', {lS: this.courseLink + ':' + this.lessonId});\n                }\n            },\n        },\n    },\n    setup() {\n        const isChatFocused = ref(false);\n        provide('is_chat_focused', isChatFocused);\n        return {isChatFocused};\n    },\n    data() {\n        return {\n            lessonStatuses,\n            roleIds,\n            courseLink: '',\n            lessonId: 0,\n            checkerForFinish: null,\n            selectedTab: 'materials',\n            showLessonSettingsModal: false,\n            showStartLessonModal: false,\n            showFinishLessonModal: false,\n            warningModalShown: false,\n            showWarningModal: false,\n        };\n    },\n    methods: {\n        goBack() {\n            const pathBack = this.prevRoute.href || '/course/' + this.courseLink;\n            this.$router.push(pathBack);\n        },\n        getLesson() {\n            this.$store.dispatch(\n                'lesson/fetch',\n                {\n                    courseLink: this.courseLink,\n                    lessonId: this.lessonId,\n                },\n            ).catch(err => {\n                console.error(err);\n            });\n        },\n        onLessonDeleted() {\n            this.$router.push('/course/' + this.courseLink);\n        },\n        runCheckIfLessonFinished() {\n            const checker = () => {\n                if (this.lessonStatus === lessonStatuses.AFTER) {\n                    this.killCheckerForFinish();\n                    return;\n                }\n                const now = new Date();\n                if (this.lesson && this.lessonStatus === lessonStatuses.RUNNING) {\n                    if (this.lesson.finishedAt < now) {\n                        this.$store.dispatch('lesson/actualizeLessonStatus', lessonStatuses.AFTER);\n                        this.killCheckerForFinish();\n                        return;\n                    }\n                    if (this.lesson.finishedAt - now < 5 * 60 * 1000 && !this.warningModalShown) {\n                        this.warningModalShown = true;\n                        this.showWarningModal = true;\n                    }\n                }\n            };\n            checker();\n            this.checkerForFinish = setInterval(checker, 1000);\n        },\n        killCheckerForFinish() {\n            if (this.checkerForFinish) {\n                clearInterval(this.checkerForFinish);\n                this.checkerForFinish = null;\n            }\n        },\n        onNewSocketMessage(t, payload) {\n            if (t === 4002) {\n                this.getLesson();\n            }\n        },\n    },\n    beforeRouteEnter(to, from, next) {\n        next(vm => { vm.prevRoute = from });\n    },\n    mounted() {\n        this.courseLink = this.$route.params.courseLink;\n        this.lessonId = Number(this.$route.params.lessonId);\n        this.$store.dispatch('ws/initialize').then(() => {\n            this.$store.dispatch('ws/registerLesson', this);\n            if (this.isSocketReady) {\n                this.$store.dispatch('ws/refocusLesson', {lS: this.courseLink + ':' + this.lessonId});\n            }\n        }).catch(err => {\n            console.error(err);\n        });\n        this.runCheckIfLessonFinished();\n        this.getLesson();\n        this.$store.dispatch('course/fetch', this.courseLink).catch(err => {\n            console.error(err);\n        });\n        this.$store.dispatch('user_info/fetchUserInfo').catch(err => {\n            console.error(err);\n        });\n    },\n    beforeUnmount() {\n        this.killCheckerForFinish();\n        this.$store.dispatch('ws/refocusLesson', {lS: ''});\n        this.$store.dispatch('ws/unregisterLesson', this);\n        this.$store.dispatch('lesson/clear');\n        this.$store.dispatch('course/clear');\n        this.$store.dispatch('ws/closeConnection');\n    },\n};\n</script>\n\n<style scoped>\n\n</style>","<template>\n    <Modal @reset_modal=\"$emit('reset_modal')\">\n        <div class=\"ytm-default-text\" style=\"font-size: 1.75rem; font-weight: 600; text-align: center; margin-bottom: 1.75rem\">\n            Редактировать занятие\n        </div>\n        <div v-if=\"tariffId === -1\">\n            <p class=\"ytm-default-text\" style=\"text-align: center; font-size: 1.25rem\">\n                Чтобы изменить настройки занятия, нужно выбрать тариф\n            </p>\n            <div style=\"margin-top: 2rem; width: 100%; display: flex; justify-content: center\">\n                <div\n                    class=\"ytm-blue-button ytm-default-text\"\n                    style=\"font-size: 0.9rem; color: #FFFFFF; font-weight: 600\"\n                    @click=\"$router.push('/account?section=tariff')\"\n                >\n                    К выбору тарифа\n                </div>\n            </div>\n        </div>\n        <div v-else>\n            <div :class=\"{'ytm-inactive': wantToDeleteLesson}\">\n                <div class=\"ytm-fields\" v-if=\"formData.dtStart\">\n                    <InputGroup class=\"ytm-modal-input\" v-model=\"formData.topic\" title=\"Тема\" placeholder=\"Тема занятия\" :focus=\"true\" @keyup.enter=\"editLesson\"/>\n                    <DatetimeGroup class=\"ytm-modal-input\" v-model=\"formData.dtStart\" title=\"Планируемые дата и время начала\"/>\n                    <InputGroup class=\"ytm-modal-input\" v-model=\"duration\" type=\"number\" title=\"Продолжительность (в минутах)\" placeholder=\"Продолжительность занятия в минутах\" @input=\"onDurationInput\" @keyup.enter=\"editLesson\"/>\n                </div>\n            </div>\n            <Checkbox v-model=\"wantToDeleteLesson\" id=\"remove\" title=\"Удалить занятие\" @update:modelValue=\"errorMsg = ''\"/>\n            <p v-if=\"errorMsg\" class=\"ytm-default-text\" style=\"margin-top: 1rem; margin-bottom: -1rem; text-align: center; color: red\">\n                {{errorMsg}}\n            </p>\n            <div style=\"margin-top: 2rem; width: 100%; display: flex; justify-content: center\">\n                <div\n                    v-if=\"!wantToDeleteLesson\"\n                    class=\"ytm-blue-button ytm-default-text\"\n                    style=\"font-size: 0.9rem; color: #FFFFFF; font-weight: 600\"\n                    @click=\"editLesson\"\n                >\n                    Сохранить изменения\n                </div>\n                <div\n                    v-else\n                    class=\"ytm-blue-button ytm-default-text\"\n                    style=\"background-color: #F55A5A; font-size: 0.9rem; color: #FFFFFF; font-weight: 600\"\n                    @click=\"deleteLesson\"\n                >\n                    Удалить\n                </div>\n            </div>\n        </div>\n    </Modal>\n</template>\n\n<script>\nimport 'v-calendar/dist/style.css';\nimport \"@/components/redesign/Form/forms.css\";\nimport Modal from \"@/components/redesign/Modal\";\nimport InputGroup from \"@/components/redesign/Form/InputGroup\";\nimport axios from \"axios\";\nimport {SERVICE_MAIN_URI} from \"@/util/api-host\";\nimport {authHeader} from \"@/util/auth-header\";\nimport DatetimeGroup from \"@/components/redesign/Form/DatetimeGroup\";\nimport Checkbox from \"@/components/redesign/Form/Checkbox.vue\";\n\nexport default {\n    name: 'LessonSettingsModal',\n    components: {Checkbox, Modal, InputGroup, DatetimeGroup},\n    data() {\n        return {\n            formData: {\n                topic: '',\n                dtStart: null,\n                dtFinish: null,\n            },\n            duration: 80,\n            wantToDeleteLesson: false,\n            editing: false,\n            errorMsg: '',\n        };\n    },\n    computed: {\n        tariffId() {\n            const userInfo = this.$store.getters['user_info/user_info'];\n            if (userInfo && userInfo.tariffState && userInfo.tariffState.tariff) {\n                return userInfo.tariffState.tariff.id;\n            } else {\n                return -1;\n            }\n        },\n        lesson() {\n            return this.$store.getters['lesson/lesson'];\n        },\n    },\n    methods: {\n        getDuration(lesson) {\n            const diff = lesson.dtFinish - lesson.dtStart;\n            return Math.round(diff / 1000 / 60);\n        },\n        onDurationInput() {\n            this.duration = Math.max(0, Math.round(this.duration));\n            this.duration = Math.min(60 * 12, Math.round(this.duration));\n        },\n        editLesson() {\n            if (this.editing || !this.lesson) {\n                return;\n            }\n            this.formData.topic = this.formData.topic.trim();\n            if (!this.formData.topic) {\n                this.errorMsg = 'Укажите, пожалуйста, тему занятия';\n                return;\n            }\n            this.errorMsg = '';\n            this.editing = true;\n            let payload = this.formData;\n            payload.dtFinish = new Date(payload.dtStart);\n            payload.dtFinish.setTime(payload.dtFinish.getTime() + this.duration * 60 * 1000);\n            this.$store.dispatch('auth/autoLogin').then(() => {\n                axios.put(\n                    SERVICE_MAIN_URI + '/lesson',\n                    payload,\n                    {\n                        headers: authHeader(),\n                        params: {\n                            courseId: this.$route.params.courseLink,\n                            lessonId: this.$route.params.lessonId,\n                        },\n                    },\n                ).then(resp => {\n                    this.$emit('lesson_updated');\n                    this.editing = false;\n                    this.$emit('reset_modal');\n                }).catch(err => {\n                    if (err.response && err.response.data.message && err.response.data.message.startsWith('tariffError:')) {\n                        this.errorMsg = err.response.data.message.slice('tariffError: '.length);\n                    } else {\n                        this.errorMsg = 'Упс, не удалось сохранить настройки занятия';\n                        console.error(err);\n                    }\n                    this.editing = false;\n                });\n            });\n        },\n        deleteLesson() {\n            if (this.editing || !this.lesson) {\n                return;\n            }\n            this.$store.dispatch('auth/autoLogin').then(() => {\n                axios.delete(\n                    SERVICE_MAIN_URI + '/lesson',\n                    {\n                        headers: authHeader(),\n                        params: {\n                            courseId: this.$route.params.courseLink,\n                            lessonId: this.$route.params.lessonId,\n                        },\n                    },\n                ).then(resp => {\n                    this.$emit('lesson_deleted');\n                    this.editing = false;\n                    this.$emit('reset_modal');\n                }).catch(err => {\n                    this.errorMsg = 'Упс, не удалось удалить занятие';\n                    this.editing = false;\n                });\n            });\n        },\n    },\n    mounted() {\n        if (this.lesson) {\n            this.formData.topic = this.lesson.topic;\n            this.formData.dtStart = new Date(this.lesson.dtStart);\n            this.formData.dtFinish = new Date(this.lesson.dtFinish);\n            this.duration = this.getDuration(this.lesson);\n        } else {\n            this.formData.dtStart = new Date();\n            this.duration = 80;\n        }\n    },\n};\n</script>\n\n<style scoped>\n.ytm-modal-input {\n    margin-bottom: 1.25rem;\n}\n</style>","import { render } from \"./LessonSettingsModal.vue?vue&type=template&id=ceab82dc&scoped=true\"\nimport script from \"./LessonSettingsModal.vue?vue&type=script&lang=js\"\nexport * from \"./LessonSettingsModal.vue?vue&type=script&lang=js\"\n\nimport \"./LessonSettingsModal.vue?vue&type=style&index=0&id=ceab82dc&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-ceab82dc\"]])\n\nexport default __exports__","<template>\n  <Modal @reset_modal=\"$emit('reset_modal')\">\n    <div class=\"ytm-default-text\" style=\"font-size: 1.75rem; font-weight: 600; text-align: center; margin-bottom: 1.75rem\">\n      Начать занятие\n    </div>\n    <div v-if=\"tariffId === -1\">\n      <p class=\"ytm-default-text\" style=\"text-align: center; font-size: 1.25rem\">\n        Чтобы начать занятие, нужно выбрать тариф\n      </p>\n      <div style=\"margin-top: 2rem; width: 100%; display: flex; justify-content: center\">\n        <div\n            class=\"ytm-blue-button ytm-default-text\"\n            style=\"font-size: 0.9rem; color: #FFFFFF; font-weight: 600\"\n            @click=\"$router.push('/account?section=tariff')\"\n        >\n          К выбору тарифа\n        </div>\n      </div>\n    </div>\n    <div v-else>\n      <p class=\"ytm-default-text\" style=\"font-size: 1.25rem; margin-bottom: 1.5rem\">\n        Перед началом занятия убедитесь, что выставлена актуальная продолжительность:\n      </p>\n      <InputGroup class=\"ytm-modal-input\" v-model=\"duration\" type=\"number\" title=\"Продолжительность (в минутах)\" placeholder=\"Продолжительность занятия в минутах\" @input=\"onDurationInput\" @keyup.enter=\"editLesson\"/>\n      <p v-if=\"errorMsg\" class=\"ytm-default-text\" style=\"margin-top: 1rem; margin-bottom: -1rem; text-align: center; color: red\">\n        {{errorMsg}}\n      </p>\n      <div style=\"margin-top: 2rem; width: 100%; display: flex; justify-content: center\">\n        <div\n            class=\"ytm-blue-button ytm-default-text\"\n            style=\"font-size: 0.9rem; color: #FFFFFF; font-weight: 600\"\n            @click=\"editLesson\"\n        >\n          Начать занятие\n        </div>\n      </div>\n    </div>\n  </Modal>\n</template>\n\n<script>\nimport 'v-calendar/dist/style.css';\nimport Modal from \"@/components/redesign/Modal\";\nimport InputGroup from \"@/components/redesign/Form/InputGroup\";\nimport axios from \"axios\";\nimport {SERVICE_MAIN_URI} from \"@/util/api-host\";\nimport {authHeader} from \"@/util/auth-header\";\nimport DatetimeGroup from \"@/components/redesign/Form/DatetimeGroup\";\n\nexport default {\n  name: 'LessonStartModal',\n  components: {Modal, InputGroup, DatetimeGroup},\n  data() {\n    return {\n      duration: 80,\n      editing: false,\n      errorMsg: '',\n    };\n  },\n  computed: {\n    tariffId() {\n      const userInfo = this.$store.getters['user_info/user_info'];\n      if (userInfo && userInfo.tariffState && userInfo.tariffState.tariff) {\n        return userInfo.tariffState.tariff.id;\n      } else {\n        return -1;\n      }\n    },\n    lesson() {\n      return this.$store.getters['lesson/lesson'];\n    },\n  },\n  methods: {\n    getDuration(lesson) {\n      const diff = lesson.dtFinish - lesson.dtStart;\n      return Math.round(diff / 1000 / 60);\n    },\n    onDurationInput() {\n      this.duration = Math.max(0, Math.round(this.duration));\n      this.duration = Math.min(60 * 12, Math.round(this.duration));\n    },\n    editLesson() {\n      if (this.editing || !this.lesson) {\n        return;\n      }\n      this.errorMsg = '';\n      this.editing = true;\n      const payload = {\n        startNow: true,\n        duration: this.duration,\n      };\n      this.$store.dispatch('auth/autoLogin').then(() => {\n        axios.put(\n            SERVICE_MAIN_URI + '/lesson',\n            payload,\n            {\n              headers: authHeader(),\n              params: {\n                  courseId: this.$route.params.courseLink,\n                  lessonId: this.$route.params.lessonId,\n              },\n            },\n        ).then(resp => {\n          this.editing = false;\n          this.$emit('lesson_started');\n          this.$emit('reset_modal');\n        }).catch(err => {\n          if (err.response && err.response.data.message && err.response.data.message.startsWith('tariffError:')) {\n            this.errorMsg = err.response.data.message.slice('tariffError: '.length);\n          } else {\n            this.errorMsg = 'Упс, не удалось начать занятие';\n            console.error(err);\n          }\n          this.editing = false;\n        });\n      });\n    },\n  },\n  mounted() {\n    if (this.lesson) {\n      this.duration = this.getDuration(this.lesson);\n    }\n  },\n};\n</script>\n\n<style scoped>\n.ytm-modal-input {\n  margin-bottom: 1.25rem;\n}\n</style>","import { render } from \"./LessonStartModal.vue?vue&type=template&id=1dccb9a6&scoped=true\"\nimport script from \"./LessonStartModal.vue?vue&type=script&lang=js\"\nexport * from \"./LessonStartModal.vue?vue&type=script&lang=js\"\n\nimport \"./LessonStartModal.vue?vue&type=style&index=0&id=1dccb9a6&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-1dccb9a6\"]])\n\nexport default __exports__","<template>\n  <Modal @reset_modal=\"$emit('reset_modal')\">\n    <div class=\"ytm-default-text\" style=\"font-size: 1.75rem; font-weight: 600; text-align: center; margin-bottom: 1.75rem\">\n      Завершить занятие\n    </div>\n    <div v-if=\"tariffId === -1\">\n      <p class=\"ytm-default-text\" style=\"text-align: center; font-size: 1.25rem\">\n        Чтобы завершить занятие, нужно выбрать тариф\n      </p>\n      <div style=\"margin-top: 2rem; width: 100%; display: flex; justify-content: center\">\n        <div\n            class=\"ytm-blue-button ytm-default-text\"\n            style=\"font-size: 0.9rem; color: #FFFFFF; font-weight: 600\"\n            @click=\"$router.push('/account?section=tariff')\"\n        >\n          К выбору тарифа\n        </div>\n      </div>\n    </div>\n    <div v-else>\n      <p class=\"ytm-default-text\" style=\"text-align: center; font-size: 1.25rem; margin-bottom: 1.5rem\">\n        Это действие нельзя отменить!\n      </p>\n      <p v-if=\"errorMsg\" class=\"ytm-default-text\" style=\"margin-top: 1rem; margin-bottom: -1rem; text-align: center; color: red\">\n        {{errorMsg}}\n      </p>\n      <div style=\"margin-top: 2rem; width: 100%; display: flex; justify-content: center\">\n        <div\n            class=\"ytm-blue-button ytm-default-text\"\n            style=\"font-size: 0.9rem; color: #FFFFFF; font-weight: 600\"\n            @click=\"editLesson\"\n        >\n          Завершить занятие\n        </div>\n      </div>\n    </div>\n  </Modal>\n</template>\n\n<script>\nimport 'v-calendar/dist/style.css';\nimport Modal from \"@/components/redesign/Modal\";\nimport InputGroup from \"@/components/redesign/Form/InputGroup\";\nimport axios from \"axios\";\nimport {SERVICE_MAIN_URI} from \"@/util/api-host\";\nimport {authHeader} from \"@/util/auth-header\";\nimport DatetimeGroup from \"@/components/redesign/Form/DatetimeGroup\";\n\nexport default {\n  name: 'LessonFinishModal',\n  components: {Modal, InputGroup, DatetimeGroup},\n  data() {\n    return {\n      editing: false,\n      errorMsg: '',\n    };\n  },\n  computed: {\n    tariffId() {\n      const userInfo = this.$store.getters['user_info/user_info'];\n      if (userInfo && userInfo.tariffState && userInfo.tariffState.tariff) {\n        return userInfo.tariffState.tariff.id;\n      } else {\n        return -1;\n      }\n    },\n    lesson() {\n      return this.$store.getters['lesson/lesson'];\n    },\n  },\n  methods: {\n    editLesson() {\n      if (this.editing || !this.lesson) {\n        return;\n      }\n      this.errorMsg = '';\n      this.editing = true;\n      const payload = {finishNow: true};\n      this.$store.dispatch('auth/autoLogin').then(() => {\n        axios.put(\n            SERVICE_MAIN_URI + '/lesson',\n            payload,\n            {\n              headers: authHeader(),\n              params: {\n                  courseId: this.$route.params.courseLink,\n                  lessonId: this.$route.params.lessonId,\n              },\n            },\n        ).then(resp => {\n          this.editing = false;\n          this.$emit('lesson_finished');\n          this.$emit('reset_modal');\n        }).catch(err => {\n          if (err.response && err.response.data.message && err.response.data.message.startsWith('tariffError:')) {\n            this.errorMsg = err.response.data.message.slice('tariffError: '.length);\n          } else {\n            this.errorMsg = 'Упс, не удалось завершить занятие';\n            console.error(err);\n          }\n          this.editing = false;\n        });\n      });\n    },\n  },\n};\n</script>\n\n<style scoped>\n\n</style>","import { render } from \"./LessonFinishModal.vue?vue&type=template&id=a0db1fe4\"\nimport script from \"./LessonFinishModal.vue?vue&type=script&lang=js\"\nexport * from \"./LessonFinishModal.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n  <Modal @reset_modal=\"$emit('reset_modal')\">\n    <div class=\"ytm-default-text\" style=\"font-size: 1.75rem; font-weight: 600; text-align: center; margin-bottom: 1.75rem\">\n      Внимание\n    </div>\n    <p class=\"ytm-default-text\" style=\"text-align: center; font-size: 1.25rem; margin-bottom: 1.5rem\">\n      До конца занятия осталось менее 5 минут!\n    </p>\n    <div style=\"margin-top: 2rem; width: 100%; display: flex; justify-content: center\">\n      <div\n          class=\"ytm-blue-button ytm-default-text\"\n          style=\"font-size: 0.9rem; color: #FFFFFF; font-weight: 600\"\n          @click=\"$emit('reset_modal')\"\n      >\n        Понятно\n      </div>\n    </div>\n  </Modal>\n</template>\n\n<script>\nimport \"@/styles/style.css\";\nimport Modal from \"@/components/redesign/Modal\";\n\nexport default {\n  name: 'WarningModal',\n  components: {Modal},\n};\n</script>\n\n<style scoped>\n\n</style>","import { render } from \"./WarningModal.vue?vue&type=template&id=73e5087a\"\nimport script from \"./WarningModal.vue?vue&type=script&lang=js\"\nexport * from \"./WarningModal.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n    <div>\n        <div v-if=\"isSocketReady && !!lesson\">\n            <div v-if=\"lessonStatus === lessonStatuses.BEFORE\" style=\"width: 100%; text-align: center\">\n                <div style=\"display: flex; justify-content: center; min-height: 2rem\">\n                    <DefaultTip v-if=\"lesson.roleId === roleIds.TEACHER\" style=\"text-align: left; max-width: 800px\">\n                        <p class=\"ytm-default-text\" style=\"font-weight: 600; line-height: 130%; color: #FFFFFF; font-size: 0.9rem; margin-bottom: 0.45rem; max-width: 700px\">\n                            После начала урока вы сможете использовать интерактивные материалы YouTeachMe – онлайн-доски, совместный текстовый редактор и многое другое.\n                        </p>\n                        <a class=\"ytm-default-text\" style=\"font-weight: 700; color: #FFFFFF; font-size: 0.9rem\" href=\"/tutorial\" target=\"_blank\" rel=\"noopener noreferer\">\n                            Узнать больше\n                            <svg style=\"position: relative; top: 0.2rem; width: 0.9rem; height: 1rem\" viewBox=\"0 0 34 31\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                                <path d=\"M2 13.3679C0.895431 13.3679 8.19842e-08 14.2634 0 15.3679C-8.19842e-08 16.4725 0.89543 17.3679 2 17.3679L2 13.3679ZM33.1296 16.7821C33.9106 16.0011 33.9106 14.7348 33.1296 13.9537L20.4016 1.22579C19.6206 0.444737 18.3543 0.444737 17.5732 1.22579C16.7922 2.00683 16.7922 3.27316 17.5732 4.05421L28.8869 15.3679L17.5732 26.6816C16.7922 27.4627 16.7922 28.729 17.5732 29.5101C18.3543 30.2911 19.6206 30.2911 20.4016 29.5101L33.1296 16.7821ZM2 17.3679L31.7153 17.3679L31.7153 13.3679L2 13.3679L2 17.3679Z\" fill=\"white\"/>\n                            </svg>\n                        </a>\n                    </DefaultTip>\n                </div>\n                <p class=\"ytm-default-text\" style=\"font-size: 1.25rem; font-weight: 400; margin-top: 2rem; margin-bottom: 2rem\">\n                    Занятие ещё не началось, но вы можете подготовиться к нему! 💪\n                </p>\n            </div>\n            <Materials\n                :roomId=\"lesson.materialsRoomId\"\n                :isRoomAdmin=\"lesson.roleId === roleIds.TEACHER\"\n                :active=\"lessonStatus === lessonStatuses.RUNNING\"\n                :useDrafts=\"lessonStatus < lessonStatuses.AFTER && lesson.roleId === roleIds.TEACHER\"\n                :showDraftsButtonAtHead=\"lessonStatus === lessonStatuses.BEFORE && lesson.roleId === roleIds.TEACHER\"\n                :showDraftsCircleButton=\"lessonStatus === lessonStatuses.RUNNING && lesson.roleId === roleIds.TEACHER\"\n                :canPostNewMaterials=\"lessonStatus === lessonStatuses.RUNNING && lesson.roleId === roleIds.TEACHER\"\n                :messageIfNoMaterials=\"messageIfNoMaterials\"\n                :typesConfig=\"typesConfig\"\n                style=\"margin-bottom: 50vh\"\n            />\n        </div>\n        <MaterialsSkeletons v-else/>\n    </div>\n</template>\n\n<script>\nimport MaterialsSkeletons from \"@/components/MaterialsV2/MaterialsSkeletons.vue\";\nimport Materials from \"@/components/MaterialsV2/Materials.vue\";\nimport lessonStatuses from \"@/util/lesson_statuses\";\nimport roleIds from \"@/util/roles\";\nimport DefaultTip from \"@/components/redesign/Tips/DefaultTip.vue\";\nimport {computed, ref} from \"vue\";\nimport {useStore} from \"vuex\";\n\nexport default {\n    name: 'MaterialsWrapperOnLesson',\n    components: {DefaultTip, Materials, MaterialsSkeletons},\n    setup() {\n        const store = useStore();\n        const isSocketReady = computed(() => store.getters['ws/socketReady']);\n        const lesson = computed(() => store.getters['lesson/lesson']);\n        const lessonStatus = computed(() => store.getters['lesson/lessonStatus']);\n        const messageIfNoMaterials = computed(() => {\n            switch (lessonStatus.value) {\n                case lessonStatuses.RUNNING:\n                    return 'Занятие&nbspначалось, но&nbspпока&nbspне&nbspприкреплено ни&nbspодного&nbspматериала';\n                case lessonStatuses.AFTER:\n                    return 'Занятие&nbspзавершено, материалы не&nbspбыли&nbspприкреплены';\n                default:\n                    return '';\n            }\n        });\n\n        const typesConfig = ref({\n            ctext: {\n                name: 'Совместный текст',\n                isEditable: computed(() => lessonStatus.value === lessonStatuses.RUNNING),\n            },\n            board: { name: 'Онлайн-доска' },\n            code: { name: 'Окно с кодом' },\n            images: { name: 'Изображения' },\n            test: { name: 'Тест' },\n        });\n\n        return { isSocketReady, lesson, lessonStatus, messageIfNoMaterials, typesConfig };\n    },\n    data() {\n        return { lessonStatuses, roleIds };\n    },\n};\n</script>\n\n<style scoped>\n\n</style>","import { render } from \"./MaterialsWrapperOnLesson.vue?vue&type=template&id=9957063a\"\nimport script from \"./MaterialsWrapperOnLesson.vue?vue&type=script&lang=js\"\nexport * from \"./MaterialsWrapperOnLesson.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n    <div\n            class=\"ytm-transparent-button ytm-no-hover ytm-default-text\"\n            style=\"position: relative; border-color: #07A8F0\"\n    >\n        <VueCountdown\n                class=\"ytm-default-text\"\n                :time=\"lesson.finishedAt - new Date()\"\n                :transform=\"extendToTwoDigits\"\n                :interval=\"1000\"\n                v-slot=\"{hours, minutes, seconds}\"\n                style=\"color: #07A8F0; font-weight: 600\"\n        >\n            {{hours}}:{{minutes}}:{{seconds}}\n        </VueCountdown>\n        <div v-if=\"isAbleToEditLesson && !editing\" class=\"ytm-prolong\">\n            <p class=\"ytm-default-text ytm-prolong-button\" @click=\"addTime(1)\">\n                +1\n            </p>\n            <p class=\"ytm-default-text ytm-prolong-button\" @click=\"addTime(5)\">\n                +5\n            </p>\n        </div>\n    </div>\n</template>\n\n<script>\nimport \"@/styles/style.css\";\nimport \"@/components/LessonPage/style.css\";\nimport VueCountdown from \"@chenfengyuan/vue-countdown\";\nimport axios from \"axios\";\nimport {SERVICE_MAIN_URI} from \"@/util/api-host\";\nimport {authHeader} from \"@/util/auth-header\";\n\nexport default {\n    name: 'LessonClock',\n    components: {VueCountdown},\n    props: {\n        lesson: {\n            type: Object,\n            required: true,\n        },\n        isAbleToEditLesson: {\n            type: Boolean,\n            required: true,\n        },\n    },\n    data() {\n        return {\n            editing: false,\n        };\n    },\n    methods: {\n        extendToTwoDigits(props) {\n            const formattedProps = {};\n            Object.entries(props).forEach(([key, value]) => {\n                formattedProps[key] = key !== 'hours' && value < 10 ? `0${value}` : String(value);\n            });\n            return formattedProps;\n        },\n        addTime(minutes) {\n            if (this.editing || !this.lesson) {\n                return;\n            }\n            this.editing = true;\n            const payload = {addTime: minutes};\n            this.$store.dispatch('auth/autoLogin').then(() => {\n                axios.put(\n                    SERVICE_MAIN_URI + '/lesson',\n                    payload,\n                    {\n                        headers: authHeader(),\n                        params: {\n                            courseId: this.$route.params.courseLink,\n                            lessonId: this.$route.params.lessonId,\n                        },\n                    },\n                ).then(resp => {\n                    this.$store.dispatch(\n                        'lesson/fetch',\n                        {\n                            courseLink: this.$route.params.courseLink,\n                            lessonId: this.$route.params.lessonId,\n                        },\n                    ).then(() => {\n                        this.editing = false;\n                    }).catch(err => {\n                        console.error(err);\n                        this.editing = false;\n                    });\n                }).catch(err => {\n                    this.editing = false;\n                });\n            });\n        },\n    },\n};\n</script>\n\n<style scoped>\n.ytm-no-hover {}\n.ytm-no-hover:hover {\n    transform: none;\n}\n.ytm-prolong {\n    position: absolute;\n    left: 0;\n    bottom: -1.1rem;\n    width: 100%;\n    display: flex;\n    flex-wrap: nowrap;\n    justify-content: center;\n    gap: 0.3rem;\n}\n.ytm-prolong-button {\n    color: #FFFFFF;\n    font-weight: 600;\n    font-size: 0.9rem;\n    background-color: #07A8F0;\n    padding: 0.2rem 0.6rem;\n    border-radius: 0.5rem;\n    transition: 0.2s ease-in-out;\n    opacity: 0;\n}\n.ytm-prolong-button:hover {\n    transform: scale(1.13);\n}\n.ytm-lesson-meta:hover .ytm-prolong-button {\n    opacity: 1;\n}\n</style>","import { render } from \"./LessonClock.vue?vue&type=template&id=ae395300&scoped=true\"\nimport script from \"./LessonClock.vue?vue&type=script&lang=js\"\nexport * from \"./LessonClock.vue?vue&type=script&lang=js\"\n\nimport \"./LessonClock.vue?vue&type=style&index=0&id=ae395300&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-ae395300\"]])\n\nexport default __exports__","import { render } from \"./LessonPage.vue?vue&type=template&id=bad3dfaa\"\nimport script from \"./LessonPage.vue?vue&type=script&lang=js\"\nexport * from \"./LessonPage.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./LessonStartModal.vue?vue&type=style&index=0&id=1dccb9a6&scoped=true&lang=css\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./LessonClock.vue?vue&type=style&index=0&id=ae395300&scoped=true&lang=css\""],"sourceRoot":""}