inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-31 17:38:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

added input for custom images

Browse Source
This commit is contained in:
Vito Albano
2016-11-08 16:55:23 +00:00
parent 5dd82dca25
commit 3c3306962d
2 changed files with 15 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
ng2-components/ng2-alfresco-userinfo/src/components/user-info.component.html
View File

@@ -20,7 +20,7 @@
<div class="demo-card-wide mdl-card"> <div class="demo-card-wide mdl-card">
<div class="card-title__option mdl-card__title" <div class="card-title__option mdl-card__title"
id="ecm-background-image" id="ecm-background-image"
[style.background-image]="'url(' + baseComponentPath + '/../img/orangeBanner.png)'"> [style.background-image]="'url(' + ( ecmBackgroundImage || baseComponentPath + '/../img/orangeBanner.png')+')'">
<img class="profile-picture" <img class="profile-picture"
id="ecm-user-detail-image" id="ecm-user-detail-image"
alt="ecm-profile-image" alt="ecm-profile-image"
@@ -37,7 +37,8 @@
<span id="ecm-email" class="mdl-list__item-sub-title">{{ecmUser.email}}</span> <span id="ecm-email" class="mdl-list__item-sub-title">{{ecmUser.email}}</span>
</span> </span>
<span id="ecm-job-title" class="mdl-list__item-secondary-content custom-role-style"> <span id="ecm-job-title" class="mdl-list__item-secondary-content custom-role-style">
<span class="role-label-user">{{ 'USER_PROFILE.LABELS.ECM.JOB_TITLE' | translate }}</span> <span
class="role-label-user">{{ 'USER_PROFILE.LABELS.ECM.JOB_TITLE' | translate }}</span>
{{ecmUser.jobTitle?ecmUser.jobTitle:'N/A'}} {{ecmUser.jobTitle?ecmUser.jobTitle:'N/A'}}
</span> </span>
</li> </li>
@@ -50,7 +51,7 @@
<div class="demo-card-wide mdl-card"> <div class="demo-card-wide mdl-card">
<div class="card-title__option mdl-card__title" <div class="card-title__option mdl-card__title"
id="bpm-background-image" id="bpm-background-image"
[style.background-image]="'url(' + baseComponentPath + '/../img/blueBanner.png)'"> [style.background-image]="'url(' + (bpmBackgroundImage || baseComponentPath + '/../img/blueBanner.png')+')'">
<img class="profile-picture" <img class="profile-picture"
id="bpm-user-detail-image" id="bpm-user-detail-image"
alt="bpm-profile-image" alt="bpm-profile-image"

13
ng2-components/ng2-alfresco-userinfo/src/components/user-info.component.ts
View File

@@ -15,7 +15,7 @@
* limitations under the License. * limitations under the License.
*/ */
import { Component, OnInit } from '@angular/core'; import { Component, OnInit, Input } from '@angular/core';
import { EcmUserModel } from './../models/ecm-user.model'; import { EcmUserModel } from './../models/ecm-user.model';
import { BpmUserModel } from './../models/bpm-user.model'; import { BpmUserModel } from './../models/bpm-user.model';
import { EcmUserService } from './../services/ecm-user.service'; import { EcmUserService } from './../services/ecm-user.service';
@@ -31,6 +31,15 @@ import { AlfrescoSettingsService, AlfrescoTranslationService } from 'ng2-alfresc
export class UserInfoComponent implements OnInit { export class UserInfoComponent implements OnInit {
@Input()
ecmBackgroundImage: string;
@Input()
bpmBackgroundImage: string;
@Input()
fallBackThumbnailImage: string;
private baseComponentPath = module.id.replace('components/user-info.component.js', ''); private baseComponentPath = module.id.replace('components/user-info.component.js', '');
ecmUser: EcmUserModel; ecmUser: EcmUserModel;
@@ -72,7 +81,7 @@ export class UserInfoComponent implements OnInit {
onImageLoadingError(event) { onImageLoadingError(event) {
if (event) { if (event) {
let element = <any> event.target; let element = <any> event.target;
element.src = this.anonymousImageUrl; element.src = this.fallBackThumbnailImage || this.anonymousImageUrl;
} }
} }