ONE PIECE HACKING

Ngiler SH3LL 360
: / home / tbf / tbfguest.tbf.ro / src / views / auth /

Information Server
MySQL : OFF Perl : OFF CURL : ON WGET : OFF PKEXEC : OFF

Directive	Local Value
IP Address	89.40.16.97
System	Linux server.atelieruldeit.ro 3.10.0-1160.el7.x86_64 #1 SMP Mon Oct 19 16:18:59 UTC 2020 x86_64
User	tbf
PHP Version	7.3.33
Software	Apache
Doc root	Writable

Edit File : ForgotPassword.vue \| Size : 3.69 KB
<template> <div class="flex min-h-full flex-1 flex-col justify-center py-12 sm:px-6 lg:px-8 tbf-gradient animate-gradient"> <div class="sm:mx-auto sm:w-full sm:max-w-md"> <img class="mx-auto h-7 w-auto" src="@/assets/images/logo-tbf-white.svg" alt="Your Company" /> </div> <div class="mt-12 sm:mx-auto sm:w-full sm:max-w-[480px]"> <div class="bg-white px-6 py-12 shadow shadow-gray-400/20 sm:rounded-lg sm:px-12"> <p class="text-sm mt-2 text-gray-500">Completează adresa ta de email asociată contului și îți vom trimite un link pentru resetarea parolei.</p> <form class="space-y-6 mt-4" @submit.prevent="submitResetPassword"> <div> <label for="email" class="block text-sm font-medium leading-6 text-gray-900">Adresa de email</label> <div class="relative mt-2"> <input id="email" type="email" v-model="input_email" :class="[ v$.input_email.$errors.length ? 'text-red-900 ring-red-300 placeholder:text-red-300 focus:ring-red-500' : 'text-gray-900 ring-gray-300 placeholder:text-gray-400 focus:ring-blue-500', ]" class="block w-full rounded-md border-0 py-1.5 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-blue-500 sm:text-sm sm:leading-6" /> <div class="pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3" v-if="v$.input_email.$errors.length"> <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512" class="h-5 w-5 text-red-500"> <path fill="currentColor" d="M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c-8.8 0-16 7.2-16 16V272c0 8.8 7.2 16 16 16s16-7.2 16-16V144c0-8.8-7.2-16-16-16zm24 224a24 24 0 1 0 -48 0 24 24 0 1 0 48 0z" /> </svg> </div> </div> </div> <div> <p class="mb-2 text-sm text-red-600" v-if="errorReset">{{ errorReset }}</p> <button type="submit" :disabled="loadingSubmit" class="flex items-center w-full justify-center rounded-md bg-blue-500 px-3 py-1.5 text-sm font-semibold leading-6 text-white shadow-sm hover:bg-blue-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-500" :class="[{ 'disabled:bg-blue-400 disabled:cursor-not-allowed': loadingSubmit }]"> <LoaderTbf class="inline-block mr-2" color="text-white" v-if="loadingSubmit" /> Resetează parola </button> </div> </form> </div> </div> </div> </template> <script> import LoaderTbf from "@/components/public/LoadingTbf.vue"; import { useVuelidate } from "@vuelidate/core"; import { required } from "@vuelidate/validators"; export default { setup: () => ({ v$: useVuelidate() }), components: { LoaderTbf, }, data() { return { loadingSubmit: false, input_email: "", errorReset: false, }; }, validations() { return { input_email: { required }, }; }, async mounted() {}, methods: { async submitResetPassword() { const isFormCorrect = await this.v$.$validate(); if (!isFormCorrect) { return; } this.loadingSubmit = true; this.errorReset = false; axios .post(`/auth/forgot-password`, { email: this.input_email, }) .then(() => { this.$router.push({ name: "forgot_success", query: { email: this.input_email } }); }) .catch((error) => { var responseError = error.response.data; this.loadingSubmit = false; this.errorReset = responseError.message; }); // setTimeout(() => { // this.$router.push({ name: "forgot_success", query: { email: this.input_email } }); // }, 1500); }, }, }; </script> Back

Edit File : ForgotPassword.vue | Size : 3.69 KB

<div class="mt-12 sm:mx-auto sm:w-full sm:max-w-[480px]">
			<div class="bg-white px-6 py-12 shadow shadow-gray-400/20 sm:rounded-lg sm:px-12">
				<p class="text-sm mt-2 text-gray-500">Completează adresa ta de email asociată contului și îți vom trimite un link pentru resetarea parolei.</p>

<form class="space-y-6 mt-4" @submit.prevent="submitResetPassword">
					<div>
						<label for="email" class="block text-sm font-medium leading-6 text-gray-900">Adresa de email</label>
						<div class="relative mt-2">
							<input
								id="email"
								type="email"
								v-model="input_email"
								:class="[
									v$.input_email.$errors.length
										? 'text-red-900 ring-red-300 placeholder:text-red-300 focus:ring-red-500'
										: 'text-gray-900 ring-gray-300 placeholder:text-gray-400 focus:ring-blue-500',
								]"
								class="block w-full rounded-md border-0 py-1.5 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-blue-500 sm:text-sm sm:leading-6" />
							<div class="pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3" v-if="v$.input_email.$errors.length">
								<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512" class="h-5 w-5 text-red-500">
									<path
										fill="currentColor"
										d="M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c-8.8 0-16 7.2-16 16V272c0 8.8 7.2 16 16 16s16-7.2 16-16V144c0-8.8-7.2-16-16-16zm24 224a24 24 0 1 0 -48 0 24 24 0 1 0 48 0z" />
								</svg>
							</div>
						</div>
					</div>

<div>
						<p class="mb-2 text-sm text-red-600" v-if="errorReset">{{ errorReset }}</p>
						<button
							type="submit"
							:disabled="loadingSubmit"
							class="flex items-center w-full justify-center rounded-md bg-blue-500 px-3 py-1.5 text-sm font-semibold leading-6 text-white shadow-sm hover:bg-blue-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-500"
							:class="[{ 'disabled:bg-blue-400 disabled:cursor-not-allowed': loadingSubmit }]">
							<LoaderTbf class="inline-block mr-2" color="text-white" v-if="loadingSubmit" />
							Resetează parola
						</button>
					</div>
				</form>
			</div>
		</div>
	</div>
</template>

export default {
	setup: () => ({ v$: useVuelidate() }),
	components: {
		LoaderTbf,
	},
	data() {
		return {
			loadingSubmit: false,
			input_email: "",
			errorReset: false,
		};
	},
	validations() {
		return {
			input_email: { required },
		};
	},
	async mounted() {},
	methods: {
		async submitResetPassword() {
			const isFormCorrect = await this.v$.$validate();

if (!isFormCorrect) {
				return;
			}

this.loadingSubmit = true;
			this.errorReset = false;

axios
				.post(`/auth/forgot-password`, {
					email: this.input_email,
				})
				.then(() => {
					this.$router.push({ name: "forgot_success", query: { email: this.input_email } });
				})
				.catch((error) => {
					var responseError = error.response.data;

this.loadingSubmit = false;
					this.errorReset = responseError.message;
				});

// setTimeout(() => {
			// this.$router.push({ name: "forgot_success", query: { email: this.input_email } });
			// }, 1500);
		},
	},
};
</script>

Back