{"version":3,"sources":["webpack:///./src/components/CoursePageV2/modals/CourseSettingsModal.vue?3d80","webpack:///./src/components/redesign/Form/SelectGroup.vue","webpack:///./src/components/redesign/Form/SelectGroup.vue?7afe","webpack:///./src/components/CoursePageV2/modals/NewLessonModal.vue?55c5","webpack:///./src/components/CoursePageV2/CoursePage.vue","webpack:///./src/components/CoursePageV2/modals/NewLessonModal.vue","webpack:///./src/components/CoursePageV2/modals/NewLessonModal.vue?f8e6","webpack:///./src/components/CoursePageV2/modals/CourseSettingsModal.vue","webpack:///./src/components/CoursePageV2/modals/CourseSettingsModal.vue?3a8f","webpack:///./src/components/CoursePageV2/modals/StudentInvitationModal.vue","webpack:///./src/components/redesign/Form/InputWithButtonInside.vue","webpack:///./src/components/redesign/Form/InputWithButtonInside.vue?e0da","webpack:///./src/components/CoursePageV2/modals/StudentInvitationModal.vue?d25d","webpack:///./src/components/CoursePageV2/modals/NewHomeworkModal.vue","webpack:///./src/components/CoursePageV2/modals/NewHomeworkModal.vue?edef","webpack:///./src/components/CoursePageV2/CoursePage.vue?b7c1","webpack:///./src/components/redesign/Form/InputWithButtonInside.vue?3cde","webpack:///./src/components/CoursePageV2/modals/StudentInvitationModal.vue?ff52","webpack:///./src/components/CoursePageV2/CoursePage.vue?6811","webpack:///./src/components/redesign/Chat/Chat.vue","webpack:///./src/components/redesign/Chat/Chat.vue?efa7","webpack:///./src/components/redesign/Chat/Chat.vue?e28b","webpack:///./src/components/CoursePageV2/modals/NewHomeworkModal.vue?9326"],"names":["class","title","modelValue","onChange","options","defaultValue","fillWidth","name","components","YTMSelect","props","type","String","required","Array","default","Boolean","methods","newValue","this","$emit","__exports__","render","style","d","stroke","stroke-width","stroke-linecap","stroke-linejoin","fill-rule","clip-rule","fill","viewBox","xmlns","alt","src","showCourseSettingsModal","getCourse","showNewLessonModal","showNewHomeworkModal","showStudentInvitationModal","loading","$router","push","course","roleId","description","selectedTab","selectTab","onCreateButtonClick","lessons","length","lesson","key","lessonId","href","$route","params","courseLink","topic","getDDMMYYYY","dtStart","getHHMM","homeworks","homework","id","status","isSocketReady","chat_id","target","rel","tariffId","formData","placeholder","focus","createLesson","duration","onDurationInput","errorMsg","DefaultTip","Modal","InputGroup","DatetimeGroup","Date","dtFinish","creating","computed","userInfo","$store","getters","tariffState","tariff","Math","max","round","min","trim","payload","setTime","getTime","dispatch","then","a","post","headers","shortLink","resp","catch","err","response","data","message","startsWith","slice","console","error","editCourse","costPerHour","onCostInput","SelectGroup","editing","inviteLinkView","buttonName","inviteLinkButtonName","disabled","onCopy","studentUsername","inviting","inviteUser","value","updateInput","onClick","event","InputWithButtonInside","Input","inviteLink","navigator","clipboard","writeText","invitee","as","out","createHomework","courseId","NewHomeworkModal","Chat","StudentInvitationModal","CourseSettingsModal","NewLessonModal","Navbar","isIndividual","students","teachers","route","query","section","isChatFocused","dt","tabName","replace","messages","reverse","from","text","sendMessage","username","is_chat_focused","watch","handler","val","document","visibilityState","focusOn","addEventListener","visibilityChangeListener","new_state","confirmRead","date","t","removeEventListener","chatId","initializeConnection","stopConnection"],"mappings":"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","file":"js/group-course-v2~9fa10dbc.aad5d5a4.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!./CourseSettingsModal.vue?vue&type=style&index=0&id=b6770426&scoped=true&lang=css\"","<template>\n    <div class=\"ytm-input-group\">\n        <p class=\"ytm-default-text ytm-input-group-title\">\n            {{title}}\n        </p>\n        <YTMSelect\n                v-model=\"modelValue\"\n                :options=\"options\"\n                :defaultValue=\"defaultValue\"\n                :fillWidth=\"fillWidth\"\n                @update:modelValue=\"onChange\"\n        />\n    </div>\n</template>\n\n<script>\nimport \"./forms.css\";\nimport YTMSelect from \"@/components/redesign/Form/YTMSelect\";\n\nexport default {\n    name: 'SelectGroup',\n    components: {YTMSelect},\n    props: {\n        title: {\n            type: String,\n            required: true,\n        },\n        modelValue: {},\n        options: {\n            type: Array,\n            required: true,\n        },\n        defaultValue: {\n            type: String,\n            default: ' ',\n        },\n        fillWidth: {\n            type: Boolean,\n            default: false,\n        },\n    },\n    methods: {\n        onChange(newValue) {\n            this.$emit('update:modelValue', newValue);\n        },\n    },\n};\n</script>\n\n<style scoped>\n\n</style>","import { render } from \"./SelectGroup.vue?vue&type=template&id=c989c7f6\"\nimport script from \"./SelectGroup.vue?vue&type=script&lang=js\"\nexport * from \"./SelectGroup.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!./NewLessonModal.vue?vue&type=style&index=0&id=523deb37&scoped=true&lang=css\"","<template>\n    <div class=\"ytm-container\">\n        <CourseSettingsModal v-if=\"showCourseSettingsModal\" @reset_modal=\"showCourseSettingsModal = false\" @course_updated=\"getCourse\"/>\n        <NewLessonModal v-if=\"showNewLessonModal\" @reset_modal=\"showNewLessonModal = false\" @lesson_created=\"getCourse\"/>\n        <NewHomeworkModal v-if=\"showNewHomeworkModal\" @reset_modal=\"showNewHomeworkModal = false\" @homework_created=\"getCourse\"/>\n        <StudentInvitationModal v-if=\"showStudentInvitationModal\" @reset_modal=\"showStudentInvitationModal = false\" @student_invited=\"getCourse\"/>\n        <Navbar/>\n        <div class=\"ytm-course-head-wrapper\" style=\"margin-bottom: 2.25rem\">\n            <div v-if=\"!loading\">\n                <div style=\"display: flex; margin-bottom: 1rem\">\n                    <svg viewBox=\"0 0 21 35\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\n                         class=\"ytm-course-head-icon\"\n                         style=\"margin-left: -0.5rem; margin-right: 0.75rem; height: 1.5rem; top: 0.45rem\"\n                         @click=\"$router.push('/courses')\"\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                        {{course.title}}\n                    </p>\n                    <svg v-if=\"course.roleId === 1\" viewBox=\"0 0 37 37\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class=\"ytm-course-head-icon\" @click=\"showCourseSettingsModal = true\">\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                <p v-if=\"course.description\" class=\"ytm-default-text\" style=\"margin-top: 0.6rem\">\n                    <b class=\"ytm-default-text\">О курсе:</b> {{course.description}}\n                </p>\n                <div style=\"display: flex; flex-wrap: wrap; margin-top: 0.6rem\">\n                    <div style=\"flex-grow: 1; display: table\">\n                        <div class=\"ytm-course-head-people-line\" style=\"display: table-cell; vertical-align: middle\">\n                            <svg v-if=\"course.roleId !== 1\" viewBox=\"0 0 39 33\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class=\"ytm-course-head-people-icon\">\n                                <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M37 0C38.1046 0 39 0.895431 39 2V18C39 19.1046 38.1046 20 37 20H21.4544C19.9478 20 18.9297 18.327 18.9932 16.8217C18.9977 16.715 19 16.6078 19 16.5C19 12.3579 15.6421 9 11.5 9C10.2562 9 9 8.12211 9 6.87834V2C9 0.895432 9.89543 0 11 0H37ZM4.79173 16.9927C4.79173 13.683 7.47474 11 10.7844 11C14.094 11 16.7771 13.683 16.7771 16.9927V17.5919C16.7771 20.9016 14.094 23.5846 10.7844 23.5846C7.47474 23.5846 4.79173 20.9016 4.79173 17.5919V16.9927ZM16.982 33H4.16299C2.30956 33 -0.111048 32.4796 0.00394854 30.6298C0.0465698 29.9441 0.408664 29.1619 1.32316 28.3306C3.2103 26.6151 5.46888 25.591 6.92922 25.1063C7.57616 24.8916 8.25872 24.8286 8.94036 24.8285L12.0834 24.8286C12.8966 24.8286 13.7111 24.9221 14.4647 25.2278C15.758 25.7527 17.6847 26.7471 19.6008 28.3306C20.7583 29.2872 21.1113 30.1788 21.05 30.933C20.9113 32.6418 18.6965 33 16.982 33Z\" fill=\"black\"/>\n                            </svg>\n                            <svg v-else-if=\"course.isIndividual\" viewBox=\"0 0 22 22\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class=\"ytm-course-head-people-icon\">\n                                <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.7844 0C7.47474 0 4.79173 2.68301 4.79173 5.99266V6.59193C4.79173 9.90159 7.47474 12.5846 10.7844 12.5846C14.094 12.5846 16.7771 9.90159 16.7771 6.59193V5.99266C16.7771 2.68301 14.094 0 10.7844 0ZM4.16299 22H16.982C18.6965 22 20.9113 21.6418 21.05 19.933C21.1113 19.1788 20.7583 18.2872 19.6008 17.3306C17.6847 15.7471 15.758 14.7527 14.4647 14.2278C13.7111 13.9221 12.8966 13.8286 12.0834 13.8286L8.94036 13.8285C8.25872 13.8286 7.57616 13.8916 6.92922 14.1063C5.46888 14.591 3.2103 15.6151 1.32316 17.3306C0.408664 18.1619 0.0465698 18.9441 0.00394854 19.6298C-0.111048 21.4796 2.30956 22 4.16299 22Z\" fill=\"black\"/>\n                            </svg>\n                            <svg v-else viewBox=\"0 0 32 22\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class=\"ytm-course-head-people-icon\">\n                                <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M4.79173 5.99266C4.79173 2.68301 7.47474 0 10.7844 0C14.094 0 16.7771 2.68301 16.7771 5.99266V6.59193C16.7771 9.90159 14.094 12.5846 10.7844 12.5846C7.47474 12.5846 4.79173 9.90159 4.79173 6.59193V5.99266ZM16.982 22H4.16299C2.30956 22 -0.111048 21.4796 0.00394854 19.6298C0.0465698 18.9441 0.408664 18.1619 1.32316 17.3306C3.2103 15.6151 5.46888 14.591 6.92922 14.1063C7.57616 13.8916 8.25872 13.8286 8.94036 13.8285L12.0834 13.8286C12.8966 13.8286 13.7111 13.9221 14.4647 14.2278C15.758 14.7527 17.6847 15.7471 19.6008 17.3306C20.7583 18.2872 21.1113 19.1788 21.05 19.933C20.9113 21.6418 18.6965 22 16.982 22ZM22.2643 19.3045C22.2592 19.3666 22.2514 19.427 22.241 19.4856H28.2428C29.6389 19.4856 31.4424 19.1939 31.5554 17.8024C31.6053 17.1883 31.3179 16.4623 30.3753 15.6834C28.815 14.394 27.2462 13.5842 26.193 13.1569C25.5794 12.9079 24.9162 12.8317 24.254 12.8317L21.6947 12.8317C21.1396 12.8317 20.5838 12.8831 20.057 13.0579C19.3106 13.3056 18.3082 13.7264 17.2851 14.3508C18.3528 14.9133 19.5861 15.6866 20.815 16.7022C21.9725 17.6587 22.3255 18.5503 22.2643 19.3045ZM23.1964 1.57145C20.5014 1.57145 18.3166 3.75618 18.3166 6.45119V6.93917C18.3166 9.63417 20.5014 11.8189 23.1964 11.8189C25.8914 11.8189 28.0761 9.63417 28.0761 6.93917V6.45119C28.0761 3.75618 25.8914 1.57145 23.1964 1.57145Z\" fill=\"black\"/>\n                            </svg>\n                            <span class=\"ytm-default-text\">\n                                {{name}}\n                            </span>\n                        </div>\n                    </div>\n                    <div\n                            v-if=\"ableToInviteStudents\"\n                            class=\"ytm-black-button\"\n                            style=\"background: #07A8F0; display: table; color: #FFFFFF; font-weight: 600\"\n                            @click=\"showStudentInvitationModal = true\"\n                    >\n                        <svg viewBox=\"0 0 36 37\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" style=\"height: 1.2rem; display: table-cell; vertical-align: middle; margin-right: 0.8rem\">\n                            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.8022 17.619C17.6675 17.619 21.6117 13.6749 21.6117 8.80952C21.6117 3.94416 17.6675 0 12.8022 0C7.93681 0 3.99265 3.94416 3.99265 8.80952C3.99265 13.6749 7.93681 17.619 12.8022 17.619ZM8.79292 21.1427H15.6942C17.4586 21.1427 19.105 22.029 20.0767 23.5018L23.6106 28.8585C25.9135 32.3491 23.41 36.9999 19.2282 36.9999H5.25897C1.07711 36.9999 -1.42633 32.3491 0.876536 28.8585L4.41048 23.5018C5.3821 22.029 7.02852 21.1427 8.79292 21.1427ZM23.8231 16.7382C23.8231 16.0133 24.4107 15.4256 25.1356 15.4256H28.2279V12.3332C28.2279 11.6083 28.8156 11.0207 29.5405 11.0207C30.2654 11.0207 30.853 11.6083 30.853 12.3332V15.4256H33.9452C34.6701 15.4256 35.2577 16.0133 35.2577 16.7382C35.2577 17.4631 34.6701 18.0507 33.9452 18.0507H30.853V21.1427C30.853 21.8676 30.2654 22.4553 29.5405 22.4553C28.8156 22.4553 28.2279 21.8676 28.2279 21.1427V18.0507H25.1356C24.4107 18.0507 23.8231 17.4631 23.8231 16.7382Z\" fill=\"white\"/>\n                        </svg>\n                        <span class=\"ytm-default-text\" style=\"font-weight: 600; color: #FFFFFF; display: table-cell; vertical-align: middle\">\n                            Пригласить ученика\n                        </span>\n                    </div>\n                </div>\n            </div>\n            <div v-else>\n                <div class=\"skeleton skeleton-text-big\" style=\"margin-bottom: 1rem\"/>\n                <div class=\"skeleton skeleton-text-default\" style=\"margin-bottom: 0.5rem\"/>\n                <div class=\"skeleton skeleton-text-default\"/>\n            </div>\n        </div>\n        <div style=\"display: flex; gap: 0.5rem; margin-bottom: 1.75rem\">\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 === 'lessons'}\"\n                        @click=\"selectTab('lessons')\"\n                    >\n                        Занятия\n                    </div>\n                    <div\n                        :class=\"{'ytm-tab ytm-default-text ytm-tab-title': true, 'ytm-tab-selected': selectedTab === 'homeworks'}\"\n                        @click=\"selectTab('homeworks')\"\n                    >\n                        Домашние&nbspзадания\n                    </div>\n                    <div\n                        :class=\"{'ytm-tab ytm-default-text ytm-tab-title': true, 'ytm-tab-selected': selectedTab === 'chat'}\"\n                        @click=\"selectTab('chat')\"\n                    >\n                        Чат\n                    </div>\n                </div>\n            </div>\n            <div v-if=\"!loading && course && course.roleId === 1 && (selectedTab === 'lessons' || selectedTab === 'homeworks')\">\n                <div class=\"ytm-black-button\" style=\"display: table\" @click=\"onCreateButtonClick\">\n                    <svg viewBox=\"0 0 35 35\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" style=\"height: 1.2rem; display: table-cell; vertical-align: middle; margin-right: 0.8rem\">\n                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M20.5 3C20.5 1.61929 19.3807 0.5 18 0.5C16.6193 0.5 15.5 1.61929 15.5 3V14.5H3C1.61929 14.5 0.5 15.6193 0.5 17C0.5 18.3807 1.61929 19.5 3 19.5H15.5V32C15.5 33.3807 16.6193 34.5 18 34.5C19.3807 34.5 20.5 33.3807 20.5 32V19.5H32C33.3807 19.5 34.5 18.3807 34.5 17C34.5 15.6193 33.3807 14.5 32 14.5H20.5V3Z\" fill=\"white\"/>\n                    </svg>\n                    <span class=\"ytm-default-text\" style=\"font-weight: 600; color: #FFFFFF; display: table-cell; vertical-align: middle\">\n                        {{selectedTab === 'lessons' ? 'Занятие' : 'Домашнее&nbspзадание'}}\n                    </span>\n                </div>\n            </div>\n        </div>\n        <div v-show=\"selectedTab === 'lessons'\" style=\"margin-bottom: 50vh\">\n            <div v-if=\"loading\">\n                <div class=\"skeleton ytm-lesson-bubble-skeleton\"/>\n                <div class=\"skeleton ytm-lesson-bubble-skeleton\"/>\n            </div>\n            <p v-else-if=\"failed\" class=\"ytm-default-text ytm-onboarding-text\">\n                Ошибка загрузки :(\n            </p>\n            <p v-else-if=\"course.lessons.length === 0\" class=\"ytm-default-text ytm-onboarding-text\" style=\"margin-top: 10vh\">\n                Пока нет занятий\n            </p>\n            <div v-else>\n                <a\n                        v-for=\"lesson in course.lessons\"\n                        :key=\"lesson.lessonId\"\n                        :href=\"'/course/' + $route.params.courseLink + '/lesson/' + lesson.lessonId\"\n                        @click.prevent=\"$router.push('/course/' + $route.params.courseLink + '/lesson/' + lesson.lessonId)\"\n                        class=\"ytm-lesson-bubble-wrapper\"\n                >\n                    <div class=\"ytm-default-text ytm-lesson-bubble-name\" style=\"display: table\">\n                        <p style=\"display: table-cell; vertical-align: middle\">\n                            {{lesson.topic}}\n                        </p>\n                    </div>\n                    <div v-if=\"lesson.dtStart\" style=\"display: table; text-align: center\">\n                        <div style=\"display: table-cell; vertical-align: middle\">\n                            <p class=\"ytm-default-text ytm-ddmmyyyy-in-lesson-card\" style=\"margin-bottom: 0.2rem\">\n                                {{getDDMMYYYY(lesson.dtStart)}}\n                            </p>\n                            <p class=\"ytm-default-text ytm-ddmmyyyy-in-lesson-card\">\n                                {{getHHMM(lesson.dtStart)}}\n                            </p>\n                        </div>\n                    </div>\n                </a>\n            </div>\n        </div>\n        <div v-show=\"selectedTab === 'homeworks'\" style=\"margin-bottom: 10vh\">\n            <div v-if=\"loading\">\n                <div class=\"skeleton ytm-lesson-bubble-skeleton\"/>\n                <div class=\"skeleton ytm-lesson-bubble-skeleton\"/>\n            </div>\n            <p v-else-if=\"failed\" class=\"ytm-default-text ytm-onboarding-text\">\n                Ошибка загрузки :(\n            </p>\n            <p v-else-if=\"course.homeworks.length === 0\" class=\"ytm-default-text ytm-onboarding-text\" style=\"margin-top: 10vh\">\n                Пока нет домашних заданий\n            </p>\n            <div v-else>\n                <a\n                    v-for=\"homework in course.homeworks\"\n                    :key=\"homework.id\"\n                    :href=\"'/course/' + $route.params.courseLink + '/homework/' + homework.id\"\n                    @click.prevent=\"$router.push('/course/' + $route.params.courseLink + '/homework/' + homework.id)\"\n                    :class=\"{'ytm-lesson-bubble-wrapper': true, 'ytm-finished-homework': homework.status === 2, 'ytm-hidden-homework': homework.status === 0}\"\n                >\n                    <div class=\"ytm-default-text ytm-lesson-bubble-name\" style=\"display: flex; align-items: center\">\n                        <img\n                            v-if=\"homework.status === 0\"\n                            alt=\"Скрыто\"\n                            src=\"https://img.icons8.com/ios-glyphs/90/000000/hide.png\"\n                            style=\"height: 1.5rem; margin-right: 1rem\"\n                        >\n                        <p style=\"align-items: center\">\n                            {{homework.topic}}\n                        </p>\n                    </div>\n                </a>\n            </div>\n        </div>\n        <div v-show=\"selectedTab === 'chat'\" style=\"margin-bottom: 10vh\">\n            <Chat v-if=\"course && isSocketReady\" :chat_id=\"'course_' + $route.params.courseLink\"/>\n        </div>\n    </div>\n</template>\n\n<script>\nimport \"./skeletons.css\";\nimport \"@/styles/style.css\";\nimport Navbar from \"@/components/redesign/Navbar.vue\";\nimport {provide, ref} from \"vue\";\nimport NewLessonModal from \"@/components/CoursePageV2/modals/NewLessonModal.vue\";\nimport CourseSettingsModal from \"@/components/CoursePageV2/modals/CourseSettingsModal.vue\";\nimport StudentInvitationModal from \"@/components/CoursePageV2/modals/StudentInvitationModal.vue\";\nimport {getDDMMYYYY, getHHMM} from \"@/util/datetime-to-str\";\nimport Chat from \"@/components/redesign/Chat/Chat.vue\";\nimport NewHomeworkModal from \"@/components/CoursePageV2/modals/NewHomeworkModal.vue\";\nimport {useRoute} from \"vue-router\";\n\nexport default {\n    name: 'CoursePage',\n    components: {NewHomeworkModal, Chat, StudentInvitationModal, CourseSettingsModal, NewLessonModal, Navbar},\n    computed: {\n        course() {\n            return this.$store.getters['course/course'];\n        },\n        loading() {\n            return this.$store.getters['course/loading'] || this.$store.getters['user_info/loading'] || !this.$store.getters['course/course'];\n        },\n        failed() {\n            return this.$store.getters['course/failed'];\n        },\n        isSocketReady() {\n            return this.$store.getters['ws/socketReady'];\n        },\n        name() {\n            if (this.course.roleId === 1) {\n                if (!this.course.isIndividual) {\n                    if (this.course.students.length === 0) {\n                        return 'Нет учеников';\n                    } else {\n                        return this.course.students.length + ' учеников';\n                    }\n                } else if (this.course.students.length === 0) {\n                    return 'Ученик не добавлен';\n                } else {\n                    return this.course.students[0].name;\n                }\n            } else {\n                return this.course.teachers[0].name;\n            }\n        },\n        ableToInviteStudents() {\n            return this.course && this.course.roleId === 1 && (!this.course.isIndividual || this.course.students.length === 0);\n        },\n    },\n    setup() {\n        const route = useRoute();\n        const selectedTab = ref('');\n        if (route.query.section && (route.query.section === 'lessons' || route.query.section === 'homeworks' || route.query.section === 'chat')) {\n            selectedTab.value = route.query.section;\n        } else {\n            selectedTab.value = 'lessons';\n        }\n        provide('selectedTab', selectedTab);\n        const isChatFocused = ref(selectedTab.value === 'chat');\n        provide('is_chat_focused', isChatFocused);\n        return {selectedTab, isChatFocused};\n    },\n    data() {\n        return {\n            showCourseSettingsModal: false,\n            showNewLessonModal: false,\n            showNewHomeworkModal: false,\n            showStudentInvitationModal: false,\n        };\n    },\n    methods: {\n        getDDMMYYYY(dt) {\n            return dt ? getDDMMYYYY(dt) : 'Нет даты';\n        },\n        getHHMM(dt) {\n            return dt ? getHHMM(dt) : 'Нет времени';\n        },\n        getCourse() {\n            this.$store.dispatch('course/fetch', this.$route.params.courseLink).catch(err => {\n                console.error(err);\n            });\n        },\n        selectTab(tabName) {\n            this.selectedTab = tabName;\n            this.isChatFocused = tabName === 'chat';\n            let query = {};\n            if (tabName !== '') {\n                query.section = tabName;\n            }\n            this.$router.replace({query: query});\n        },\n        onCreateButtonClick() {\n            if (this.selectedTab === 'lessons') {\n                this.showNewLessonModal = true;\n            } else if (this.selectedTab === 'homeworks') {\n                this.showNewHomeworkModal = true;\n            }\n        },\n    },\n    mounted() {\n        this.getCourse();\n        this.$store.dispatch('user_info/fetchUserInfo').catch(err => {\n            console.error(err);\n        });\n        this.$store.dispatch('ws/initialize').catch(err => {\n            console.error(err);\n        });\n    },\n    beforeUnmount() {\n        this.$store.dispatch('course/clear');\n        this.$store.dispatch('ws/closeConnection');\n    },\n};\n</script>\n\n<style scoped>\n.ytm-course-head-wrapper {\n    margin-top: 1.75rem;\n    width: 100%;\n    background: #FFFFFF;\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);\n    border-radius: 1rem;\n    padding: 2rem;\n}\n\n.ytm-course-head-icon {\n    position: relative;\n    top: 0.3rem;\n    height: 1.85rem;\n    min-width: 2rem;\n    margin-left: 0.75rem;\n    cursor: pointer;\n    transition: 0.1s ease-in-out;\n}\n\n.ytm-course-head-icon:hover {\n    transform: scale(1.03);\n}\n\n.ytm-lesson-bubble-skeleton {\n    width: 100%;\n    height: 4rem;\n    border-radius: 1rem;\n    margin-bottom: 1rem;\n}\n\n.ytm-course-head-people-line {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.ytm-course-head-people-icon {\n    position: relative;\n    top: 0.1rem;\n    height: 1rem;\n    margin-right: 0.5rem;\n}\n\n.ytm-lesson-bubble-wrapper {\n    background: #FFFFFF;\n    border: 2px solid #D9D9D9;\n    border-radius: 1rem;\n    padding: 1rem 1.75rem;\n    margin-bottom: 1rem;\n    display: flex;\n    cursor: pointer;\n    transition: 0.2s ease-in-out;\n}\n\n.ytm-lesson-bubble-wrapper:hover {\n    border: 2px solid #07A8F0;\n    transform: scale(1.005);\n}\n\n.ytm-lesson-bubble-name {\n    margin-right: 1rem;\n    flex-grow: 1;\n    font-size: 1.5rem;\n    font-weight: 600;\n}\n\n.ytm-ddmmyyyy-in-lesson-card {\n    font-weight: 500;\n    font-size: 1rem;\n}\n\n@media only screen and (max-width: 600px) {\n    .ytm-lesson-bubble-name {\n        font-size: 1.15rem;\n    }\n\n    .ytm-ddmmyyyy-in-lesson-card {\n        font-size: 0.9rem;\n    }\n}\n\n.ytm-finished-homework {\n    opacity: 0.5;\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            <DefaultTip style=\"margin-bottom: 1.25rem\">\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                    Чтобы создать занятие, выберите тему, время начала и продолжительность. После создания занятие появится у&nbspвас и у&nbspваших учеников в&nbspрасписании.\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            <InputGroup class=\"ytm-modal-input\" v-model=\"formData.topic\" title=\"Тема\" placeholder=\"Тема занятия\" :focus=\"true\" @keyup.enter=\"createLesson\"/>\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=\"createLesson\"/>\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=\"createLesson\"\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.vue\";\nimport InputGroup from \"@/components/redesign/Form/InputGroup.vue\";\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.vue\";\nimport DefaultTip from \"@/components/redesign/Tips/DefaultTip.vue\";\n\nexport default {\n    name: 'NewLessonModal',\n    components: {DefaultTip, Modal, InputGroup, DatetimeGroup},\n    data() {\n        return {\n            formData: {\n                topic: '',\n                dtStart: new Date(),\n                dtFinish: null,\n            },\n            duration: 80,\n            creating: 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    },\n    methods: {\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        createLesson() {\n            if (this.creating) {\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.creating = 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.post(\n                    SERVICE_MAIN_URI + '/createLesson',\n                    payload,\n                    {\n                        headers: authHeader(),\n                        params: {shortLink: this.$route.params.courseLink},\n                    },\n                ).then(resp => {\n                    this.$emit('lesson_created');\n                    this.creating = 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.creating = false;\n                });\n            });\n        },\n    },\n};\n</script>\n\n<style scoped>\n.ytm-modal-input {\n    margin-bottom: 1.25rem;\n}\n</style>","import { render } from \"./NewLessonModal.vue?vue&type=template&id=523deb37&scoped=true\"\nimport script from \"./NewLessonModal.vue?vue&type=script&lang=js\"\nexport * from \"./NewLessonModal.vue?vue&type=script&lang=js\"\n\nimport \"./NewLessonModal.vue?vue&type=style&index=0&id=523deb37&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-523deb37\"]])\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      <InputGroup class=\"ytm-modal-input\" v-model=\"formData.title\" title=\"Название\" placeholder=\"Название курса\" :focus=\"true\" @keyup.enter=\"editCourse\"/>\n      <InputGroup class=\"ytm-modal-input\" v-model=\"formData.description\" title=\"Описание\" placeholder=\"Описание курса\" @keyup.enter=\"editCourse\"/>\n      <InputGroup class=\"ytm-modal-input\" v-model=\"formData.costPerHour\" type=\"number\" title=\"Стоимость часа\" placeholder=\"Стоимость часа занятий\" @input=\"onCostInput\" @keyup.enter=\"editCourse\"/>\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=\"editCourse\"\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.vue\";\nimport InputGroup from \"@/components/redesign/Form/InputGroup.vue\";\nimport axios from \"axios\";\nimport {SERVICE_MAIN_URI} from \"@/util/api-host\";\nimport {authHeader} from \"@/util/auth-header\";\nimport SelectGroup from \"@/components/redesign/Form/SelectGroup.vue\";\nimport DatetimeGroup from \"@/components/redesign/Form/DatetimeGroup.vue\";\n\nexport default {\n  name: 'CourseSettingsModal',\n  components: {SelectGroup, Modal, InputGroup, DatetimeGroup},\n  data() {\n    return {\n      formData: {\n        title: this.course ? this.course.title : '',\n        description: this.course ? this.course.description : '',\n        costPerHour: this.course ? this.course.costPerHour : 0,\n      },\n      editing: false,\n      errorMsg: '',\n    };\n  },\n  computed: {\n    course() {\n      return this.$store.getters['course/course'];\n    },\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  },\n  methods: {\n    onCostInput() {\n      this.formData.costPerHour = Math.max(0, Math.round(this.formData.costPerHour));\n    },\n    editCourse() {\n      if (this.editing) {\n        return;\n      }\n      this.formData.title = this.formData.title.trim();\n      if (this.formData.title.length === 0) {\n        this.errorMsg = 'Заполните, пожалуйста, название';\n        return;\n      }\n      this.formData.description = this.formData.description.trim();\n      this.errorMsg = '';\n      this.editing = true;\n      let payload = {\n        title: this.formData.title,\n        description: this.formData.description,\n        costPerHour: Math.max(0, Math.round(this.formData.costPerHour)),\n      };\n      this.$store.dispatch('auth/autoLogin').then(() => {\n        axios.post(\n            SERVICE_MAIN_URI + '/updateCourse',\n            payload,\n            {\n              headers: authHeader(),\n              params: {shortLink: this.course.shortLink},\n            },\n        ).then(() => {\n          this.$emit('course_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  },\n  mounted() {\n    if (this.course) {\n      this.formData.title = this.course.title || '';\n      this.formData.description = this.course.description || '';\n      this.formData.costPerHour = this.course.costPerHour || 0;\n    }\n  },\n};\n</script>\n\n<style scoped>\n.ytm-modal-input {\n  margin-bottom: 1.25rem;\n}\n</style>","import { render } from \"./CourseSettingsModal.vue?vue&type=template&id=b6770426&scoped=true\"\nimport script from \"./CourseSettingsModal.vue?vue&type=script&lang=js\"\nexport * from \"./CourseSettingsModal.vue?vue&type=script&lang=js\"\n\nimport \"./CourseSettingsModal.vue?vue&type=style&index=0&id=b6770426&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-b6770426\"]])\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 style=\"padding-bottom: 1rem\">\n      <div class=\"ytm-modal-input\">\n        <p class=\"ytm-default-text\" style=\"font-weight: 500; font-size: 0.9rem; margin-bottom: 0.6rem\">\n          Скопируйте ссылку-приглашение\n        </p>\n        <InputWithButtonInside v-model=\"inviteLinkView\" :buttonName=\"inviteLinkButtonName\" :disabled=\"'disabled'\" @buttonClick=\"onCopy\"/>\n      </div>\n      <div>\n        <p class=\"ytm-default-text\" style=\"font-weight: 500; font-size: 0.9rem; margin-bottom: 0.6rem\">\n          Или введите логин пользователя\n        </p>\n        <InputWithButtonInside v-model=\"studentUsername\" :buttonName=\"inviting ? 'Приглашаем...' : 'Пригласить'\" @buttonClick=\"inviteUser\"/>\n      </div>\n      <p v-if=\"errorMsg\" class=\"ytm-default-text\" style=\"margin-top: 1rem; text-align: center; color: red\">\n        {{errorMsg}}\n      </p>\n    </div>\n  </Modal>\n</template>\n\n<script>\nimport 'v-calendar/dist/style.css';\nimport Modal from \"@/components/redesign/Modal.vue\";\nimport Input from \"@/components/redesign/Form/Input.vue\";\nimport DatetimeGroup from \"@/components/redesign/Form/DatetimeGroup.vue\";\nimport axios from \"axios\";\nimport {SERVICE_MAIN_URI} from \"@/util/api-host\";\nimport {authHeader} from \"@/util/auth-header\";\nimport InputWithButtonInside from \"@/components/redesign/Form/InputWithButtonInside.vue\";\n\nexport default {\n  name: 'StudentInvitationModal',\n  components: {InputWithButtonInside, Modal, Input, DatetimeGroup},\n  data() {\n    return {\n      inviteLink: '',\n      studentUsername: '',\n      inviteLinkButtonName: 'Скопировать',\n      inviting: false,\n      errorMsg: '',\n    };\n  },\n  computed: {\n    course() {\n      return this.$store.getters['course/course'];\n    },\n    inviteLinkView() {\n      return this.inviteLink ? 'https://youteachme.ru/join/' + this.inviteLink : 'Загрузка...'\n    },\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  },\n  methods: {\n    onCopy() {\n      navigator.clipboard.writeText(this.inviteLinkView).then(() => {\n        this.inviteLinkButtonName = 'Скопировано!';\n      }).catch(() => {\n        this.inviteLinkButtonName = 'Не удалось скопировать';\n      });\n    },\n    inviteUser() {\n      if (this.inviting) {\n        return;\n      }\n      let invitee = this.studentUsername.trim();\n      if (!invitee) {\n        return;\n      }\n      this.inviting = true;\n      this.errorMsg = '';\n      this.$store.dispatch('auth/autoLogin').then(() => {\n        axios.post(\n            SERVICE_MAIN_URI + '/addUserToCourse',\n            {},\n            {\n              headers: authHeader(),\n              params: {\n                shortLink: this.$route.params.courseLink,\n                invitee: invitee,\n                as: 'student',\n              },\n            },\n        ).then(resp => {\n          this.inviting = false;\n          this.$store.dispatch('course/fetch', this.$route.params.courseLink);\n          this.$emit('reset_modal');\n        }).catch(err => {\n          this.inviting = false;\n          this.errorMsg = 'Ошибка: не удалось добавить ученика';\n        });\n      });\n    },\n  },\n  mounted() {\n    this.$store.dispatch('auth/autoLogin').then(() => {\n      axios.post(\n          SERVICE_MAIN_URI + '/getInviteLink',\n          {\n            courseLink: this.$route.params.courseLink,\n            roleId: 2,\n          },\n          {\n            headers: authHeader(),\n          },\n      ).then(resp => {\n        this.inviteLink = resp.data.out;\n      }).catch(err => {\n        this.errorMsg = 'Не удалось получить пригласительную ссылку, попробуйте еще раз';\n      })\n    });\n  },\n};\n</script>\n\n<style scoped>\n.ytm-modal-input {\n  margin-bottom: 1.25rem;\n}\n</style>","<template>\n  <div class=\"ytm-input-with-button-inside\" style=\"display: flex\">\n    <input\n        :value=\"modelValue\"\n        @input=\"updateInput\"\n        class=\"ytm-input\"\n        style=\"padding: 0\"\n        :type=\"type\"\n        :placeholder=\"placeholder\"\n        :disabled=\"disabled\"\n    >\n    <div style=\"display: table; margin-left: 0.75rem\">\n      <div class=\"ytm-input-button ytm-default-text\" style=\"display: table-cell; vertical-align: middle\" @click=\"onClick\">\n        <span style=\"font-size: 0.9rem; font-weight: 600; color: #FFFFFF\">\n          {{buttonName}}\n        </span>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport \"@/styles/style.css\";\n\nexport default {\n  name: 'InputWithButtonInside',\n  props: {\n    modelValue: {},\n    type: {type: String},\n    buttonName: {type: String},\n    disabled: {type: String},\n    placeholder: {type: String},\n  },\n  methods: {\n    updateInput(event) {\n      this.$emit('update:modelValue', event.target.value);\n    },\n    onClick(event) {\n      this.$emit('buttonClick', event);\n    },\n  },\n};\n</script>\n\n<style scoped>\n.ytm-input-with-button-inside {\n  width: 100%;\n  padding: 0.5rem 1.05rem;\n  background: #F3F3F3;\n  border-radius: 0.6rem;\n  border: none;\n  overflow: hidden;\n}\n\n.ytm-input {\n  width: 100%;\n  background: #F3F3F3;\n  border: none;\n  font-family: 'Montserrat', sans-serif;\n  font-size: 1rem;\n  font-style: normal;\n  line-height: 116.6%;\n  font-weight: 400;\n  overflow: hidden;\n}\n\n.ytm-input:focus {\n  outline: none;\n}\n\n.ytm-input-button {\n  padding: 0.25rem 1.05rem;\n  border-radius: 0.6rem;\n  background: #07A8F0;\n  cursor: pointer;\n  user-select: none;\n  transition: 0.2s ease-in-out;\n}\n\n.ytm-input-button:hover {\n  transform: scale(1.03);\n}\n</style>","import { render } from \"./InputWithButtonInside.vue?vue&type=template&id=2557e11e&scoped=true\"\nimport script from \"./InputWithButtonInside.vue?vue&type=script&lang=js\"\nexport * from \"./InputWithButtonInside.vue?vue&type=script&lang=js\"\n\nimport \"./InputWithButtonInside.vue?vue&type=style&index=0&id=2557e11e&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-2557e11e\"]])\n\nexport default __exports__","import { render } from \"./StudentInvitationModal.vue?vue&type=template&id=68dd2a02&scoped=true\"\nimport script from \"./StudentInvitationModal.vue?vue&type=script&lang=js\"\nexport * from \"./StudentInvitationModal.vue?vue&type=script&lang=js\"\n\nimport \"./StudentInvitationModal.vue?vue&type=style&index=0&id=68dd2a02&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-68dd2a02\"]])\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            Создать новое домашнее&nbspзадание\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            <DefaultTip style=\"margin-bottom: 1.25rem\">\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                    После создания домашнее задание появится у&nbspвас во&nbspвкладке \"Домашние&nbspзадания\" на&nbspстранице курса.\n                    Вы&nbspсможете добавить туда необходимые материалы и&nbspопубликовать домашнее&nbspзадание для&nbspучеников.\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            <InputGroup class=\"ytm-modal-input\" v-model=\"formData.topic\" title=\"Тема\" placeholder=\"Тема домашнего задания\" :focus=\"true\" @keyup.enter=\"createHomework\"/>\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=\"createHomework\"\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.vue\";\nimport InputGroup from \"@/components/redesign/Form/InputGroup.vue\";\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.vue\";\nimport DefaultTip from \"@/components/redesign/Tips/DefaultTip.vue\";\n\nexport default {\n    name: 'NewHomeworkModal',\n    components: {DefaultTip, Modal, InputGroup, DatetimeGroup},\n    data() {\n        return {\n            formData: {\n                topic: '',\n            },\n            creating: 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    },\n    methods: {\n        createHomework() {\n            if (this.creating) {\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.creating = true;\n            let payload = this.formData;\n            this.$store.dispatch('auth/autoLogin').then(() => {\n                axios.post(\n                    SERVICE_MAIN_URI + '/homework',\n                    payload,\n                    {\n                        headers: authHeader(),\n                        params: {courseId: this.$route.params.courseLink},\n                    },\n                ).then(resp => {\n                    this.$emit('homework_created');\n                    this.creating = 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.creating = false;\n                });\n            });\n        },\n    },\n};\n</script>\n\n<style scoped>\n.ytm-modal-input {\n    margin-bottom: 1.25rem;\n}\n</style>","import { render } from \"./NewHomeworkModal.vue?vue&type=template&id=39e1ffc6&scoped=true\"\nimport script from \"./NewHomeworkModal.vue?vue&type=script&lang=js\"\nexport * from \"./NewHomeworkModal.vue?vue&type=script&lang=js\"\n\nimport \"./NewHomeworkModal.vue?vue&type=style&index=0&id=39e1ffc6&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-39e1ffc6\"]])\n\nexport default __exports__","import { render } from \"./CoursePage.vue?vue&type=template&id=71c495d3&scoped=true\"\nimport script from \"./CoursePage.vue?vue&type=script&lang=js\"\nexport * from \"./CoursePage.vue?vue&type=script&lang=js\"\n\nimport \"./CoursePage.vue?vue&type=style&index=0&id=71c495d3&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-71c495d3\"]])\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!./InputWithButtonInside.vue?vue&type=style&index=0&id=2557e11e&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!./StudentInvitationModal.vue?vue&type=style&index=0&id=68dd2a02&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!./CoursePage.vue?vue&type=style&index=0&id=71c495d3&scoped=true&lang=css\"","<template>\n  <div>\n    <div class=\"ytm-chat-area\">\n      <div v-if=\"loading\">\n        <div class=\"skeleton ytm-message ytm-message-in-skeleton\"/>\n        <div class=\"skeleton ytm-message ytm-message-out-skeleton\"/>\n        <div class=\"skeleton ytm-message ytm-message-out-skeleton\"/>\n        <div class=\"skeleton ytm-message ytm-message-in-skeleton\"/>\n        <div class=\"skeleton ytm-message ytm-message-out-skeleton\"/>\n      </div>\n      <div v-else-if=\"messages.length !== 0\" v-for=\"message in messages.slice().reverse()\">\n        <div :class=\"{\n          'ytm-default-text': true,\n          'ytm-message': true,\n          'ytm-message-out': message.from.username === username,\n          'ytm-message-in': message.from.username !== username,\n          }\"\n        >\n          <p class=\"ytm-message-author\">{{ message.from.name }}</p>\n          <p>{{ message.text }}</p>\n        </div>\n      </div>\n      <div v-else style=\"width: 100%; height: 100%; text-align: center; display: table\">\n        <p class=\"ytm-default-text ytm-no-messages-alert\" style=\"display: table-cell; vertical-align: middle\">\n          Пока нет сообщений\n        </p>\n      </div>\n    </div>\n  </div>\n  <div class=\"ytm-message-input\">\n    <Input v-model=\"message\" type=\"text\" placeholder=\"Сообщение\" @keyup.enter=\"sendMessage\"/>\n    <div class=\"ytm-black-button\" style=\"display: table; margin-left: 0.3rem\" @click=\"sendMessage\">\n      <span class=\"ytm-default-text\" style=\"display: table-cell; vertical-align: middle; font-weight: 600; color: #FFFFFF\">\n        Отправить\n      </span>\n    </div>\n  </div>\n</template>\n\n<script>\nimport \"@/components/CoursePageV2/skeletons.css\";\nimport axios from \"axios\";\nimport {SERVICE_MESSENGER_URI} from \"@/util/api-host\";\nimport {authHeader} from \"@/util/auth-header\";\nimport {inject} from \"vue\";\nimport Input from \"@/components/redesign/Form/Input.vue\";\n\nexport default {\n  name: 'Chat',\n  components: {Input},\n  props: {\n    chat_id: {\n      type: String,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      username: '',\n      message: '',\n      messages: [],\n      loading: false,\n    };\n  },\n  setup() {\n    const is_chat_focused = inject('is_chat_focused');\n    return {is_chat_focused};\n  },\n  watch: {\n    is_chat_focused: {\n      handler: function(val) {\n        if (document.visibilityState === 'visible') {\n          this.focusOn(val ? 'focused' : 'visible');\n        }\n      },\n    },\n  },\n  methods: {\n    initializeConnection() {\n      document.addEventListener('visibilitychange', this.visibilityChangeListener);\n      this.focusOn(this.is_chat_focused ? 'focused' : 'visible');\n    },\n    visibilityChangeListener(event) {\n      if (document.visibilityState === 'visible') {\n        this.focusOn(this.is_chat_focused ? 'focused' : 'visible');\n      } else {\n        this.focusOn('invisible');\n      }\n    },\n    focusOn(new_state) {\n      this.$store.dispatch('ws/refocusChat', {\n        chat_id: this.chat_id,\n        new_state: new_state[0],\n      });\n      if (new_state === 'focused') {\n        this.confirmRead();\n      }\n    },\n    sendMessage() {\n      if (!this.message) {\n        return;\n      }\n      this.$store.dispatch('ws/sendChatMessage', {\n        chat_id: this.chat_id,\n        text: this.message,\n      });\n      this.message = '';\n    },\n    confirmRead() {\n      this.$store.dispatch('ws/readChat', {\n        chat_id: this.chat_id,\n        date: new Date(),\n      });\n    },\n    onNewSocketMessage(t, payload) {\n      if (t === 1001) {\n        this.messages.push(payload);\n        this.confirmRead();\n      }\n    },\n    stopConnection() {\n      document.removeEventListener('visibilitychange', this.visibilityChangeListener);\n      this.$store.dispatch('ws/unregisterChat', this);\n      this.is_chat_focused = false;\n    },\n  },\n  created() {\n    this.$store.dispatch('auth/autoLogin').then(() => {\n      this.username = this.$store.getters['auth/username'];\n      this.loading = true;\n      axios.post(\n          SERVICE_MESSENGER_URI + '/getMessages',\n          {\n            chatId: this.chat_id,\n          },\n          {\n            headers: authHeader(),\n          },\n      ).then(resp => {\n        this.messages = resp.data.out;\n        this.$store.dispatch('ws/registerChat', this);\n        this.initializeConnection();\n        this.loading = false;\n      }).catch(err => {\n        console.error(err);\n      });\n    });\n  },\n  beforeUnmount() {\n    this.stopConnection();\n  },\n};\n</script>\n\n<style>\n.ytm-chat-area {\n  border: 1px solid #DDDDDD;\n  background: white;\n  height: 60vh;\n  padding: 1rem;\n  overflow: auto;\n  border-radius: 1rem;\n  width: 100%;\n  margin: 0 auto 1rem auto;\n  display: flex;\n  flex-direction: column-reverse;\n}\n.ytm-message {\n  width: 45%;\n  padding: 0.5rem 1rem;\n  margin-bottom: 0.5rem;\n  font-size: .8em;\n}\n.ytm-message-out {\n  border-radius: 1rem 1rem 0 1rem;\n  background: #EDF6FB;\n  margin-left: 55%;\n}\n.ytm-message-in {\n  border-radius: 0 1rem 1rem 1rem;\n  background: #F1F0F0;\n}\n.ytm-message-out-skeleton {\n    margin-left: 55%;\n    height: 3.5rem;\n    border-radius: 1rem 1rem 0 1rem;\n}\n.ytm-message-in-skeleton {\n    height: 3.5rem;\n    border-radius: 0 1rem 1rem 1rem;\n}\n.ytm-message-author {\n  font-weight: 600;\n  margin-bottom: 0.1rem;\n}\n.ytm-no-messages-alert {\n  font-size: 0.8rem;\n  font-weight: 400;\n}\n.ytm-message-input {\n  display: flex;\n  margin-bottom: 2rem;\n}\n</style>\n","import { render } from \"./Chat.vue?vue&type=template&id=7b0c9428\"\nimport script from \"./Chat.vue?vue&type=script&lang=js\"\nexport * from \"./Chat.vue?vue&type=script&lang=js\"\n\nimport \"./Chat.vue?vue&type=style&index=0&id=7b0c9428&lang=css\"\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!./Chat.vue?vue&type=style&index=0&id=7b0c9428&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!./NewHomeworkModal.vue?vue&type=style&index=0&id=39e1ffc6&scoped=true&lang=css\""],"sourceRoot":""}