// Angular Core
import { Directive, ElementRef, Input, Renderer2 } from '@angular/core';

@Directive({
  selector: '[appBackImage]',
  standalone: false
})
export class BackImageDirective {

  @Input() urlProd!: string;

  constructor(
    private elRef: ElementRef,
    private renderer: Renderer2,
  ) { 
  }

  ngOnInit(): void {
    this.renderer.setStyle(this.elRef.nativeElement, 'background-image', 'url(' + this.urlProd +')');
    this.renderer.setStyle(this.elRef.nativeElement, 'background-size', 'cover');
  };

}