{"version":3,"file":"Login-BWRVuiu2.js","sources":["../../src/components/layout/HorizontalRule.vue","../../src/views/auth/Login.vue"],"sourcesContent":["<template>\n  <hr :aria-label=\"label\" />\n</template>\n\n<script>\nexport default {\n  name: 'HorizontalRule',\n  props: {\n    label: { type: String, required: true },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\nhr {\n  border: none;\n  border-top: 1px solid map-get($blue-grey, 'lighten-3');\n  color: map-get($blue-grey, 'base');\n  overflow: visible;\n  text-align: center;\n  margin: 30px 0;\n  height: 1px;\n  &::after {\n    content: attr(aria-label);\n    background: #fff;\n    padding: 0 4px;\n    position: relative;\n    top: -0.75em;\n  }\n}\n</style>\n","<template>\n  <auth-container>\n    <div v-if=\"isProdSuffix && $vuetify.breakpoint.smAndDown\" class=\"text-center\">\n      <v-icon size=\"64\"> $vuetify.icons.ecamp </v-icon>\n    </div>\n\n    <h1 class=\"display-1 text-center\" :class=\"{ 'my-4': isProdSuffix }\">\n      {{ $tc('global.button.login') }}\n    </h1>\n\n    <v-alert\n      v-if=\"!isProdSuffix\"\n      class=\"mt-2 text-justify\"\n      text\n      dense\n      border=\"left\"\n      style=\"hypens: auto\"\n      color=\"warning\"\n    >\n      <div>\n        <i18n :path=\"infoTextKey\">\n          <template #br><br /></template>\n        </i18n>\n        <v-btn\n          text\n          elevation=\"0\"\n          color=\"warning darken-3\"\n          height=\"32px\"\n          class=\"v-btn--has-bg float-end dev-login-button\"\n          @click=\"\n            () => {\n              email = 'test@example.com'\n              password = 'test'\n              login()\n            }\n          \"\n        >\n          Login\n          <v-icon right>mdi-auto-fix</v-icon>\n        </v-btn>\n      </div>\n    </v-alert>\n    <v-alert v-if=\"error\" outlined text border=\"left\" type=\"error\">\n      <span class=\"d-block\">{{ error }}</span>\n      <span class=\"d-block mt-1\"\n        >{{ $tc('views.auth.login.passwordForgotten') }}\n        <router-link :to=\"{ name: 'resetPasswordRequest' }\">\n          {{ $tc('views.auth.login.resetPassword') }}\n        </router-link>\n      </span>\n      <span class=\"d-block mt-1\"\n        >{{ $tc('views.auth.login.notActivated') }}\n        <router-link :to=\"{ name: 'resendActivation' }\">\n          {{ $tc('views.auth.login.resendActivation') }}\n        </router-link>\n      </span>\n    </v-alert>\n    <v-form @submit.prevent=\"login\">\n      <e-text-field\n        id=\"inputEmail\"\n        v-model=\"email\"\n        vee-rules=\"email|required\"\n        autofocus\n        :label=\"$tc('views.auth.login.email')\"\n        name=\"email\"\n        append-icon=\"mdi-account-outline\"\n        :dense=\"$vuetify.breakpoint.xsOnly\"\n        type=\"email\"\n        autocomplete=\"username\"\n      />\n\n      <e-text-field\n        id=\"inputPassword\"\n        v-model=\"password\"\n        :label=\"$tc('views.auth.login.password')\"\n        vee-rules=\"required\"\n        name=\"password\"\n        append-icon=\"mdi-lock-outline\"\n        :dense=\"$vuetify.breakpoint.xsOnly\"\n        type=\"password\"\n        autocomplete=\"current-password\"\n      />\n      <small class=\"ml-2\">\n        <router-link\n          :to=\"{ name: 'resetPasswordRequest' }\"\n          tabindex=\"100\"\n          style=\"color: gray\"\n        >\n          {{ $tc('views.auth.login.passwordForgotten') }}\n        </router-link>\n      </small>\n\n      <v-btn\n        type=\"submit\"\n        :color=\"email && password ? 'blue darken-2' : 'blue lighten-4'\"\n        block\n        :disabled=\"!(email && password) || authenticationInProgress\"\n        outlined\n        :x-large=\"$vuetify.breakpoint.smAndUp\"\n        class=\"my-4\"\n      >\n        <v-progress-circular v-if=\"authenticationInProgress\" indeterminate size=\"24\" />\n        <v-icon v-else>$vuetify.icons.ecamp</v-icon>\n        <v-spacer />\n        <span>{{ $tc('views.auth.login.provider.ecamp') }}</span>\n        <v-spacer />\n        <icon-spacer />\n      </v-btn>\n    </v-form>\n    <horizontal-rule :label=\"$tc('views.auth.login.or')\" />\n    <div class=\"openid-buttons\">\n      <v-btn\n        dark\n        color=\"#91697f\"\n        :x-large=\"$vuetify.breakpoint.smAndUp\"\n        text\n        @click=\"loginPbsMiData\"\n      >\n        <v-icon class=\"my-1\" color=\"#521d3a\">$vuetify.icons.pbs</v-icon>\n        <span class=\"text--secondary body-2 font-weight-medium\">{{\n          $tc('views.auth.login.provider.midata')\n        }}</span>\n      </v-btn>\n      <v-btn\n        dark\n        color=\"green\"\n        :x-large=\"$vuetify.breakpoint.smAndUp\"\n        text\n        @click=\"loginCeviDB\"\n      >\n        <v-icon class=\"my-1\">$vuetify.icons.cevi</v-icon>\n        <span class=\"text--secondary body-2 font-weight-medium\">{{\n          $tc('views.auth.login.provider.cevidb')\n        }}</span>\n      </v-btn>\n      <v-btn\n        dark\n        color=\"blue\"\n        :x-large=\"$vuetify.breakpoint.smAndUp\"\n        text\n        @click=\"loginJublaDB\"\n      >\n        <v-icon size=\"32\">$vuetify.icons.jubla</v-icon>\n        <span class=\"text--secondary body-2 font-weight-medium\">{{\n          $tc('views.auth.login.provider.jubladb')\n        }}</span>\n      </v-btn>\n      <v-btn\n        dark\n        color=\"blue-grey lighten-3\"\n        :x-large=\"$vuetify.breakpoint.smAndUp\"\n        text\n        @click=\"loginGoogle\"\n      >\n        <v-icon class=\"my-1\">$vuetify.icons.google</v-icon>\n        <span class=\"text--secondary body-2 font-weight-medium\">{{\n          $tc('views.auth.login.provider.google')\n        }}</span>\n      </v-btn>\n      <small class=\"w-100\">\n        <i18n\n          path=\"views.auth.login.acceptTermsOfServiceOnOAuthLogin\"\n          tag=\"p\"\n          class=\"text--secondary text-center w-100 mt-2\"\n          style=\"hyphens: auto\"\n        >\n          <template #termsOfServiceLink>\n            <a :href=\"termsOfServiceLink\" target=\"_blank\" style=\"color: gray\">{{\n              $tc('views.auth.login.termsOfServiceLink')\n            }}</a>\n          </template>\n        </i18n>\n      </small>\n    </div>\n    <p class=\"mt-8 mb-0 text--secondary text-center\">\n      {{ $tc('views.auth.login.accountless') }}<br />\n      <router-link :to=\"{ name: 'register' }\">\n        {{ $tc('views.auth.login.registernow') }}\n      </router-link>\n    </p>\n  </auth-container>\n</template>\n\n<script>\nimport { isLoggedIn } from '@/plugins/auth'\nimport VueI18n from '@/plugins/i18n/index.js'\nimport AuthContainer from '@/components/layout/AuthContainer.vue'\nimport HorizontalRule from '@/components/layout/HorizontalRule.vue'\nimport IconSpacer from '@/components/layout/IconSpacer.vue'\nimport { serverErrorToString } from '@/helpers/serverError'\nimport { parseTemplate } from 'url-template'\nimport { getEnv } from '@/environment.js'\n\nconst LOGIN_INFO_TEXT_KEY = getEnv().LOGIN_INFO_TEXT_KEY\n\nexport default {\n  name: 'Login',\n  components: {\n    IconSpacer,\n    HorizontalRule,\n    AuthContainer,\n  },\n  beforeRouteEnter(to, from, next) {\n    if (isLoggedIn()) {\n      next(to.query.redirect || '/')\n    } else {\n      next()\n    }\n  },\n  data() {\n    return {\n      email: '',\n      password: '',\n      error: null,\n      authenticationInProgress: false,\n      showCredits: true,\n    }\n  },\n  computed: {\n    infoTextSuffix() {\n      return LOGIN_INFO_TEXT_KEY\n    },\n    isProdSuffix() {\n      return this.infoTextSuffix === 'prod'\n    },\n    infoTextKey() {\n      return `views.auth.login.infoText.${this.infoTextSuffix ?? 'prod'}`\n    },\n    termsOfServiceLink() {\n      return (\n        parseTemplate(getEnv().TERMS_OF_SERVICE_LINK_TEMPLATE || '').expand({\n          lang: this.$store.state.lang.language.substring(0, 2),\n        }) || false\n      )\n    },\n  },\n  mounted() {\n    this.$store.commit('setLanguage', this.$i18n.browserPreferredLocale)\n  },\n  methods: {\n    async login() {\n      this.authenticationInProgress = true\n      this.error = null\n      this.$auth\n        .login(this.email, this.password)\n        .then(async () => {\n          const user = await this.$auth.loadUser()\n          const profile = await user.profile()._meta.load\n          if (VueI18n.availableLocales.includes(profile.language)) {\n            await this.$store.commit('setLanguage', profile.language)\n          }\n          this.$router.replace(this.$route.query.redirect || '/')\n        })\n        .catch((e) => {\n          this.authenticationInProgress = false\n          this.error = serverErrorToString(e)\n        })\n    },\n    async loginGoogle() {\n      await this.$auth.loginGoogle()\n    },\n    async loginPbsMiData() {\n      await this.$auth.loginPbsMiData()\n    },\n    async loginCeviDB() {\n      await this.$auth.loginCeviDB()\n    },\n    async loginJublaDB() {\n      await this.$auth.loginJublaDB()\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.openid-buttons {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0.5rem;\n\n  :deep(.v-btn) {\n    height: auto;\n    min-width: auto;\n    padding: 4px 0;\n    flex-grow: 1;\n  }\n\n  :deep(.v-btn__content) {\n    flex-direction: column;\n  }\n}\n.dev-login-button {\n  background-color: #f7e4cc !important;\n  margin-top: 12px;\n  margin-bottom: -12px;\n  translate: 0 -12px;\n}\n</style>\n"],"names":["_sfc_main","LOGIN_INFO_TEXT_KEY","getEnv","IconSpacer","HorizontalRule","AuthContainer","to","from","next","isLoggedIn","parseTemplate","profile","VueI18n","e","serverErrorToString"],"mappings":"kuBAKA,MAAAA,EAAA,CACA,KAAA,iBACA,MAAA,CACA,MAAA,CAAA,KAAA,OAAA,SAAA,EAAA,CACA,CACA,+ICuLAC,EAAAC,EAAA,EAAA,oBAEAF,EAAA,CACA,KAAA,QACA,WAAA,CACA,WAAAG,EACA,eAAAC,EACA,cAAAC,CACA,EACA,iBAAAC,EAAAC,EAAAC,EAAA,CACAC,EAAA,EACAD,EAAAF,EAAA,MAAA,UAAA,GAAA,EAEAE,EAAA,CAEA,EACA,MAAA,CACA,MAAA,CACA,MAAA,GACA,SAAA,GACA,MAAA,KACA,yBAAA,GACA,YAAA,EACA,CACA,EACA,SAAA,CACA,gBAAA,CACA,OAAAP,CACA,EACA,cAAA,CACA,OAAA,KAAA,iBAAA,MACA,EACA,aAAA,CACA,MAAA,6BAAA,KAAA,gBAAA,MAAA,EACA,EACA,oBAAA,CACA,OACAS,EAAAR,EAAA,EAAA,gCAAA,EAAA,EAAA,OAAA,CACA,KAAA,KAAA,OAAA,MAAA,KAAA,SAAA,UAAA,EAAA,CAAA,CACA,CAAA,GAAA,EAEA,CACA,EACA,SAAA,CACA,KAAA,OAAA,OAAA,cAAA,KAAA,MAAA,sBAAA,CACA,EACA,QAAA,CACA,MAAA,OAAA,CACA,KAAA,yBAAA,GACA,KAAA,MAAA,KACA,KAAA,MACA,MAAA,KAAA,MAAA,KAAA,QAAA,EACA,KAAA,SAAA,CAEA,MAAAS,EAAA,MADA,MAAA,KAAA,MAAA,SAAA,GACA,QAAA,EAAA,MAAA,KACAC,EAAA,iBAAA,SAAAD,EAAA,QAAA,GACA,MAAA,KAAA,OAAA,OAAA,cAAAA,EAAA,QAAA,EAEA,KAAA,QAAA,QAAA,KAAA,OAAA,MAAA,UAAA,GAAA,CACA,CAAA,EACA,MAAAE,GAAA,CACA,KAAA,yBAAA,GACA,KAAA,MAAAC,EAAAD,CAAA,CACA,CAAA,CACA,EACA,MAAA,aAAA,CACA,MAAA,KAAA,MAAA,YAAA,CACA,EACA,MAAA,gBAAA,CACA,MAAA,KAAA,MAAA,eAAA,CACA,EACA,MAAA,aAAA,CACA,MAAA,KAAA,MAAA,YAAA,CACA,EACA,MAAA,cAAA,CACA,MAAA,KAAA,MAAA,aAAA,CACA,CACA,CACA"}