config logo (#63)

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": [

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>

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;
+        }
     }
 }

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)}`;
+    }
 }