Differential D2518 Diff 7216 src/resources/vue/Login.vue

Changeset View

Standalone View

src/resources/vue/Login.vue

	<template>			<template>
	<div class="container d-flex flex-column align-items-center justify-content-center">			<div class="container d-flex flex-column align-items-center justify-content-center">
	<div id="logon-form" class="card col-sm-8 col-lg-6">			<div id="logon-form" class="card col-sm-8 col-lg-6">
	<div class="card-body">			<div class="card-body">
	<h1 class="card-title text-center mb-3">{{ $t('login.header') }}</h1>			<h1 class="card-title text-center mb-3">{{ $t('login.header') }}</h1>
	<div class="card-text">			<div class="card-text">
	<form class="form-signin" @submit.prevent="submitLogin">			<form class="form-signin" @submit.prevent="submitLogin">
	<div class="form-group">			<div class="form-group">
	<label for="inputEmail" class="sr-only">{{ $t('login.email') }}</label>			<label for="inputEmail" class="sr-only">{{ $t('form.email') }}</label>
	<div class="input-group">			<div class="input-group">
	<span class="input-group-prepend">			<span class="input-group-prepend">
	<span class="input-group-text"><svg-icon icon="user"></svg-icon></span>			<span class="input-group-text"><svg-icon icon="user"></svg-icon></span>
	</span>			</span>
	<input type="email" id="inputEmail" class="form-control" :placeholder="$t('login.email')" required autofocus v-model="email">			<input type="email" id="inputEmail" class="form-control" :placeholder="$t('form.email')" required autofocus v-model="email">
	</div>			</div>
	</div>			</div>
	<div class="form-group">			<div class="form-group">
	<label for="inputPassword" class="sr-only">{{ $t('login.password') }}</label>			<label for="inputPassword" class="sr-only">{{ $t('form.password') }}</label>
	<div class="input-group">			<div class="input-group">
	<span class="input-group-prepend">			<span class="input-group-prepend">
	<span class="input-group-text"><svg-icon icon="lock"></svg-icon></span>			<span class="input-group-text"><svg-icon icon="lock"></svg-icon></span>
	</span>			</span>
	<input type="password" id="inputPassword" class="form-control" :placeholder="$t('login.password')" required v-model="password">			<input type="password" id="inputPassword" class="form-control" :placeholder="$t('form.password')" required v-model="password">
	</div>			</div>
	</div>			</div>
	<div class="form-group pt-3" v-if="!$root.isAdmin">			<div class="form-group pt-3" v-if="!$root.isAdmin">
	<label for="secondfactor" class="sr-only">{{ $t('login.2fa') }}</label>			<label for="secondfactor" class="sr-only">{{ $t('login.2fa') }}</label>
	<div class="input-group">			<div class="input-group">
	<span class="input-group-prepend">			<span class="input-group-prepend">
	<span class="input-group-text"><svg-icon icon="key"></svg-icon></span>			<span class="input-group-text"><svg-icon icon="key"></svg-icon></span>
	</span>			</span>
	▲ Show 20 Lines • Show All 50 Lines • Show Last 20 Lines