diff --git a/src/app/app.component.html b/src/app/app.component.html
index 8f9d440..83b6c32 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,7 +1,5 @@
Additional info
-{{UserExtra.Role}} diff --git a/src/app/people-card/people-card.component.scss b/src/app/people-card/people-card.component.scss index 9138c5a..53aa4c1 100644 --- a/src/app/people-card/people-card.component.scss +++ b/src/app/people-card/people-card.component.scss @@ -33,9 +33,7 @@ $card-width: 330px; height: 100vh; width: 100vw; - background: url("https://images.unsplash.com/photo-1447433589675-4aaa569f3e05?ixlib=rb-0.3.5&s=4222852e25e0f57d9485f7889957e99a&auto=format&fit=crop&w=2000&q=80"); background-size: cover; - background: #ccc; background-position: 0 50%; background: #DEB493; diff --git a/src/app/people-card/people-card.component.ts b/src/app/people-card/people-card.component.ts index 35d6766..539005a 100644 --- a/src/app/people-card/people-card.component.ts +++ b/src/app/people-card/people-card.component.ts @@ -40,12 +40,13 @@ export class PeopleCardComponent implements OnInit { } photoURL(): string { - if (this.contact === undefined ) { return ''; } + if (this.contact === undefined ) { return 'unknown'; } const url = this.auth.getUrl('avatar/') + this.contact.Id ; return url; } public bgPhoto(): string { + if ( !this.contact.Enabled ){ return '../../assets/img/bg/bg-disabled-card.jpg'; } @@ -59,7 +60,8 @@ export class PeopleCardComponent implements OnInit { case 'admin': return '../../assets/img/bg/bg-admin-card.jpg'; } - + // default photo + return '../../assets/img/bg/bg-disabled-card.jpg'; } public onButtonClick(): void {