libre.sh/keycloak-scim
2
0
Fork 0
Code Issues 14 Pull requests Releases Packages Activity Actions 6

Fixes KEYCLOAK-6970 Update HTML for profile page (#5146)

Browse source
This commit is contained in:
June Zhang 2018-04-14 01:34:24 +08:00 committed by Stan Silvert
parent 03590f117e
commit e8a07c9a6c
3 changed files with 33 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
themes/src/main/resources/theme/base/account/messages/messages_en.properties
View file

@ -6,6 +6,7 @@ doAdd=Add
doSignOut=Sign Out
editAccountHtmlTitle=Edit Account
personalInfoHtmlTitle=Personal Info
federatedIdentitiesHtmlTitle=Federated Identities
accountLogHtmlTitle=Account Log
changePasswordHtmlTitle=Change Password
@ -207,6 +208,6 @@ locale_no=Norsk
locale_lt=Lietuvi\u0173
locale_pt-BR=Portugu\u00EAs (Brasil)
locale_ru=\u0420\u0443\u0441\u0441\u043A\u0438\u0439
locale_sk=Sloven\u010Dina
locale_sk=Sloven\u010Dina
locale_sv=Svenska
locale_zh-CN=\u4e2d\u6587\u7b80\u4f53

22
themes/src/main/resources/theme/keycloak-preview/account/resources/app/content/account-page/account-page.component.html
View file

@ -1,17 +1,8 @@
<div class="page-header">
<h1>{{'editAccountHtmlTitle' | translate}}</h1>
<h1>{{'personalInfoHtmlTitle' | translate}}</h1>
</div>
<div class="col-sm-9 content-area">
<div class="row">
<div class="col-md-10">
</div>
<div class="col-md-2 subtitle">
<span class="subtitle"><span class="required">*</span> {{'requiredFields' | translate}}</span>
</div>
<hr/>
</div>
<div class="col-sm-12 content-area">
<form #formGroup="ngForm" (ngSubmit)="saveAccount()" class="form-horizontal">
@ -20,7 +11,7 @@
<label for="username" class="control-label">{{'username' | translate}}</label><span *ngIf="isEditUserNameAllowed" class="required">*</span>
</div>
<div class="col-sm-10 col-md-10">
<div class="col-sm-6 col-md-6">
<input *ngIf="isEditUserNameAllowed" type="text" class="form-control" required ngModel id="username" name="username" value="{{username}}" >
<span *ngIf="!isEditUserNameAllowed">{{ username }}</span>
</div>
@ -31,7 +22,7 @@
<label for="email" class="control-label">{{'email' | translate }}</label> <span class="required">*</span>
</div>
<div class="col-sm-10 col-md-10">
<div class="col-sm-6 col-md-6">
<input type="email" class="form-control" id="email" name="email" required autofocus="" ngModel type="text">
</div>
</div>
@ -41,7 +32,7 @@
<label for="firstName" class="control-label">{{'firstName' | translate}}</label> <span class="required">*</span>
</div>
<div class="col-sm-10 col-md-10">
<div class="col-sm-6 col-md-6">
<input class="form-control" id="firstName" required name="firstName" ngModel type="text">
</div>
</div>
@ -51,7 +42,7 @@
<label for="lastName" class="control-label">{{'lastName' | translate}}</label> <span class="required">*</span>
</div>
<div class="col-sm-10 col-md-10">
<div class="col-sm-6 col-md-6">
<input class="form-control" id="lastName" required name="lastName" ngModel type="text">
</div>
</div>
@ -65,4 +56,5 @@
</div>
</form>
<div class="subtitle"><span class="required">*</span> {{'requiredFields' | translate}}</div>
</div>

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

@ -15,3 +15,27 @@ p.description {
.btn-sign {
margin-top: 10px;
}
.layout-pf-alt.layout-pf-alt-fixed .container-pf-alt-nav-pf-vertical-alt {
margin-left: 210px;
}
.content-area {
padding: 30px 30px 20px;
background: #ffffff;
font-size: 13px;
}
/* personal Info Style */
.subtitle {
color: #4d5258;
font-size: 12px;
}
.content-area .required{
color: #cc0000;
}
.page-header {
border-bottom: 0;
}