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. 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"> <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> </ul>
</nav> </nav>
</nav> </nav>
@ -134,66 +134,75 @@
<!-- Home Page ---> <!-- Home Page --->
<div class="cards-pf" id="welcomeScreen"> <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="container-fluid container-cards-pf">
<div class="row row-cards-pf"> <div class="row row-cards-pf">
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3"> <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 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"> <div class="card-pf-top-element">
<span class="fa pficon-user card-pf-icon-circle"></span> <span class="fa pficon-user card-pf-icon-circle"></span>
</div> </div>
<h2 class="card-pf-title text-center"> <h2>
Personal Info Personal Info
</h2> </h2>
<h3 class="card-pf-info text-center"> <p>Manage your basic information: <br>your name, email</p>
<a href="${baseUrl}/#/account">Account</a> <hr/>
</h3> <h3><a href="${baseUrl}/#/account">Personal Info</a></h3>
</div> </div>
</div> </div>
</div> </div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3"> <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 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"> <div class="card-pf-top-element">
<span class="fa fa-shield card-pf-icon-circle"></span> <span class="fa fa-shield card-pf-icon-circle"></span>
</div> </div>
<h2 class="card-pf-title text-center"> <h2>
Account Security Account Security
</h2> </h2>
<h3 class="card-pf-info text-center"> <p>Control your password and account access</p>
More stuff goes here <hr/>
</h3> <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>
</div> </div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3"> <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 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"> <div class="card-pf-top-element">
<span class="fa fa-th card-pf-icon-circle"></span> <span class="fa fa-th card-pf-icon-circle"></span>
</div> </div>
<h2 class="card-pf-title text-center"> <h2>
Applications Applications
</h2> </h2>
<h3 class="card-pf-info text-center"> <p>Track and manage your app permission to access your account</p>
More stuff goes here <hr/>
</h3> <h3><a href="${baseUrl}/#/account">Applications</a></h3>
</div> </div>
</div> </div>
</div> </div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3"> <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 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"> <div class="card-pf-top-element">
<span class="fa pficon-repository card-pf-icon-circle"></span> <span class="fa pficon-repository card-pf-icon-circle"></span>
</div> </div>
<h2 class="card-pf-title text-center"> <h2>
My Resources My Resources
</h2> </h2>
<h3 class="card-pf-info text-center"> <p>Share your resources among team members</p>
More stuff goes here <hr/>
</h3> <h3><a href="${baseUrl}/#/account">Resources</a></h3>
</div> </div>
</div> </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 parent=base
deprecatedMode=false deprecatedMode=false
styles=styles.css