{"version":3,"sources":["webpack:///./src/components/LandingPage/LoginPage/LoginPage.vue?062c","webpack:///./src/components/LandingPage/LoginPage/Background.vue?ea5c","webpack:///./src/components/LandingPage/LoginPage/LoginPage.vue","webpack:///./src/components/LandingPage/LoginPage/LoginPage.vue?9b8d","webpack:///./src/util/get-google-url.js","webpack:///./src/components/LandingPage/LoginPage/Background.vue","webpack:///./src/components/LandingPage/LoginPage/Background.vue?5d6f"],"names":["style","class","viewBox","fill","xmlns","d","src","form_data","error_message","placeholder","type","submitForm","autofocus","username","password","openGoogle","href","openRegister","name","components","LoginBackground","LandingTop","methods","window","open","this","$route","query","to","$router","push","path","$store","dispatch","user_data","then","response","success","__exports__","render","getGoogleUrl","from","toPath","rootUrl","options","redirect_uri","client_id","access_type","response_type","prompt","scope","join","state","JSON","stringify","qs","URLSearchParams","toString","id","x1","y1","x2","y2","gradientUnits","stop-color","offset","screen_width"],"mappings":"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","file":"js/group-login~21833f8f.4312c4a9.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!./LoginPage.vue?vue&type=style&index=0&id=6947a934&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!./Background.vue?vue&type=style&index=0&id=7113f566&scoped=true&lang=css\"","<template>\n  <div style=\"position: relative; width: 100vw; min-height: 100vh; overflow: hidden\">\n    <LoginBackground/>\n    <div class=\"ytm-landing-wrapper\">\n      <LandingTop/>\n      <div style=\"position: relative; width: 100%; min-height: 90vh; margin-top: 1vh\">\n        <div class=\"ytm-logreg-form-wrapper\">\n          <div class=\"ytm-logreg-form\">\n            <p class=\"ytm-landing-font ytm-logreg-title\">Вход</p>\n            <input\n                class=\"ytm-logreg-input\"\n                v-model=\"form_data.username\"\n                @input=\"error_message = ''\"\n                placeholder=\"Имя пользователя\"\n                type=\"text\"\n                @keyup.enter=\"submitForm\"\n                autofocus\n            >\n            <input\n                class=\"ytm-logreg-input\"\n                v-model=\"form_data.password\"\n                @input=\"error_message = ''\"\n                placeholder=\"Пароль\"\n                type=\"password\"\n                @keyup.enter=\"submitForm\"\n                style=\"margin-bottom: 4%\"\n            >\n            <p v-if=\"error_message\" class=\"ytm-landing-font ytm-logreg-error-text\">{{error_message}}</p>\n            <button class=\"ytm-logreg-button\" style=\"margin: 0 auto max(1.5vw, 1.5vh);\" @click=\"submitForm\">\n                <span class=\"ytm-landing-font ytm-logreg-button-text\" style=\"margin-right: 1vw\">\n                  Войти\n                </span>\n              <svg style=\"width: max(1.77vw, 0.9rem)\" 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            </button>\n            <p class=\"ytm-landing-font ytm-or-google\" style=\"margin-bottom: max(1.5vh, 1.5vw)\">\n              или\n            </p>\n            <div style=\"width: 100%; margin-bottom: max(1.25vw, 1.25vh)\">\n              <button @click=\"openGoogle\" class=\"ytm-google-login\">\n                <span class=\"ytm-landing-font ytm-google-login-span\" style=\"padding-left: max(2.5vw, 1.5rem)\">\n                  <img src=\"https://img.icons8.com/color/48/000000/google-logo.png\"/>\n                  Продолжить с Google\n                </span>\n              </button>\n            </div>\n            <p class=\"ytm-landing-font ytm-logreg-plain-text\" style=\"margin-top: 1.75vw; padding-bottom: 2.5vw\">\n              У вас ещё нет профиля?<br>\n              <a class=\"ytm-logreg-link\" href=\"/register\" @click.prevent=\"openRegister\" style=\"cursor: pointer\">Давайте исправим!</a>\n            </p>\n          </div>\n        </div>\n        <div class=\"ytm-logreg-image\"/>\n        <svg class=\"star22\" viewBox=\"0 0 849 819\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path d=\"M174.546 49.9508C292.675 -33.9324 456.024 -9.14598 543.951 106.004L563.144 131.139C612.794 196.161 694.75 227.795 775.211 212.995C916.696 186.971 1043.98 303.102 1031 446.374L1024.35 519.749C1018.91 731.476 870.52 912.573 664.009 959.593L599.087 978.864C447.632 1023.82 289.842 930.837 255.788 776.565C241.384 711.313 203.485 653.639 149.306 614.524L133.804 603.332C14.0815 516.897 -31.617 360.175 22.8851 222.938L24.2575 219.482C46.9334 162.384 85.6555 113.072 135.747 77.5017L174.546 49.9508Z\" fill=\"url(#paint0_linear_75_172)\"/>\n          <defs>\n            <linearGradient id=\"paint0_linear_75_172\" x1=\"371.5\" y1=\"34.5\" x2=\"666.959\" y2=\"970.855\" gradientUnits=\"userSpaceOnUse\">\n              <stop stop-color=\"#9747FF\"/>\n              <stop offset=\"1\" stop-color=\"#D55EFF\"/>\n            </linearGradient>\n          </defs>\n        </svg>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport LandingTop from '../Navbar';\nimport LoginBackground from \"./Background\";\nimport \"../LandingPage\";\nimport {getGoogleUrl} from \"@/util/get-google-url\";\n\nexport default {\n  name: 'NewLoginPage',\n  components: {LoginBackground, LandingTop},\n  data() {\n    return {\n      form_data: {\n        username: '',\n        password: '',\n      },\n      error_message: '',\n    };\n  },\n  methods: {\n    openGoogle() {\n      window.open(getGoogleUrl('/', this.$route.query.to || '/home'), '_self');\n    },\n    openRegister() {\n      this.$router.push({path: '/register', query: this.$route.query});\n    },\n    submitForm() {\n      if (!this.form_data.username || !this.form_data.password) {\n        return;\n      }\n      this.$store.dispatch('auth/login', {\n        user_data: this.form_data,\n        to: this.$route.query.to || '/home',\n      }).then(response => {\n        if (!response.success) {\n          this.error_message = 'Неверный логин или пароль';\n          this.form_data.password = '';\n        }\n      });\n    },\n  },\n};\n</script>\n\n<style scoped>\n.star22 {\n  position: absolute;\n  width: 60vw;\n  right: -12.5vw;\n  bottom: 0;\n  z-index: -100;\n}\n\n@media only screen and (max-width: 750px) {\n  .star22 {\n    bottom: -20%;\n    width: 70vw;\n  }\n}\n\n@media only screen and (max-width: 600px) {\n  .star22 {\n    right: -5vw;\n  }\n}\n\n@media only screen and (max-width: 500px) {\n  .star22 {\n    width: 90vw;\n  }\n}\n\n@media only screen and (max-width: 325px) {\n  .star22 {\n    bottom: 0;\n  }\n}\n</style>","import { render } from \"./LoginPage.vue?vue&type=template&id=6947a934&scoped=true\"\nimport script from \"./LoginPage.vue?vue&type=script&lang=js\"\nexport * from \"./LoginPage.vue?vue&type=script&lang=js\"\n\nimport \"./LoginPage.vue?vue&type=style&index=0&id=6947a934&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-6947a934\"]])\n\nexport default __exports__","export const getGoogleUrl = (from, toPath) => {\n    const rootUrl = `https://accounts.google.com/o/oauth2/v2/auth`;\n    const options = {\n        redirect_uri: process.env.VUE_APP_GOOGLE_OAUTH_REDIRECT_URL,\n        client_id: process.env.VUE_APP_GOOGLE_OAUTH_CLIENT_ID,\n        access_type: 'offline',\n        response_type: 'code',\n        prompt: 'consent',\n        scope: [\n            'https://www.googleapis.com/auth/userinfo.profile',\n            'https://www.googleapis.com/auth/userinfo.email',\n        ].join(' '),\n        state: JSON.stringify({to: toPath}),\n    };\n    const qs = new URLSearchParams(options);\n    return `${rootUrl}?${qs.toString()}`;\n};","<template>\n  <div class=\"ytm-landing-background\">\n    <div class=\"ellipse22 ytm-background-ellipse-size\"/>\n    <div class=\"ellipse21 ytm-background-ellipse-size\"/>\n    <svg v-if=\"screen_width > 500\" class=\"star23\" viewBox=\"0 0 413 991\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M-444.454 49.9508C-326.325 -33.9324 -162.976 -9.14598 -75.0488 106.004L-55.856 131.139C-6.20561 196.161 75.7502 227.795 156.211 212.995C297.696 186.971 424.977 303.102 411.996 446.374L405.348 519.749C399.913 731.476 251.52 912.573 45.0088 959.593L-19.9128 978.864C-171.368 1023.82 -329.158 930.837 -363.212 776.565C-377.616 711.313 -415.515 653.639 -469.694 614.524L-485.196 603.332C-604.918 516.897 -650.617 360.175 -596.115 222.938L-594.743 219.482C-572.067 162.384 -533.344 113.072 -483.253 77.5017L-444.454 49.9508Z\" fill=\"url(#paint0_linear_75_175)\"/>\n      <defs>\n        <linearGradient id=\"paint0_linear_75_175\" x1=\"-247.5\" y1=\"34.5\" x2=\"47.9589\" y2=\"970.855\" gradientUnits=\"userSpaceOnUse\">\n          <stop stop-color=\"#9747FF\"/>\n          <stop offset=\"1\" stop-color=\"#D55EFF\"/>\n        </linearGradient>\n      </defs>\n    </svg>\n  </div>\n</template>\n\n<script>\nimport '../Background';\nimport {inject} from \"vue\";\n\nexport default {\n  name: 'LoginBackground',\n  setup() {\n    let screen_width = inject('screen_width');\n    return {screen_width};\n  },\n};\n</script>\n\n<style scoped>\n.star23 {\n  position: absolute;\n  width: 60vw;\n  height: 57vw;\n  left: -21vw;\n  top: 8vw;\n}\n</style>","import { render } from \"./Background.vue?vue&type=template&id=7113f566&scoped=true\"\nimport script from \"./Background.vue?vue&type=script&lang=js\"\nexport * from \"./Background.vue?vue&type=script&lang=js\"\n\nimport \"./Background.vue?vue&type=style&index=0&id=7113f566&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-7113f566\"]])\n\nexport default __exports__"],"sourceRoot":""}