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

Altra conversione in Typescript , partendo da un progetto di esempio funzionante... 2

Browse Source
This commit is contained in:
paolo
2018-11-02 23:22:16 +01:00
parent 899e412949
commit 444dfc3384
15 changed files with 148 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Header.vue
View File

@@ -57,7 +57,7 @@
import drawer from '../layouts/drawer/drawer.vue'
import messagePopover from '../layouts/toolbar/messagePopover.vue'
import user from '../store/modules/user';
// import user from '../store/modules/user';
import * as types from '../store/mutation-types'

5
src/plugins/vee-validate.js Normal file
View File

@@ -0,0 +1,5 @@
import VeeValidate from "vee-validate";
export default ({ Vue }) => {
Vue.use(VeeValidate, { inject: false })
}

4
src/router/routes.ts
View File

@@ -2,7 +2,9 @@ import { RouteConfig } from 'vue-router'
const routes: RouteConfig[] = [
{ path: '/', component: () => import('@/pages/Index.vue'), meta: { name: 'Home' } },
/* { path: '/signup', component: () => import('@/views/login/signup.vue'), meta: { name: 'Registration' } },
{ path: '/test', component: () => import('@/views/login/test.vue'), meta: { name: 'Test' } },
/*
{ path: '/signup', component: () => import('@/views/login/signup.vue'), meta: { name: 'Registration' } },
{ path: '/signin', component: () => import('@/views/login/signin.vue'), meta: { name: 'Login' } },
{ path: '/vreg', component: () => import('@/views/login/vreg.vue'), meta: { name: 'Verify Reg' } },
{

44
src/store/modules/user.ts
View File

@@ -3,7 +3,7 @@ import Vuex from 'vuex'
import { Module, VuexModule, Mutation, MutationAction, Action, getModule } from 'vuex-module-decorators'
let bcrypt = require('bcryptjs')
const bcrypt = require('bcryptjs')
import * as types from '@/store/mutation-types'
import { serv_constants } from '@/store/modules/serv_constants'
@@ -22,8 +22,8 @@ export const ErroriMongoDb = {
Vue.use(Vuex)
@Module
export default class User extends VuexModule implements IUserState { // Non occorrono i getters, basta questi qui:
@Module({ dynamic: true, store, name: 'user' })
class User extends VuexModule {
_id: IUserState['_id'] = ''
email: IUserState['email'] = ''
username: IUserState['username'] = ''
@@ -37,7 +37,7 @@ export default class User extends VuexModule implements IUserState { // Non oc
verifiedEmail: IUserState['verifiedEmail'] = false
servercode: number = 0
getlang (): any {
getlang(): any {
if (this.lang !== '') {
return this.lang
} else {
@@ -45,9 +45,9 @@ export default class User extends VuexModule implements IUserState { // Non oc
}
}
sendRequest (url: string, method: string, mydata: any) {
sendRequest(url: string, method: string, mydata: any) {
console.log('LANG ' + this.getlang())
let mytok: string = this.getTok()
const mytok: string = this.getTok()
const authHeader = new Headers()
authHeader.append('content-type', 'application/json')
@@ -65,7 +65,7 @@ export default class User extends VuexModule implements IUserState { // Non oc
}
getTok () {
getTok() {
if (this.tokens) {
if (typeof this.tokens[0] !== 'undefined') {
return this.tokens[0].token
@@ -78,22 +78,22 @@ export default class User extends VuexModule implements IUserState { // Non oc
}
@MutationAction({ mutate: [types.USER_PASSWORD] })
async setpassword (newstr: string) {
async setpassword(newstr: string) {
return { password: newstr }
}
@MutationAction({ mutate: [types.USER_EMAIL] })
async setemail (newstr: string) {
async setemail(newstr: string) {
return { email: newstr }
}
@MutationAction({ mutate: [types.USER_LANG] })
async setlang (newstr: string) {
async setlang(newstr: string) {
return { lang: newstr }
}
@Mutation
authUser (data: IUserState) {
authUser(data: IUserState) {
this.username = data.username
this.userId = data.userId
this.idToken = data.idToken
@@ -104,7 +104,7 @@ export default class User extends VuexModule implements IUserState { // Non oc
}
@Mutation
UpdatePwd (data: IIdToken) {
UpdatePwd(data: IIdToken) {
this.idToken = data.idToken
if (!this.tokens) {
this.tokens = []
@@ -113,12 +113,12 @@ export default class User extends VuexModule implements IUserState { // Non oc
}
@Mutation
setServerCode (servercode: number) {
setServerCode(servercode: number) {
this.servercode = servercode
}
@Mutation
clearAuthData (): void {
clearAuthData(): void {
this.username = ''
this.tokens = []
this.idToken = ''
@@ -127,7 +127,7 @@ export default class User extends VuexModule implements IUserState { // Non oc
}
@Action({ commit: types.USER_UPDATEPWD })
resetpwd (paramquery: IUserState) {
resetpwd(paramquery: IUserState) {
let call = process.env.MONGODB_HOST + '/updatepwd'
console.log('CALL ' + call)
@@ -172,7 +172,7 @@ export default class User extends VuexModule implements IUserState { // Non oc
}
@Action({ commit: types.USER_REQUESTRESETPWD })
requestpwd (paramquery: IUserState) {
requestpwd(paramquery: IUserState) {
let call = process.env.MONGODB_HOST + '/requestnewpwd'
console.log('CALL ' + call)
@@ -210,7 +210,7 @@ export default class User extends VuexModule implements IUserState { // Non oc
}
@Action({ commit: types.USER_VREG })
vreg (paramquery: ILinkReg) {
vreg(paramquery: ILinkReg) {
let call = process.env.MONGODB_HOST + '/vreg'
console.log('CALL ' + call)
@@ -251,7 +251,7 @@ export default class User extends VuexModule implements IUserState { // Non oc
}
@Action({ commit: types.USER_VREG })
signup (authData: IUserState) {
signup(authData: IUserState) {
let call = process.env.MONGODB_HOST + '/users'
console.log('CALL ' + call)
@@ -347,7 +347,7 @@ export default class User extends VuexModule implements IUserState { // Non oc
}
@Action({ commit: types.USER_SIGNIN })
signin (authData: IUserState) {
signin(authData: IUserState) {
let call = process.env.MONGODB_HOST + '/users/login'
console.log('LOGIN ' + call)
@@ -447,7 +447,7 @@ export default class User extends VuexModule implements IUserState { // Non oc
}
@Action({ commit: types.USER_AUTOLOGIN })
autologin () {
autologin() {
const token = localStorage.getItem('token')
if (!token) {
return
@@ -470,7 +470,7 @@ export default class User extends VuexModule implements IUserState { // Non oc
}
@Action({ commit: types.USER_LOGOUT })
logout () {
logout() {
let call = process.env.MONGODB_HOST + '/users/me/token'
console.log('CALL ' + call)
@@ -503,3 +503,5 @@ export default class User extends VuexModule implements IUserState { // Non oc
}
}
export const UserModule = getModule(User.prototype)

2
src/views/login/requestresetpwd.vue
View File

@@ -50,7 +50,7 @@
import {mapActions} from 'vuex'
import * as types from '../../store/mutation-types'
import {ErroriMongoDb} from '../../store/modules/user'
//import {ErroriMongoDb} from '../../store/modules/user'
import {serv_constants} from '../../store/modules/serv_constants';

2
src/views/login/signin.vue
View File

@@ -64,7 +64,7 @@
import {mapGetters, mapActions} from 'vuex'
import * as types from '../../store/mutation-types'
import {ErroriMongoDb} from '../../store/modules/user'
//import {ErroriMongoDb} from '../../store/modules/user'
import {serv_constants} from "../../store/modules/serv_constants";
import axios from 'axios';

3
src/views/login/signup.vue
View File

@@ -93,6 +93,7 @@
</template>
<script>
import {
required,
email,
@@ -107,7 +108,7 @@
import {mapGetters, mapActions} from 'vuex'
import * as types from '../../store/mutation-types'
import {ErroriMongoDb} from '../../store/modules/user'
//import {ErroriMongoDb} from '../../store/modules/user'
import axios from 'axios';
import {Loading, QSpinnerFacebook, QSpinnerGears} from 'quasar'

47
src/views/login/test.vue Normal file
View File

@@ -0,0 +1,47 @@
<template>
<div>
<q-page padding class="signup">
<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.email.$error"
:error-label="`${errorMsg('email', $v.form.email)}`"
>
<q-input
v-validate="'required|email'"
v-model="form.email"
:value="form.email"
@change="val => { form.email = val }"
:before="[{icon: 'mail', handler () {}}]"
@blur="$v.form.email.$touch"
:error="$v.form.email.$error"
:float-label="$t('reg.email')"
/>
</q-field>
</q-page>
</div>
</template>
<script lang="ts">
import { Component, Vue, Watch } from 'vue-property-decorator';
import { UserModule } from '@/store/modules/user';
@Component({})
export default class Login extends Vue {
form = {
email: 'prova@prova.com',
};
}
</script>

2
src/views/login/updatepassword.vue
View File

@@ -60,7 +60,7 @@
import {mapActions} from 'vuex'
import * as types from '../../store/mutation-types'
import {ErroriMongoDb} from '../../store/modules/user'
//import {ErroriMongoDb} from '../../store/modules/user'
import {serv_constants} from '../../store/modules/serv_constants';

2
src/views/login/vreg.vue
View File

@@ -32,7 +32,7 @@
import {mapActions} from 'vuex'
import * as types from '../../store/mutation-types'
import {ErroriMongoDb} from '../../store/modules/user'
//import {ErroriMongoDb} from '../../store/modules/user'
import {serv_constants} from '../../store/modules/serv_constants';