From fd685a6591bd84ae160fd8ade55f63d1de802f86 Mon Sep 17 00:00:00 2001
From: Cilibiu Bogdan <pionnegru@users.noreply.github.com>
Date: Sat, 18 Nov 2017 22:27:35 +0200
Subject: [PATCH] config logo (#63)

---
 src/app.config.json                           |  1 +
 .../components/header/header.component.html   |  7 +++---
 .../components/header/header.component.scss   | 23 +++++++------------
 src/app/components/header/header.component.ts |  6 +++++
 4 files changed, 19 insertions(+), 18 deletions(-)

diff --git a/src/app.config.json b/src/app.config.json
index 0c8cf252f..80383e6d4 100644
--- a/src/app.config.json
+++ b/src/app.config.json
@@ -4,6 +4,7 @@
         "name": "Alfresco Example Content Application",
         "build": "1234"
     },
+    "logo": "alfresco-logo-white.svg",
     "languagePicker": false,
     "document-list": {
         "supportedPageSizes": [
diff --git a/src/app/components/header/header.component.html b/src/app/components/header/header.component.html
index b7718e642..d6d641262 100644
--- a/src/app/components/header/header.component.html
+++ b/src/app/components/header/header.component.html
@@ -1,9 +1,10 @@
 <adf-toolbar class="app-menu">
     <adf-toolbar-title>
-        <a
-            class="app-menu__title"
+        <a class="app-menu__title"
             title="{{ appName }}"
-            [routerLink]="[ '/' ]">{{ appName }}</a>
+            [routerLink]="[ '/' ]">
+            <img [src]="logo" alt="{{ appName }}" />
+        </a>
     </adf-toolbar-title>
 
     <app-search></app-search>
diff --git a/src/app/components/header/header.component.scss b/src/app/components/header/header.component.scss
index 547f328c7..735e23a0c 100644
--- a/src/app/components/header/header.component.scss
+++ b/src/app/components/header/header.component.scss
@@ -31,21 +31,14 @@
     .app-menu__title {
         width: 100px;
         height: $app-menu-height;
+        margin-left: 5px;
+        display: flex;
+        justify-content: center;
+        align-items: stretch;
 
-        line-height: 54px;
-        text-decoration: none;
-        text-indent: -9999px;
-
-        color: inherit;
-
-        background: url('/assets/images/alfresco-logo-white.svg') no-repeat 0 50%;
-        background-size: 100% auto;
-
-        display: block;
-        position: relative;
-        font-size: 20px;
-        line-height: 1;
-        letter-spacing: .02em;
-        font-weight: 400;
+        &> img {
+            width: 100%;
+            object-fit: contain;
+        }
     }
 }
diff --git a/src/app/components/header/header.component.ts b/src/app/components/header/header.component.ts
index cc800f46d..1605eaa2a 100644
--- a/src/app/components/header/header.component.ts
+++ b/src/app/components/header/header.component.ts
@@ -25,10 +25,16 @@ import { AppConfigService } from 'ng2-alfresco-core';
     encapsulation: ViewEncapsulation.None
 })
 export class HeaderComponent {
+    static ASSETS_PATH = '/assets/images/';
+    static DEFAULT_LOGO = 'alfresco-logo-white.svg';
 
     constructor(private appConfig: AppConfigService) {}
 
     get appName(): string {
         return <string>this.appConfig.get('application.name');
     }
+
+    get logo() {
+        return `${HeaderComponent.ASSETS_PATH}${this.appConfig.get('logo', HeaderComponent.DEFAULT_LOGO)}`;
+    }
 }