Advertisement
Guest User

Código del problema

a guest
Mar 12th, 2017
167
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.22 KB | None | 0 0
  1. // template.html
  2. <div class="error_page">
  3. <div class="error-top">
  4. <div class="login">
  5. <p>
  6. <img src="/static/logo.png" alt="">
  7. </p>
  8. <!-- <h3 class="inner-tittle t-inner">Bienvenido</h3> -->
  9. <form @submit.prevent="login()">
  10. <bootstrap-messages :message="$store.state.messages.message"></bootstrap-messages>
  11. <input type="password" placeholder="Contraseña" v-model="user.pass">
  12. <div class="submit">
  13. <input type="submit" value="Entrar" :disabled="error">
  14. </div>
  15. <div class="clearfix"></div>
  16.  
  17. <div class="new">
  18. <p>
  19. <a href="#" :click.prevent="resetAccount()">
  20. Iniciar con otra cuenta
  21. </a>
  22. </p>
  23. <p>
  24. <router-link to="forget">
  25. Olvide mi contraseña
  26. </router-link>
  27. </p>
  28. <div class="clearfix"></div>
  29. </div>
  30. </form>
  31. </div>
  32. </div>
  33. </div>
  34. </div>
  35. // script.js
  36. import { mapMutations } from 'vuex'
  37. import Auth from '../../helpers/auth'
  38. import Router from 'vue-router'
  39.  
  40. export default {
  41. data () {
  42. return {
  43. user: null,
  44. error: true
  45. }
  46. },
  47. watch: {
  48. 'user.pass': function (val) {
  49. if (!+val || val.length < 6) {
  50. this.error = true
  51. } else {
  52. this.error = false
  53. }
  54. }
  55. },
  56. methods: {
  57. ...mapMutations([
  58. 'showMessage',
  59. 'errorMessage'
  60. ]),
  61. login: function () {
  62. this.showMessage('<i class="fa fa-spin fa-spinner"></i> Autenticando, por favor espere...')
  63. Auth.login(this.uid, this.pass, this.successRequest, this.errorRequest)
  64. },
  65. successRequest: function (response) {
  66. this.$router.push('/')
  67. },
  68. errorRequest: function (error) {
  69. this.errorMessage(error)
  70. },
  71. resetAccount: function () {
  72. this.$router.push({path: '/welcome'})
  73. window.localStorage.removeItem('account')
  74. }
  75. },
  76. created: function () {
  77. this.user = Auth.getAccount()
  78. this.user.pass = ''
  79. }
  80. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement