inteligr8/alfresco-content-app
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-content-app.git synced 2025-07-31 17:38:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ACA-1430] Initial NgRx setup (#384)

Browse Source 
* initial ngrx integration, migrate header

* update header tests

* update spellcheck rules

* fix locked image path for virtual paths
This commit is contained in:
Denys Vuika
2018-06-04 08:57:50 +01:00
committed by Cilibiu Bogdan
parent c9cd7ae5c4
commit a67dd43ad6
15 changed files with 198 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -23,9 +23,11 @@
* along with Alfresco. If not, see <http://www.gnu.org/licenses/>.
*/
import { DomSanitizer } from '@angular/platform-browser';
import { Component, Output, EventEmitter, ViewEncapsulation, SecurityContext } from '@angular/core';
import { AppConfigService } from '@alfresco/adf-core';
import { Component, Output, EventEmitter, ViewEncapsulation } from '@angular/core';
import { Store } from '@ngrx/store';
import { Observable } from 'rxjs/Rx';
import { AcaState } from '../../store/states/app.state';
import { selectHeaderColor, selectAppName, selectLogoPath } from '../../store/selectors/app.selectors';
@Component({
selector: 'app-header',
@@ -36,28 +38,17 @@ import { AppConfigService } from '@alfresco/adf-core';
export class HeaderComponent {
@Output() menu: EventEmitter<any> = new EventEmitter<any>();
private defaultPath = '/assets/images/alfresco-logo-white.svg';
private defaultBackgroundColor = '#2196F3';
appName$: Observable<string>;
headerColor$: Observable<string>;
logo$: Observable<string>;
constructor(
private appConfig: AppConfigService,
private sanitizer: DomSanitizer
) {}
constructor(store: Store<AcaState>) {
this.headerColor$ = store.select(selectHeaderColor);
this.appName$ = store.select(selectAppName);
this.logo$ = store.select(selectLogoPath);
}
toggleMenu() {
this.menu.emit();
}
get appName(): string {
return <string>this.appConfig.get('application.name');
}
get logo() {
return this.appConfig.get('application.logo', this.defaultPath);
}
get backgroundColor() {
const color = this.appConfig.get('headerColor', this.defaultBackgroundColor);
return this.sanitizer.sanitize(SecurityContext.STYLE, color);
}
}