Page MenuHomePhorge
Differential D2572 Diff 7258 src/resources/vue/Login.vue

Changeset View

Standalone View

View Options

src/resources/vue/Login.vue

Show All 17 Lines <div class="container d-flex flex-column align-items-center justify-content-center">
<label for="inputPassword" class="sr-only">{{ $t('form.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('form.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.isUser">
<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>
<input type="text" id="secondfactor" class="form-control rounded-right" :placeholder="$t('login.2fa')" v-model="secondFactor"> <input type="text" id="secondfactor" class="form-control rounded-right" :placeholder="$t('login.2fa')" v-model="secondFactor">
</div> </div>
<small class="form-text text-muted">{{ $t('login.2fa_desc') }}</small> <small class="form-text text-muted">{{ $t('login.2fa_desc') }}</small>
</div> </div>
<div class="text-center"> <div class="text-center">
<button class="btn btn-primary" type="submit"> <button class="btn btn-primary" type="submit">
<svg-icon icon="sign-in-alt"></svg-icon> {{ $t('login.sign_in') }} <svg-icon icon="sign-in-alt"></svg-icon> {{ $t('login.sign_in') }}
</button> </button>
</div> </div>
</form> </form>
</div> </div>
</div> </div>
</div> </div>
<div id="logon-form-footer" class="mt-1"> <div id="logon-form-footer" class="mt-1">
<router-link v-if="!$root.isAdmin && $root.hasRoute('password-reset')" :to="{ name: 'password-reset' }" id="forgot-password">{{ $t('login.forgot_password') }}</router-link> <router-link v-if="$root.isUser && $root.hasRoute('password-reset')" :to="{ name: 'password-reset' }" id="forgot-password">{{ $t('login.forgot_password') }}</router-link>
<a v-if="webmailURL && !$root.isAdmin" :href="webmailURL" id="webmail">{{ $t('login.webmail') }}</a> <a v-if="webmailURL && $root.isUser" :href="webmailURL" id="webmail">{{ $t('login.webmail') }}</a>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
props: { props: {
dashboard: { type: Boolean, default: true } dashboard: { type: Boolean, default: true }
Show All 26 Lines