Skip to content

Commit

Permalink
KEYCLOAK-8093 Add IDs to HTML elements in new Account Console
Browse files Browse the repository at this point in the history
  • Loading branch information
@vmuzikar @ssilvert
vmuzikar authored and ssilvert committed Aug 22, 2018
1 parent 3dcc106 commit 653d3f4
Show file tree
Hide file tree
Showing 15 changed files with 88 additions and 88 deletions.
2 changes: 1 addition & 1 deletion themes/src/main/resources/theme/base/account/messages/messages_en.properties
View file
Original file line number Diff line number Diff line change
Expand Up @@ -260,7 +260,7 @@ authorizedProvider=Authorized Provider
authorizedProviderMessage=Authorized Providers linked with your account
identityProvider=Identity Provider
identityProviderMessage=To link your account with identity providers you have configured
socialLogin=Socail Login
socialLogin=Social Login
userDefined=User Defined
removeAccess=Remove Access
removeAccessMessage=You will need to grant access again, if you want to use this app account.
Expand Down
32 changes: 16 additions & 16 deletions themes/src/main/resources/theme/keycloak-preview/account/index.ftl
View file
Original file line number Diff line number Diff line change
Expand Up @@ -146,10 +146,10 @@
<li><button id="signInButton" style="visibility:hidden" onclick="keycloak.login();" class="btn btn-primary btn-lg btn-sign" type="button">${msg("doLogIn")}</button></li>
<#if realm.internationalizationEnabled && supportedLocales?size gt 1>
<li class="dropdown">
<a href="#0" class="dropdown-toggle nav-item-iconic" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<a href="#0" class="dropdown-toggle nav-item-iconic" id="localeDropdownBtn" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
${msg("locale_" + locale)} <span class="caret"></span>
</a>
<ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
<ul class="dropdown-menu" aria-labelledby="localeDropdownBtn" id="localeDropdownMenu">
<#list supportedLocales as locale, label>
<li><a href="${baseUrl}/?kc_locale=${locale}">${label}</a></li>
</#list>
Expand All @@ -165,12 +165,12 @@
<!-- Home Page -->
<div class="cards-pf" id="welcomeScreen">
<div class="text-center">
<div class="text-center" id="welcomeMsg">
<h1>${msg("accountManagementWelcomeMessage")}</h1>
</div>
<div class="container-fluid container-cards-pf">
<div class="row row-cards-pf">
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-3">
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-3" id="personalInfoCard">
<div class="card-pf card-pf-view card-pf-view-select card-pf-view-single-select">
<div class="card-pf-body text-center row">
<div class="card-pf-top-element col-xs-2 col-sm-12 col-md-12 col-lg-12">
Expand All @@ -179,12 +179,12 @@
<div class="card-pf-content col-xs-10 col-sm-12 col-md-12 col-lg-12">
<h2>${msg("personalInfoHtmlTitle")}</h2>
<p class="card-pf-content-intro">${msg("personalInfoIntroMessage")}</p>
<h3><a href="${baseUrl}/#/account">${msg("personalInfoHtmlTitle")}</a></h3>
<h3 id="personalInfoLink"><a href="${baseUrl}/#/account">${msg("personalInfoHtmlTitle")}</a></h3>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-3">
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-3" id="accountSecurityCard">
<div class="card-pf card-pf-view card-pf-view-select card-pf-view-single-select">
<div class="card-pf-body text-center row">
<div class="card-pf-top-element col-xs-2 col-sm-12 col-md-12 col-lg-12">
Expand All @@ -193,15 +193,15 @@
<div class="card-pf-content col-xs-10 col-sm-12 col-md-12 col-lg-12">
<h2>${msg("accountSecurityTitle")}</h2>
<p class="card-pf-content-intro">${msg("accountSecurityIntroMessage")}</p>
<h3><a href="${baseUrl}/#/password">${msg("changePasswordHtmlTitle")}</a></h3>
<h3><a href="${baseUrl}/#/authenticator">${msg("authenticatorTitle")}</a></h3>
<h3><a href="${baseUrl}/#/device-activity">${msg("deviceActivityHtmlTitle")}</a></h3>
<h3 id="linkedAccounts"><a href="${baseUrl}/#/linked-accounts">${msg("linkedAccountsHtmlTitle")}</a></h3>
<h3 id="changePasswordLink"><a href="${baseUrl}/#/password">${msg("changePasswordHtmlTitle")}</a></h3>
<h3 id="authenticatiorLink"><a href="${baseUrl}/#/authenticator">${msg("authenticatorTitle")}</a></h3>
<h3 id="deviceActivityLink"><a href="${baseUrl}/#/device-activity">${msg("deviceActivityHtmlTitle")}</a></h3>
<h3 id="linkedAccountsLink"><a href="${baseUrl}/#/linked-accounts">${msg("linkedAccountsHtmlTitle")}</a></h3>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-3">
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-3" id="applicationsCard">
<div class="card-pf card-pf-view card-pf-view-select card-pf-view-single-select">
<div class="card-pf-body text-center row">
<div class="card-pf-top-element col-xs-2 col-sm-12 col-md-12 col-lg-12">
Expand All @@ -210,12 +210,12 @@
<div class="card-pf-content col-xs-10 col-sm-12 col-md-12 col-lg-12">
<h2>${msg("applicationsHtmlTitle")}</h2>
<p class="card-pf-content-intro">${msg("applicationsIntroMessage")}</p>
<h3><a href="${baseUrl}/#/applications">${msg("applicationsHtmlTitle")}</a></h3>
<h3 id="applicationsLink"><a href="${baseUrl}/#/applications">${msg("applicationsHtmlTitle")}</a></h3>
</div>
</div>
</div>
</div>
<div id="myResources" class="col-xs-12 col-sm-4 col-md-4 col-lg-3">
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-3" id="myResourcesCard">
<div class="card-pf card-pf-view card-pf-view-select card-pf-view-single-select">
<div class="card-pf-body text-center row">
<div class="card-pf-top-element col-xs-2 col-sm-12 col-md-12 col-lg-12">
Expand All @@ -224,7 +224,7 @@
<div class="card-pf-content col-xs-10 col-sm-12 col-md-12 col-lg-12">
<h2>${msg("myResources")}</h2>
<p class="card-pf-content-intro">${msg("resourceIntroMessage")}</p>
<h3><a href="${baseUrl}/#/my-resources">${msg("myResources")}</a></h3>
<h3 id="myResourcesLink"><a href="${baseUrl}/#/my-resources">${msg("myResources")}</a></h3>
</div>
</div>
</div>
Expand All @@ -236,11 +236,11 @@
<script>
if (!features.isLinkedAccountsEnabled) {
document.getElementById("linkedAccounts").style.display='none';
document.getElementById("linkedAccountsLink").style.display='none';
}
if (!features.isMyResourcesEnabled) {
document.getElementById("myResources").style.display='none';
document.getElementById("myResourcesCard").style.display='none';
}
var winHash = window.location.hash;
Expand Down
10 changes: 5 additions & 5 deletions ...e/keycloak-preview/account/resources/app/content/account-page/account-page.component.html
View file
Original file line number Diff line number Diff line change
@@ -1,17 +1,17 @@
<div class="page-header">
<h1>{{'personalInfoHtmlTitle' | translate}}</h1>
<h1 id="pageTitle">{{'personalInfoHtmlTitle' | translate}}</h1>
</div>

<div class="col-sm-12 card-pf">
<div class="card-pf-body row">
<div class="col-sm-4 col-md-4">
<div class="card-pf-subtitle">
<div class="card-pf-subtitle" id="personalSubTitle">
{{'personalSubTitle' | translate}}
</div>
<div class="introMessage">
<div class="introMessage" id="personalSubMessage">
<p>{{'personalSubMessage' | translate}}</p>
</div>
<div class="subtitle"><span class="required">*</span> {{'requiredFields' | translate}}</div>
<div class="subtitle" id="requiredFieldMessage"><span class="required">*</span> {{'requiredFields' | translate}}</div>
</div>
<div class="col-sm-6 col-md-6">

Expand All @@ -20,7 +20,7 @@ <h1>{{'personalInfoHtmlTitle' | translate}}</h1>
<div *ngIf="!isRegistrationEmailAsUsername" class="form-group ">
<label for="username" class="control-label">{{'username' | translate}}</label><span *ngIf="isEditUserNameAllowed" class="required">*</span>
<input *ngIf="isEditUserNameAllowed" type="text" class="form-control" required ngModel id="username" name="username" value="{{username}}" >
<div class="non-edit" *ngIf="!isEditUserNameAllowed">{{ username }}</div>
<div class="non-edit" *ngIf="!isEditUserNameAllowed" id="username">{{ username }}</div>
</div>

<div class="form-group ">
Expand Down
20 changes: 10 additions & 10 deletions ...-preview/account/resources/app/content/applications-page/applications-page.component.html
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<div class="page-header">
<h1>{{'applicationsHtmlTitle' | translate}}</h1>
<h1 id="pageTitle">{{'applicationsHtmlTitle' | translate}}</h1>
</div>

<!--The new application HTML code-->
Expand All @@ -10,7 +10,7 @@ <h1>{{'applicationsHtmlTitle' | translate}}</h1>
<div id="toolbar-application-mobile">
<h2>
<span class="fa fa-angle-right"></span>
<a href="javascript:void(0)">Filter</a>
<a href="javascript:void(0)" id="showFilterBtn">Filter</a>
</h2>
</div>
<div id="toolbar-application">
Expand All @@ -19,8 +19,8 @@ <h2>
<label class="sr-only" for="filter">{{'applicaitonName' | translate}}</label>
<div class="input-group">
<div class="input-group-btn">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Name <span class="caret"></span></button>
<ul class="dropdown-menu">
<button type="button" id="filterDropdownBtn" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Name <span class="caret"></span></button>
<ul class="dropdown-menu" id="filterDropdownMenu">
<li class="selected"><a href="#">{{'applicaitonName' | translate}}</a></li>
<li><a href="#">{{'applicaitonType' | translate}}</a></li>
</ul>
Expand All @@ -30,8 +30,8 @@ <h2>
</div>
<div class="form-group">
<div class="dropdown btn-group">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{'applicaitonType' | translate}} <span class="caret"></span></button>
<ul class="dropdown-menu">
<button type="button" id="appTypeDropdownBtn" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{'applicaitonType' | translate}} <span class="caret"></span></button>
<ul class="dropdown-menu" id="appTypeDropdownMenu">
<li class="selected"><a href="#">{{'allApps' | translate}}</a></li>
<li><a href="#">{{'internalApps' | translate}}</a></li>
<li><a href="#">{{'thirdpartyApps' | translate}}</a></li>
Expand All @@ -44,9 +44,9 @@ <h2>
</form>
<div class="row toolbar-pf-results">
<div class="col-sm-12">
<h5>40 {{'appResults' | translate}}</h5>
<h5><span id="appResults">40</span> {{'appResults' | translate}}</h5>
<p>{{'activeFilters' | translate}}</p>
<ul class="list-inline">
<ul class="list-inline" id="activeFiltersList">
<li>
<span class="label label-info">
{{'applicaitonName' | translate}}: nameofthething
Expand All @@ -66,15 +66,15 @@ <h5>40 {{'appResults' | translate}}</h5>
</span>
</li>
</ul>
<p><a href="#">{{'clearAllFilter' | translate}}</a></p>
<p><a href="#" id="clearAllFilters">{{'clearAllFilter' | translate}}</a></p>
</div>
</div>
</div>
</div>
</div>


<div class="list-group list-view-pf list-view-pf-view">
<div class="list-group list-view-pf list-view-pf-view" id="appResultList">
<div class="list-group-item">
<div class="list-group-item-header">
<div class="list-view-pf-expand">
Expand Down
16 changes: 8 additions & 8 deletions ...review/account/resources/app/content/authenticator-page/authenticator-page.component.html
View file
Original file line number Diff line number Diff line change
@@ -1,10 +1,10 @@
<div class="page-header">
<h1>{{'authenticatorTitle' | translate}}</h1>
<h1 id="pageTitle">{{'authenticatorTitle' | translate}}</h1>
</div>

<div class="col-sm-12 card-pf">
<div class="card-pf-body p-b">
<span class="label label-default m-r">OFF</span>
<span class="label label-default m-r" id="authenticatorStatus">OFF</span>
<!-- <span class="label label-primary m-r">ON</span> -->
{{'authenticatorStatusMessage' | translate}} off
</div>
Expand All @@ -13,15 +13,15 @@ <h1>{{'authenticatorTitle' | translate}}</h1>
<div class="col-sm-12 card-pf">
<div class="card-pf-body row">
<div class="col-sm-4 col-md-4">
<div class="card-pf-subtitle">
<div class="card-pf-subtitle" id="authenticatorFinishSetUpTitle">
{{'authenticatorFinishSetUpTitle' | translate}}
</div>
<div class="introMessage">
<div class="introMessage" id="authenticatorFinishSetUpMessage">
<p>{{'authenticatorFinishSetUpMessage' | translate}}</p>
</div>
</div>
<div class="col-sm-8 col-md-8">
<div class="list-pf list-pf-stacked list-authenticator">
<div class="list-pf list-pf-stacked list-authenticator" id="authenticatorFinishList">
<div class="list-authenticator-item">
<div class="list-pf-container">
<div class="list-pf-content list-pf-content-flex ">
Expand Down Expand Up @@ -63,15 +63,15 @@ <h1>{{'authenticatorTitle' | translate}}</h1>
<div class="col-sm-12 card-pf">
<div class="card-pf-body row">
<div class="col-sm-4 col-md-4">
<div class="card-pf-subtitle">
<div class="card-pf-subtitle" id="authenticatorSubTitle">
{{'authenticatorSubTitle' | translate}}
</div>
<div class="introMessage">
<div class="introMessage" id="authenticatorSubMessage">
<p>{{'authenticatorSubMessage' | translate}}</p>
</div>
</div>
<div class="col-sm-8 col-md-8">
<div class="list-pf list-pf-stacked list-authenticator">
<div class="list-pf list-pf-stacked list-authenticator" id="authenticatorList">
<div class="list-authenticator-item">
<div class="list-pf-container">
<div class="list-pf-content list-pf-content-flex">
Expand Down
20 changes: 10 additions & 10 deletions ...ew/account/resources/app/content/authenticator-page/backup-code-setup-page.component.html
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<ol class="breadcrumb">
<ol class="breadcrumb" id="breadcrumbs">
<li>{{'accountSecurityTitle' | translate}}</li>
<li>
<a href="#">{{'authenticatorTitle' | translate}}</a>
Expand All @@ -9,23 +9,23 @@
<div class="col-sm-12 card-pf ">
<div class="card-pf-body row">
<div class="col-sm-12 col-md-4">
<div class="card-pf-subtitle">
<div class="card-pf-subtitle" id="authenticatorBackupCodesSetupTitle">
{{'authenticatorBackupCodesSetupTitle' | translate}}
</div>
<div class="introMessage">
<div class="introMessage" id="backupcodesIntroMessage">
<p>{{'backupcodesIntroMessage' | translate}}</p>
</div>
</div>
<div class="col-sm-12 col-md-8">
<div class="backup-codes-box">
<div class="backup-codes-box-header">
<div class="header-text">
<b>{{'realmName' | translate}}:</b> Admin
<b>{{'realmName' | translate}}:</b> <span id="realmName">Admin</span>
</div>
</div>
<!--Backup Codes Box Header-->
<div class="backup-codes-box-body">
<ol class="backup-codes-list">
<ol class="backup-codes-list" id="backupCodesList">
<li>7890 7327</li>
<li>0000 7347</li>
<li>7890 1227</li>
Expand All @@ -43,9 +43,9 @@
</div>
<!--Backup Codes Box Body-->
<div class="top-margin-m">
<button type="button" class="btn btn-default">{{'doDownload' | translate}}</button>
<button type="button" class="btn btn-default">{{'doPrint' | translate}}</button>
<button type="button" class="btn btn-default">{{'doCopy' | translate}}</button>
<button type="button" class="btn btn-default" id="backupCodesDownloadBtn">{{'doDownload' | translate}}</button>
<button type="button" class="btn btn-default" id="backupCodesPrintBtn">{{'doPrint' | translate}}</button>
<button type="button" class="btn btn-default" id="backupCodesCopyBtn">{{'doCopy' | translate}}</button>
</div>
<!--Buttons Group-->
<div class="top-margin-m">
Expand All @@ -56,11 +56,11 @@
</div>
<!--Annotations-->
<hr>
<button type="button" class="btn btn-default">{{'generateNewBackupCodes' | translate}}</button>
<button type="button" class="btn btn-default" id="generateNewBackupCodesBtn">{{'generateNewBackupCodes' | translate}}</button>
<div class="generate-annotation">
{{'backupCodesTips-3' | translate}}
</div>
<div class="top-margin-m">
<a href="">&lt; {{'backtoAuthenticatorPage' | translate}}</a>
<a href="" id="backtoAuthenticatorPage">&lt; {{'backtoAuthenticatorPage' | translate}}</a>
</div>
</div>
Loading

0 comments on commit 653d3f4

Please sign in to comment.