[ACA-1440] use ADF Header component (#508)

* [ACA-1440] use ADF HEADER component

* moved style to theme

* removed ACA HeaderComponent

* remove aca header component theme

* Update layout.component.html

* update app header locator
This commit is contained in:
Suzana Dirla
2018-07-17 08:38:36 +03:00
committed by Cilibiu Bogdan
parent 51af2071c2
commit 5d8a9057bc
10 changed files with 53 additions and 236 deletions

View File

@@ -1,54 +0,0 @@
/*!
* @license
* Alfresco Example Content Application
*
* Copyright (C) 2005 - 2018 Alfresco Software Limited
*
* This file is part of the Alfresco Example Content Application.
* If the software was purchased under a paid Alfresco license, the terms of
* the paid license agreement will prevail. Otherwise, the software is
* provided under the following open source license terms:
*
* The Alfresco Example Content Application is free software: you can redistribute it and/or modify
* it under the terms of the GNU Lesser General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* The Alfresco Example Content Application is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Lesser General Public License for more details.
*
* You should have received a copy of the GNU Lesser General Public License
* along with Alfresco. If not, see <http://www.gnu.org/licenses/>.
*/
import { Component, Output, EventEmitter, ViewEncapsulation } from '@angular/core';
import { Store } from '@ngrx/store';
import { Observable } from 'rxjs/Rx';
import { AppStore } from '../../store/states/app.state';
import { selectHeaderColor, selectAppName, selectLogoPath } from '../../store/selectors/app.selectors';
@Component({
selector: 'aca-header',
templateUrl: './header.component.html',
encapsulation: ViewEncapsulation.None,
host: { class: 'aca-header' }
})
export class HeaderComponent {
@Output() menu: EventEmitter<any> = new EventEmitter<any>();
appName$: Observable<string>;
headerColor$: Observable<string>;
logo$: Observable<string>;
constructor(store: Store<AppStore>) {
this.headerColor$ = store.select(selectHeaderColor);
this.appName$ = store.select(selectAppName);
this.logo$ = store.select(selectLogoPath);
}
toggleMenu() {
this.menu.emit();
}
}