import { Component, Input } from '../decorators'
import fallbackImageBase64Url from './default-background-img.b64'


@Component({
	selector: 'mflySiteHeader',
	template: require('./site-header.component.html'),
	transclude: true,
})
export default class SiteHeaderController {

	@Input() backgroundImageUrl: string
	@Input() fallbackText: string
	@Input() hasStaticPositioning: boolean
	@Input() hideHeaderImages: boolean
	@Input() hideLogoImage: boolean
	@Input() hideNavBar: boolean
	@Input() logoImageUrl: string

	protected showFallbackText = false

	protected logoImageFailed() {
		this.showFallbackText = true
		this.hideLogoImage = true
	}

	protected backgroundImageFailed() {
		this.backgroundImageUrl = fallbackImageBase64Url
	}
}