inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-05-26 17:24:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added some syle improvements

Browse Source
This commit is contained in:
Vito Albano 2016-09-23 11:35:46 +01:00
parent 9ed232df5b
commit b68e07286c
4 changed files with 56 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
ng2-components/ng2-alfresco-userinfo/src/services/bpmUser.service.ts
View File

@ -41,11 +41,8 @@ export class BPMUserService {
if ( this.authService.getAlfrescoApi().bpmAuth.isLoggedIn() ) { if ( this.authService.getAlfrescoApi().bpmAuth.isLoggedIn() ) {
return Observable.fromPromise(this.callApiGetProfile()) return Observable.fromPromise(this.callApiGetProfile())
.map( .map(
data => <BpmUserModel> data (data) => <BpmUserModel> data
) )
.do(
data => console.log('Node data', data)
) // eyeball results in the console
.catch(this.handleError); .catch(this.handleError);
} }
} }

7
ng2-components/ng2-alfresco-userinfo/src/services/ecmUser.service.ts
View File

@ -39,10 +39,9 @@ export class ECMUserService {
getUserInfo(userName: string): Observable<EcmUserModel> { getUserInfo(userName: string): Observable<EcmUserModel> {
if ( this.authService.getAlfrescoApi().ecmAuth.isLoggedIn() ) { if ( this.authService.getAlfrescoApi().ecmAuth.isLoggedIn() ) {
return Observable.fromPromise(this.callApiGetPersonInfo(userName)) return Observable.fromPromise(this.callApiGetPersonInfo(userName))
.map( data => <EcmUserModel> data['entry']) .map(
.do( (data) => <EcmUserModel> data['entry']
data => console.log('Node data', data['entry']) )
) // eyeball results in the console
.catch(this.handleError); .catch(this.handleError);
} }
} }

3
ng2-components/ng2-alfresco-userinfo/src/userinfo.component.css
View File

@ -17,6 +17,7 @@
} }
.user-profile-list-mdl{ .user-profile-list-mdl{
max-height: 250px; max-height: 450px;
width: 400px; width: 400px;
overflow: auto;
} }

68
ng2-components/ng2-alfresco-userinfo/src/userinfo.component.html
View File

@ -13,44 +13,76 @@
<ul class='detail-user-profile-list-mdl mdl-list'> <ul class='detail-user-profile-list-mdl mdl-list'>
<div *ngIf="ecmUser"> <div *ngIf="ecmUser">
<li class="mdl-list__item"> <li class="mdl-list__item">
<span class="mdl-list__item-primary-content"> ECM </span> <span class="mdl-list__item-primary-content" style="color: rgb(255,152,0);"> ECM </span>
</li> </li>
<li class="mdl-list__item mdl-list__item-two-line"> <li class="mdl-list__item mdl-list__item-two-line">
<span class="mdl-list__item-secondary-content">First Name : </span> <span class="mdl-list__item-secondary-content">
<span class="mdl-list__item-secondary-content"> {{ecmUser.firstName}}</span> <strong> First Name : </strong>
</span>
<span class="mdl-list__item-secondary-content">
<i>{{ecmUser.firstName}}</i>
</span>
</li> </li>
<li class="mdl-list__item mdl-list__item-two-line"> <li class="mdl-list__item mdl-list__item-two-line">
<span class="mdl-list__item-secondary-content">Last Name : </span> <span class="mdl-list__item-secondary-content">
<span class="mdl-list__item-secondary-content">{{ecmUser.lastName}}</span> <strong>Last Name :</strong>
</span>
<span class="mdl-list__item-secondary-content">
<i>{{ecmUser.lastName}}</i>
</span>
</li> </li>
<li class="mdl-list__item mdl-list__item-two-line"> <li class="mdl-list__item mdl-list__item-two-line">
<span class="mdl-list__item-secondary-content">Email : </span> <span class="mdl-list__item-secondary-content">
<span class="mdl-list__item-secondary-content"> {{ecmUser.email}}</span> <strong>Email : </strong>
</span>
<span class="mdl-list__item-secondary-content">
<i>{{ecmUser.email}}</i>
</span>
</li> </li>
<li class="mdl-list__item mdl-list__item-two-line"> <li class="mdl-list__item mdl-list__item-two-line">
<span class="mdl-list__item-secondary-content">Job Title : </span> <span class="mdl-list__item-secondary-content">
<span class="mdl-list__item-secondary-content"> {{ecmUser.jobTitle}}</span> <strong> Job Title : </strong>
</span>
<span class="mdl-list__item-secondary-content">
<i> {{ecmUser.jobTitle}}</i>
</span>
</li> </li>
</div> </div>
<div *ngIf="bpmUser"> <div *ngIf="bpmUser">
<li class="mdl-list__item"> <li class="mdl-list__item">
<span class="mdl-list__item-primary-content"> BPM </span> <span class="mdl-list__item-primary-content" style="color: rgb(255,152,0);"> BPM </span>
</li> </li>
<li class="mdl-list__item mdl-list__item-two-line"> <li class="mdl-list__item mdl-list__item-two-line">
<span class="mdl-list__item-secondary-content">First Name : </span> <span class="mdl-list__item-secondary-content">
<span class="mdl-list__item-secondary-content"> {{bpmUser.firstName}}</span> <strong>First Name : </strong>
</span>
<span class="mdl-list__item-secondary-content">
<i>{{bpmUser.firstName}}</i>
</span>
</li> </li>
<li class="mdl-list__item mdl-list__item-two-line"> <li class="mdl-list__item mdl-list__item-two-line">
<span class="mdl-list__item-secondary-content">Last Name : </span> <span class="mdl-list__item-secondary-content">
<span class="mdl-list__item-secondary-content">{{bpmUser.lastName}}</span> <strong>Last Name : </strong>
</span>
<span class="mdl-list__item-secondary-content">
<i>{{bpmUser.lastName}}</i>
</span>
</li> </li>
<li class="mdl-list__item mdl-list__item-two-line"> <li class="mdl-list__item mdl-list__item-two-line">
<span class="mdl-list__item-secondary-content">Email : </span> <span class="mdl-list__item-secondary-content">
<span class="mdl-list__item-secondary-content"> {{bpmUser.email}}</span> <strong>Email : </strong>
</span>
<span class="mdl-list__item-secondary-content">
<i>{{bpmUser.email}}</i>
</span>
</li> </li>
<li class="mdl-list__item mdl-list__item-two-line"> <li class="mdl-list__item mdl-list__item-two-line">
<span class="mdl-list__item-secondary-content">Tenant Name : </span> <span class="mdl-list__item-secondary-content">
<span class="mdl-list__item-secondary-content"> {{bpmUser.tenantName}}</span> <strong>Tenant Name : </strong>
</span>
<span class="mdl-list__item-secondary-content">
<i>{{bpmUser.tenantName}}</i>
</span>
</li> </li>
</div> </div>
</ul> </ul>