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, 77 insertions, 23 deletions
diff --git a/src/components/login_form/login_form.vue b/src/components/login_form/login_form.vue index 27a8e48a..015b961d 100644 --- a/src/components/login_form/login_form.vue +++ b/src/components/login_form/login_form.vue @@ -2,42 +2,96 @@ <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'" 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')"> + <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')" + > </div> - <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 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> - <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 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> </div> </form> - <form v-if="loginMethod == 'token'" v-on:submit.prevent='oAuthLogin' class="login-form"> + <form + v-if="loginMethod == 'token'" + class="login-form" + @submit.prevent="oAuthLogin" + > <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 :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 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> </div> </form> - - <div v-if="authError" class='form-group'> - <div class='alert error'> - {{authError}} - <i class="button-icon icon-cancel" @click="clearError"></i> + + <div + v-if="authError" + class="form-group" + > + <div class="alert error"> + {{ authError }} + <i + class="button-icon icon-cancel" + @click="clearError" + /> </div> </div> </div> |
