diff options
Diffstat (limited to 'src/components/login_form/login_form.vue')
| -rw-r--r-- | src/components/login_form/login_form.vue | 100 |
1 files changed, 23 insertions, 77 deletions
diff --git a/src/components/login_form/login_form.vue b/src/components/login_form/login_form.vue index 015b961d..27a8e48a 100644 --- a/src/components/login_form/login_form.vue +++ b/src/components/login_form/login_form.vue @@ -2,96 +2,42 @@ <div class="login panel panel-default"> <!-- Default panel contents --> <div class="panel-heading"> - {{ $t('login.login') }} + {{$t('login.login')}} </div> <div class="panel-body"> - <form - v-if="loginMethod == 'password'" - class="login-form" - @submit.prevent="submit(user)" - > - <div class="form-group"> - <label for="username">{{ $t('login.username') }}</label> - <input - id="username" - v-model="user.username" - :disabled="loggingIn" - class="form-control" - :placeholder="$t('login.placeholder')" - > + <form v-if="loginMethod == 'password'" v-on:submit.prevent='submit(user)' class='login-form'> + <div class='form-group'> + <label for='username'>{{$t('login.username')}}</label> + <input :disabled="loggingIn" v-model='user.username' class='form-control' id='username' v-bind:placeholder="$t('login.placeholder')"> </div> - <div class="form-group"> - <label for="password">{{ $t('login.password') }}</label> - <input - id="password" - v-model="user.password" - :disabled="loggingIn" - class="form-control" - type="password" - > + <div class='form-group'> + <label for='password'>{{$t('login.password')}}</label> + <input :disabled="loggingIn" v-model='user.password' class='form-control' id='password' type='password'> </div> - <div class="form-group"> - <div class="login-bottom"> - <div> - <router-link - v-if="registrationOpen" - :to="{name: 'registration'}" - class="register" - > - {{ $t('login.register') }} - </router-link> - </div> - <button - :disabled="loggingIn" - type="submit" - class="btn btn-default" - > - {{ $t('login.login') }} - </button> + <div class='form-group'> + <div class='login-bottom'> + <div><router-link :to="{name: 'registration'}" v-if='registrationOpen' class='register'>{{$t('login.register')}}</router-link></div> + <button :disabled="loggingIn" type='submit' class='btn btn-default'>{{$t('login.login')}}</button> </div> </div> </form> - <form - v-if="loginMethod == 'token'" - class="login-form" - @submit.prevent="oAuthLogin" - > + <form v-if="loginMethod == 'token'" v-on:submit.prevent='oAuthLogin' class="login-form"> <div class="form-group"> - <p>{{ $t('login.description') }}</p> + <p>{{$t('login.description')}}</p> </div> - <div class="form-group"> - <div class="login-bottom"> - <div> - <router-link - v-if="registrationOpen" - :to="{name: 'registration'}" - class="register" - > - {{ $t('login.register') }} - </router-link> - </div> - <button - :disabled="loggingIn" - type="submit" - class="btn btn-default" - > - {{ $t('login.login') }} - </button> + <div class='form-group'> + <div class='login-bottom'> + <div><router-link :to="{name: 'registration'}" v-if='registrationOpen' class='register'>{{$t('login.register')}}</router-link></div> + <button :disabled="loggingIn" type='submit' class='btn btn-default'>{{$t('login.login')}}</button> </div> </div> </form> - - <div - v-if="authError" - class="form-group" - > - <div class="alert error"> - {{ authError }} - <i - class="button-icon icon-cancel" - @click="clearError" - /> + + <div v-if="authError" class='form-group'> + <div class='alert error'> + {{authError}} + <i class="button-icon icon-cancel" @click="clearError"></i> </div> </div> </div> |
