Commit 48136bfd authored by jbuechele's avatar jbuechele
Browse files

fixed some ui issues, added bootstrap.js

parent 2eb8d326
<#import "template.ftl" as layout>
<@layout.registrationLayout displayMessage=false; section>
<#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("errorTitleHtml")?no_esc}</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>
<ul>
<div id="kc-error-message">
<#if client?? && client.baseUrl?has_content>
<p><a id="backToApplication" href="${client.baseUrl}">${msg("backToApplication")?no_esc}</a></p>
</#if>
<#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("errorTitleHtml")?no_esc}</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>
<ul>
<div id="kc-error-message">
<#if client?? && client.baseUrl?has_content>
<p>
<a id="backToApplication" href="${client.baseUrl}">${msg("backToApplication")?no_esc}</a>
</p>
</#if>
</div>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
</#if>
</section>
</#if>
</@layout.registrationLayout>
\ No newline at end of file
<#import "template.ftl" as layout>
<@layout.registrationLayout displayInfo=true; section>
<#if section = "title">
${msg("loginTotpTitle")}
<#elseif section = "header">
${msg("loginTotpTitle")}
<#elseif section = "form">
<#if section="form">
<section class="h-100">
<div class="container h-100">
<div class="row justify-content-md-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("loginTotpTitle")}</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>
<ol id="kc-totp-settings">
<li>
<p>${msg("loginTotpStep1")}</p>
<ul id="kc-totp-supported-apps">
<#list totp.policy.supportedApplications as app>
<li>${app}</li>
</#list>
</ul>
</li>
<ol id="kc-totp-settings">
<li>
<p>${msg("loginTotpStep1")}</p>
<#if mode?? && mode="manual">
<li>
<p>${msg("loginTotpManualStep2")}</p>
<p>
<span id="kc-totp-secret-key">${totp.totpSecretEncoded}</span>
</p>
<p>
<a href="${totp.qrUrl}" id="mode-barcode">${msg("loginTotpScanBarcode")}</a>
</p>
</li>
<li>
<p>${msg("loginTotpManualStep3")}</p>
<ul>
<li id="kc-totp-type">${msg("loginTotpType")}: ${msg("loginTotp." + totp.policy.type)}</li>
<li id="kc-totp-algorithm">${msg("loginTotpAlgorithm")}: ${totp.policy.algorithm}</li>
<li id="kc-totp-digits">${msg("loginTotpDigits")}: ${totp.policy.digits}</li>
<li id="kc-totp-period">${msg("loginTotpInterval")}: ${totp.policy.period}</li>
</ul>
</li>
<#else>
<li>
<p>${msg("loginTotpStep2")}</p>
<img id="kc-totp-secret-qr-code" src="data:image/png;base64, ${totp.totpSecretQrCode}" alt="Figure: Barcode">
<br/>
<p>
<a href="${totp.manualUrl}" id="mode-manual">${msg("loginTotpUnableToScan")}</a>
</p>
</li>
</#if>
<li>
<p>${msg("loginTotpStep3")}</p>
</li>
</ol>
<ul id="kc-totp-supported-apps">
<#list totp.policy.supportedApplications as app>
<li>${app}</li>
</#list>
</ul>
</li>
<form action="${url.loginAction}" id="kc-totp-settings-form" method="post">
<div class="${properties.kcFormGroupClass!}">
<div class="form-group">
<input type="text" id="totp" name="totp" autocomplete="off" class="form-control" />
</div>
<input type="hidden" id="totpSecret" name="totpSecret" value="${totp.totpSecret}" />
</div>
<#if mode?? && mode = "manual">
<li>
<p>${msg("loginTotpManualStep2")}</p>
<p><span id="kc-totp-secret-key">${totp.totpSecretEncoded}</span></p>
<p><a href="${totp.qrUrl}" id="mode-barcode">${msg("loginTotpScanBarcode")}</a></p>
</li>
<li>
<p>${msg("loginTotpManualStep3")}</p>
<ul>
<li id="kc-totp-type">${msg("loginTotpType")}: ${msg("loginTotp." + totp.policy.type)}</li>
<li id="kc-totp-algorithm">${msg("loginTotpAlgorithm")}: ${totp.policy.algorithm}</li>
<li id="kc-totp-digits">${msg("loginTotpDigits")}: ${totp.policy.digits}</li>
<li id="kc-totp-period">${msg("loginTotpInterval")}: ${totp.policy.period}</li>
</ul>
</li>
<#else>
<li>
<p>${msg("loginTotpStep2")}</p>
<img id="kc-totp-secret-qr-code" src="data:image/png;base64, ${totp.totpSecretQrCode}" alt="Figure: Barcode"><br/>
<p><a href="${totp.manualUrl}" id="mode-manual">${msg("loginTotpUnableToScan")}</a></p>
</li>
</#if>
<li>
<p>${msg("loginTotpStep3")}</p>
</li>
</ol>
<form action="${url.loginAction}" class="${properties.kcFormClass!}" id="kc-totp-settings-form" method="post">
<div class="${properties.kcFormGroupClass!}">
<div class="${properties.kcInputWrapperClass!}">
<input type="text" id="totp" name="totp" autocomplete="off" class="${properties.kcInputClass!}" />
<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>
</div>
<input type="hidden" id="totpSecret" name="totpSecret" value="${totp.totpSecret}" />
</div>
<input class="${properties.kcButtonClass!} ${properties.kcButtonPrimaryClass!} ${properties.kcButtonLargeClass!}" type="submit" value="${msg("doSubmit")}"/>
</form>
</#if>
</section>
</#if>
</@layout.registrationLayout>
<#import "template.ftl" as layout>
<@layout.registrationLayout bodyClass="oauth"; section>
<#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("oauthGrantRequest")}</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>
<ul>
<#if oauth.claimsRequested??>
<li>
<span>
${msg("personalInfo")}&nbsp;
<#list oauth.claimsRequested as claim>
${advancedMsg(claim)}<#if claim_has_next>,&nbsp;</#if>
</#list>
</span>
</li>
</#if>
<#if oauth.accessRequestMessage??>
<li>
<span>
${oauth.accessRequestMessage}
</span>
</li>
</#if>
<#if oauth.realmRolesRequested??>
<#list oauth.realmRolesRequested as role>
<li>
<span><#if role.description??>${advancedMsg(role.description)}<#else>${advancedMsg(role.name)}</#if></span>
</li>
</#list>
</#if>
<#if oauth.resourceRolesRequested??>
<#list oauth.resourceRolesRequested?keys as resource>
<#list oauth.resourceRolesRequested[resource] as clientRole>
<li>
<span class="kc-role"><#if clientRole.roleDescription??>${advancedMsg(clientRole.roleDescription)}<#else>${advancedMsg(clientRole.roleName)}</#if></span>
<span class="kc-resource">${msg("inResource")} <strong><#if clientRole.clientName??>${advancedMsg(clientRole.clientName)}<#else>${clientRole.clientId}</#if></strong> </span>
</li>
</#list>
</#list>
</#if>
</ul>
<form class="form-actions" action="${url.oauthAction}" method="POST">
<input type="hidden" name="code" value="${oauth.code}">
<div class="${properties.kcFormGroupClass!}">
<div id="kc-form-options" class="${properties.kcFormOptionsClass!}">
<div class="${properties.kcFormOptionsWrapperClass!}">
</div>
<#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("oauthGrantRequest")}</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>
<ul>
<#if oauth.claimsRequested??>
<li>
<span>
${msg("personalInfo")}&nbsp;
<#list oauth.claimsRequested as claim>
${advancedMsg(claim)}
<#if claim_has_next>,&nbsp;</#if>
</#list>
</span>
</li>
</#if>
<#if oauth.accessRequestMessage??>
<li>
<span>
${oauth.accessRequestMessage}
</span>
</li>
</#if>
<#if oauth.realmRolesRequested??>
<#list oauth.realmRolesRequested as role>
<li>
<span>
<#if role.description??>${advancedMsg(role.description)}
<#else>${advancedMsg(role.name)}</#if>
</span>
</li>
</#list>
</#if>
<#if oauth.resourceRolesRequested??>
<#list oauth.resourceRolesRequested?keys as resource>
<#list oauth.resourceRolesRequested[resource] as clientRole>
<li>
<span class="kc-role">
<#if clientRole.roleDescription??>${advancedMsg(clientRole.roleDescription)}
<#else>${advancedMsg(clientRole.roleName)}</#if>
</span>
<span class="kc-resource">${msg("inResource")}
<strong>
<#if clientRole.clientName??>${advancedMsg(clientRole.clientName)}
<#else>${clientRole.clientId}</#if>
</strong>
</span>
</li>
</#list>
</#list>
</#if>
</ul>
<form class="form-actions" action="${url.oauthAction}" method="POST">
<input type="hidden" name="code" value="${oauth.code}">
<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!}">
<div class="${properties.kcFormButtonsWrapperClass!}">
<input class="btn btn-primary" name="accept" id="kc-login" type="submit" value="${msg("doYes")}"/>
<input class="btn btn-secondary" name="cancel" id="kc-cancel" type="submit" value="${msg("doNo")}"/>
<div id="kc-form-buttons" class="${properties.kcFormButtonsClass!}">
<div class="${properties.kcFormButtonsWrapperClass!}">
<input class="btn btn-primary" name="accept" id="kc-login" type="submit" value="${msg(" doYes ")}"/>
<input class="btn btn-secondary" name="cancel" id="kc-cancel" type="submit" value="${msg(" doNo ")}"/>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
</#if>
</div>
</div>
</section>
</#if>
</@layout.registrationLayout>
\ No newline at end of file
<#import "template.ftl" as layout>
<@layout.registrationLayout; section>
<#if section = "title">
${msg("pageExpiredTitle")}
<#elseif section = "header">
${msg("pageExpiredTitle")}
<#elseif section = "form">
<p id="instruction1" class="instruction">
${msg("pageExpiredMsg1")} <a id="loginRestartLink" href="${url.loginRestartFlowUrl}">${msg("doClickHere")}</a> .
${msg("pageExpiredMsg2")} <a id="loginContinueLink" href="${url.loginAction}">${msg("doClickHere")}</a> .
</p>
</#if>
<#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"></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>
<p id="instruction1" class="instruction">
${msg("pageExpiredMsg1")}
<a id="loginRestartLink" href="${url.loginRestartFlowUrl}">${msg("doClickHere")}</a> . ${msg("pageExpiredMsg2")}
<a id="loginContinueLink" href="${url.loginAction}">${msg("doClickHere")}</a> .
</p>
</div>
</div>
</div>
</div>
</div>
</section>
</#if>
</@layout.registrationLayout>
\ No newline at end of file
<#import "template.ftl" as layout>
<@layout.registrationLayout displayInfo=true; section>
<#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">Forgot Password</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="username">E-Mail Address</label>
<input id="username" type="email" class="form-control" name="username" value="" required autofocus>
<div class="form-text text-muted">
By clicking "Reset Password" we will send a password reset link
</div>
</div>
<#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">Forgot Password</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 no-margin">
<button type="submit" class="btn btn-primary btn-block btn-main-action">
Reset Password
</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
</#if>
<div class="form-group">
<label for="username">E-Mail Address</label>
<input id="username" type="email" class="form-control" name="username" value="" required autofocus>
<div class="form-text text-muted">
By clicking "Reset Password" we will send a password reset link
</div>
</div>
<div class="form-group no-margin">
<button type="submit" class="btn btn-primary btn-block btn-main-action">
Reset Password
</button>