surya/myprojplanet_vite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Forget Password e Update Password (1)

Browse Source
This commit is contained in:
Paolo Arena
2021-09-17 17:30:01 +02:00
parent f351673917
commit d1eb9a9733
12 changed files with 198 additions and 316 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/views/updatepassword/updatepassword.scss
View File

@@ -0,0 +1,6 @@
.mypanel {
padding: 10px;
margin: 10px;
}

74
src/views/updatepassword/updatepassword.ts
View File

@@ -15,22 +15,6 @@ import { useRoute, useRouter } from 'vue-router'
export default defineComponent({
name: 'Updatepassword',
props: {
mystr: {
type: String,
required: true,
},
myval: {
type: Number,
required: true,
default: 0,
},
mybool: {
type: Boolean,
required: true,
default: false,
},
},
components: { Logo, CTitleBanner },
setup(props, { emit }) {
const $q = useQuasar()
@@ -52,11 +36,6 @@ export default defineComponent({
// @ts-ignore
const v$ = useVuelidate(validations, form)
function created() {
// load()
}
function submit() {
v$.value.$touch()
@@ -95,62 +74,13 @@ export default defineComponent({
}
function errorMsg(cosa: string, item: any) {
try {
if (!item.$error) {
return ''
}
// console.log('errorMsg', cosa, item)
if (item.$params.email && !item.email) {
return t('reg.err.email')
}
if (cosa === 'repeatpassword') {
if (!item.sameAsPassword) {
return t('reg.err.sameaspassword')
}
}
// console.log('item', item)
if (item.minLength !== undefined) {
if (!item.minLength) {
return t('reg.err.atleast') + ` ${item.$params.minLength.min} ` + t('reg.err.char')
}
}
if (item.complexity !== undefined) {
if (!item.complexity) {
return t('reg.err.complexity')
}
}
// if (!item.maxLength) { return t('reg.err.notmore') + ` ${item.$params.maxLength.max} ` + t('reg.err.char') }
if (item.required !== undefined) {
if (!item.required) {
return t('reg.err.required')
}
}
// console.log(' ....avanti')
if (cosa === 'email') {
// console.log("EMAIL " + item.isUnique);
// console.log(item);
if (!item.isUnique) {
return t('reg.err.duplicate_email')
}
}
return ''
} catch (error) {
// console.log("ERR : " + error);
}
}
return {
form,
emailsent,
submit,
errorMsg,
tools,
v$,
}
}
})

121
src/views/updatepassword/updatepassword.vue
View File

@@ -1,75 +1,84 @@
<template>
<div class="mypanel">
<form @submit.prevent.stop="submit" class="q-col-gutter-lg row justify-center text-center padding q-pa-md">
<div v-if="!emailsent">
<q-banner
rounded
class="bg-primary text-white"
style="text-align: center;">
<span class="mybanner">{{ $t('reset.title_update_pwd')}}</span>
</q-banner>
<br>
<div v-if="!emailsent">
<q-banner
rounded
dense
class="bg-primary text-white"
style="text-align: center;">
<span class="mybanner">{{ $t('reset.title_update_pwd') }}</span>
</q-banner>
<div class="column">
<div class="q-my-lg"></div>
<q-input
v-model="form.password"
type="password"
rounded outlined
@blur="$v.form.password.$touch"
:error="$v.form.password.$error"
:error-message="`${errorMsg('password', $v.form.password)}`"
maxlength="30"
:label="$t('reg.password')">
<div class="column">
<template v-slot:prepend>
<q-icon name="vpn_key"/>
</template>
<q-input
v-model="form.password"
type="password"
dense
rounded outlined
@blur="v$.password.$touch"
:error="v$.password.$error"
:error-message="`${tools.errorMsg('password', v$.password)}`"
maxlength="30"
:label="$t('reg.password')">
</q-input>
<template v-slot:prepend>
<q-icon name="vpn_key"/>
</template>
<q-input
v-model="form.repeatPassword"
type="password"
maxlength="30"
rounded outlined
@blur="$v.form.repeatPassword.$touch"
:error="$v.form.repeatPassword.$error"
:error-message="`${errorMsg('repeatpassword', $v.form.repeatPassword)}`"
</q-input>
:label="$t('reg.repeatPassword')">
<div class="q-my-sm"></div>
<template v-slot:prepend>
<q-icon name="vpn_key"/>
</template>
<q-input
v-model="form.repeatPassword"
type="password"
dense
maxlength="30"
rounded outlined
@blur="v$.repeatPassword.$touch"
:error="v$.repeatPassword.$error"
:error-message="`${tools.errorMsg('repeatpassword', v$.repeatPassword)}`"
</q-input>
:label="$t('reg.repeatPassword')">
<template v-slot:prepend>
<q-icon name="vpn_key"/>
</template>
<div align="center">
<q-btn rounded size="lg" color="primary" @click="submit" :disable="$v.$error">
{{$t('reset.update_password')}}
</q-btn>
</q-input>
<div class="q-my-sm"></div>
<div align="center">
<q-btn rounded size="lg" color="primary" type="submit" :disable="v$.$error">
{{ $t('reset.update_password') }}
</q-btn>
</div>
</div>
</div>
<div v-else>
<q-banner
rounded
class="bg-primary text-white"
style="text-align: center;">
<span class="mybanner">{{ $t('reset.email_sent') }}</span>
</q-banner>
<br>
<div>
{{ $t('reset.check_email') }}
</div>
</div>
</div>
<div v-else>
<q-banner
rounded
class="bg-primary text-white"
style="text-align: center;">
<span class="mybanner">{{ $t('reset.email_sent')}}</span>
</q-banner>
<br>
<div>
{{ $t('reset.check_email')}}
</div>
</div>
</form>
</div>
</template>
@@ -77,5 +86,5 @@
</script>
<style lang="scss" scoped>
@import './updatepassword';
@import './updatepassword';
</style>