import {Component, Input, ChangeDetectionStrategy} from '@angular/core'
import {StoreModel} from "../../models/StoreModel";

@Component({
    selector: 'td[simpleGridDataImage]',
    changeDetection: ChangeDetectionStrategy.OnPush,
    styles: [`
        i {
            cursor: pointer;
        }
    `],
    template: `
        <i (click)="onClick($event)" [ngStyle]="style" class="fa {{value}}"></i>
        <!--<i (click)="onClick($event)" style="color: {{color}}; font-size: 1.5em" class="fa {{value}}"></i>-->
         <!--<img src="{{ value }}" style="width: 40px; height: 40px"/>-->
    `
})
export class SimpleGridDataImage {
    value;
    style;
    storeModel:StoreModel;

    @Input()
    set item(i_storeModel:StoreModel) {
        this.storeModel = i_storeModel
    }

    @Input()
    set field(i_field) {
        this.value = i_field;
    }
    
    @Input()
    set color(i_color:string) {
        this.style = {
            color: i_color
        }
    }

    onClick(event){
    }

}