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

config logo (#63)

Browse Source
This commit is contained in:
Cilibiu Bogdan 2017-11-18 22:27:35 +02:00 committed by Denys Vuika
parent 31bf8ac7aa
commit fd685a6591
4 changed files with 19 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/app.config.json
View File

@ -4,6 +4,7 @@
"name": "Alfresco Example Content Application", "name": "Alfresco Example Content Application",
"build": "1234" "build": "1234"
}, },
"logo": "alfresco-logo-white.svg",
"languagePicker": false, "languagePicker": false,
"document-list": { "document-list": {
"supportedPageSizes": [ "supportedPageSizes": [

7
src/app/components/header/header.component.html
View File

@ -1,9 +1,10 @@
<adf-toolbar class="app-menu"> <adf-toolbar class="app-menu">
<adf-toolbar-title> <adf-toolbar-title>
<a <a class="app-menu__title"
class="app-menu__title"
title="{{ appName }}" title="{{ appName }}"
[routerLink]="[ '/' ]">{{ appName }}</a> [routerLink]="[ '/' ]">
<img [src]="logo" alt="{{ appName }}" />
</a>
</adf-toolbar-title> </adf-toolbar-title>
<app-search></app-search> <app-search></app-search>

23
src/app/components/header/header.component.scss
View File

@ -31,21 +31,14 @@
.app-menu__title { .app-menu__title {
width: 100px; width: 100px;
height: $app-menu-height; height: $app-menu-height;
margin-left: 5px;
display: flex;
justify-content: center;
align-items: stretch;
line-height: 54px; &> img {
text-decoration: none; width: 100%;
text-indent: -9999px; object-fit: contain;
}
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;
} }
} }

6
src/app/components/header/header.component.ts
View File

@ -25,10 +25,16 @@ import { AppConfigService } from 'ng2-alfresco-core';
encapsulation: ViewEncapsulation.None encapsulation: ViewEncapsulation.None
}) })
export class HeaderComponent { export class HeaderComponent {
static ASSETS_PATH = '/assets/images/';
static DEFAULT_LOGO = 'alfresco-logo-white.svg';
constructor(private appConfig: AppConfigService) {} constructor(private appConfig: AppConfigService) {}
get appName(): string { get appName(): string {
return <string>this.appConfig.get('application.name'); return <string>this.appConfig.get('application.name');
} }
get logo() {
return `${HeaderComponent.ASSETS_PATH}${this.appConfig.get('logo', HeaderComponent.DEFAULT_LOGO)}`;
}
} }