Login (1)
This commit is contained in:
paolo
@@ -27,7 +27,7 @@
|
||||
|
||||
<div class="right-itens">
|
||||
<!--<message-popover></message-popover>-->
|
||||
<label>{{ $t('msg.hello') }}</label>
|
||||
<label>{{ $t('msg.hello') }}</label> <span v-model="prova"></span> !
|
||||
</div>
|
||||
|
||||
|
||||
@@ -55,6 +55,10 @@
|
||||
import drawer from '../components/layout/drawer/drawer.vue'
|
||||
import messagePopover from '../components/layout/toolbar/messagePopover.vue'
|
||||
|
||||
import user from '../store/modules/user';
|
||||
|
||||
import {mapGetters} from 'vuex'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
drawer,
|
||||
@@ -66,8 +70,14 @@
|
||||
methods: {
|
||||
openURL,
|
||||
},
|
||||
computed: {
|
||||
...mapGetters("user", [
|
||||
'getUsername',
|
||||
]),
|
||||
},
|
||||
data: function () {
|
||||
return {
|
||||
prova: 'AA',
|
||||
selectOpLang: [
|
||||
{label: 'Italian', icon: 'fa-facebook', value: 'it'},
|
||||
{label: 'English (US)', icon: 'fa-flag-us', value: 'en-us'},
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
<img :src="photo" style='height: 80px' class="inline-block">
|
||||
<img src="../img/avatar-1.svg" id="avatar" class="inline-block">
|
||||
<div id="user-name">
|
||||
<span class="text-white"> {{ name }} </span>
|
||||
<span class="text-white"> Username: {{ getUsername }} </span>
|
||||
<hr>
|
||||
<span class="text-white"> {{ email }} </span>
|
||||
<hr>
|
||||
@@ -89,7 +89,8 @@
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
...mapGetters("glob", ['getLayoutNeeded', 'getMenuCollapse'])
|
||||
...mapGetters("glob", ['getLayoutNeeded', 'getMenuCollapse']),
|
||||
...mapGetters("user", ['getUsername'])
|
||||
},
|
||||
components: {
|
||||
menuOne,
|
||||
|
||||
@@ -38,13 +38,13 @@
|
||||
import { Platform } from 'quasar'
|
||||
export default {
|
||||
mounted () {
|
||||
this.setLayoutNeeded(false)
|
||||
this.setIsLoginPage(true)
|
||||
this.setLayoutNeeded(false);
|
||||
this.setIsLoginPage(true);
|
||||
this.startAnimation()
|
||||
},
|
||||
beforeDestroy () {
|
||||
this.setLayoutNeeded(true)
|
||||
this.setIsLoginPage(false)
|
||||
this.setLayoutNeeded(true);
|
||||
this.setIsLoginPage(false);
|
||||
},
|
||||
computed: {
|
||||
heightSize (){
|
||||
|
||||
153
src/components/views/login/signin.vue
Normal file
153
src/components/views/login/signin.vue
Normal file
@@ -0,0 +1,153 @@
|
||||
<template>
|
||||
<div>
|
||||
<q-page padding class="">
|
||||
<div class="text-center">
|
||||
<p>
|
||||
<!--<img src="../../../assets/quasar-logo-full.svg">-->
|
||||
<img :src="`../../../assets/`+`${env('LOGO_REG')}`">
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<!--Prova URL : {{env('PROVA_PAOLO')}}-->
|
||||
|
||||
<q-field
|
||||
:error="$v.form.username.$error"
|
||||
:error-label="`${errorMsg('username', $v.form.username)}`"
|
||||
>
|
||||
<q-input
|
||||
:value="form.username"
|
||||
@change="val => { form.username = val }"
|
||||
:before="[{icon: 'person', handler () {}}]"
|
||||
@blur="$v.form.username.$touch"
|
||||
:error="$v.form.username.$error"
|
||||
:float-label="$t('reg.username')"
|
||||
/>
|
||||
</q-field>
|
||||
|
||||
<q-field
|
||||
:error="$v.form.password.$error"
|
||||
:error-label="`${errorMsg('password', $v.form.password)}`"
|
||||
>
|
||||
<q-input
|
||||
v-model="form.password"
|
||||
:before="[{icon: 'vpn_key', handler () {}}]"
|
||||
@blur="$v.form.password.$touch"
|
||||
:error="$v.form.password.$error"
|
||||
:float-label="$t('reg.password')"
|
||||
/>
|
||||
</q-field>
|
||||
|
||||
<br>
|
||||
|
||||
<div align="center">
|
||||
<q-btn rounded size="lg" color="primary" @click="submit" :disable="$v.$error">{{$t('login.enter')}}
|
||||
</q-btn>
|
||||
</div>
|
||||
</q-page>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
required,
|
||||
email,
|
||||
minLength,
|
||||
maxLength,
|
||||
sameAs,
|
||||
} from 'vuelidate/lib/validators'
|
||||
|
||||
import {mapGetters, mapActions} from 'vuex'
|
||||
import * as types from '../../../store/mutation-types'
|
||||
|
||||
import {Errori_MongoDb} from '../../../store/modules/user'
|
||||
import axios from 'axios';
|
||||
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
url: process.env.VUE_APP_URL,
|
||||
form: {
|
||||
username: process.env.TEST_USERNAME,
|
||||
password: process.env.TEST_PASSWORD,
|
||||
},
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
...mapGetters("user", [
|
||||
'getUsername',
|
||||
'getPassword',
|
||||
]),
|
||||
...mapGetters("user", [
|
||||
'getUserServer',
|
||||
'getServerCode',
|
||||
]),
|
||||
env() {
|
||||
return env
|
||||
},
|
||||
},
|
||||
validations: {
|
||||
isAsync: true,
|
||||
form: {
|
||||
password: {required, minLength: minLength(8), maxLength: maxLength(20)},
|
||||
username: {
|
||||
required, minLength: minLength(6), maxLength: maxLength(20),
|
||||
},
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
...mapActions("user", {
|
||||
signin: types.USER_SIGNIN,
|
||||
}),
|
||||
errorMsg(cosa, item) {
|
||||
try {
|
||||
if (!item.$error) return '';
|
||||
if (item.$params.email && !item.email) return this.$t('reg.err.email');
|
||||
|
||||
if (!item.required) return this.$t('reg.err.required');
|
||||
if (!item.minLength) return this.$t('reg.err.atleast') + ` ${item.$params.minLength.min} ` + this.$t('reg.err.char');
|
||||
if (!item.maxLength) return this.$t('reg.err.notmore') + ` ${item.$params.maxLength.max} ` + this.$t('reg.err.char');
|
||||
return '';
|
||||
} catch (error) {
|
||||
//console.log("ERR : " + error);
|
||||
}
|
||||
},
|
||||
checkErrors(riscode) {
|
||||
//console.log("RIS = " + riscode);
|
||||
if (riscode === Errori_MongoDb.OK) {
|
||||
this.$router.push('/');
|
||||
}else if (riscode === Errori_MongoDb.ERR_LOGIN_ERRATO) {
|
||||
this.$q.notify(this.$t('login.errato'));
|
||||
this.$router.push('/signin');
|
||||
} else {
|
||||
this.$q.notify("Errore num " + riscode);
|
||||
}
|
||||
|
||||
},
|
||||
submit() {
|
||||
this.$v.form.$touch();
|
||||
|
||||
if (this.$v.form.$error) {
|
||||
this.$q.notify(this.$t('reg.err.errore_generico'));
|
||||
return
|
||||
}
|
||||
|
||||
console.log(this.form);
|
||||
this.signin(this.form)
|
||||
.then((riscode) => {
|
||||
this.checkErrors(riscode);
|
||||
if (riscode === Errori_MongoDb.OK){
|
||||
this.$router.push('/');
|
||||
}else{
|
||||
this.$router.push('/signin');
|
||||
}
|
||||
}).catch(error => {
|
||||
console.log("ERROR = " + error);
|
||||
});
|
||||
|
||||
// ...
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
@@ -125,7 +125,7 @@
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
...mapGetters("glob", [
|
||||
...mapGetters("user", [
|
||||
'getUsername',
|
||||
'getPassword',
|
||||
'getEmail',
|
||||
|
||||
Reference in New Issue
Block a user