Suzana Dirla 8d8ab1e682 [ADF-3358][ADF-3359][ADF-3360] Logo link and tooltip and hex colors (#3648)
* [ADF-3358] link on logo

* [ADF-3358] test link on logo

* [ADF-3360] tooltip on logo

* [ADF-3360] update logo docs

* [ADF-3359] allow hex color codes for the background color

* [ADF-3358] better name for property
2018-08-14 15:42:41 +01:00

45 lines
1.4 KiB
TypeScript

/*!
* @license
* Copyright 2016 Alfresco Software, Ltd.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import { Component, Input, Output, EventEmitter, ViewEncapsulation, OnInit } from '@angular/core';
@Component({
selector: 'adf-layout-header',
templateUrl: './header.component.html',
encapsulation: ViewEncapsulation.None,
host: { class: 'adf-layout-header' }
})
export class HeaderLayoutComponent implements OnInit {
@Input() title: string;
@Input() logo: string;
@Input() redirectUrl: string | any[] = '/';
@Input() tooltip: string;
@Input() color: string;
@Input() showSidenavToggle: boolean = true;
@Output() clicked = new EventEmitter<any>();
toggleMenu() {
this.clicked.emit(true);
}
ngOnInit() {
if (!this.logo) {
this.logo = './assets/images/logo.png';
}
}
}