libre.sh/keycloak-scim
4
0
Fork 0
Code Issues 15 Pull requests Releases 1 Activity Actions

Fixes KEYCLOAK-6969 Update the welcome page (#5105)

Browse source
This commit is contained in:
June Zhang 2018-04-01 01:33:12 +08:00 committed by Stan Silvert
parent 5cae1bb134
commit 7280234422
3 changed files with 59 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

53
themes/src/main/resources/theme/keycloak-preview/account/index.ftl
View file

@ -125,7 +125,7 @@
we are unable to localize the button's message. Not sure what to do about that yet.
-->
<ul class="nav navbar-nav navbar-right navbar-iconic">
<li><button id="signInButton" style="visibility:hidden" onclick="keycloak.login();" class="btn btn-primary btn-lg" type="button">Sign In</button></li>
<li><button id="signInButton" style="visibility:hidden" onclick="keycloak.login();" class="btn btn-primary btn-lg btn-sign" type="button">Log In</button></li>
</ul>
</nav>
</nav>
@ -134,66 +134,75 @@
<!-- Home Page --->
<div class="cards-pf" id="welcomeScreen">
<div><h1 class="text-center">Welcome to Keycloak Account Management</h1></div>
<div class="text-center">
<h1>Welcome to Keycloak Account Management</h1>
<p class="description">Through the account management console users can manage their own accounts. They can update the profile, change passwords, and setup two-factor authentication.</p>
</div>
<div class="container-fluid container-cards-pf">
<div class="row row-cards-pf">
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
<div class="card-pf card-pf-view card-pf-view-select card-pf-view-single-select">
<div class="card-pf-body">
<div class="card-pf-body text-center">
<div class="card-pf-top-element">
<span class="fa pficon-user card-pf-icon-circle"></span>
</div>
<h2 class="card-pf-title text-center">
<h2>
Personal Info
</h2>
<h3 class="card-pf-info text-center">
<a href="${baseUrl}/#/account">Account</a>
</h3>
<p>Manage your basic information: <br>your name, email</p>
<hr/>
<h3><a href="${baseUrl}/#/account">Personal Info</a></h3>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
<div class="card-pf card-pf-view card-pf-view-select card-pf-view-single-select">
<div class="card-pf-body">
<div class="card-pf-body text-center">
<div class="card-pf-top-element">
<span class="fa fa-shield card-pf-icon-circle"></span>
</div>
<h2 class="card-pf-title text-center">
<h2>
Account Security
</h2>
<h3 class="card-pf-info text-center">
More stuff goes here
</h3>
<p>Control your password and account access</p>
<hr/>
<h3><a href="${baseUrl}/#/account">Change password</a></h3>
<hr/>
<h3><a href="${baseUrl}/#/account">Authenticator</a></h3>
<hr/>
<h3><a href="${baseUrl}/#/account">Device activity</a></h3>
<hr/>
<h3><a href="${baseUrl}/#/account">Federated identities</a></h3>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
<div class="card-pf card-pf-view card-pf-view-select card-pf-view-single-select">
<div class="card-pf-body">
<div class="card-pf-body text-center">
<div class="card-pf-top-element">
<span class="fa fa-th card-pf-icon-circle"></span>
</div>
<h2 class="card-pf-title text-center">
<h2>
Applications
</h2>
<h3 class="card-pf-info text-center">
More stuff goes here
</h3>
<p>Track and manage your app permission to access your account</p>
<hr/>
<h3><a href="${baseUrl}/#/account">Applications</a></h3>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
<div class="card-pf card-pf-view card-pf-view-select card-pf-view-single-select">
<div class="card-pf-body">
<div class="card-pf-body text-center">
<div class="card-pf-top-element">
<span class="fa pficon-repository card-pf-icon-circle"></span>
</div>
<h2 class="card-pf-title text-center">
<h2>
My Resources
</h2>
<h3 class="card-pf-info text-center">
More stuff goes here
</h3>
<p>Share your resources among team members</p>
<hr/>
<h3><a href="${baseUrl}/#/account">Resources</a></h3>
</div>
</div>
</div>

17
themes/src/main/resources/theme/keycloak-preview/account/resources/styles.css
View file

@ -0,0 +1,17 @@
/* Welcome Page */
body {
background: #f5f5f5;
}
p.description {
font-size: 14px;
margin: 10px auto 20px;
max-width: 60%;
padding: 0 10px;
text-align: center;
}
.btn-sign {
margin-top: 10px;
}

2
themes/src/main/resources/theme/keycloak-preview/account/theme.properties
View file

@ -1,2 +1,4 @@
parent=base
deprecatedMode=false
styles=styles.css