MAINHACK

Viewing / Editing File: verify.vue

<template>
  <div class="row">
    <div class="col-lg-8 m-auto">
      <card :title="$t('verify_email')">
        <template v-if="success">
          <div class="alert alert-success" role="alert">
            {{ success }}
          </div>

<router-link :to="{ name: 'login' }" class="btn btn-primary">
            {{ $t("login") }}
          </router-link>
        </template>
        <template v-else>
          <div class="alert alert-danger" role="alert">
            {{ error || $t("failed_to_verify_email") }}
          </div>

<router-link
            :to="{ name: 'verification.resend' }"
            class="small float-right"
          >
            {{ $t("resend_verification_link") }}
          </router-link>
        </template>
      </card>
    </div>
  </div>
</template>

const qs = (params) =>
  Object.keys(params)
    .map((key) => `${key}=${params[key]}`)
    .join("&");

export default {
  async beforeRouteEnter(to, from, next) {
    try {
      const { data } = await axios.post(
        `/api/email/verify/${to.params.id}?${qs(to.query)}`
      );

next((vm) => {
        vm.success = data.status;
      });
    } catch (e) {
      next((vm) => {
        vm.error = e.response.data.status;
      });
    }
  },

middleware: "guest",

metaInfo() {
    return { title: this.$t("verify_email") };
  },

data: () => ({
    error: "",
    success: "",
  }),
};
</script>

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: verify.vue

Server Info

System Features

User Info