Commit dc98266f authored by jbuechele's avatar jbuechele
Browse files

redesigned login update password

parent 5dc217f9
<#import "template.ftl" as layout>
<@layout.registrationLayout displayInfo=true; section>
<#if section = "title">
${msg("updatePasswordTitle")}
<#elseif section = "header">
${msg("updatePasswordTitle")}
<#elseif section = "form">
<form id="kc-passwd-update-form" class="${properties.kcFormClass!}" action="${url.loginAction}" method="post">
<input type="text" id="username" name="username" value="${username}" autocomplete="username" readonly="readonly" style="display:none;"/>
<input type="password" id="password" name="password" autocomplete="current-password" style="display:none;"/>
<#if section = "form">
<section class="h-100">
<div class="container h-100">
<div class="row justify-content-md-center align-items-center h-100">
<div class="card-wrapper">
<div class="text-center margin-bottom-30 margin-top-30">
<img src="${url.resourcesPath}/img/fairlogin_logo.png">
</div>
<div class="card fat">
<div class="card-body">
<h4 class="card-title">${msg("updatePasswordTitle")}</h4>
<#if message?has_content>
<#if message.type = 'success'>
<div class="alert alert-success" role="alert">
${message.summary?no_esc}
</div>
</#if>
<#if message.type = 'warning'>
<div class="alert alert-warning" role="alert">
${message.summary?no_esc}
</div>
</#if>
<#if message.type = 'error'>
<div class="alert alert-danger" role="alert">
${message.summary?no_esc}
</div>
</#if>
<#if message.type = 'info'>
<div class="alert alert-info" role="alert">
${message.summary?no_esc}
</div>
</#if>
</#if>
<form action="${url.loginAction}" method="post">
<div class="form-group">
<label for="password-new">${msg("passwordNew")}</label>
<input id="password-new" type="password" class="form-control" name="password-new" value="" required autofocus>
</div>
<div class="${properties.kcFormGroupClass!}">
<div class="${properties.kcLabelWrapperClass!}">
<label for="password-new" class="${properties.kcLabelClass!}">${msg("passwordNew")}</label>
</div>
<div class="${properties.kcInputWrapperClass!}">
<input type="password" id="password-new" name="password-new" class="${properties.kcInputClass!}" autofocus autocomplete="new-password" />
</div>
</div>
<div class="form-group">
<label for="password-confirm">${msg("passwordConfirm")}</label>
<input id="password-confirm" type="password" class="form-control" name="password-confirm" value="" required autofocus>
</div>
<div class="${properties.kcFormGroupClass!}">
<div class="${properties.kcLabelWrapperClass!}">
<label for="password-confirm" class="${properties.kcLabelClass!}">${msg("passwordConfirm")}</label>
</div>
<div class="${properties.kcInputWrapperClass!}">
<input type="password" id="password-confirm" name="password-confirm" class="${properties.kcInputClass!}" autocomplete="new-password" />
</div>
</div>
<div class="${properties.kcFormGroupClass!}">
<div id="kc-form-options" class="${properties.kcFormOptionsClass!}">
<div class="${properties.kcFormOptionsWrapperClass!}">
</div>
</div>
<div id="kc-form-buttons" class="${properties.kcFormButtonsClass!}">
<input class="${properties.kcButtonClass!} ${properties.kcButtonPrimaryClass!} ${properties.kcButtonLargeClass!}" type="submit" value="${msg("doSubmit")}"/>
</div>
</div>
</form>
<div class="form-group no-margin">
<button type="submit" class="btn btn-primary btn-block btn-main-action">
${msg("doSubmit")}
</button>
</div>
</form>
</div>
</div>
<div class="footer">
Copyright &copy; 2017 &mdash; Your Company
</div>
</div>
</div>
</div>
</section>
</#if>
</@layout.registrationLayout>
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment