MAINHACK

Viewing / Editing File: email.vue

<template>
  <div class="container-fluid">
    <div class="row no-gutter">
      
      <div class="col-md-6 d-none d-md-flex bg-image"></div>
      
      <div class="col-md-6 bg-light">
        <div class="auth-wrapper d-flex align-items-center py-5">
          
          <div class="container">
            <div class="row">
              <div class="col-lg-10 col-xl-7 mx-auto">
                <img
                  v-if="appInfo"
                  :src="appInfo.blackLogo"
                  :alt="appInfo.companyName"
                  class="lg-logo img-fluid"
                />
                <p class="text-muted mb-4">
                  {{ $t("reset_email_text") }}
                </p>
                <alert-success :form="form" :message="status" />
                <form @submit.prevent="send" @keydown="form.onKeydown($event)">
                  <div class="form-group mb-3">
                    <input
                      v-model="form.email"
                      :class="{ 'is-invalid': form.errors.has('email') }"
                      class="form-control rounded-pill border-0 shadow-sm px-4 text-primary"
                      type="email"
                      name="email"
                      placeholder="Enter your email address"
                    />
                    <has-error :form="form" field="email" />
                  </div>
                  
                  <v-button
                    :loading="form.busy"
                    class="btn btn-primary btn-block text-uppercase mb-2 rounded-pill shadow-sm"
                  >
                    <i class="fas fa-paper-plane" />
                    <strong>{{ $t("send_password_reset_link") }}</strong>
                  </v-button>
                  <div class="text-center d-flex justify-content-between mt-4">
                    <router-link
                      :to="{ name: 'login' }"
                      class="ml-auto my-auto"
                    >
                      {{ $t("error_not_found.back_to_login") }}
                    </router-link>
                  </div>
                </form>
              </div>
              <div class="w-100 text-center mt-4">
                <p>
                  {{ $t("Acculance v4.0.0. Developed by") }}
                  <a
                    href="https://codeshaper.net/"
                    class="font-italic text-muted"
                    target="__blank"
                  >
                    <u>Codeshaper</u>
                  </a>
                </p>
              </div>
            </div>
          </div>
          
        </div>
      </div>
      
    </div>
  </div>
</template>

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

data: () => ({
    status: "",
    form: new Form({
      email: "",
    }),
  }),
  // Map Getters
  computed: {
    ...mapGetters("operations", ["appInfo"]),
  },
  methods: {
    async send() {
      const { data } = await this.form.post("/api/password/email");
      this.status = data.status;
      this.form.reset();
    },
  },
};
</script>

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: email.vue

Server Info

System Features

User Info