Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory :  /home/corals/ts.corals.io/frontend/pages/password/reset/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

<template>
  <div>
    <page-header title="Reset password"/>
    <div class="container m-0">
      <div class="row">
        <div class="col-md-4 py-5">
          <c-overlay :show="!form.isReady">
            <form @submit.prevent="resetPassword">
              <b-form-group label="Email"
                            :state="form.state('email')"
                            :invalid-feedback="form.error('email')">
                <b-form-input v-model="form.email"
                              readonly
                              :state="form.state('email')"
                              placeholder="Email"></b-form-input>
              </b-form-group>
              <b-form-group label="Password"
                            :state="form.state('password')"
                            :invalid-feedback="form.error('password')">
                <b-form-input type="password"
                              :state="form.state('password')"
                              autocomplete="new-password" v-model="form.password"
                              placeholder="Password"></b-form-input>
              </b-form-group>

              <b-form-group label="Retype password"
                            :state="form.state('password_confirmation')"
                            :invalid-feedback="form.error('password_confirmation')">

                <b-form-input type="password" autocomplete="new-password"
                              v-model="form.password_confirmation"
                              :state="form.state('password_confirmation')"
                              placeholder="Retype password"></b-form-input>
              </b-form-group>

              <button class="btn btn-primary btn-block" type="submit">Reset Password</button>
            </form>

          </c-overlay>
        </div>
        <div class="col-md-4 offset-md-2 d-md-block d-none">
          <b-img fluid-grow class="transparent" src="~/assets/images/calendar.svg"/>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import PageHeader from "@/components/layout/PageHeader";
import COverlay from "@/components/layout/COverlay";

export default {
  name: "token",
  components: {COverlay, PageHeader},
  auth: false,
  middleware({params: {token}, redirect, $auth}) {
    if (!token || $auth.$state.loggedIn) {
      return redirect('/login');
    }
  },
  data() {
    return {
      form: this.$form({
        password: '',
        password_confirmation: '',
        email: this.$route.query.email,
        token: this.$route.params.token
      }, {
        resetOnSuccess: false
      })
    }
  },
  methods: {
    async resetPassword() {
      await this.form.post('auth/password/reset').then(async response => {
        await this.$auth.loginWith('local', {
          data: {
            email: this.form.email,
            password: this.form.password
          }
        })
      }).then(r => this.$router.push({path: '/'}))
        .catch(err => {
          console.error(err);
        })
    }
  }
}
</script>

<style scoped>

</style>