hamlab/mobilizon-frontend
2
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Lint JS files

Browse Source 
Signed-off-by: Thomas Citharel <tcit@tcit.fr>
This commit is contained in:
Thomas Citharel
2019-03-22 10:57:14 +01:00
parent e319735ab9
commit b698eb470f
27 changed files with 237 additions and 243 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
js/src/views/User/Login.vue
View File

@@ -53,29 +53,29 @@
</template>
<script lang="ts">
import { Component, Prop, Vue } from "vue-property-decorator";
import { LOGIN } from "@/graphql/auth";
import { validateEmailField, validateRequiredField } from "@/utils/validators";
import { saveUserData } from "@/utils/auth";
import { ILogin } from "@/types/login.model";
import { UPDATE_CURRENT_USER_CLIENT } from "@/graphql/user";
import { onLogin } from "@/vue-apollo";
import { RouteName } from '@/router'
import { Component, Prop, Vue } from 'vue-property-decorator';
import { LOGIN } from '@/graphql/auth';
import { validateEmailField, validateRequiredField } from '@/utils/validators';
import { saveUserData } from '@/utils/auth';
import { ILogin } from '@/types/login.model';
import { UPDATE_CURRENT_USER_CLIENT } from '@/graphql/user';
import { onLogin } from '@/vue-apollo';
import { RouteName } from '@/router';
@Component
export default class Login extends Vue {
@Prop({ type: String, required: false, default: "" }) email!: string;
@Prop({ type: String, required: false, default: "" }) password!: string;
@Prop({ type: String, required: false, default: '' }) email!: string;
@Prop({ type: String, required: false, default: '' }) password!: string;
credentials = {
email: "",
password: ""
email: '',
password: '',
};
validationSent = false;
errors: string[] = [];
rules = {
required: validateRequiredField,
email: validateEmailField
email: validateEmailField,
};
user: any;
@@ -99,8 +99,8 @@ export default class Login extends Vue {
mutation: LOGIN,
variables: {
email: this.credentials.email,
password: this.credentials.password
}
password: this.credentials.password,
},
});
saveUserData(result.data.login);
@@ -109,8 +109,8 @@ export default class Login extends Vue {
mutation: UPDATE_CURRENT_USER_CLIENT,
variables: {
id: result.data.login.user.id,
email: this.credentials.email
}
email: this.credentials.email,
},
});
onLogin(this.$apollo);

28
js/src/views/User/PasswordReset.vue
View File

@@ -35,28 +35,28 @@
</template>
<script lang="ts">
import { Component, Prop, Vue } from "vue-property-decorator";
import { validateRequiredField } from "@/utils/validators";
import { RESET_PASSWORD } from "@/graphql/auth";
import { saveUserData } from "@/utils/auth";
import { ILogin } from "@/types/login.model";
import { RouteName } from '@/router'
import { Component, Prop, Vue } from 'vue-property-decorator';
import { validateRequiredField } from '@/utils/validators';
import { RESET_PASSWORD } from '@/graphql/auth';
import { saveUserData } from '@/utils/auth';
import { ILogin } from '@/types/login.model';
import { RouteName } from '@/router';
@Component
export default class PasswordReset extends Vue {
@Prop({ type: String, required: true }) token!: string;
credentials = {
password: "",
password_confirmation: ""
password: '',
password_confirmation: '',
} as { password: string; password_confirmation: string };
errors: string[] = [];
rules = {
password_length: value =>
value.length > 6 || "Password must be at least 6 characters long",
password_length: (value: string) =>
value.length > 6 || 'Password must be at least 6 characters long',
required: validateRequiredField,
password_equal: value =>
value === this.credentials.password || "Passwords must be the same"
password_equal: (value: string) =>
value === this.credentials.password || 'Passwords must be the same',
};
get samePasswords() {
@@ -75,8 +75,8 @@ export default class PasswordReset extends Vue {
mutation: RESET_PASSWORD,
variables: {
password: this.credentials.password,
token: this.token
}
token: this.token,
},
});
saveUserData(result.data.resetPassword);

20
js/src/views/User/Register.vue
View File

@@ -108,19 +108,19 @@
</template>
<script lang="ts">
import { CREATE_USER } from "@/graphql/user";
import { Component, Prop, Vue } from "vue-property-decorator";
import { UserRouteName } from '@/router/user'
import { CREATE_USER } from '@/graphql/user';
import { Component, Prop, Vue } from 'vue-property-decorator';
import { UserRouteName } from '@/router/user';
@Component
export default class Register extends Vue {
@Prop({ type: String, required: false, default: "" }) email!: string;
@Prop({ type: String, required: false, default: "" }) password!: string;
@Prop({ type: String, required: false, default: '' }) email!: string;
@Prop({ type: String, required: false, default: '' }) password!: string;
credentials = {
email: this.email,
password: this.password
}
password: this.password,
};
errors: object = {};
sendingValidation: boolean = false;
validationSent: boolean = false;
@@ -132,21 +132,21 @@ export default class Register extends Vue {
await this.$apollo.mutate({
mutation: CREATE_USER,
variables: this.credentials
variables: this.credentials,
});
this.validationSent = true;
this.$router.push({
name: UserRouteName.REGISTER_PROFILE,
params: { email: this.credentials.email }
params: { email: this.credentials.email },
});
} catch (error) {
console.error(error);
this.errors = error.graphQLErrors.reduce((acc, error) => {
acc[error.details] = error.message;
return acc;
}, {});
}, {});
console.log(this.errors);
}
}

20
js/src/views/User/ResendConfirmation.vue
View File

@@ -27,28 +27,28 @@
</template>
<script lang="ts">
import { Component, Prop, Vue } from "vue-property-decorator";
import { validateEmailField, validateRequiredField } from "@/utils/validators";
import { RESEND_CONFIRMATION_EMAIL } from "@/graphql/auth";
import { Component, Prop, Vue } from 'vue-property-decorator';
import { validateEmailField, validateRequiredField } from '@/utils/validators';
import { RESEND_CONFIRMATION_EMAIL } from '@/graphql/auth';
@Component
export default class ResendConfirmation extends Vue {
@Prop({ type: String, required: false, default: "" }) email!: string;
@Prop({ type: String, required: false, default: '' }) email!: string;
credentials = {
email: ""
email: '',
};
validationSent = false;
error = false;
state = {
email: {
status: null,
msg: ""
}
msg: '',
},
};
rules = {
required: validateRequiredField,
email: validateEmailField
email: validateEmailField,
};
mounted() {
@@ -63,8 +63,8 @@ export default class ResendConfirmation extends Vue {
await this.$apollo.mutate({
mutation: RESEND_CONFIRMATION_EMAIL,
variables: {
email: this.credentials.email
}
email: this.credentials.email,
},
});
} catch (err) {
console.error(err);

24
js/src/views/User/SendPasswordReset.vue
View File

@@ -28,29 +28,29 @@
</template>
<script lang="ts">
import { Component, Prop, Vue } from "vue-property-decorator";
import { validateEmailField, validateRequiredField } from "@/utils/validators";
import { SEND_RESET_PASSWORD } from "@/graphql/auth";
import { Component, Prop, Vue } from 'vue-property-decorator';
import { validateEmailField, validateRequiredField } from '@/utils/validators';
import { SEND_RESET_PASSWORD } from '@/graphql/auth';
@Component
export default class SendPasswordReset extends Vue {
@Prop({ type: String, required: false, default: "" }) email!: string;
@Prop({ type: String, required: false, default: '' }) email!: string;
credentials = {
email: ""
email: '',
} as { email: string };
validationSent: boolean = false;
errors: string[] = [];
state = {
email: {
status: null,
msg: ""
} as { status: boolean | null; msg: string }
msg: '',
} as { status: boolean | null; msg: string },
};
rules = {
required: validateRequiredField,
email: validateEmailField
email: validateEmailField,
};
mounted() {
@@ -64,8 +64,8 @@ export default class SendPasswordReset extends Vue {
await this.$apollo.mutate({
mutation: SEND_RESET_PASSWORD,
variables: {
email: this.credentials.email
}
email: this.credentials.email,
},
});
this.validationSent = true;
@@ -81,8 +81,8 @@ export default class SendPasswordReset extends Vue {
this.state = {
email: {
status: null,
msg: ""
}
msg: '',
},
};
}
}

14
js/src/views/User/Validate.vue
View File

@@ -17,11 +17,11 @@
</template>
<script lang="ts">
import { VALIDATE_USER } from "@/graphql/user";
import { Component, Prop, Vue } from "vue-property-decorator";
import { AUTH_TOKEN, AUTH_USER_ID } from "@/constants";
import { RouteName } from '@/router'
import { UserRouteName } from '@/router/user'
import { VALIDATE_USER } from '@/graphql/user';
import { Component, Prop, Vue } from 'vue-property-decorator';
import { AUTH_TOKEN, AUTH_USER_ID } from '@/constants';
import { RouteName } from '@/router';
import { UserRouteName } from '@/router/user';
@Component
export default class Validate extends Vue {
@@ -39,8 +39,8 @@ export default class Validate extends Vue {
const { data } = await this.$apollo.mutate({
mutation: VALIDATE_USER,
variables: {
token: this.token
}
token: this.token,
},
});
this.saveUserData(data);