27 lines
772 B
TypeScript
27 lines
772 B
TypeScript
|
import { Component, ElementRef, Input, OnChanges, SimpleChanges, ViewChild } from '@angular/core';
|
||
|
|
import { nextTick } from 'process';
|
||
|
|
|
||
|
|
@Component({
|
||
|
|
selector: 'app-pool-logo',
|
||
|
|
templateUrl: './pool-logo.component.html',
|
||
|
|
styleUrls: ['./pool-logo.component.scss']
|
||
|
|
})
|
||
|
|
export class PoolLogoComponent implements OnChanges{
|
||
|
|
@Input() pool: { slug: string, name: string };
|
||
|
|
@Input() width: number = 15;
|
||
|
|
@Input() height: number = 15;
|
||
|
|
|
||
|
|
@ViewChild('poolImg') img: ElementRef<HTMLImageElement>;
|
||
|
|
|
||
|
|
ngOnChanges(changes: SimpleChanges): void {
|
||
|
|
if (changes.pool) {
|
||
|
|
if (this.img?.nativeElement) {
|
||
|
|
this.img.nativeElement.style.opacity = '0';
|
||
|
|
setTimeout(() => {
|
||
|
|
this.img.nativeElement.style.opacity = '1';
|
||
|
|
}, 50);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|