Need a unique gift idea?
A Pastebin account makes a great Christmas gift
SHARE
TWEET

Untitled

a guest Dec 5th, 2018 159 Never
Upgrade to PRO!
ENDING IN00days00hours00mins00secs
 
  1. <template lang="pug">
  2. div(class="card text-white bg-dark my-4")
  3.   h5(class="card-header bg-warning text-dark") Информация о пользователе
  4.   div(class="card-body")
  5.     div(v-if="!me")
  6.       center
  7.         button(class="btn btn-primary btn-warning" data-toggle="modal" data-target="#Auth") Аутентификация
  8.     div(v-else)
  9.       div(class="card  mb-4")
  10.         a(:href="'/users/'+me._id" )
  11.           img(:src="me.avaUrl" :alt="'User'+me._id+'_Avatar'" class="mx-auto d-block MeIcon")
  12.       div(class="card-body")
  13.         a(:href="'/users/'+me._id" )
  14.           h2(class="card-title") {{me.login}}
  15.         p(class="card-text") {{me.bio}}
  16.         form(action="#" v-on:submit.prevent="logout")
  17.           input(type="submit" class="btn btn-primary btn-warning" value="Выйти")
  18.   div(class="modal  fade" id="Auth" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden= "true")
  19.     div(class="modal-dialog  modal-dialog-centered" role="document")
  20.       div(class="modal-content text-white bg-dark")
  21.         div(class="modal-header bg-warning text-dark")
  22.           center
  23.             h5(class="modal-title" id="exampleModalLongTitle") Добро пожаловать!
  24.         div(class="modal-body")
  25.           form(action="#" v-on:submit.prevent="login" method="POST")
  26.             div(class="form-group")
  27.               h4
  28.                 label(for="UserLogin") Логин
  29.               input(type="text" v-model="username" class="form-control" id="UserLogin" name="username"  placeholder="Введите логин" required)
  30.             div(class="form-group")
  31.               h4
  32.                 label(for="Password") Пароль
  33.               input(type="password" v-model="password" class="form-control" id="Password" name="password" placeholder="Введите пароль")
  34.             button(type="submit"  id="logInBatton" class="btn btn-primary btn-warning") Войти!
  35.         div(class="modal-footer")
  36.           h6 У вас всё ещё нет аккаунта? Тогда зарегистрируйтесь прямо сейчас!
  37.           a(class="btn btn-primary btn-warning" href="/auth/auth" data-dismiss="modal" ) Регистрация
  38.           router-link(class="btn btn-primary btn-warning" active-class="is-active" class="link" :to="{ name: 'register' }" data-dismiss="modal") Регистрация
  39. </template>
  40.  
  41. <script>
  42.     export default {
  43.         name: "AuthBlock",
  44.         mounted() {
  45.             console.log('AuthBlock mounted!');
  46.         },
  47.         data() {
  48.             return {
  49.                 username: '',
  50.                 password: ''
  51.             }
  52.         },
  53.         computed: {
  54.             me() {
  55.                 console.log('get me ', this.$store.getters.me)
  56.                 return this.$store.getters.me
  57.             }
  58.         },
  59.         methods: {
  60.             login() {
  61.                 this.$store.dispatch('retrieveToken', {
  62.                     username: this.username,
  63.                     password: this.password,
  64.                 })
  65.                     .then(response => {
  66.                         $("#Auth").modal("hide");
  67.                         this.$router.push({name:'home'});
  68.                     })
  69.             },
  70.             logout() {
  71.                 console.log('LOGOUT');
  72.                 this.$store.dispatch('destroyToken')
  73.                     .then(response => {
  74.                         this.$router.push({ name: 'home' });
  75.                     })
  76.             }
  77.         }
  78.     }
  79. </script>
  80.  
  81. <style scoped>
  82. </style>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top