import { AfterViewInit, Component, ElementRef, Input, OnChanges, OnInit,  SimpleChanges, ViewChild } from '@angular/core';
import { Constants } from '../../models/constants';

@Component({
  selector: 'fss-logon-wrapper',
  templateUrl: './logon-wrapper.component.html',
  styleUrls: ['./logon-wrapper.component.scss']
})
export class LogonWrapperComponent implements  OnInit, AfterViewInit, OnChanges{
  @Input() isMobile = false;
  @Input() isPortrait = false;
  @Input() url?: string;

  @ViewChild('logo') fullPageDiv?: ElementRef;

  constructor() { }

  ngOnInit(): void {
  }

  ngOnChanges(changes: SimpleChanges): void {
    for (const propName in changes) {
      if (changes.hasOwnProperty(propName)) {
        switch (propName) {
          case 'url':
            this.setLogonUrl();
        }
      }
    }
  }

  ngAfterViewInit(): void {
    this.setLogonUrl();
  }

  setLogonUrl(): void {
    if (!this.isMobile) {
      
      let tempUrl =  Constants.DefaultLogonImageUrl;
      if (this.url != undefined && this.url != '') {
         tempUrl = `url(${this.url}?${new Date().getTime()})`;
      }

      if (this.fullPageDiv) {
        this.fullPageDiv.nativeElement.style.backgroundImage = tempUrl;
      }      
    }
  }
}