{"version":3,"sources":["webpack:///./src/components/redesign/Form/SelectGroup.vue","webpack:///./src/components/redesign/Form/SelectGroup.vue?7afe","webpack:///./src/components/CoursesPage/CourseCard.vue?ede0","webpack:///./src/components/redesign/Tips/DefaultTip.vue","webpack:///./src/components/redesign/Tips/DefaultTip.vue?d8ea","webpack:///./src/components/redesign/Tips/DefaultTip.vue?3030","webpack:///./src/components/CoursesPage/modals/NewCourseModal.vue?7095","webpack:///./src/components/CoursesPage/CoursesPage.vue","webpack:///./src/components/CoursesPage/CourseCard.vue","webpack:///./src/components/CoursesPage/CourseCard.vue?2426","webpack:///./src/components/CoursesPage/modals/NewCourseModal.vue","webpack:///./src/components/CoursesPage/modals/NewCourseModal.vue?151c","webpack:///./src/components/CoursesPage/modals/InvitationModal.vue","webpack:///./src/components/CoursesPage/modals/InvitationModal.vue?a2eb","webpack:///./src/components/CoursesPage/CoursesPage.vue?607f","webpack:///./src/components/CoursesPage/CoursesPage.vue?7a06"],"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","xmlns","viewBox","fill","d","fill-rule","clip-rule","showNewCourseModal","getCourses","linkData","showInvitationModal","isTeacher","showTeacherCourses","courses","asTeacher","length","course","key","shortLink","role","asStudent","$router","push","Object","computed","isIndividual","student","teacher","href","target","rel","tariffId","formData","placeholder","focus","createCourse","costPerHour","onCostInput","errorMsg","DefaultTip","Modal","InputGroup","SelectGroup","creating","userInfo","$store","getters","tariffState","tariff","id","value","desc","Math","floor","max","round","trim","payload","dispatch","then","a","post","headers","catch","err","response","data","message","startsWith","slice","console","error","getRole","roleId","joinCourse","inviteLink","$route","query","join","resp","InvitationModal","NewCourseModal","Navbar","CourseCard","info","teacherState","isT","link","out","alreadyIn","handleInviteLink"],"mappings":"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","file":"js/group-courses~9fa10dbc.1a180749.js","sourcesContent":["<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!./CourseCard.vue?vue&type=style&index=0&id=3e6a31df&scoped=true&lang=css\"","<template>\n    <div class=\"ytm-tip\">\n        <div>\n            <div style=\"display: table; height: 100%\">\n                <div style=\"display: table-cell; vertical-align: middle\">\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\" fill=\"white\" class=\"ytm-tip-icon\">\n                        <path d=\"M 25 3 C 16.730469 3 10 9.730469 10 18 C 10 24.167969 12.785156 27.140625 14.8125 29.3125 C 16.089844 30.683594 17 31.667969 17 33 L 17 38 L 24 38 L 24 23.40625 L 20.28125 19.71875 C 19.890625 19.328125 19.890625 18.671875 20.28125 18.28125 C 20.671875 17.890625 21.328125 17.890625 21.71875 18.28125 L 25 21.59375 L 28.28125 18.28125 C 28.671875 17.890625 29.328125 17.890625 29.71875 18.28125 C 30.109375 18.671875 30.109375 19.328125 29.71875 19.71875 L 26 23.40625 L 26 38 L 33 38 L 33 33 C 33 31.085938 34.105469 29.925781 35.5 28.46875 C 37.507813 26.371094 40 23.773438 40 18 C 40 9.730469 33.269531 3 25 3 Z M 17 40 L 17 43 C 17 44.652344 18.347656 46 20 46 L 21.15625 46 C 21.601563 47.722656 23.140625 49 25 49 C 26.859375 49 28.398438 47.722656 28.84375 46 L 30 46 C 31.652344 46 33 44.652344 33 43 L 33 40 Z\"></path>\n                    </svg>\n                </div>\n            </div>\n        </div>\n        <div style=\"display: table\">\n            <div style=\"display: table-cell; vertical-align: middle\">\n                <slot/>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nexport default {\n    name: 'DefaultTip',\n};\n</script>\n\n<style scoped>\n.ytm-tip {\n    padding: 1rem 1.5rem;\n    border-radius: 1rem;\n    background-color: #D55EFF;\n    display: flex;\n}\n\n@keyframes ytm-tip-icon-animation {\n    0% {\n        transform: scale(1);\n    }\n\n    50% {\n        transform: scale(1.2);\n    }\n\n    100% {\n        transform: scale(1);\n    }\n}\n\n.ytm-tip-icon {\n    position: relative;\n    margin-right: 1rem;\n    height: 2.5rem;\n    min-width: 2rem;\n    animation: ytm-tip-icon-animation 3s linear infinite;\n}\n</style>","import { render } from \"./DefaultTip.vue?vue&type=template&id=50b5bacd&scoped=true\"\nimport script from \"./DefaultTip.vue?vue&type=script&lang=js\"\nexport * from \"./DefaultTip.vue?vue&type=script&lang=js\"\n\nimport \"./DefaultTip.vue?vue&type=style&index=0&id=50b5bacd&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-50b5bacd\"]])\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!./DefaultTip.vue?vue&type=style&index=0&id=50b5bacd&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!./NewCourseModal.vue?vue&type=style&index=0&id=178d76f7&scoped=true&lang=css\"","<template>\n    <div class=\"ytm-container\">\n        <NewCourseModal v-if=\"showNewCourseModal\" @reset_modal=\"showNewCourseModal = false\" @course_created=\"getCourses\"/>\n        <InvitationModal :linkData=\"linkData\" v-if=\"showInvitationModal\" @reset_modal=\"showInvitationModal = false\"/>\n        <Navbar/>\n        <p class=\"ytm-default-text ytm-head-text\" style=\"margin-top: 2.5rem; margin-bottom: 1.5rem\">\n            Мои курсы\n        </p>\n        <div v-if=\"loading\">\n            <div style=\"display: flex; margin-bottom: 2.5rem\">\n                <div class=\"skeleton\" style=\"height: 2.5rem; width: 10rem; border-radius: 1.5rem; margin-right: 1rem\"/>\n                <div class=\"skeleton\" style=\"height: 2.5rem; width: 10rem; border-radius: 1.5rem\"/>\n            </div>\n            <div class=\"ytm-courses-wrapper\">\n                <div class=\"skeleton ytm-course-card-skeleton\"/>\n                <div class=\"skeleton ytm-course-card-skeleton\"/>\n                <div class=\"skeleton ytm-course-card-skeleton\"/>\n            </div>\n        </div>\n        <div v-else-if=\"failed\" class=\"ytm-default-text ytm-onboarding-text\" style=\"margin-top: 10vh\">\n            Ошибка загрузки :(\n        </div>\n        <div v-else-if=\"!isTeacher\" style=\"margin-top: 3rem\">\n            <div v-if=\"courses && courses.asStudent && courses.asStudent.length > 0\">\n                <div class=\"ytm-courses-wrapper\">\n                    <CourseCard v-for=\"course in courses.asStudent\" :key=\"course.shortLink\" :course=\"course\" role=\"student\"/>\n                </div>\n            </div>\n            <div v-else class=\"ytm-default-text ytm-onboarding-text\" style=\"margin-top: 10vh\">\n                Пока нет курсов\n                <div style=\"margin: 1.5rem 0; width: 100%; display: flex; justify-content: center\">\n                    <div\n                            class=\"ytm-blue-button ytm-default-text\"\n                            style=\"color: #FFFFFF; font-size: 1.25rem; font-weight: 600\"\n                            @click=\"$router.push('/account')\"\n                    >\n                        Стать преподавателем\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div v-else>\n            <div style=\"display: flex; gap: 1rem; margin-bottom: 2.5rem\">\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': showTeacherCourses}\"\n                                @click=\"showTeacherCourses = true\"\n                        >\n                            Я преподаватель\n                        </div>\n                        <div\n                                :class=\"{'ytm-tab ytm-default-text ytm-tab-title': true, 'ytm-tab-selected': !showTeacherCourses}\"\n                                @click=\"showTeacherCourses = false\"\n                        >\n                            Я ученик\n                        </div>\n                    </div>\n                </div>\n                <div>\n                    <div class=\"ytm-black-button\" style=\"display: table\" @click=\"showNewCourseModal = true\">\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 ytm-create-course\" style=\"font-weight: 600; color: #FFFFFF; display: table-cell; vertical-align: middle\">\n              Создать курс\n            </span>\n                    </div>\n                </div>\n            </div>\n            <div v-show=\"showTeacherCourses\">\n                <div v-if=\"courses && courses.asTeacher && courses.asTeacher.length > 0\">\n                    <div class=\"ytm-courses-wrapper\">\n                        <CourseCard v-for=\"course in courses.asTeacher\" :key=\"course.shortLink\" :course=\"course\" role=\"teacher\"/>\n                    </div>\n                </div>\n                <div v-else class=\"ytm-default-text ytm-onboarding-text\" style=\"margin-top: 10vh\">\n                    Пока нет курсов в роли преподавателя\n                </div>\n            </div>\n            <div v-show=\"!showTeacherCourses\">\n                <div v-if=\"courses && courses.asStudent && courses.asStudent.length > 0\">\n                    <div class=\"ytm-courses-wrapper\">\n                        <CourseCard v-for=\"course in courses.asStudent\" :key=\"course.shortLink\" :course=\"course\" role=\"student\"/>\n                    </div>\n                </div>\n                <div v-else class=\"ytm-default-text ytm-onboarding-text\" style=\"margin-top: 10vh\">\n                    Пока нет курсов в роли ученика\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport \"@/styles/style.css\";\nimport \"@/components/CoursePageV2/skeletons.css\";\nimport Navbar from \"@/components/redesign/Navbar.vue\";\nimport axios from \"axios\";\nimport {SERVICE_MAIN_URI} from \"@/util/api-host\";\nimport {authHeader} from \"@/util/auth-header\";\nimport CourseCard from \"@/components/CoursesPage/CourseCard.vue\";\nimport NewCourseModal from \"@/components/CoursesPage/modals/NewCourseModal.vue\";\nimport InvitationModal from \"@/components/CoursesPage/modals/InvitationModal.vue\";\n\nexport default {\n    name: 'CoursesPage',\n    components: {InvitationModal, NewCourseModal, Navbar, CourseCard},\n    data() {\n        return {\n            showTeacherCourses: true,\n            showNewCourseModal: false,\n            showInvitationModal: false,\n            linkData: null,\n        };\n    },\n    computed: {\n        loading() {\n            return this.$store.getters['user_info/loading'] || this.$store.getters['courses/loading'];\n        },\n        failed() {\n            return this.$store.getters['user_info/failed'] || this.$store.getters['courses/failed'];\n        },\n        courses() {\n            return this.$store.getters['courses/courses'];\n        },\n        isTeacher() {\n            const info = this.$store.getters['user_info/user_info'];\n            return info && info.teacherState && info.teacherState.isT;\n        },\n    },\n    methods: {\n        getCourses() {\n            this.$store.dispatch('courses/fetchCourses').catch(err => {\n                console.error(err);\n            });\n        },\n        handleInviteLink() {\n            if (!this.$route.query.join) {\n                return;\n            }\n            const link = this.$route.query.join;\n            this.$store.dispatch('auth/autoLogin').then(() => {\n                axios.post(\n                    SERVICE_MAIN_URI + '/getInviteLinkData',\n                    {\n                        inviteLink: link,\n                    },\n                    {headers: authHeader()},\n                ).then(resp => {\n                    this.linkData = resp.data.out;\n                    if (this.linkData.alreadyIn) {\n                        this.$router.push('/course/' + this.linkData.shortLink);\n                    } else {\n                        this.showInvitationModal = true;\n                    }\n                }).catch(err => {\n                    this.linkData = null;\n                    this.showInvitationModal = true;\n                });\n            });\n        },\n    },\n    mounted() {\n        this.getCourses();\n        this.$store.dispatch('user_info/fetchUserInfo').catch(err => {\n            console.error(err);\n        });\n        this.handleInviteLink();\n    },\n};\n</script>\n\n<style scoped>\n.ytm-head-text {\n    font-family: 'Montserrat', sans-serif;\n    font-style: normal;\n    font-weight: 600;\n    font-size: 2rem;\n    line-height: 116.6%;\n    color: #000000;\n}\n.ytm-create-course {\n    white-space: nowrap;\n}\n.ytm-courses-wrapper {\n    display: grid;\n    grid-gap: 2rem;\n    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));\n    margin-bottom: 2rem;\n}\n.ytm-course-card-skeleton {\n    margin-right: 2rem;\n    margin-bottom: 2rem;\n    height: 15rem;\n    border-radius: 2.5rem;\n}\n</style>","<template>\n    <div class=\"ytm-course-card\">\n        <div class=\"ytm-default-text ytm-course-card-head\">\n            {{course.title}}\n        </div>\n        <div class=\"ytm-course-card-people\">\n            <p class=\"ytm-course-card-people-line\">\n                <svg v-if=\"role !== 'teacher'\" viewBox=\"0 0 39 33\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class=\"ytm-course-card-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-card-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-card-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\" style=\"white-space: nowrap\">\n          {{name}}\n        </span>\n            </p>\n        </div>\n        <div class=\"ytm-course-card-button-wrapper\">\n            <div\n                    class=\"ytm-blue-button ytm-default-text\"\n                    style=\"color: #FFFFFF; font-weight: 600\"\n                    @click=\"$router.push('/course/' + course.shortLink)\"\n            >\n                Перейти\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport \"@/styles/style.css\";\n\nexport default {\n    name: 'CourseCard',\n    props: {\n        role: {\n            type: String,\n            required: true,\n        },\n        course: {\n            type: Object,\n            required: true,\n        },\n    },\n    computed: {\n        name() {\n            if (this.role === 'teacher') {\n                if (!this.course.isIndividual) {\n                    return 'Групповой курс';\n                } else if (!this.course.student) {\n                    return 'Ученик не добавлен';\n                } else {\n                    return this.course.student.name;\n                }\n            } else {\n                return this.course.teacher.name;\n            }\n        },\n    },\n};\n</script>\n\n<style scoped>\n.ytm-course-card {\n    display: flex;\n    flex-flow: column;\n    padding: 2rem 3rem;\n    background: #FFFFFF;\n    box-shadow: 6px 6px 24px rgba(0, 0, 0, 0.2);\n    border-radius: 2.5rem;\n    transition: all .2s ease-in-out;\n}\n.ytm-course-card:hover {\n    transform: scale(1.03);\n}\n.ytm-course-card-head {\n    flex-grow: 1;\n    margin-bottom: 1.5rem;\n    text-align: center;\n    font-weight: 600;\n    font-size: 1.5rem;\n}\n.ytm-course-card-people {\n    flex-grow: 2;\n    margin-bottom: 2rem;\n}\n.ytm-course-card-people-line {\n    text-align: center;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n.ytm-course-card-people-icon {\n    position: relative;\n    top: 0.1rem;\n    height: 1rem;\n    margin-right: 0.5rem;\n}\n.ytm-course-card-button-wrapper {\n    display: flex;\n    justify-content: center;\n}\n</style>","import { render } from \"./CourseCard.vue?vue&type=template&id=3e6a31df&scoped=true\"\nimport script from \"./CourseCard.vue?vue&type=script&lang=js\"\nexport * from \"./CourseCard.vue?vue&type=script&lang=js\"\n\nimport \"./CourseCard.vue?vue&type=style&index=0&id=3e6a31df&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-3e6a31df\"]])\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            <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группой. К&nbspкурсу можно прикреплять&nbspуроки, приглашать&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.title\" title=\"Название\" placeholder=\"Название курса\" :focus=\"true\" @keyup.enter=\"createCourse\"/>\n            <InputGroup class=\"ytm-modal-input\" v-model=\"formData.costPerHour\" type=\"number\" title=\"Стоимость часа\" placeholder=\"Стоимость часа занятий\" @input=\"onCostInput\" @keyup.enter=\"createCourse\"/>\n            <SelectGroup title=\"Тип курса\" :options=\"options\" v-model=\"isIndividual\"/>\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=\"createCourse\"\n                >\n                    Создать курс\n                </div>\n            </div>\n        </div>\n    </Modal>\n</template>\n\n<script>\nimport Modal from \"@/components/redesign/Modal\";\nimport InputGroup from \"@/components/redesign/Form/InputGroup\";\nimport SelectGroup from \"@/components/redesign/Form/SelectGroup\";\nimport axios from \"axios\";\nimport {SERVICE_MAIN_URI} from \"@/util/api-host\";\nimport {authHeader} from \"@/util/auth-header\";\nimport DefaultTip from \"@/components/redesign/Tips/DefaultTip.vue\";\n\nexport default {\n    name: 'NewCourseModal',\n    components: {DefaultTip, Modal, InputGroup, SelectGroup},\n    data() {\n        return {\n            formData: {\n                title: '',\n                costPerHour: 0,\n            },\n            isIndividual: '1',\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        options() {\n            let options = [{\n                value: '1',\n                desc: 'Индивидуальный',\n            }];\n            if (this.tariffId === 1 || Math.floor(this.tariffId / 100) === 3) {\n                options.push({\n                    value: '0',\n                    desc: 'Групповой',\n                });\n            }\n            return options;\n        },\n    },\n    methods: {\n        onCostInput() {\n            this.formData.costPerHour = Math.max(0, Math.round(this.formData.costPerHour));\n        },\n        createCourse() {\n            if (this.creating) {\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.errorMsg = '';\n            this.creating = true;\n            let payload = {\n                title: this.formData.title,\n                costPerHour: Math.max(0, Math.round(this.formData.costPerHour)),\n                isIndividual: (this.isIndividual !== '0' ? 1 : 0),\n            };\n            this.$store.dispatch('auth/autoLogin').then(() => {\n                axios.post(\n                    SERVICE_MAIN_URI + '/course',\n                    payload,\n                    {headers: authHeader()},\n                ).then(() => {\n                    this.$emit('course_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 \"./NewCourseModal.vue?vue&type=template&id=178d76f7&scoped=true\"\nimport script from \"./NewCourseModal.vue?vue&type=script&lang=js\"\nexport * from \"./NewCourseModal.vue?vue&type=script&lang=js\"\n\nimport \"./NewCourseModal.vue?vue&type=style&index=0&id=178d76f7&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-178d76f7\"]])\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\">\n      Вы попали на эту страницу по invite-ссылке. Вы готовы присоединиться\n      к&nbspкурсу&nbsp<b>{{linkData.title}}</b> в&nbspроли&nbsp<b>{{getRole(linkData.roleId)}}</b>?\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=\"joinCourse\"\n      >\n        Присоединиться!\n      </div>\n    </div>\n  </Modal>\n</template>\n\n<script>\nimport Modal from \"@/components/redesign/Modal\";\nimport axios from \"axios\";\nimport {SERVICE_MAIN_URI} from \"@/util/api-host\";\nimport {authHeader} from \"@/util/auth-header\";\n\nexport default {\n  name: 'InvitationModal',\n  components: {Modal},\n  props: {\n    linkData: {\n      type: Object,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      errorMsg: '',\n    };\n  },\n  methods: {\n    joinCourse() {\n      this.$store.dispatch('auth/autoLogin').then(() => {\n        axios.post(\n            SERVICE_MAIN_URI + '/joinViaInviteLink',\n            {inviteLink: this.$route.query.join},\n            {headers: authHeader()}\n        ).then(resp => {\n          this.$router.push('/course/' + this.linkData.shortLink);\n        }).catch(err => {\n          if (err.response.data.message.startsWith('students number error')) {\n            this.errorMsg = 'К сожалению, на курсе достигнут лимит количества учеников'\n          } else {\n            this.errorMsg = 'Произошла ошибка, попробуйте ещё раз';\n          }\n        });\n      });\n    },\n    getRole(role) {\n      if (role === 1) {\n        return 'преподавателя';\n      } else if (role === 2) {\n        return 'ученика';\n      } else {\n        return '';\n      }\n    },\n  },\n};\n</script>\n\n<style scoped>\n\n</style>","import { render } from \"./InvitationModal.vue?vue&type=template&id=1e0bf786\"\nimport script from \"./InvitationModal.vue?vue&type=script&lang=js\"\nexport * from \"./InvitationModal.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__","import { render } from \"./CoursesPage.vue?vue&type=template&id=74f20710&scoped=true\"\nimport script from \"./CoursesPage.vue?vue&type=script&lang=js\"\nexport * from \"./CoursesPage.vue?vue&type=script&lang=js\"\n\nimport \"./CoursesPage.vue?vue&type=style&index=0&id=74f20710&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-74f20710\"]])\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!./CoursesPage.vue?vue&type=style&index=0&id=74f20710&scoped=true&lang=css\""],"sourceRoot":""}